html{font-size:min(1.4815vh,.8333vw)}body{cursor:default;-webkit-user-select:none;user-select:none;overflow:hidden}.tv{background:radial-gradient(60rem 40rem at 15% -10%, #ff3d8b38, transparent 60%), radial-gradient(60rem 45rem at 95% 0%, #2ee6ff24, transparent 60%), radial-gradient(80rem 50rem at 50% 120%, #ffd23a1a, transparent 60%), linear-gradient(180deg, var(--bg1), var(--bg0));height:100vh;position:relative;overflow:hidden}.boot,.fullmsg{text-align:center;height:100vh;font:800 3rem var(--display);place-content:center;gap:1rem;padding:0 10rem;display:grid}.fullmsg p{font:500 1.4rem/1.5 var(--body);margin:0}.home{grid-template-rows:6.5rem 1fr 3.6rem;height:100%;padding:0 3.2rem;display:grid;position:relative}.backdrop{pointer-events:none;position:absolute;inset:0;overflow:hidden}.backdrop img{object-fit:cover;filter:blur(3rem)saturate(1.3);opacity:.22;width:112%;height:112%;animation:fade-in .6s var(--ease);position:absolute;inset:-6%}.backdrop:after{content:"";background:radial-gradient(at 40% 40%,#0000 30%,#0a0717d9 90%);position:absolute;inset:0}.home>:not(.backdrop){position:relative}.topbar{justify-content:space-between;align-items:center;display:flex}.brand{align-items:center;gap:1rem;font-size:1rem;display:flex}.brand .brand-mark{font-size:1.3rem}.brand-name{font:800 2.15rem/1 var(--display);letter-spacing:-.02em}.brand-tag{color:var(--muted);border-left:1px solid var(--line);padding-left:1rem;font-size:1.15rem;font-weight:600}.topbar-right{align-items:center;gap:.8rem;font-size:1.2rem;display:flex}.chip-code b{font-family:var(--display);letter-spacing:.12em;color:var(--yellow)}.chip-mix{color:var(--cyan)}.iconbtn{background:var(--panel);width:2.8rem;height:2.8rem;box-shadow:inset 0 0 0 1px var(--line);cursor:pointer;border:0;border-radius:50%;font-size:1.4rem}.iconbtn:hover{box-shadow:inset 0 0 0 2px var(--yellow)}.home-main{grid-template-columns:1fr 27.5rem;gap:2.6rem;min-height:0;padding-bottom:1rem;display:grid}.pick{grid-template-rows:1fr auto;gap:1.4rem;min-width:0;min-height:0;display:grid}.hero{min-height:0;animation:rise .45s var(--ease);grid-template-columns:1.2fr 1fr;align-items:center;gap:2.4rem;display:grid}.hero-art{aspect-ratio:16/9;background:var(--bg2);box-shadow:0 2.4rem 4.5rem #0000008c, 0 0 0 .22rem color-mix(in srgb, var(--accent) 70%, transparent), 0 0 6rem color-mix(in srgb, var(--accent) 35%, transparent);border-radius:1.7rem;position:relative;overflow:hidden}.hero-art img{object-fit:cover;width:100%;height:100%;animation:18s ease-in-out infinite alternate kenburns;display:block}.hero-mark,.tile-mark{width:100%;height:100%;font:800 5rem var(--display);background:linear-gradient(135deg, var(--accent), var(--accent2));color:#0000008c;place-items:center;display:grid}.hero-genre{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);letter-spacing:.06em;text-transform:uppercase;background:#0a0717b3;border-radius:999px;padding:.45em .95em;font-size:1rem;font-weight:800;position:absolute;top:1.2rem;left:1.2rem}.badge{border-radius:999px;padding:.4em .9em;font-size:1rem;font-weight:800;position:absolute;top:1.2rem;right:1.2rem}.badge-preview{background:var(--cyan);color:#032026}.badge-unavailable{color:var(--muted);background:#3a3352}.status-unavailable .hero-art img,.tile.status-unavailable .tile-art{filter:grayscale()brightness(.6)}.hero-info{min-width:0}.hero-title{font:800 4.7rem/.95 var(--display);letter-spacing:-.025em;text-wrap:balance;margin:0}.hero-tagline{font:700 1.65rem/1.2 var(--display);color:var(--accent2);margin:.6rem 0 0}.hero-desc{color:#cdc5e6;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;max-width:40rem;min-height:8.12rem;margin:1rem 0 0;font-size:1.4rem;line-height:1.45;display:-webkit-box;overflow:hidden}.hero-desc.fill{min-height:0}.facts{grid-template-columns:1fr 1fr;gap:.7rem;margin:1.5rem 0 0;padding:0;list-style:none;display:grid}.facts li{background:var(--panel);box-shadow:inset 0 0 0 1px var(--line);border-radius:.9rem;flex-direction:column;gap:.2rem;padding:.8rem 1rem;display:flex}.facts li.wide{grid-column:span 2}.facts b{font-size:1.3rem}.facts li.wide b{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.facts span{color:var(--muted);font-size:1.1rem}.cta-row{align-items:center;gap:1.4rem;margin-top:1.6rem;display:flex}.btn-play{font:800 1.7rem var(--display);background:linear-gradient(135deg, var(--accent), var(--accent2));color:#170a14;box-shadow:0 .8rem 2rem color-mix(in srgb, var(--accent) 45%, transparent), 0 0 0 .2rem #ffffffd9;padding:.62em 1.6em;animation:2.4s ease-in-out infinite pulse}.btn-play kbd{color:#170a14;background:#0000002e;border-color:#0003;font-size:.6em}.btn-play:hover{background:linear-gradient(135deg, var(--accent), var(--accent2));filter:brightness(1.08)}.hero-note{color:var(--muted);font-size:1.3rem;font-weight:600}.hero-note.warn{color:var(--warn);margin-top:1.4rem}.shelf-wrap{min-width:0;position:relative}.shelf-count{z-index:2;box-shadow:inset 0 0 0 1px var(--line);color:var(--muted);font-variant-numeric:tabular-nums;background:#0a0717b8;border-radius:999px;padding:.2em .8em;font-size:1.05rem;font-weight:700;position:absolute;top:-1.1rem;right:.4rem}.shelf-count b{color:var(--text)}.shelf{scrollbar-width:none;gap:.95rem;padding:.9rem .4rem .6rem;display:flex;overflow-x:auto}.shelf.more-r{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 5rem),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 5rem),#0000)}.shelf.more-l{-webkit-mask-image:linear-gradient(90deg,#0000,#000 5rem);mask-image:linear-gradient(90deg,#0000,#000 5rem)}.shelf.more-l.more-r{-webkit-mask-image:linear-gradient(90deg,#0000,#000 5rem calc(100% - 5rem),#0000);mask-image:linear-gradient(90deg,#0000,#000 5rem calc(100% - 5rem),#0000)}.shelf::-webkit-scrollbar{display:none}.tile{text-align:left;background:var(--panel);box-shadow:inset 0 0 0 1px var(--line);cursor:pointer;transition:transform .22s var(--ease), box-shadow .22s, background .22s;border:0;border-radius:1.15rem;flex-direction:column;flex:0 0 12rem;gap:.45rem;padding:.55rem .55rem .8rem;display:flex}.tile-art{aspect-ratio:16/9;background:var(--bg2);border-radius:.8rem;display:block;overflow:hidden}.tile-art img{object-fit:cover;width:100%;height:100%;display:block}.tile-mark{font-size:2.2rem}.tile-name{font:800 1.3rem/1.1 var(--display);padding:0 .2rem}.tile-meta{color:var(--muted);padding:0 .2rem;font-size:1.05rem;font-weight:600}.tile:hover{background:var(--panel2)}.tile.focused{background:color-mix(in srgb, var(--accent) 22%, var(--bg2));box-shadow:0 0 0 .24rem var(--yellow), 0 1.2rem 2.6rem #0000008c, 0 0 2.6rem color-mix(in srgb, var(--accent) 55%, transparent);transform:translateY(-.45rem)scale(1.05)}.tile.status-unavailable{opacity:.6}.side{grid-template-rows:auto 1fr;gap:1.3rem;min-height:0;display:grid}.join-card,.roster-card{box-shadow:inset 0 0 0 1px var(--line), 0 1.6rem 3rem #00000059;background:linear-gradient(#ffffff16,#ffffff0a);border-radius:1.5rem}.join-card{flex-direction:column;align-items:center;gap:.7rem;padding:1.3rem 1.5rem 1.2rem;display:flex}.join-title{justify-content:space-between;align-items:baseline;width:100%;display:flex}.join-title span{font:800 1.6rem var(--display)}.join-title small{color:var(--muted);font-size:1.05rem;font-weight:600}.join-card .qr{width:14.5rem;box-shadow:0 0 0 .35rem #ffd23a40}.join-url{font:800 1.28rem var(--display);letter-spacing:.01em;color:var(--yellow)}.join-help{color:var(--muted);text-align:center;font-size:1.05rem}.roster-card{min-height:0;padding:1.1rem 1.3rem;overflow:hidden}.roster-head{font:800 1.35rem var(--display);justify-content:space-between;align-items:baseline;margin-bottom:1rem;display:flex}.roster-count{color:var(--muted);font-size:1.05rem}.roster{grid-template-columns:repeat(4,1fr);gap:1.05rem .7rem;font-size:1.05rem;display:grid}.roster.dense{gap:.7rem;font-size:1rem}.roster .ptag-state{font-size:.72em}.roster .ptag{animation:pop .4s var(--ease)}.ptag-empty .slot{border:2px dashed #ffffff29;border-radius:50%;width:2.9rem;height:2.9rem;display:block}.hints{color:var(--muted);align-items:center;gap:2.4rem;font-size:1.2rem;font-weight:600;display:flex}.hints kbd{margin-right:.4rem;font-size:.78em}.notice{background:var(--bg2);box-shadow:inset 0 0 0 1px var(--line), 0 1rem 2rem #00000080;border-radius:1rem;padding:.9rem 1.6rem;font-size:1.2rem;font-weight:700;position:absolute;top:7rem;left:50%;transform:translate(-50%)}.notice-error{box-shadow:inset 0 0 0 2px var(--danger), 0 1rem 2rem #00000080}.results{animation:rise .45s var(--ease);grid-template-columns:1.5fr 1fr;align-items:start;gap:2.4rem;min-height:0;display:grid}.results-title{font:800 3.6rem/1 var(--display);letter-spacing:-.02em;margin:0 0 1.4rem}.results-title span{color:var(--accent)}.podium{grid-template-columns:1fr 1.2fr 1fr;align-items:end;gap:1rem;display:grid}.podium-slot{background:var(--panel);box-shadow:inset 0 0 0 1px var(--line);animation:rise .6s var(--ease) both;border-radius:1.3rem 1.3rem .6rem .6rem;flex-direction:column;align-items:center;gap:.35rem;padding:1.2rem .6rem 1rem;font-size:1.2rem;display:flex}.podium-slot.place-1{background:linear-gradient(180deg, color-mix(in srgb, var(--yellow) 35%, transparent), var(--panel));padding-top:1.6rem;animation-delay:.25s}.podium-slot.empty{visibility:hidden}.podium-place{font:800 1.6rem var(--display)}.podium-pts{color:var(--yellow);font-weight:800}.results-rest{grid-template-columns:1fr 1fr;gap:.4rem 1.2rem;margin:1.2rem 0 0;padding:0;font-size:1.1rem;list-style:none;display:grid}.results-rest li,.board li{background:var(--panel);border-radius:.7rem;align-items:center;gap:.8rem;padding:.45rem .8rem;display:flex}.results-rest li b,.board li b{flex:1}.results-rest em,.board em{color:var(--yellow);font-style:normal;font-weight:800}.results-foot{color:var(--muted);margin-top:1.4rem;font-size:1.05rem}.board h2{font:800 1.8rem var(--display);margin:0 0 1rem}.board ol{gap:.45rem;margin:0;padding:0;font-size:1.15rem;list-style:none;display:grid}.board-rank{width:1.6rem;color:var(--muted);font-weight:800}.stage{background:#000;position:absolute;inset:0}.game-frame{background:#000;border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.curtain{background:var(--bg0);transition:opacity .6s var(--ease), transform .6s var(--ease);place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.curtain.leaving{opacity:0;pointer-events:none;transform:scale(1.04)}.curtain-art{object-fit:cover;filter:blur(1.4rem)brightness(.45)saturate(1.25);width:110%;height:110%;animation:14s ease-in-out infinite alternate kenburns;position:absolute;inset:-5%}.curtain-body{text-align:center;max-width:90rem;animation:rise .5s var(--ease);position:relative}.curtain-kicker{text-transform:uppercase;letter-spacing:.3em;color:var(--accent2);font-size:1.2rem;font-weight:800}.curtain-title{font:800 7rem/.95 var(--display);letter-spacing:-.03em;text-shadow:0 .4rem 2rem #0009;margin:.4rem 0 0}.curtain-tag{font:700 2rem var(--display);color:var(--accent);margin:.8rem 0 0}.curtain-progress{color:var(--muted);align-items:baseline;gap:1rem;margin-top:2.6rem;font-size:1.4rem;font-weight:700;display:inline-flex}.curtain-progress b{color:var(--text);font:800 1.8rem var(--display)}.curtain-players{flex-wrap:wrap;justify-content:center;gap:1.2rem 1.6rem;margin-top:1.6rem;font-size:1.1rem;display:flex}.curtain-p{opacity:.4;transition:opacity .3s, transform .3s var(--ease)}.curtain-p.ready{opacity:1;transform:translateY(-.3rem)}.curtain-note{color:var(--muted);margin-top:1.6rem;font-size:1.15rem}.arcade-pill{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:.4;cursor:pointer;background:#0a0717b3;border:0;border-radius:999px;align-items:center;gap:.6rem;padding:.45rem .8rem .45rem .55rem;font-size:.92rem;font-weight:700;transition:opacity .2s;display:flex;position:absolute;bottom:1rem;left:1rem}.arcade-pill:hover,.arcade-pill:focus-visible,.arcade-pill.glow{opacity:1}.arcade-pill.glow{box-shadow:0 0 0 .18rem var(--yellow), 0 0 2rem #ffd23a80;padding:.7rem 1.2rem .7rem .8rem;font-size:1.15rem;animation:2s ease-in-out infinite pulse}.menu-scrim,.scrim{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;background:#06040ea8;place-items:center;animation:.2s fade-in;display:grid;position:absolute;inset:0}.menu,.dialog{background:linear-gradient(180deg, var(--bg2), var(--bg1));width:46rem;max-height:88vh;box-shadow:inset 0 0 0 1px var(--line), 0 2.5rem 5rem #0009;animation:rise .3s var(--ease);border-radius:1.6rem;padding:2rem 2.2rem;font-size:1.15rem;overflow:auto}.menu-kicker{text-transform:uppercase;letter-spacing:.2em;color:var(--accent2);font-size:.9rem;font-weight:800}.menu-head h2,.dialog h2{font:800 2.4rem var(--display);margin:.3rem 0 1.2rem}.menu-actions{gap:.8rem;display:flex}.menu-actions.col{flex-direction:column}.menu-actions .btn{font-size:1.3rem}.menu-confirm p{margin-top:0;line-height:1.5}.menu-join{border-top:1px solid var(--line);align-items:center;gap:1.2rem;margin-top:1.6rem;padding-top:1.4rem;display:flex}.menu-join .qr{flex:none;width:8.5rem}.menu-join div{flex-direction:column;gap:.3rem;display:flex}.menu-join span{color:var(--yellow);font-weight:700}.menu-join span.muted{color:var(--muted);font-weight:500}.dialog-actions{gap:.8rem;margin-top:1.4rem;display:flex}.lineup{width:64rem}.lineup-grid{grid-template-columns:repeat(6,1fr);gap:.8rem;margin-top:1.2rem;display:grid}.lineup-p{background:var(--panel);box-shadow:inset 0 0 0 1px var(--line);cursor:pointer;opacity:.55;border:0;border-radius:1rem;flex-direction:column;align-items:center;gap:.35rem;padding:.8rem .4rem;font-weight:700;display:flex}.lineup-p em{color:var(--muted);font-size:.85rem;font-style:normal}.lineup-p.on{opacity:1;box-shadow:inset 0 0 0 2px var(--ok)}.lineup-p.on em{color:var(--ok)}.lineup-p.cursor{outline:.2rem solid var(--yellow);outline-offset:.15rem}.settings{flex-direction:column;width:72rem;height:78vh;padding:0;display:flex}.tabs{border-bottom:1px solid var(--line);gap:.4rem;padding:1.2rem 1.4rem 0;display:flex}.tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:.2rem solid #0000;padding:.8rem 1.2rem;font-weight:700}.tabs button.on{color:var(--text);border-bottom-color:var(--yellow)}.tabs .tabs-close{margin-left:auto}.tab-body{flex:1;padding:1.4rem 2rem 2rem;overflow:auto}.plist{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.plist li{background:var(--panel);border-radius:.8rem;align-items:center;gap:1rem;padding:.5rem .8rem;display:flex}.plist b{min-width:10rem}.plist-state{color:var(--muted);flex:1;font-size:.95rem}.plist-actions,.rename{gap:.5rem;display:flex}.rename input,.dialog input[type=text]{font:inherit;color:var(--text);background:var(--bg0);border:1px solid var(--line);border-radius:.5rem;padding:.3em .6em}.toggle{border-bottom:1px solid var(--line);cursor:pointer;align-items:flex-start;gap:1rem;padding:.9rem 0;display:flex}.toggle input{width:1.4rem;height:1.4rem;accent-color:var(--pink);margin-top:.2rem}.toggle span{flex-direction:column;gap:.2rem;display:flex}.toggle small{color:var(--muted);font-size:.95rem}.mix h3,.net h3{font:800 1.4rem var(--display);margin:1.4rem 0 .4rem}.mix-games{flex-wrap:wrap;gap:.5rem;margin:.8rem 0;display:flex}.mix-list{gap:.3rem;margin:0;padding-left:1.4rem;display:grid}.net-list{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.net-list li{background:var(--panel);border-radius:.6rem;align-items:center;gap:1rem;padding:.5rem .8rem;display:flex}.net-list li.on{box-shadow:inset 0 0 0 2px var(--ok)}.net-list span{color:var(--muted);flex:1}.net-list em{color:var(--faint);font-style:normal}.tips{color:var(--muted);padding-left:1.2rem;line-height:1.55}.diag pre{background:var(--bg0);border-radius:.8rem;padding:1rem;font-size:.85rem;line-height:1.35;overflow:auto}.toast{background:var(--bg2);box-shadow:inset 0 0 0 2px var(--warn), 0 1rem 2rem #00000080;z-index:30;animation:rise .3s var(--ease);border-radius:999px;padding:.9rem 1.6rem;font-size:1.2rem;font-weight:700;position:absolute;bottom:4.6rem;left:50%;transform:translate(-50%)}.netlost{z-index:40;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#06040ec7;place-items:center;display:grid;position:absolute;inset:0}.netlost-card{text-align:center;flex-direction:column;align-items:center;gap:1rem;max-width:50rem;font-size:1.3rem;display:flex}.netlost-card h2{font:800 2.6rem var(--display);margin:0}.netlost-card p{color:var(--muted);margin:0}@keyframes rise{0%{opacity:0;transform:translateY(1.2rem)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:scale(.4)}70%{transform:scale(1.12)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.035)}}@keyframes kenburns{0%{transform:scale(1.02)translate(0)}to{transform:scale(1.1)translate(-1.5%,-1%)}}.roster .avatar{width:3.9rem;height:3.9rem}.roster .ptag-name{font-size:1.05rem}.curtain-players .avatar{width:4.6rem;height:4.6rem}.podium .avatar{width:7rem;height:7rem}.podium .place-1 .avatar{width:9rem;height:9rem}.board .avatar{width:2.8rem;height:2.8rem}.lineup-p .avatar{width:4rem;height:4rem}.plist .avatar{width:3rem;height:3rem}.access-form{justify-content:center;gap:1rem;margin-top:1rem;display:flex}.access-form input{font:700 1.6rem var(--body);color:var(--text);border:2px solid var(--line);-webkit-user-select:text;user-select:text;background:#00000059;border-radius:999px;outline:none;width:24rem;padding:.6em 1.1em}.access-form input:focus{border-color:var(--yellow)}.access-form .btn{font-size:1.5rem}.warn-text{color:var(--warn)!important}.join-url.long{overflow-wrap:anywhere;text-align:center;font-size:1rem}.screens-share{grid-template-columns:14rem 1fr;align-items:start;gap:1.6rem;display:grid}.screens-share h3{font:800 1.5rem var(--display);margin:0 0 .5rem}.screens-share p{margin:0 0 .8rem;line-height:1.5}.screens-url{color:var(--yellow);overflow-wrap:anywhere;margin:.4rem 0 .8rem;font-size:.95rem;font-weight:700}.small-note{font-size:.9rem;margin-top:.8rem!important}.hero-video{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .5s var(--ease);position:absolute;inset:0}.hero-video.on{opacity:1}