.play{position:relative;height:100svh;width:100%;background:#070708;color:#f4f4f5}.play__canvas,spline-viewer{display:block;width:100%;height:100svh}.play__top{position:absolute;inset:1rem 1rem auto;z-index:4;display:flex;align-items:center;gap:1rem;pointer-events:none}.play__back,.play__card-btn{pointer-events:auto}.play__back{display:inline-flex;align-items:center;border-radius:9999px;border:1px solid rgba(255,255,255,.14);background:#0c0c0eb8;backdrop-filter:blur(16px);padding:.45rem .85rem;font-size:.8rem;font-weight:600;color:#f4f4f5;text-decoration:none;transition:transform .1s ease-out,border-color .15s ease}.play__back:active{transform:scale(.97)}.play__brand{margin:0;font-size:.68rem;font-weight:600;letter-spacing:.28em;text-transform:uppercase;color:#f4f4f58c}.play__hint-inline{margin-left:auto;font-size:.7rem;color:#f4f4f573}.play__card{position:absolute;right:1.25rem;bottom:1.5rem;z-index:4;width:min(22rem,calc(100vw - 2.5rem));border-radius:1.15rem;border:1px solid rgba(255,255,255,.12);background:#0c0c0ed1;backdrop-filter:blur(20px) saturate(160%);padding:1.1rem 1.15rem 1.15rem;transform-origin:100% 100%;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(8px) scale(.97);transition:opacity .14s cubic-bezier(.23,1,.32,1),transform .14s cubic-bezier(.23,1,.32,1),visibility 0s .14s}.play__card.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1);transition:opacity .18s cubic-bezier(.23,1,.32,1),transform .18s cubic-bezier(.23,1,.32,1),visibility 0s}.play__card.is-instant{transition-duration:0ms}.play__card-cat{margin:0;font-size:.65rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#f4f4f580}.play__card-title{margin:.35rem 0 0;font-size:1.35rem;font-weight:600;letter-spacing:-.03em}.play__card-body{margin:.45rem 0 0;font-size:.84rem;line-height:1.5;color:#f4f4f5ad}.play__card-btn{margin-top:.9rem;border:0;border-radius:9999px;background:#f4f4f5;color:#111;font-size:.8rem;font-weight:600;padding:.55rem .95rem;cursor:pointer;transition:transform .1s ease-out}.play__card-btn:active{transform:scale(.97)}.play__legend{position:absolute;left:50%;bottom:1.35rem;z-index:3;transform:translate(-50%);margin:0;font-size:.72rem;color:#f4f4f566;pointer-events:none;transition:opacity .18s cubic-bezier(.23,1,.32,1)}.play__notes{position:absolute;left:1.25rem;bottom:1.35rem;z-index:3;margin:0;font-size:.72rem;letter-spacing:.04em;color:#f4f4f57a;pointer-events:none}.play__notes b{color:#d7ff45;font-weight:650}.play__notes.is-done{color:#d7ff45cc}.play__card-btn[hidden]{display:none}.play__card.is-open~.play__legend{opacity:0}.play__joy{display:none;position:absolute;left:1.25rem;bottom:1.35rem;z-index:4;width:96px;height:96px;border-radius:9999px;border:1px solid rgba(255,255,255,.12);background:#0c0c0e73;touch-action:none}.play__joy-knob{position:absolute;left:50%;top:50%;width:38px;height:38px;margin:-19px 0 0 -19px;border-radius:9999px;background:#f4f4f5d9;will-change:transform}@media (max-width: 1023px){.play__hint-inline,.play__legend{display:none}.play__notes{left:1rem;top:3.5rem;bottom:auto}.play__joy{display:block}.play__card{left:1rem;right:1rem;width:auto;bottom:8.5rem}}@media (prefers-reduced-motion: reduce){.play__card,.play__card.is-open{transform:none;transition:opacity .16s ease,visibility 0s}.play-intro,.play-intro.is-open{transform:translate(-50%,-50%)}}.play-intro{position:absolute;left:50%;top:50%;z-index:8;width:min(28rem,calc(100vw - 2rem));transform:translate(-50%,-50%) scale(.97);opacity:0;visibility:hidden;pointer-events:none;border-radius:1.2rem;border:1px solid rgba(255,255,255,.12);background:#0c0c0ee0;backdrop-filter:blur(20px) saturate(160%);padding:1.4rem 1.45rem 1.45rem;transition:opacity .18s cubic-bezier(.23,1,.32,1),transform .18s cubic-bezier(.23,1,.32,1),visibility 0s .18s}.play-intro.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,-50%) scale(1);transition:opacity .22s cubic-bezier(.23,1,.32,1),transform .22s cubic-bezier(.23,1,.32,1),visibility 0s}.play-intro__kicker{margin:0;font-size:.68rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:#d7ff45}.play-intro__title{margin:.4rem 0 0;font-family:Bebas Neue,system-ui,sans-serif;font-size:clamp(2.2rem,7vw,3.4rem);line-height:.95;letter-spacing:-.02em}.play-intro__body{margin:.7rem 0 0;font-size:.92rem;line-height:1.5;color:#f4f4f5b8}.play-intro__row{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.15rem}.play-intro__btn{display:inline-flex;border:0;border-radius:9999px;background:#f4f4f5;color:#111;font-size:.82rem;font-weight:600;padding:.58rem 1rem;text-decoration:none;cursor:pointer;transition:transform .1s ease-out}.play-intro__btn--ghost{background:transparent;color:#f4f4f5;border:1px solid rgba(255,255,255,.16)}.play-intro__btn:active{transform:scale(.97)}.play-talk{position:absolute;left:50%;bottom:1.4rem;z-index:6;width:min(36rem,calc(100vw - 2rem));transform:translate(-50%) translateY(10px);display:flex;gap:.9rem;align-items:flex-end;padding:.9rem 1rem 1rem;border-radius:1.1rem;border:1px solid rgba(255,255,255,.12);background:#0c0c0ee0;backdrop-filter:blur(20px) saturate(160%);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s cubic-bezier(.23,1,.32,1),transform .18s cubic-bezier(.23,1,.32,1),visibility 0s .18s}.play-talk.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%) translateY(0);transition:opacity .2s cubic-bezier(.23,1,.32,1),transform .2s cubic-bezier(.23,1,.32,1),visibility 0s}.play-talk__face{width:4.4rem;height:4.4rem;border-radius:.85rem;-o-object-fit:cover;object-fit:cover;flex-shrink:0;background:#1a1c16}.play-talk__body{min-width:0;flex:1}.play-talk__name{margin:0;font-size:.68rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#d7ff45}.play-talk__text{margin:.35rem 0 0;font-size:.92rem;line-height:1.45;color:#f4f4f5e0}.play-talk__btn{margin-top:.7rem;border:0;border-radius:9999px;background:#f4f4f5;color:#111;font-size:.78rem;font-weight:600;padding:.45rem .85rem;cursor:pointer}.play-talk.is-open~.play__card,.play-talk.is-open~.play__legend{opacity:0;pointer-events:none}@media (max-width: 1023px){.play-talk{bottom:8.4rem}}