/* Links */
.live{display:inline-block;margin:0 0 .8em;padding:.3em 1em;border-radius:999px;background:#fde6ea;color:#a02840;font-weight:700;font-size:.9rem}
.tiles{list-style:none;margin:1.2em 0 0;padding:16px 8px 0 0;display:flex;flex-wrap:wrap;gap:42px 30px;align-content:flex-start}
.tiles li{position:relative;width:118px;transform:rotate(var(--r,0deg))}
.tiles li:nth-child(even){margin-top:16px}
.tiles li::before{content:"";position:absolute;z-index:2;top:-15px;left:50%;width:72px;aspect-ratio:240/111;margin-left:-36px;background:var(--tape) center/100% 100% no-repeat;transform:rotate(var(--t,-4deg));pointer-events:none}
.tile{display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--ink);font-weight:700;font-size:.92rem;text-decoration:none}
.tb{width:100%;aspect-ratio:1;display:grid;place-items:center;border:2px solid #2b2a28;border-radius:16px;background:var(--f);box-shadow:6px 6px 0 #2b2a28}
.tb svg{width:48%;fill:var(--i);stroke:none}
.tile:hover .tb,.tile:focus-visible .tb{transform:translate(3px,3px);box-shadow:3px 3px 0 #2b2a28}
.tile:hover .tn,.tile:focus-visible .tn{text-decoration:underline}
.pm{z-index:3;position:absolute;right:-8px;top:-12px;padding:.1em .75em;border-radius:999px;background:#d2304c;color:#fff;font-weight:700;font-size:.72rem;box-shadow:0 0 0 2px #fff;pointer-events:none}