.remote-host .remote-pairing-card[hidden],.remote-host.remote-pairing-connected .pad-host__room,.remote-host.remote-pairing-connected .pad-host__qr{display:none}@keyframes pad-logo-in{0%{opacity:0;filter:blur(11px)brightness(2.6)drop-shadow(0 0 34px #3ff2ffe6);transform:scale(1.55,.66)}22%{opacity:1;filter:blur(3px)brightness(1.9)drop-shadow(0 0 26px #ff4dd2cc);transform:translate(-9px)scale(1.12,1.02)}34%{filter:blur(.6px)brightness(1.45)drop-shadow(0 0 18px #3ff2ff99);transform:translate(7px)scaleX(1.03)}44%{filter:brightness(1.25)drop-shadow(0 0 14px #ff4dd273);transform:translate(-3px)scale(1.01)}58%,to{filter:none;opacity:1;transform:none}}@keyframes pad-pairing-outro{to{opacity:0;transform:translateY(-1rem)scale(.96)}}@keyframes pad-logo-out{0%{opacity:1;filter:none;transform:none}35%{opacity:1;filter:brightness(1.8)drop-shadow(0 0 24px #ff4dd2cc);transform:translate(8px)scale(1.04,.92)}to{opacity:0;filter:blur(12px)brightness(2.8)drop-shadow(0 0 38px #3ff2ffe6);transform:translate(-24px)scale(1.38,.18)}}@keyframes pad-card-out{0%{opacity:1;filter:none;transform:none}38%{opacity:1;filter:brightness(1.7);transform:scale(1.02,.9)}70%{opacity:.9;filter:brightness(3)blur(1px);transform:scale(1.05,.025)}to{opacity:0;filter:brightness(4)blur(3px);transform:scale(1.12,.005)}}@media (width<=700px){.pad-host{align-items:center;padding:5rem 1rem 2rem}.pad-host__logo{width:min(34rem,94vw)}.pad-host__plate{width:min(30rem,94vw)}}@keyframes pad-gate-out{0%,65%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.pad-orientation-gate.entering .pad-orientation-logo,.pad-orientation-gate.leaving .pad-orientation-logo,.pad-orientation-gate.entering .pad-orientation-card,.pad-orientation-gate.leaving .pad-orientation-card,.pad-orientation-gate.leaving{animation-duration:10ms}}@media (orientation:portrait){.remote-pad #game{aspect-ratio:16/9;height:auto;top:50%;bottom:auto;transform:translateY(-50%)}}html.remote-pad-active,html.remote-pad-active body{overscroll-behavior:none;touch-action:none;width:100%;height:100%;position:fixed;overflow:hidden}.remote-host .veil,.remote-host .bar,.remote-host .cue,.remote-host .legend,.remote-host .flare,.remote-host .inside-hint,.remote-pad .intro,.remote-pad .veil,.remote-pad .bar,.remote-pad .cue,.remote-pad .legend,.remote-pad .flare,.remote-pad .inside-hint,.remote-pad .stick,.remote-pad #over,.remote-pad .wash{display:none!important}.remote-host #game,.remote-pad #game{width:100vw;height:100vh;position:fixed;inset:0}.remote-pad #game{--pad-safe-left:env(safe-area-inset-left,0px);--pad-safe-right:env(safe-area-inset-right,0px);--pad-safe-top:env(safe-area-inset-top,0px);--pad-safe-bottom:env(safe-area-inset-bottom,0px);inset:var(--pad-safe-top) var(--pad-safe-right) var(--pad-safe-bottom) var(--pad-safe-left);width:calc(100vw - var(--pad-safe-left) - var(--pad-safe-right));height:calc(100dvh - var(--pad-safe-top) - var(--pad-safe-bottom));object-fit:contain;background:#05050b}body.remote-pad{background:#05050b}body.remote-host{overscroll-behavior:none;width:100%;height:100%;position:fixed;inset:0;overflow:hidden}.remote-loading .intro{display:none!important}.remote-host .intro{position:fixed;inset:0;overflow:hidden}.remote-host .intro .slide:not(:first-child){display:none}.remote-host .intro .slide:first-child{min-height:100vh}.remote-host .remote-pairing-card>.lead,.remote-host .remote-pairing-card>.hint{display:none}.remote-host.remote-pairing-intro .intro .logo img{opacity:1;animation:1.25s cubic-bezier(.2,.9,.2,1) .15s both pad-logo-in}body.remote-host.remote-pairing-intro .intro .slide:first-child .remote-pairing-card{animation:.82s linear 1.05s backwards crt-strike}body.remote-host.remote-pairing-intro .intro .slide:first-child .remote-pairing-card>:not(.crt){animation:.82s linear 1.05s backwards crt-converge}body.remote-host.remote-pairing-outro .intro .slide:first-child .logo img{animation:.7s cubic-bezier(.55,0,.85,.3) forwards pad-logo-out}body.remote-host.remote-pairing-outro .intro .slide:first-child .remote-pairing-card{animation:.56s linear 80ms forwards pad-card-out}.pad-host{z-index:8;pointer-events:none;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:1rem;padding:clamp(4rem,9vh,7rem) 8vw 3rem;display:flex;position:fixed;inset:0}.pad-host[hidden]{display:none}.pad-host--intro .pad-host__logo{animation:1.25s cubic-bezier(.2,.9,.2,1) .15s both pad-logo-in}.pad-host--outro{pointer-events:none;animation:.52s ease-in forwards pad-pairing-outro}.remote-host .hero .remote-pairing-card{opacity:1;max-width:40rem;margin:-5rem auto 0;padding:2.1rem 2.1rem 1.9rem;transform:none}.remote-host .pad-host__pairing{text-align:center;flex-direction:column;align-items:center;width:100%;display:flex}.remote-host .intro .logo img{opacity:1}.remote-host .remote-pairing-card[hidden],.remote-host.remote-pairing-connected .pad-host__room,.remote-host.remote-pairing-connected .pad-host__qr{display:none}.pad-host__plate{color:#eafbff;clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,22px 100%,0 calc(100% - 22px));pointer-events:auto;text-align:center;background:#070c19d1;width:min(38rem,58vw);padding:1.4rem 1.6rem 1.2rem;box-shadow:5px 5px #ff4dd2,inset 0 0 0 1.5px #3ff2ff}.pad-host__eyebrow,.pad-status,.pad-note,.pad-host__copy{font:600 10px/1.5 var(--mono,monospace);letter-spacing:.24em;text-transform:uppercase;margin:0}.pad-host__eyebrow{color:#3ff2ff}.pad-host__logo{align-self:center;width:min(74rem,84vw);height:auto;margin:0 auto;display:block}.pad-host__room{color:#f1fbff;font:italic 700 clamp(2rem, 8vw, 3.2rem)/.95 var(--display,sans-serif);letter-spacing:.12em;text-shadow:.06em .06em #ff4dd2;margin:.3rem 0 .5rem}.pad-host__copy{color:#a4c7d9;letter-spacing:.12em}.pad-host__qr{aspect-ratio:1;background:#eafbff;place-items:center;width:min(11rem,48vw);margin:.8rem auto .4rem;padding:.55rem;display:grid;position:relative}.pad-host__qr svg{width:100%;height:100%;display:block}.pad-host__qr img{background:#eafbff;width:30%;height:auto;padding:.18rem;position:absolute}.pad-host__mini{z-index:7;color:#bdefff;font:700 11px/1 var(--mono,monospace);letter-spacing:.17em;background:#07050eb8;border:1px solid #3ff2ffa6;padding:.45rem .65rem;position:fixed;top:1rem;left:1rem;box-shadow:3px 3px #ff4dd2cc}.pad-host__mini[hidden]{display:none}@media (width<=700px){.pad-host{align-items:center;padding:5rem 1rem 2rem}.pad-host__logo{width:min(34rem,94vw)}.pad-host__plate{width:min(30rem,94vw)}}.pad-status{top:max(.8rem, env(safe-area-inset-top));z-index:8;color:#bdefff;white-space:nowrap;background:#07050ebd;border:1px solid #3ff2ff8c;max-width:calc(100vw - 2rem);padding:.45rem .7rem;position:fixed;left:50%;transform:translate(-50%)}.pad-note{bottom:max(.8rem, env(safe-area-inset-bottom));z-index:13;color:#ffd9f3;text-align:center;text-wrap:balance;background:#07050edb;border:1px solid #ff4dd2a6;width:min(30rem,100vw - 2rem);padding:.5rem .7rem;position:fixed;left:50%;transform:translate(-50%);box-shadow:3px 3px #ff4dd259}.pad-note[hidden]{display:none}.pad-gesture{z-index:13;color:#0000;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;appearance:none;background:0 0;border:0;margin:0;padding:0;position:fixed}.pad-gesture[hidden]{display:none}.pad-start{z-index:12;color:#d40a26;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#05050b47;border:0;place-items:center;width:100%;padding:0;display:grid;position:fixed;inset:0}.pad-start[hidden]{display:none}.pad-start .word{filter:drop-shadow(0 0 .14em #e20c2ae6)drop-shadow(0 0 .5em #be082099);font-size:clamp(1.15rem,5vw,2.1rem);animation:1.4s ease-in-out infinite glow}.pad-start .word .seg{animation:1.4s ease-in-out infinite start}.pad-start .word .ghost{fill:#5e121d;opacity:1}.pad-orientation-gate{z-index:30;color:#d7f7ff;text-align:center;font:700 1rem/1.3 var(--mono,monospace);letter-spacing:.08em;text-transform:uppercase;background:radial-gradient(at 50% 40%,#083c4ebf,#0000 75%),#080611;place-items:center;padding:1.5rem;display:grid;position:fixed;inset:0}.pad-orientation-stack{justify-items:center;gap:clamp(1rem,3.5vh,2rem);width:min(100%,36rem);display:grid}.pad-orientation-logo{width:min(92vw,34rem);height:auto;display:block}.pad-orientation-gate .pad-orientation-card{--cut:22px;isolation:isolate;opacity:1;gap:1rem;width:min(100%,32rem);margin:0;padding:2.5rem 1.5rem;transition:none;display:grid;transform:none}.pad-orientation-gate.entering .pad-orientation-logo{animation:1.05s cubic-bezier(.2,.9,.2,1) both pad-logo-in}.pad-orientation-gate.entering .pad-orientation-card{animation:.82s linear both crt-strike}.pad-orientation-gate.leaving .pad-orientation-logo{animation:.6s cubic-bezier(.55,0,.85,.3) forwards pad-logo-out}.pad-orientation-gate.leaving .pad-orientation-card{animation:.56s linear forwards pad-card-out}.pad-orientation-gate.leaving{pointer-events:none;animation:.65s ease-in forwards pad-gate-out}@media (prefers-reduced-motion:reduce){.pad-orientation-gate.entering .pad-orientation-logo,.pad-orientation-gate.leaving .pad-orientation-logo,.pad-orientation-gate.entering .pad-orientation-card,.pad-orientation-gate.leaving .pad-orientation-card,.pad-orientation-gate.leaving{animation-duration:10ms}}.pad-orientation-gate strong{color:#ff4dd2;font-size:1.5rem}.pad-orientation-gate span{color:#8feaff}.pad-orientation-gate[hidden]{display:none}@media (orientation:portrait){.remote-pad #game{aspect-ratio:16/9;height:auto;top:50%;bottom:auto;transform:translateY(-50%)}}
