:root{--bg:#0a0b12;--panel:#10121ee0;--line:#7896ff2e;--text:#e8ecff;--muted:#8b93b8;--cyan:#55e0ff;--pink:#ff5aa5;--gold:#ffd34d;--green:#8cff6b;--red:#ff4d5a;--orange:#ff9a3d;--blue:#4d8dff;--purple:#b36bff;--font-display:"Teko", "Rajdhani", system-ui, sans-serif;--font-ui:"Rajdhani", system-ui, sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--font-ui);-webkit-user-select:none;user-select:none;margin:0;overflow:hidden}button,input,select{font-family:inherit}#gl{width:100%;height:100%;display:block;position:fixed;inset:0}.screen{z-index:20;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.screen.hidden,.hidden{display:none!important}.menu-bg{-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem);background:radial-gradient(at 50% 120%,#ff5aa540,#0000 60%),radial-gradient(at 10% 0,#55e0ff2e,#0000 50%),linear-gradient(#0a0b128c,#0a0b12e6);position:absolute;inset:0}.menu-card{background:var(--panel);border:1px solid var(--line);border-radius:1rem;flex-direction:column;gap:1rem;width:min(100%,52rem);max-height:calc(100vh - 2rem);padding:1.3rem 1.6rem;display:flex;position:relative;overflow-y:auto;box-shadow:0 2rem 6rem #0009,inset 0 0 0 1px #ffffff08}.menu-card.wide{width:min(100%,78rem)}.two-col{grid-template-columns:1.35fr 1fr;gap:1.4rem;display:grid}.col{flex-direction:column;gap:1rem;min-width:0;display:flex}.brand{flex-direction:column;align-items:flex-start;gap:.1rem;display:flex}.brand.small .logo{font-size:2.6rem}.logo{font-family:var(--font-display);letter-spacing:.04em;color:#fff;text-shadow:0 0 1.2rem #55e0ff8c,0 .2rem #00000080;font-size:4rem;font-weight:700;line-height:.9}.logo span{color:var(--pink);text-shadow:0 0 1.4rem #ff5aa5b3}.sub{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.95rem}.sect-title{letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin-bottom:.45rem;font-size:.75rem}.row{gap:.8rem;display:flex}.field{flex-direction:column;flex:1;gap:.3rem;min-width:0;display:flex}.field.short{flex:0 0 12rem}.field span{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-size:.72rem}input,select{border:1px solid var(--line);color:var(--text);letter-spacing:.04em;background:#00000059;border-radius:.5rem;outline:none;width:100%;padding:.55rem .7rem;font-size:1.05rem;font-weight:600}input:focus,select:focus{border-color:var(--cyan);box-shadow:0 0 0 .15rem #55e0ff33}.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem;display:grid}.cards{gap:.5rem;display:grid}.cards.five{grid-template-columns:repeat(5,minmax(0,1fr))}.cards.three{grid-template-columns:repeat(3,minmax(0,1fr))}.card-pick{border:1px solid var(--line);cursor:pointer;background:#0000004d;border-radius:.6rem;flex-direction:column;gap:.2rem;min-width:0;padding:.55rem .6rem .55rem .8rem;transition:transform .12s,border-color .12s,background .12s;display:flex;position:relative;overflow:hidden}.card-pick:before{content:"";background:var(--c);opacity:.8;width:.28rem;position:absolute;top:0;bottom:0;left:0}.card-pick:hover{border-color:#ffffff40;transform:translateY(-.1rem)}.card-pick.active{border-color:var(--c);background:color-mix(in srgb, var(--c) 14%, #00000059);box-shadow:0 0 1rem color-mix(in srgb, var(--c) 35%, transparent)}.card-pick .nm{font-family:var(--font-display);color:var(--c);letter-spacing:.03em;white-space:nowrap;text-overflow:ellipsis;font-size:1.35rem;line-height:1;overflow:hidden}.card-pick .tg{color:var(--muted);letter-spacing:.02em;font-size:.74rem;line-height:1.15}.card-pick .stats{grid-template-columns:repeat(5,1fr);gap:.2rem;margin-top:.25rem;display:grid}.card-pick .stat{letter-spacing:.08em;color:var(--muted);font-size:.55rem}.card-pick .stat b{background:linear-gradient(90deg, var(--c) var(--v), #ffffff14 var(--v));border-radius:.2rem;height:.28rem;margin-top:.12rem;display:block}.cards.compact .card-pick{padding:.35rem .5rem .35rem .7rem}.cards.compact .stats,.cards.compact .tg{display:none}.cards.compact .card-pick .nm{font-size:1.1rem}.desc{color:var(--muted);min-height:2.2em;margin-top:.45rem;font-size:.9rem;line-height:1.3}.actions{flex-wrap:wrap;align-items:stretch;gap:.6rem;display:flex}button{border:1px solid var(--line);color:var(--text);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:#ffffff0f;border-radius:.6rem;padding:.7rem 1.2rem;font-size:1rem;font-weight:700;transition:background .12s,transform .1s,border-color .12s}button:hover{background:#ffffff1f;border-color:#ffffff4d}button:active{transform:translateY(.05rem)}button:disabled{opacity:.45;cursor:default}button.primary{background:linear-gradient(135deg, var(--pink), #ff8a3d);color:#15060f;border-color:#0000;box-shadow:0 .4rem 1.6rem #ff5aa559}button.primary:hover{filter:brightness(1.1)}.join{gap:.4rem;margin-left:auto;display:flex}.join input{text-align:center;text-transform:uppercase;letter-spacing:.3em;width:6.5rem;font-family:var(--font-display);padding:.3rem .5rem;font-size:1.4rem}.help{color:var(--muted);border-top:1px solid var(--line);flex-direction:column;gap:.3rem;padding-top:.8rem;font-size:.82rem;line-height:1.6;display:flex}.help b{color:var(--text);background:#ffffff14;border-radius:.25rem;margin:0 .1rem;padding:0 .3rem}.help .tips{color:#b7bfe6}.wasd-keys{display:none}body.wasd .wasd-keys{display:block}body.wasd .classic-keys{display:none}.lobby-card{width:min(100%,48rem)}.code-box{text-align:center;padding:.4rem 0 .2rem}.code-box .label{letter-spacing:.25em;color:var(--muted);text-transform:uppercase;font-size:.75rem}.code{font-family:var(--font-display);letter-spacing:.3em;color:var(--cyan);text-shadow:0 0 1.5rem #55e0ff99;cursor:pointer;font-size:5rem;line-height:1}.code-box .hint{color:var(--muted);font-size:.9rem}.lobby-status{text-align:center;color:var(--gold);letter-spacing:.08em;min-height:1.4em}.lobby-players{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;display:grid}.lp{border:1px solid var(--line);background:#0000004d;border-radius:.5rem;align-items:center;gap:.6rem;min-width:0;padding:.5rem .7rem;display:flex}.lp .dot{background:var(--c);width:.7rem;height:.7rem;box-shadow:0 0 .6rem var(--c);border-radius:50%;flex:none}.lp .n{font-weight:700}.lp .s{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.8rem;overflow:hidden}.lp .tag{letter-spacing:.15em;color:var(--gold);font-size:.65rem}.lobby-settings{color:var(--muted);text-align:center;font-size:.9rem}.lobby-loadout{flex-direction:column;gap:.4rem;display:flex}.pause-card{background:var(--panel);border:1px solid var(--line);border-radius:1rem;flex-direction:column;gap:.8rem;width:min(100%,50rem);max-height:calc(100vh - 2rem);padding:1.3rem 1.6rem;display:flex;position:relative;overflow-y:auto;box-shadow:0 2rem 6rem #0009}.pause-card .logo{font-size:3rem}.movelist{grid-template-columns:repeat(2,minmax(0,1fr));gap:.2rem 1.2rem;display:grid}.mv{border-bottom:1px solid #ffffff0d;grid-template-columns:7rem 1fr auto;gap:.5rem;padding:.15rem .3rem;font-size:.9rem;display:grid}.mv .cmd{color:var(--cyan);letter-spacing:.06em;font-weight:700}.mv .note{color:var(--gold);letter-spacing:.1em;text-transform:uppercase;font-size:.75rem}.toast{color:#fff;z-index:50;text-align:center;background:#ff4d5aeb;border-radius:.6rem;max-width:min(90vw,36rem);padding:.7rem 1.2rem;font-weight:700;position:fixed;bottom:2rem;left:50%;transform:translate(-50%);box-shadow:0 .5rem 2rem #00000080}.toast.info{color:#04121a;background:#55e0ffeb}#hud{pointer-events:none;z-index:10;font-family:var(--font-ui);position:fixed;inset:0}.hud-plates,.hud-floaters{position:absolute;inset:0}.plate{text-align:center;will-change:transform;width:6.5rem;position:absolute;top:0;left:0}.plate .pname{letter-spacing:.06em;text-shadow:0 .1rem .3rem #000000e6;white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:700;overflow:hidden}.plate .tag{letter-spacing:.2em;color:var(--gold);text-transform:uppercase;text-shadow:0 .1rem .3rem #000000e6;height:.8rem;font-size:.6rem}.plate.formed .tag{animation:.6s infinite alternate pulse}.plate .phpbar{background:#0009;border:1px solid #ffffff40;border-radius:.2rem;height:.36rem;margin-top:.1rem;overflow:hidden}.plate .phpfill{background:var(--orange);height:100%;transition:width .12s}.plate .pmeter{background:#00000080;border-radius:.1rem;height:.16rem;margin-top:.1rem;overflow:hidden}.plate .pmfill{background:var(--purple);height:100%}.floater{font-family:var(--font-display);color:#fff;text-shadow:0 0 .6rem #000000e6,0 .1rem #000;will-change:transform, opacity;white-space:nowrap;font-size:2.3rem;font-weight:700;position:absolute;top:0;left:0}.floater.big{font-size:3.4rem}.floater.mine{color:var(--gold)}.floater.taken{color:var(--red)}.floater.label{letter-spacing:.15em;color:#cfd6ff;font-size:1.2rem}.floater.label.block{color:#66b8ff}.floater.label.broke{color:#ff8a3d;font-size:1.6rem}.floater.label.counter{color:var(--gold);font-size:1.7rem}.floater.label.skill{color:var(--cyan);font-size:1.4rem}.hud-top{flex-direction:column;align-items:center;gap:.5rem;display:flex;position:absolute;top:.8rem;left:1rem;right:1rem}.hud-clock{flex-direction:column;order:-1;align-items:center;display:flex}.hud-round{letter-spacing:.3em;color:var(--muted);font-size:.7rem}.hud-timer{font-family:var(--font-display);letter-spacing:.08em;border:1px solid var(--line);text-shadow:0 0 1rem #55e0ff66;background:#00000073;border-radius:.6rem;padding:.3rem 1.2rem .1rem;font-size:2.8rem;font-weight:700;line-height:1}.hud-timer.urgent{color:var(--red);animation:.5s infinite alternate pulse}.hud-opp,.hud-mates{flex-wrap:wrap;justify-content:center;gap:.4rem;display:flex}.card{border:1px solid var(--line);background:#00000080;border-radius:.5rem;flex-direction:column;gap:.15rem;width:9rem;padding:.3rem .5rem;font-size:.85rem;display:flex}.card .cname{white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.card .cbar{background:#0009;border:1px solid #fff3;border-radius:.2rem;height:.5rem;overflow:hidden}.card .cfill{background:var(--orange);height:100%;transition:width .12s}.card .cgauge{background:#00000080;border-radius:.1rem;height:.2rem;overflow:hidden}.card .cgfill{background:var(--purple);height:100%}.card .cpts{color:var(--muted);letter-spacing:.1em;font-size:.7rem}.card.dead{opacity:.4}.card.dead .cname{text-decoration:line-through}.card.formed{border-color:var(--gold);box-shadow:0 0 .6rem #ffd34d66}.hud-combo{font-family:var(--font-display);color:var(--gold);letter-spacing:.08em;text-shadow:0 0 1.2rem #ffd34d99,0 .15rem #000;opacity:0;font-size:3rem;font-weight:700;transition:opacity .2s;position:absolute;top:30vh;right:8vw}.hud-combo.show{opacity:1}.hud-combo.pop{animation:.25s pop}.hud-move{font-family:var(--font-display);letter-spacing:.08em;opacity:0;text-shadow:0 0 .8rem #000000e6,0 .1rem #000;white-space:nowrap;align-items:baseline;gap:.6rem;transition:opacity .15s;display:flex;position:absolute;bottom:22vh;left:50%;transform:translate(-50%)}.hud-move.show{opacity:1}.hud-move.pop{animation:.18s pop}.hud-move .cmd{color:var(--cyan);font-size:1.3rem}.hud-move .nm{color:#fff;font-size:2.2rem}.hud-move .tg{color:var(--gold);letter-spacing:.2em;font-size:1rem}.hud-announce{font-family:var(--font-display);letter-spacing:.1em;color:#fff;text-shadow:0 0 2rem #55e0ffb3,0 .3rem #000;opacity:0;white-space:nowrap;font-size:6.5rem;font-weight:700;line-height:1;transition:opacity .15s,transform .15s;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)scale(.8)}.hud-announce.show{opacity:1;transform:translate(-50%,-50%)scale(1)}.hud-announce.fight{color:var(--pink);text-shadow:0 0 2.5rem #ff5aa5cc,0 .3rem #000}.hud-announce.ko{color:var(--gold);font-size:5rem}.hud-announce.bad{color:var(--red);font-size:4rem}.hud-announce.form{color:var(--gold);font-size:4.5rem}.hud-announce.win{color:var(--gold);text-shadow:0 0 2.5rem #ffd34dcc,0 .3rem #000;font-size:4.2rem}.hud-spectate{border:1px solid var(--line);letter-spacing:.15em;color:var(--cyan);background:#0000008c;border-radius:.5rem;padding:.4rem 1rem;font-size:.85rem;display:none;position:absolute;top:14%;left:50%;transform:translate(-50%)}.hud-spectate.show{display:block}.hud-bottom{align-items:flex-end;gap:1rem;display:flex;position:absolute;bottom:1rem;left:1rem;right:1rem}.hud-me{border:1px solid var(--line);background:#0000008c;border-radius:.8rem;align-items:stretch;gap:.7rem;width:min(25rem,60vw);padding:.6rem .8rem;display:flex}.hud-me.dead{opacity:.55}.hud-me .face{width:3.2rem;font-family:var(--font-display);color:#0a0b12;border-radius:.5rem;flex:none;justify-content:center;align-items:center;font-size:2.2rem;font-weight:700;display:flex}.hud-me .cols{flex-direction:column;flex:1;gap:.28rem;min-width:0;display:flex}.hud-me-name{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.hud-me-name .nm{font-family:var(--font-display);letter-spacing:.05em;font-size:1.5rem;line-height:1}.hud-me-name .st{letter-spacing:.15em;text-transform:uppercase;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;overflow:hidden}.hud-bar{background:#0009;border:1px solid #fff3;border-radius:.3rem;height:1rem;position:relative;overflow:hidden}.hud-bar .fill{height:100%;transition:width .12s,background .2s}.hud-bar.hp .fill{background:linear-gradient(90deg, var(--orange), #ffc46b)}.hud-bar .txt{letter-spacing:.08em;text-shadow:0 0 .3rem #000;justify-content:flex-end;align-items:center;padding-right:.5rem;font-size:.75rem;font-weight:700;display:flex;position:absolute;inset:0}.hud-bar.sp{height:.45rem}.hud-bar.sp .fill{background:linear-gradient(90deg, var(--blue), #8ab8ff)}.hud-bar.gauge{height:.5rem}.hud-bar.gauge .fill{background:linear-gradient(90deg, #7a3dff, var(--purple))}.hud-bar.gauge .tick{background:#ffffffb3;width:2px;position:absolute;top:0;bottom:0;left:50%}.hud-bar.gauge.ready{animation:.5s infinite alternate pulse;box-shadow:0 0 .8rem #b36bffcc}.hud-bar.gauge.active .fill{background:linear-gradient(90deg, #fff, var(--purple))}.hud-me-foot{letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:.6rem;min-height:1em;font-size:.72rem;display:flex}.hud-me-foot .panics{gap:.25rem;display:flex}.pip{background:#0006;border:1px solid #fff6;border-radius:50%;width:.7rem;height:.7rem}.pip.on{background:var(--gold);box-shadow:0 0 .5rem var(--gold)}.hud-me-foot .exo{white-space:nowrap;text-overflow:ellipsis;color:var(--text);flex:1;overflow:hidden}.hud-me-foot .exo .sk{color:var(--muted);margin-left:.3rem}.hud-me-foot .exo .sk.ok{color:var(--cyan)}.hud-me-foot .exo .ready{color:var(--purple);animation:.5s infinite alternate pulse}.hud-me-foot .exo .dim{color:var(--muted)}.hud-me-foot .status{color:var(--cyan)}.hud-mates{justify-content:flex-start}.hud-log{flex-direction:column;align-items:flex-end;gap:.2rem;max-width:28rem;margin-left:auto;display:flex}.log-item{text-shadow:0 .1rem .3rem #000;background:#00000059;border-radius:.3rem;padding:.1rem .5rem;font-size:.9rem;animation:.2s slide-in}.log-item.yellow{color:#ffe08a}.log-item.green{color:#9cffb0}.hud-hint{color:var(--muted);opacity:.6;flex-direction:column;gap:.2rem;font-size:.72rem;display:flex;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.hud-hint b{color:var(--text);background:#ffffff14;border-radius:.2rem;padding:0 .3rem}.hud-fps{color:var(--muted);letter-spacing:.1em;opacity:.7;font-size:.7rem;position:absolute;top:.6rem;right:1rem}.hud-board{border:1px solid var(--line);background:#080910e6;border-radius:.8rem;flex-direction:column;gap:.3rem;width:min(36rem,92vw);padding:1rem 1.2rem;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 1rem 4rem #000000b3}.hud-board.show{display:flex}.hud-board-title{font-family:var(--font-display);letter-spacing:.2em;color:var(--cyan);text-align:center;font-size:1.8rem}.brow{border-radius:.4rem;grid-template-columns:1rem 1fr auto 2.5rem 2.5rem;align-items:center;gap:.6rem;padding:.3rem .5rem;font-size:1rem;display:grid}.brow.head{color:var(--muted);letter-spacing:.15em;text-transform:uppercase;border-bottom:1px solid var(--line);font-size:.7rem}.brow.me{background:#ffffff14}.brow.dead{opacity:.45}.brow .dot{border-radius:50%;width:.7rem;height:.7rem}.brow .n{font-weight:700}.brow .n i{color:var(--muted);letter-spacing:.1em;font-size:.75rem;font-style:normal}.brow .s{color:var(--muted);font-size:.8rem}.brow .k,.brow .d{text-align:right;font-family:var(--font-display);font-size:1.3rem;line-height:1}.brow.head .k,.brow.head .d{font-family:var(--font-ui);font-size:.7rem}.brow .d{color:var(--muted)}.hud-vignette{pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 8rem #ff283c00}.hud-vignette.flash{animation:.4s ease-out vignette}@keyframes vignette{0%{box-shadow:inset 0 0 8rem #ff283ccc}to{box-shadow:inset 0 0 8rem #ff283c00}}@keyframes pulse{0%{opacity:1}to{opacity:.55}}@keyframes pop{0%{transform:scale(1.4)}to{transform:scale(1)}}@keyframes slide-in{0%{opacity:0;transform:translate(1rem)}to{opacity:1;transform:none}}@media (max-width:64rem){.two-col{grid-template-columns:1fr}.cards.five{grid-template-columns:repeat(3,minmax(0,1fr))}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.logo{font-size:3.2rem}.hud-announce{font-size:4rem}.hud-hint{display:none}.hud-timer{font-size:2rem}.join{width:100%;margin-left:0}.join input{flex:1}.movelist{grid-template-columns:1fr}.card{width:7rem}}.screen.title{pointer-events:none;padding:0;display:block}.screen.title>*{pointer-events:auto}.title-vignette{z-index:0;background:linear-gradient(90deg,#0a0b12d9 0%,#0a0b1233 38% 62%,#0a0b12d9 100%),linear-gradient(#0a0b12b3,#0000 25% 70%,#0a0b12e6);position:absolute;inset:0;pointer-events:none!important}.title-top{z-index:1;justify-content:space-between;align-items:flex-start;display:flex;position:absolute;top:1.2rem;left:1.6rem;right:1.6rem}.title-top .logo{font-size:5.2rem}.title-top .sub{margin-top:.2rem}.compact-field{flex:0 0 13rem}.panel{z-index:1;border:1px solid var(--line);-webkit-backdrop-filter:blur(.4rem);backdrop-filter:blur(.4rem);background:#0c0e18c7;border-radius:1rem;flex-direction:column;gap:.6rem;width:min(24rem,50vw - 2.4rem);padding:1rem 1.1rem;display:flex;position:absolute;box-shadow:0 1.5rem 4rem #00000080}.title-left{bottom:5.4rem;left:1.6rem}.title-right{bottom:5.4rem;right:1.6rem}.panel-title{font-family:var(--font-display);letter-spacing:.15em;color:var(--cyan);font-size:1.6rem;line-height:1}.scroll-row{flex-direction:column;gap:.35rem;display:flex}.scroll-row .card-pick{flex-direction:row;align-items:center;gap:.7rem;padding:.45rem .6rem .45rem .8rem}.scroll-row.compact{flex-flow:wrap}.card-pick .ic{width:2.2rem;height:2.2rem;color:var(--c);filter:drop-shadow(0 0 .4rem color-mix(in srgb, var(--c) 60%, transparent));flex:none;justify-content:center;align-items:center;font-size:1.9rem;display:flex}.card-pick .txt{flex-direction:column;gap:.1rem;min-width:0;display:flex}.scroll-row.compact .card-pick .tg{display:none}.moves-strip{flex-wrap:wrap;gap:.3rem;display:flex}.mv-chip{border:1px solid var(--line);color:var(--text);background:#ffffff0f;border-radius:.3rem;align-items:baseline;gap:.35rem;padding:.15rem .5rem;font-size:.78rem;display:inline-flex}.mv-chip b{color:var(--cyan);letter-spacing:.08em}.mv-chip i{letter-spacing:.12em;text-transform:uppercase;color:var(--gold);font-size:.65rem;font-style:normal}.mv-chip.dim{color:var(--muted)}.map-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem;display:grid}.map-row .card-pick{text-align:center;align-items:center;gap:.25rem;padding:.4rem .4rem .45rem}.map-row .card-pick:before{display:none}.map-row .card-pick .ic{width:100%;height:auto;font-size:1rem}.map-svg{width:100%;height:auto;display:block}.map-row .card-pick .nm{font-size:1.05rem}.map-row .card-pick .tg{display:none}.setup-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem}.setup-grid select{padding:.4rem .5rem;font-size:.95rem}.play-buttons{flex-wrap:wrap;align-items:stretch;gap:.5rem;display:flex}button i{vertical-align:middle;margin-right:.45rem;font-size:1.25em;display:inline-flex}button.big{flex:auto;justify-content:center;align-items:center;padding:.85rem 1rem;font-size:1.1rem;display:inline-flex}.play-buttons .join{width:100%;margin-left:0}.play-buttons .join input{flex:1}.title-keys{z-index:1;justify-content:center;display:flex;position:absolute;bottom:1.2rem;left:1.6rem;right:1.6rem}.keycaps{flex-wrap:wrap;justify-content:center;gap:.4rem;display:flex}.cap{border:1px solid var(--line);color:var(--muted);background:#0c0e18bf;border-radius:.45rem;align-items:center;gap:.4rem;padding:.3rem .6rem;font-size:.8rem;display:inline-flex}.cap b{color:var(--text);font-family:var(--font-display);letter-spacing:.08em;background:#ffffff1a;border:1px solid #ffffff2e;border-bottom-width:.18rem;border-radius:.3rem;padding:.05rem .4rem;font-size:1rem}.cap i{color:var(--cyan);font-size:1.1rem;display:inline-flex}.keycaps.classic-keys{display:none}body.wasd .keycaps.wasd-keys,body:not(.wasd) .keycaps.classic-keys{display:flex}body:not(.wasd) .keycaps.wasd-keys{display:none}@media (max-width:64rem){.screen.title{overflow-y:auto}.title-top{flex-direction:column;gap:.6rem;padding:1rem 1rem 0;position:relative}.title-top .logo{font-size:3.4rem}.panel{width:auto;margin:.8rem 1rem;position:relative}.title-keys{padding:0 1rem 1rem;position:relative}.map-row,.setup-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.hud-me-foot .lives{color:var(--gold);letter-spacing:.1em;margin-left:.4rem}.lobby-setup{flex-direction:column;gap:.5rem;display:flex}.lobby-setup .setup-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.lp .rd{letter-spacing:.2em;color:var(--muted);font-size:.65rem}.lp.ready .rd{color:var(--green)}.lp.ready{border-color:#8cff6b80}.lobby-status .countdown{font-family:var(--font-display);color:var(--gold);letter-spacing:.1em;font-size:1.6rem}button.armed{border-color:var(--green);color:var(--green);background:#8cff6b26}.title-opts{align-items:flex-end;gap:.6rem;display:flex}.music-field{flex:0 0 6rem}.hud-stage{font-family:var(--font-display);letter-spacing:.35em;color:var(--cyan);text-shadow:0 0 1rem #55e0ff80,0 .1rem #000;opacity:0;white-space:nowrap;font-size:1.6rem;transition:opacity .25s;position:absolute;top:41%;left:50%;transform:translate(-50%)}.hud-stage.show{opacity:1}.rooms-title{align-items:baseline;gap:.6rem;margin-top:.9rem;display:flex}.rooms-state{font-family:var(--font-body,inherit);letter-spacing:.05em;text-transform:none;opacity:.6;font-size:.75rem}.rooms{flex-direction:column;gap:.4rem;max-height:14rem;margin-bottom:.6rem;display:flex;overflow-y:auto}.rooms .empty{opacity:.6;padding:.6rem .2rem;font-size:.85rem}.room-row{background:#ffffff08;border:1px solid #ffffff14;border-radius:.5rem;grid-template-columns:1fr auto auto;align-items:center;gap:.6rem;padding:.5rem .7rem;display:grid}.room-row .nm{font-weight:700}.room-row .meta{opacity:.65;font-size:.78rem}.room-row .badge{letter-spacing:.1em;text-transform:uppercase;color:var(--cyan);background:#55e0ff26;border-radius:999px;padding:.2rem .5rem;font-size:.7rem}.room-row .badge.playing{color:#ff5aa5;background:#ff5aa526}.room-row button{padding:.4rem .8rem}.join{width:100%;margin-left:0}.join input{flex:1}