:root{--pad-x:4.8vw;--pad-y:4.2vh}html{font-size:calc(clamp(12px, .75vw + 5px, 26px) * var(--text-scale,1))}body{transform-origin:50%}*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}[hidden]{display:none!important}svg{display:block}.app{opacity:0;transition:opacity var(--duration-slow) var(--ease-out);grid-template-rows:auto 1fr auto;display:grid;position:fixed;inset:0}body.ready .app{opacity:1}body.launching .app{opacity:0;transition-duration:var(--duration-base)}.hero{z-index:-1;background:var(--surface-1);position:absolute;inset:0;overflow:hidden}.hero-img{opacity:0;transition:opacity var(--duration-slow) var(--ease-out), transform 7s linear;background-position:50%;background-size:cover;position:absolute;inset:-3%;transform:scale(1.06)}.hero-img.on{opacity:1;transform:scale(1)}.hero-shade{background:linear-gradient(90deg,#05070beb 0%,#05070b9e 38%,#05070b14 70%),linear-gradient(#05070b00 66%,#05070bf2 100%),linear-gradient(#05070bb3 0%,#05070b00 22%);position:absolute;inset:0}.topbar{padding:var(--pad-y) var(--pad-x) 0;justify-content:space-between;align-items:center;display:flex}.brand{align-items:center;gap:var(--space-3);display:flex}.wordmark{font-family:var(--font-display);letter-spacing:-.01em;color:var(--ink);font-size:1.05rem;font-weight:650}.top-right{align-items:center;gap:var(--space-4);display:flex}.clock{font-variant-numeric:tabular-nums;color:var(--ink-2);text-align:right;min-width:4.2em;font-size:1.15rem;font-weight:550}.icon-btn{width:2.4rem;height:2.4rem;color:var(--ink-2);transition:background var(--duration-fast);border-radius:50%;place-items:center;display:grid}.icon-btn svg{width:1.3rem;height:1.3rem}.icon-btn:hover{background:#ffffff1a}.avatars{display:flex}.avatars .avatar+.avatar{margin-left:-.45rem}.room{border-radius:var(--radius-sm);height:2.4rem;box-shadow:inset 0 0 0 1px var(--line);transition-property:background-color,color,transform;transition-duration:var(--duration-fast);background:#ffffff12;align-items:center;gap:.55rem;padding:0 .6rem 0 .85rem;display:inline-flex}.room:hover{background:#ffffff1f}.room:active{transform:scale(.96)}.room.focused{background:var(--focus);color:var(--ink-inverse)}.room-label{color:var(--ink-3);font-size:.85rem;font-weight:500}.room.focused .room-label{color:#05070b99}.room-code{font-family:var(--font-display);letter-spacing:.08em;font-variant-numeric:tabular-nums;font-size:.95rem;font-weight:700}.room .ico{opacity:.75;width:1.15rem;height:1.15rem}.avatars .avatar{animation:pop-in .35s var(--ease-out)}@keyframes pop-in{0%{opacity:0;transform:scale(.6)}}body.offline .brand:after{content:"Offline";margin-left:var(--space-3);color:var(--bad);font-size:.85rem;font-weight:600}.home{padding:5vh var(--pad-x) 0;grid-template-rows:auto 1fr;min-height:0;display:grid;position:relative}.tiles{align-items:flex-start;gap:1.1rem;height:12rem;display:flex}.stage-row{justify-content:space-between;align-self:end;align-items:flex-end;gap:3rem;padding-bottom:3vh;display:flex}.info{max-width:min(42rem,52vw)}.info.swap>*{animation:rise .5s var(--ease-out) both}.info.swap>:nth-child(2){animation-delay:50ms}.info.swap>:nth-child(3){animation-delay:.1s}.info.swap>:nth-child(4){animation-delay:.15s}@keyframes rise{0%{opacity:0;transform:translateY(.6rem)}}.info h1{text-shadow:0 .2rem 1.6rem #00000059;text-wrap:balance;margin:0;font-size:clamp(2.6rem,4.6vw,5.25rem)}.meta{color:var(--ink-2);margin:.9rem 0 .5rem}.desc{margin:0 0 var(--space-5);color:var(--ink-2);text-wrap:pretty;max-width:34rem}.actions{gap:var(--space-3);display:flex}.room-panel{border-radius:var(--radius-xl);width:min(24rem,32vw);box-shadow:inset 0 0 0 1px var(--line), var(--shadow-float);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0e1119e0;flex:none;padding:1rem}.room-pair{align-items:center;gap:1.1rem;display:flex}.room-pair h2{text-wrap:balance;margin:0 0 .45rem;font-size:1.15rem}.room-pair p{color:var(--ink-2);margin:0;font-size:.9rem}.room-pair b{color:var(--ink);font-weight:600}.pair-qr{border-radius:calc(var(--radius-xl) - 1rem + .5rem);background:#fff;flex:none;padding:.5rem;line-height:0}.pair-qr canvas{width:7.2rem!important;height:7.2rem!important}.pair-qr.big{border-radius:var(--radius-lg)}.pair-qr.big canvas{width:15rem!important;height:15rem!important}.room-head{justify-content:space-between;align-items:baseline;padding:.15rem .35rem .6rem;display:flex}.room-head .ui-section{color:var(--ink-3)}.room-head .ui-caption{color:var(--ink-3);font-variant-numeric:tabular-nums}.room-list ul{gap:.15rem;margin:0;padding:0;list-style:none;display:grid}.room-list li{border-radius:var(--radius-md);align-items:center;gap:.7rem;padding:.45rem .35rem;display:flex}.room-list li.away{opacity:.5}.who-name{font-size:.95rem;font-weight:600}.who-dev{color:var(--ink-3);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:.35rem;margin-left:auto;font-size:.8rem;display:inline-flex}.who-dev .ico{width:.95rem;height:.95rem}.who-dev b{color:var(--ink-2);font-family:var(--font-display);letter-spacing:.06em;font-weight:650}.room-add{box-shadow:inset 0 1px 0 var(--line);color:var(--ink-2);margin-top:.35rem;font-size:.9rem;border-radius:0!important;padding-top:.75rem!important}.room-add .glyph{font-size:.95rem}.pair-text h2{margin:0 0 var(--space-4)}.pair-text ol{color:var(--ink-2);margin:0 0 .7rem;padding-left:1.2rem;line-height:1.6}.pair-alt{color:var(--ink-3);margin:0;font-size:.85rem;line-height:1.5}.pair-alt b{color:var(--ink);font-weight:600}.hints{padding:1.2rem var(--pad-x) var(--pad-y);justify-content:flex-end;gap:1.8rem;display:flex}.scrim{z-index:39;background:var(--scrim);-webkit-backdrop-filter:blur(4px)saturate(.8);backdrop-filter:blur(4px)saturate(.8);opacity:0;transition:opacity var(--duration-base);position:fixed;inset:0}.scrim.open{opacity:1}.guide{z-index:40;width:min(26rem,90vw);padding:var(--space-6) 1.4rem;transition:transform var(--duration-base) var(--ease-out);gap:var(--space-4);box-shadow:var(--shadow-modal);border-width:0 1px 0 0;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;transform:translate(-104%)}.guide.open{transform:none}.guide-head{align-items:center;gap:var(--space-3);font-family:var(--font-display);padding:0 .4rem .6rem;font-size:1.1rem;font-weight:650;display:flex}.guide-head time{color:var(--ink-2);font-family:var(--font-ui);font-variant-numeric:tabular-nums;margin-left:auto;font-weight:550}.guide-now{padding:var(--space-3);border-radius:var(--radius-lg);background:#ffffff0f;align-items:center;gap:.9rem;display:flex}.guide-now img{border-radius:var(--radius-md);object-fit:cover;width:3.6rem;height:3.6rem}.guide-now small{color:var(--ink-3);margin-bottom:.15rem;display:block}.guide-now b{font-size:1.1rem}.guide-list,.guide-pads{gap:.3rem;margin:0;padding:0;list-style:none;display:grid}.guide h3{color:var(--ink-3);margin:.6rem .4rem 0;font-weight:600}.guide-pads li{align-items:center;gap:var(--space-3);padding:.55rem .6rem;font-size:.92rem;display:flex}.guide-pads li.away{opacity:.5}.guide-pads .pad-name{font-weight:650}.guide-pads .pad-net{color:var(--ink-3);font-variant-numeric:tabular-nums;margin-left:auto;font-size:.8rem}.guide-pads .empty{color:var(--ink-3)}.guide-foot{gap:var(--space-2);color:var(--ink-3);align-items:center;margin:auto 0 0;padding:0 .4rem;font-size:.85rem;display:flex}.modal{z-index:45;background:var(--scrim);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transition:opacity var(--duration-base);place-items:center;display:grid;position:fixed;inset:0}.modal.open{opacity:1}.modal-card{padding:var(--space-7);border-radius:var(--radius-2xl);box-shadow:var(--shadow-modal);transition:transform .35s var(--ease-spring);transform:translateY(1rem)scale(.98)}.modal.open .modal-card{transform:none}.modal-card.pair{gap:var(--space-7);align-items:center;display:flex}.modal-card.pair h2{margin:0 0 var(--space-4)}.modal-card.pair ol{font-size:1.05rem}.code-big{gap:var(--space-2);margin:1.2rem 0 var(--space-4);display:flex}.code-big span{border-radius:var(--radius-md);border:1px solid var(--line);width:3.4rem;height:4.2rem;font-family:var(--font-display);background:#ffffff14;place-items:center;font-size:2.2rem;font-weight:750;display:grid}.modal-card.howto{min-width:28rem}.modal-card.howto h2{margin:0}.modal-card .sub{color:var(--ink-3);margin:.3rem 0 1.4rem}.howto-list{gap:var(--space-3);margin:0 0 1.4rem;padding:0;list-style:none;display:grid}.howto-list li{align-items:center;gap:var(--space-4);font-size:1.05rem;display:flex}.howto-list .glyph{font-size:1.15rem}.toasts{top:calc(var(--pad-y) + 3.6rem);right:var(--pad-x);z-index:60;pointer-events:none;justify-items:end;gap:.6rem;display:grid;position:fixed}.toasts .toast{opacity:0;transition:transform .4s var(--ease-spring), opacity var(--duration-base);transform:translate(120%)}.toasts .toast.in{opacity:1;transform:none}.sound-chip{z-index:70;color:var(--ink-2);border-radius:var(--radius-md);background:var(--glass-strong);border:1px solid var(--line);padding:.45rem .9rem;font-size:.8rem;position:fixed;bottom:1.2rem;left:50%;transform:translate(-50%)}.launch{z-index:30;opacity:0;transition:opacity .35s var(--ease-out);background:#000;place-items:center;display:grid;position:fixed;inset:0}.launch.open{opacity:1}.launch-bg{filter:blur(30px)brightness(.35)saturate(1.2);background-position:50%;background-size:cover;position:absolute;inset:0;transform:scale(1.1)}.launch-card{justify-items:center;gap:1.2rem;display:grid;position:relative}.launch-card img{border-radius:var(--radius-xl);object-fit:cover;width:11rem;height:11rem;box-shadow:inset 0 0 0 1px #ffffff1a, var(--shadow-float);animation:2.4s ease-in-out infinite breathe}.launch-card h2{margin:0}.launch-bar{border-radius:var(--radius-pill);background:#ffffff24;width:14rem;height:.28rem;overflow:hidden}.launch-bar i{background:var(--ink);border-radius:inherit;width:5%;height:100%;transition:width .25s var(--ease-out);display:block}@keyframes breathe{50%{transform:scale(1.03)}}.stage{z-index:20;background:#000;position:fixed;inset:0}.stage iframe{border:0;width:100%;height:100%;display:block}.boot{z-index:100;transition:opacity var(--duration-slow) var(--ease-out);background:#000;place-content:center;justify-items:center;gap:1.6rem;display:grid;position:fixed;inset:0}.boot.done{opacity:0;pointer-events:none}.boot-mark{animation:boot-mark 1.4s var(--ease-out) both}.boot-mark svg{width:4.5rem;height:4.5rem}.boot-word{font-family:var(--font-display);letter-spacing:-.01em;color:var(--ink);animation:boot-word 1.2s var(--ease-out) both .35s;font-size:1.6rem;font-weight:650}@keyframes boot-mark{0%{opacity:0;transform:scale(.85)}}@keyframes boot-word{0%{opacity:0;transform:translateY(.4rem)}}.replaced{height:100%;color:var(--ink-2);place-items:center;margin:0;font-size:1.3rem;display:grid}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (aspect-ratio<=4/3){.info{max-width:90vw}.stage-row{flex-direction:column;align-items:stretch}.room-panel{width:100%}}.settings{z-index:30;background:radial-gradient(120% 90% at 0% 0%, var(--surface-2), var(--void) 70%);opacity:0;transition:opacity var(--duration-base) var(--ease-out);grid-template-rows:1fr auto;grid-template-columns:minmax(18rem,26rem) 1fr;display:grid;position:fixed;inset:0}.settings.open{opacity:1}.set-side{padding:var(--pad-y) 1.5rem var(--pad-y) var(--pad-x);box-shadow:inset -1px 0 0 var(--line);overflow-y:auto}.set-head{align-items:center;gap:.8rem;margin:0 0 2rem .4rem;display:flex}.set-head .ico{width:1.6rem;height:1.6rem;color:var(--ink-2)}.set-head h1{margin:0}.set-nav,.set-rows{gap:.2rem;margin:0;padding:0;list-style:none;display:grid}.set-nav .menu-row.current{background:#ffffff14}.set-main{padding:var(--pad-y) var(--pad-x) var(--pad-y) 3rem;max-width:62rem;overflow-y:auto}.set-title{font-family:var(--font-display);color:var(--ink-2);margin:.35rem 0 1.4rem;font-size:1.35rem;font-weight:650}.set-row{justify-content:space-between;min-height:3.6rem}.set-row.info{cursor:default;color:var(--ink-2)}.set-row.info:hover{background:0 0}.set-row .avatar{margin-right:-.2rem}.set-row .avatar+span{margin-right:auto}.set-row.armed{background:color-mix(in srgb, var(--bad) 22%, transparent)}.set-row.armed.focused{background:var(--bad);color:var(--ink)}.set-val{color:var(--ink-3);font-variant-numeric:tabular-nums;margin-left:auto;font-size:.9rem;font-weight:500}.set-row.focused .set-val{color:#05070b99}.set-row.armed.focused .set-val{color:var(--ink-2)}.set-ctl{align-items:center;gap:.9rem;display:inline-flex}.set-slider{border-radius:var(--radius-pill);background:#ffffff29;width:12rem;height:.4rem;position:relative}.set-slider:before{content:"";position:absolute;inset:-.8rem 0}.set-slider i{border-radius:inherit;background:var(--ink);position:absolute;top:0;bottom:0;left:0}.set-row.focused .set-slider{background:#05070b2e}.set-row.focused .set-slider i{background:var(--ink-inverse)}.set-num{text-align:right;font-variant-numeric:tabular-nums;min-width:3.2rem;font-weight:600}.set-choice b{text-align:center;min-width:7.5rem;font-weight:600}.set-choice i{opacity:.35;cursor:pointer;padding:0 .3rem;font-size:1.3rem;font-style:normal;line-height:1}.set-row.focused .set-choice i{opacity:.7}.set-help{min-height:3em;color:var(--ink-2);text-wrap:pretty;max-width:40rem;margin:1.6rem .4rem 0}.set-hints{padding:0 var(--pad-x) var(--pad-y);grid-column:1/-1;justify-content:flex-end;gap:1.6rem;display:flex}.avatar .crown{width:.95rem;height:.95rem;color:var(--warn);filter:drop-shadow(0 1px 1px #00000080);position:absolute;top:-.62rem;left:50%;transform:translate(-50%)}.reduce-motion *,.reduce-motion :before,.reduce-motion :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.contrast{--ink-2:#f4f6fbeb;--ink-3:#f4f6fbc7;--line:#ffffff57;--line-strong:#fff9}.contrast .hero-shade{background:#05070bd1}.contrast .room-panel,.contrast .guide,.contrast .modal-card{background:var(--surface-1)}.countdown{z-index:25;pointer-events:none;font-family:var(--font-display);font-variant-numeric:tabular-nums;text-shadow:0 .4rem 2.4rem #0009;place-items:center;font-size:9rem;font-weight:700;display:grid;position:fixed;inset:0}.countdown.tick{animation:count-tick .7s var(--ease-out) both}@keyframes count-tick{0%{opacity:0;transform:scale(1.4)}30%{opacity:1;transform:scale(1)}to{opacity:.2}}.guide-notice{border-radius:var(--radius-md);background:color-mix(in srgb, var(--warn) 18%, transparent);color:var(--ink);margin:0 .4rem 1rem;padding:.8rem 1rem;font-size:.92rem;line-height:1.45}.tile-all{border-radius:var(--radius-lg);box-shadow:inset 0 0 0 1px var(--line);background:#ffffff12;place-items:center;display:grid}.tile-all-art{width:2.6rem;height:2.6rem;color:var(--ink-2);transition:transform var(--duration-base) var(--ease-out)}.tile-all.selected{background:#ffffff1f}.tile-all.selected .tile-all-art{color:var(--ink);transform:scale(1.12)}.tile.unfit img{filter:brightness(.5)grayscale(.4)}.warn{color:var(--warn)}.last{color:var(--ink-2);align-items:center;gap:.5rem;margin:0 0 .6rem;display:flex}.last .ico{width:1rem;height:1rem;color:var(--warn)}.settings.library{padding:var(--pad-y) var(--pad-x) 0;grid-template-rows:auto 1fr auto;grid-template-columns:1fr;display:grid}.lib-head{justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:2rem;display:flex}.lib-head h1{margin:0 0 .3rem}.lib-head .ui-meta{color:var(--ink-3);margin:0}.lib-tools{gap:1.6rem;display:flex}.lib-grid{grid-template-columns:repeat(6,minmax(0,1fr));align-content:start;gap:2.2rem 1.4rem;padding:.4rem;display:grid;overflow-y:auto}.lib-card{text-align:left;transition:transform var(--duration-base) var(--ease-out);gap:.35rem;display:grid}.lib-card:active{transform:scale(.96)}.lib-art{aspect-ratio:1;border-radius:var(--radius-lg);display:block;position:relative}.lib-art img{object-fit:cover;border-radius:inherit;width:100%;height:100%;box-shadow:inset 0 0 0 1px #ffffff1a, var(--shadow-tile);display:block}.lib-art:after{content:"";border-radius:calc(var(--radius-lg) + .32rem);box-shadow:0 0 0 .16rem var(--focus);opacity:0;transition:opacity var(--duration-fast);position:absolute;inset:-.32rem}.lib-card.focused .lib-art:after{opacity:1}.lib-card b{margin-top:.5rem;font-size:1rem;font-weight:600}.lib-card small{color:var(--ink-3);font-size:.85rem}.lib-card.unfit img{filter:brightness(.5)grayscale(.4)}.lib-card.unfit small{color:var(--warn)}.lib-empty{color:var(--ink-2);grid-column:1/-1}.settings.library .set-hints{padding-left:0;padding-right:0}.settings.gamepage{grid-template-rows:1fr auto;grid-template-columns:1fr;display:grid}.gp-bg{z-index:-2;background-position:50%;background-size:cover;position:absolute;inset:0}.gp-shade{z-index:-1;background:linear-gradient(90deg,#05070bf0 0%,#05070bcc 45%,#05070b73 100%),linear-gradient(#05070b00 60%,#05070be6);position:absolute;inset:0}.gp-body{padding:var(--pad-y) var(--pad-x) 2rem;grid-template-columns:minmax(0,1.25fr) minmax(18rem,.75fr);align-items:end;gap:4rem;min-height:0;display:grid}.gp-main h1{text-wrap:balance;margin:0;font-size:clamp(2.6rem,4.6vw,5.25rem)}.gp-meta{color:var(--ink-2);margin:.9rem 0 .4rem}.gp-tag{margin:0 0 .6rem}.gp-desc{margin:0 0 var(--space-5);color:var(--ink-2);text-wrap:pretty;max-width:36rem}.gp-record{gap:.8rem;max-width:36rem;margin:2rem 0 0;padding:0;list-style:none;display:grid}.gp-record li{color:var(--ink-2);align-items:flex-start;gap:.8rem;font-size:.95rem;display:flex}.gp-record .ico{width:1.15rem;height:1.15rem;color:var(--warn);margin-top:.1rem}.gp-record b{color:var(--ink);margin-bottom:.1rem;font-weight:600;display:block}.gp-side{border-radius:var(--radius-xl);box-shadow:inset 0 0 0 1px var(--line), var(--shadow-float);background:#0e1119d1;align-self:end;padding:1.4rem 1.5rem}.gp-side h2{color:var(--ink-3);margin:0 0 .8rem}.gp-side h2+ul{margin-bottom:1.4rem}.gp-side ul:last-child{margin-bottom:0}.gp-modes{color:var(--ink-2);gap:.45rem;margin:0;padding:0;font-size:.95rem;list-style:none;display:grid}.settings.gamepage .set-hints{padding-top:0}.saver{z-index:40;background:var(--void);opacity:0;transition:opacity .4s var(--ease-out);cursor:none;position:fixed;inset:0}.saver.open{opacity:1}.saver-art,.saver-img{position:absolute;inset:0}.saver-img{opacity:0;background-position:50%;background-size:cover;transition:opacity 2.4s,transform 24s linear;transform:scale(1.12)}.saver-img.on{opacity:.85;transform:scale(1)}.saver-shade{background:linear-gradient(#05070b00 55%,#05070be6 100%),linear-gradient(#05070bb3 0%,#05070b00 25%);position:absolute;inset:0}.saver-top{left:var(--pad-x);right:var(--pad-x);top:var(--pad-y);align-items:center;gap:var(--space-3);display:flex;position:absolute}.saver-top time{font-family:var(--font-display);font-variant-numeric:tabular-nums;margin-left:auto;font-size:2.2rem;font-weight:600}.saver-join{left:var(--pad-x);bottom:var(--pad-y);align-items:center;gap:1.4rem;display:flex;position:absolute}.saver-join .display-title{margin:0 0 .3rem}.saver-join .ui-body{color:var(--ink-2);margin:0}.saver-join b{color:var(--ink);font-family:var(--font-display);letter-spacing:.06em}.saver-join canvas{width:6.5rem!important;height:6.5rem!important}.set-close{top:calc(var(--pad-y) - .4rem);right:calc(var(--pad-x) - .4rem);z-index:2;width:2.8rem;height:2.8rem;position:absolute}.set-close svg{width:1.3rem;height:1.3rem}