:root{--bg: #0b0d1a;--bg2: #141832;--card: #1a1f3d;--panel: #222850;--accent: #ff4d6d;--accent2: #4d79ff;--good: #44dd66;--text: #eef1ff;--muted: #9aa3cc;--radius: 14px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:radial-gradient(1200px 800px at 50% -10%,#20264f,var(--bg));color:var(--text);overflow:hidden;-webkit-user-select:none;user-select:none}#app{height:100%}.screen{display:none;height:100%}.screen.active{display:flex;flex-direction:column;align-items:center;justify-content:center}.card{background:var(--card);border:1px solid rgba(255,255,255,.07);border-radius:var(--radius);padding:32px;width:min(420px,92vw);box-shadow:0 20px 60px #00000073;text-align:center}.card.wide{width:min(820px,94vw);text-align:left}.card.lobby-card{width:97vw;max-width:1700px;text-align:left;max-height:95vh;overflow-y:auto;padding:24px 28px}.logo{font-size:52px;font-weight:900;letter-spacing:2px;background:linear-gradient(90deg,var(--accent),var(--accent2));-webkit-background-clip:text;background-clip:text;color:transparent}.tagline{color:var(--muted);margin:6px 0 24px}.field{display:block;text-align:left;margin-bottom:18px}.field span{display:block;font-size:13px;color:var(--muted);margin-bottom:6px}input,select{width:100%;min-width:40%;padding:12px 14px;font-size:16px;background:var(--bg2);border:1px solid rgba(255,255,255,.1);border-radius:10px;color:var(--text);outline:none}input:focus,select:focus{border-color:var(--accent2)}.btn{cursor:pointer;border:none;border-radius:10px;padding:12px 18px;font-size:15px;font-weight:600;color:var(--text);background:var(--panel);transition:transform .08s,filter .15s}.btn:hover{filter:brightness(1.15)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:linear-gradient(90deg,var(--accent),#ff6b4d)}.btn.big{width:100%;padding:14px;font-size:17px}.btn.small{padding:7px 12px;font-size:13px}.btn.ghost{margin:1em 0;background:transparent;border:1px solid rgba(255,255,255,.15)}.divider{display:flex;align-items:center;gap:12px;color:var(--muted);margin:18px 0}.divider:before,.divider:after{content:"";flex:1;height:1px;background:#ffffff1a}.join-row{display:flex;gap:10px}.code-field{text-transform:uppercase;letter-spacing:6px;text-align:center;font-weight:700}.error{color:var(--accent);min-height:20px;margin-top:12px;font-size:14px}.hint{position:fixed;bottom:16px;color:var(--muted);font-size:13px}.lobby-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:20px}.code-box{display:flex;align-items:center;gap:10px;background:var(--bg2);padding:8px 12px;border-radius:10px}.code-label{font-size:12px;color:var(--muted)}.code-value{font-size:22px;font-weight:800;letter-spacing:4px;color:var(--accent2)}.lobby-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:start}@media (max-width: 1100px){.lobby-grid{grid-template-columns:1fr 1fr}}@media (max-width: 620px){.lobby-grid{grid-template-columns:1fr}}.panel{background:var(--panel);border-radius:12px;padding:16px}.panel h3{font-size:15px;margin-bottom:12px;color:var(--muted)}.player-list{list-style:none;display:flex;flex-direction:column;gap:8px}.player-list li{display:flex;align-items:center;gap:10px;background:var(--bg2);padding:10px 12px;border-radius:8px}.dot{width:16px;height:16px;border-radius:50%;flex:none}.pl-name{flex:1;font-weight:600}.badge{font-size:11px;padding:3px 8px;border-radius:999px;background:#ffffff1a}.badge.host{background:linear-gradient(90deg,#ffd24d,#ff944d);color:#2a1a00}.badge.ready{background:var(--good);color:#06210f}.kick-btn{width:24px;height:24px;flex:none;padding:0;border:none;border-radius:6px;cursor:pointer;font-size:13px;line-height:1;background:#ff4d4d26;color:#ff6b6b;transition:background .15s,color .15s}.kick-btn:hover{background:#ff4d4d;color:#fff}.settings{display:flex;flex-direction:column;gap:12px}.set-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.set-row.col{flex-direction:column;align-items:stretch;gap:6px}.set-row>span{color:var(--muted);font-size:14px}.set-row select{width:auto;padding:8px 10px}.seg{display:flex;gap:4px;background:var(--bg2);padding:4px;border-radius:8px}.seg button{flex:auto;border:none;background:transparent;color:var(--muted);padding:6px 12px;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600}.seg button.on{background:var(--accent2);color:#fff}.seg button:disabled{cursor:not-allowed}.seg button.locked{opacity:.4;cursor:not-allowed;font-style:italic}#set-mode.seg{display:grid;grid-template-columns:repeat(3,1fr)}.seg button.seg-2line{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 8px;line-height:1.1}.seg button.seg-2line .seg-main{font-size:14px;font-weight:800;letter-spacing:.3px}.seg button.seg-2line .seg-sub{font-size:9px;font-weight:500;opacity:.75;text-transform:uppercase;letter-spacing:.2px}.switch.toggle-row{width:100%;justify-content:flex-start;gap:10px}.switch.toggle-row .switch-text{font-weight:600;font-size:14px}.switch.toggle-row .switch-text small{color:var(--muted);font-weight:500}.switch input:disabled+.switch-track{opacity:.4}.switch input:disabled~.switch-text{opacity:.55}.switch:has(input:disabled){cursor:not-allowed}.note{color:var(--muted);font-size:12px;margin-top:10px}.lobby-note{margin-top:14px}.equipment{display:flex;flex-direction:column;gap:14px}.equip-toggle-all{display:flex;gap:8px}.equip-group{display:flex;flex-direction:column;gap:8px}.equip-head{color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.itempool{display:flex;flex-wrap:wrap;gap:6px}.itag{display:inline-flex;align-items:center;gap:6px;cursor:pointer;border:1px solid rgba(255,255,255,.14);background:var(--bg2);color:var(--text);padding:5px 10px;border-radius:999px;font-size:13px;font-weight:600;transition:opacity .12s,filter .12s,border-color .12s}.itag .itag-emoji{font-size:15px;line-height:1}.itag:hover:not(:disabled){border-color:var(--accent2)}.itag.off{opacity:.4;filter:grayscale(1)}.itag.locked{opacity:.4;filter:grayscale(1);border-style:dashed;cursor:not-allowed}.itag:disabled{cursor:not-allowed}.lobby-foot{display:flex;align-items:center;gap:14px;margin-top:22px;flex-wrap:wrap}.big-toggle{font-size:16px}.lobby-foot .btn.big{width:auto;flex:1;min-width:160px}.queue-msg{color:var(--muted);font-size:14px;line-height:1.5;margin:14px 0 22px}.queue-pos{font-size:20px;font-weight:700;color:var(--text);background:var(--bg2);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:18px;margin-bottom:8px}.queue-pos span{font-size:30px;font-weight:900;color:var(--accent2);margin:0 4px}#btn-queue-cancel{margin-top:18px}.browser-table{display:flex;flex-direction:column;gap:8px}.browser-row{display:grid;grid-template-columns:1fr 1.4fr .8fr auto;align-items:center;gap:12px;background:var(--bg2);padding:10px 14px;border-radius:8px}.browser-row.browser-header{background:transparent;padding:0 14px 4px;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:1px}#browser-list{display:flex;flex-direction:column;gap:8px}.br-code{font-weight:800;letter-spacing:3px;color:var(--accent2)}.br-host{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.br-players{color:var(--muted);font-weight:600}.screen.game{display:none;position:relative}.screen.game.active{display:block}#viewport{position:absolute;inset:0;overflow:hidden}#viewport canvas{display:block;position:absolute;inset:0;width:100%!important;height:100%!important}#hud{position:absolute;inset:0;pointer-events:none}.hud-top{position:absolute;top:16px;left:0;right:0;display:flex;justify-content:center;gap:12px}.hud-pill{background:#0a0c1ab3;border:1px solid rgba(255,255,255,.1);padding:8px 16px;border-radius:999px;font-weight:700;backdrop-filter:blur(6px)}.hud-bottom{position:absolute;bottom:20px;left:0;right:0;display:flex;justify-content:center}.hud-stats{display:flex;align-items:center;gap:16px;background:#0a0c1ab3;padding:12px 18px;border-radius:14px;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(6px)}.energy-label{font-size:11px;color:var(--muted);margin-bottom:4px}.energy-bar{position:relative;width:200px;height:22px;background:#11152a;border-radius:999px;overflow:hidden}#energy-fill{height:100%;width:100%;background:linear-gradient(90deg,var(--good),#7bf08e);transition:width .15s}#energy-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.charges{display:flex;gap:6px}.charge-pip{width:16px;height:16px;border-radius:50%;background:#2a3158;border:2px solid #3a4170}.charge-pip.full{background:var(--accent2);box-shadow:0 0 8px var(--accent2)}.item-slot{width:54px;height:54px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;background:var(--panel);border:2px solid rgba(255,255,255,.15);text-align:center}.item-slot.empty{color:var(--muted)}.countdown{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:140px;font-weight:900;color:#fff;text-shadow:0 6px 30px rgba(0,0,0,.6);opacity:0}.countdown.show{opacity:1}.spectate{position:absolute;top:70px;left:0;right:0;text-align:center;font-size:20px;font-weight:700;color:var(--accent);display:none}.spectate.show{display:block}.controls-hint{position:absolute;bottom:4px;left:0;right:0;text-align:center;font-size:11px;color:var(--muted)}.overlay{position:absolute;inset:0;background:#05060fc7;display:none;align-items:center;justify-content:center;backdrop-filter:blur(4px)}.overlay.show{display:flex}.customize-btn{width:100%;margin-bottom:10px}.customize-card{width:340px;max-width:92vw;text-align:center}.cz-preview{display:flex;align-items:center;justify-content:center;gap:8px;margin:12px 0 18px}.cz-canvas{width:220px;height:220px;background:radial-gradient(circle at 50% 40%,#1a2138,#0c1020);border-radius:14px}.cz-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 2px}.cz-label{font-weight:600;color:var(--muted)}.cz-picker{display:flex;align-items:center;gap:12px}.cz-value{min-width:120px;font-weight:600}.cz-swatch{width:40px;height:24px;border-radius:6px;border:2px solid rgba(255,255,255,.25)}.cz-arrow{width:34px;height:34px;flex:none;border:none;border-radius:8px;cursor:pointer;font-size:20px;line-height:1;background:var(--bg2);color:#fff;transition:background .15s}.cz-arrow:hover{background:#2a3358}#cz-close{margin-top:16px}#end-title{font-size:34px;margin-bottom:8px}#end-sub{color:var(--muted);margin-bottom:22px;font-size:18px}.charge-pip{border:2px solid #3a4170}.lives{display:inline-flex;gap:3px;vertical-align:middle;margin-left:6px}.heart{color:#ff4d6d;font-size:13px;line-height:1}.heart.lost{color:#44496e}.right-stack{position:absolute;top:16px;right:16px;display:flex;flex-direction:column;gap:8px;align-items:stretch}.scoreboard{display:flex;flex-direction:column;gap:6px}.score-row{display:flex;align-items:center;gap:8px;background:#0a0c1ab3;border:1px solid rgba(255,255,255,.1);padding:6px 10px;border-radius:10px;backdrop-filter:blur(6px);min-width:170px}.score-row.dead{opacity:.45}.score-row.you{border-color:#ffffff73}.score-row.team-a{border-left:3px solid #ff6b6b}.score-row.team-b{border-left:3px solid #4d9fff}.sc-name small{color:var(--muted);font-weight:500}.score-row .dot{width:12px;height:12px}.score-row .sc-name{flex:1;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.score-row .sc-stat{display:inline-flex;align-items:center;gap:3px;font-size:13px;font-weight:800;min-width:30px;justify-content:flex-end}.score-row .sc-ic{font-size:11px;font-weight:400;opacity:.9}.killfeed{position:absolute;top:188px;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:7px;pointer-events:none}.kf-row{display:flex;align-items:center;gap:12px;background:#0a0c1a73;border:1px solid rgba(255,255,255,.08);padding:8px 20px;border-radius:999px;backdrop-filter:blur(4px);animation:kf-life 3.6s ease forwards}.kf-name{font-size:22px;font-weight:800;text-shadow:0 2px 6px rgba(0,0,0,.6)}.kf-skull{font-size:24px}@keyframes kf-life{0%{opacity:0;transform:translateY(-10px)}8%{opacity:1;transform:translateY(0)}80%{opacity:1}to{opacity:0}}.round-scores{display:flex;flex-direction:column;gap:8px;margin:16px 0 22px}.round-scores .rs-row{display:flex;align-items:center;gap:10px;background:var(--bg2);padding:10px 14px;border-radius:10px}.round-scores .rs-name{flex:1;text-align:left;font-weight:600}.round-scores .rs-wins{font-weight:800;font-size:20px;color:#ffd24d}.stamina-bar{position:relative;width:200px;height:16px;background:#11152a;border-radius:999px;overflow:hidden}#stamina-fill{height:100%;width:100%;background:linear-gradient(90deg,#4d79ff,#7bdcff);transition:width .1s}#stamina-fill.red{background:linear-gradient(90deg,#f44,#ff7a4d)}.seg-div{position:absolute;top:0;width:2px;height:100%;background:#0a0c1ad9}.seg-div.s1{left:33.3%}.seg-div.s2{left:66.6%}.switch{display:inline-flex;align-items:center;gap:10px;cursor:pointer}.switch input{display:none}.switch-track{width:52px;height:28px;border-radius:999px;background:#2a3158;position:relative;transition:background .2s;flex:none}.switch-thumb{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:left .2s;box-shadow:0 1px 3px #0006}.switch input:checked+.switch-track{background:var(--good)}.switch input:checked+.switch-track .switch-thumb{left:27px}.switch-text{font-weight:700}.info-card{width:min(580px,94vw);text-align:left;max-height:88vh;overflow-y:auto}.info-card h2{text-align:center;margin-bottom:18px}.info-card h3{margin:20px 0 8px;color:var(--muted);font-size:14px;text-transform:uppercase;letter-spacing:1px}.ctrl-list{display:flex;flex-direction:column;gap:12px}.ctrl-row{display:flex;align-items:center;gap:14px}.keys{display:flex;align-items:center;gap:5px;flex:none;min-width:210px;flex-wrap:wrap}.key{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:32px;padding:0 9px;background:linear-gradient(#3a4275,#262c4d);border:1px solid rgba(255,255,255,.18);border-bottom-width:3px;border-radius:7px;font-weight:700;font-size:14px;box-shadow:0 2px #00000059}.key.wide{min-width:88px}.keys .sep{color:var(--muted);margin:0 2px}.ctrl-desc{color:var(--text);font-size:14px}.info-text{color:var(--muted);font-size:13px;line-height:1.55}.item-info{display:flex;flex-direction:column;gap:8px}.ii-row{display:flex;gap:12px;font-size:14px;align-items:baseline}.ii-name{font-weight:800;min-width:95px;flex:none}.ii-row span:last-child{color:var(--muted)}.info-card .btn{margin-top:22px}.hud-stats{gap:26px;padding:16px 30px}.stat-block{display:flex;flex-direction:column;align-items:center;gap:6px}.energy-bar{width:260px;height:26px}.stamina-bar{width:260px;height:22px}.energy-label{font-size:13px}#energy-text{font-size:14px}.lives.big{gap:4px}.lives.big .heart{font-size:22px}.item-bar{position:absolute;top:100px;left:0;right:0;display:flex;justify-content:center;gap:18px}.item-block{position:relative;width:104px;height:104px;border-radius:16px;background:#0a0c1ab8;border:2px solid rgba(255,255,255,.16);backdrop-filter:blur(6px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.item-block.empty{opacity:.45}.item-key{position:absolute;top:6px;right:8px;font-size:12px;font-weight:800;color:var(--muted);background:#ffffff14;padding:1px 7px;border-radius:6px}.item-emoji{font-size:44px;line-height:1}.item-name{font-size:13px;font-weight:700}.item-count{position:absolute;top:6px;left:8px;font-size:16px;font-weight:900;color:#ffd24d;background:#00000073;padding:0 8px;border-radius:8px}.item-timer{position:absolute;bottom:6px;left:8px;right:8px;height:5px;background:#00000073;border-radius:999px;overflow:hidden}.item-timer-fill{height:100%;width:100%;background:linear-gradient(90deg,var(--accent),#ff944d);transition:width .1s linear}.item-timer.shuri{height:7px}.item-timer.shuri .item-timer-fill{background:linear-gradient(90deg,#4dd2ff,#7bdcff)}.shuri-div{position:absolute;top:0;width:2px;height:100%;background:#0a0c1ad9;z-index:1;transform:translate(-1px)}.blind-overlay{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none}.blind-overlay.flashing{animation:blind-flash 4.1s ease-out}@keyframes blind-flash{0%{opacity:0}2%{opacity:1}32%{opacity:1}to{opacity:0}}.status-bar{position:absolute;top:178px;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:10px}.status-label{font-size:12px;font-weight:700;color:var(--muted);background:#0a0c1ab3;padding:4px 10px;border-radius:999px}.status-timer{width:160px;height:8px;background:#0a0c1ab3;border-radius:999px;overflow:hidden}.status-timer-fill{height:100%;width:100%;background:linear-gradient(90deg,#3d6bff,#7bdcff);transition:width .1s linear}.pw-box{display:flex;align-items:center;gap:8px;background:var(--bg2);padding:8px 12px;border-radius:10px}.pw-field{width:130px;min-width:0;padding:6px 8px;font-size:14px;letter-spacing:2px}.pw-eye{padding:6px 10px;font-size:15px;line-height:1}.pw-card{width:min(360px,92vw)}.pw-popup-field{width:100%;margin:14px 0;text-align:center;letter-spacing:3px}.pw-popup-row{display:flex;gap:10px}.pw-popup-row .btn{flex:1}#pw-popup-error{color:var(--accent);min-height:16px}.cz-row-top{margin-bottom:10px}.customize-btn{width:auto;display:inline-flex;padding:8px 16px;margin-bottom:0}.list-join-btn{width:100%;text-align:left;display:flex;align-items:center;justify-content:space-between;margin:10px 0 8px;font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);background:transparent;border:1px dashed rgba(255,255,255,.15);padding:6px 10px}.list-join-btn .chev{font-size:13px}.list-join-btn:disabled{opacity:.5;cursor:default}.spectator-list{margin-top:6px;opacity:.85}.spectator-list li{background:#ffffff0a}.player-list li.spectating{opacity:.7;font-style:italic}.team-lists{display:flex;flex-direction:column;gap:10px;margin-top:4px}.team-block{border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:8px}.team-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}.team-join-btn{flex:1;text-align:left;display:flex;align-items:center;justify-content:space-between;font-weight:700;font-size:13px;padding:7px 10px;background:var(--bg2);border:none;border-radius:8px;cursor:pointer;color:var(--text)}.team-join-btn.mine{outline:2px solid var(--accent2)}.team-name-edit{width:28px;height:28px;flex:none;padding:0;border-radius:8px;border:none;background:#ffffff14;cursor:pointer}.team-name-input{width:90px;padding:5px 8px;font-size:13px}#tournament-note{color:var(--accent);font-weight:600}.perk-panel{background:var(--bg2);border-radius:8px;padding:10px 12px;margin:-2px 0 4px;display:flex;flex-direction:column;gap:6px}.perk-row{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px}.perk-row .perk-label{color:var(--muted);flex:1}.perk-row .perk-val{font-weight:800;width:46px;text-align:center}.perk-btn{width:26px;height:26px;border-radius:6px;border:none;background:var(--panel);color:var(--text);cursor:pointer;font-weight:800}.perk-btn:disabled{opacity:.35;cursor:not-allowed}.perk-points{font-size:12px;color:var(--muted);text-align:right}.perk-points.done{color:var(--good);font-weight:700}.browser-row{grid-template-columns:1fr 1.4fr .8fr .9fr auto}.br-status{display:flex;gap:6px;font-size:12px;color:var(--muted)}.br-tag{padding:2px 7px;border-radius:999px;background:#ffffff14}.br-tag.ingame{background:#ff4d6d40;color:#ffb0be}.br-tag.locked{background:#ffd24d2e;color:#ffd24d}.hud-top{top:16px;display:flex;align-items:stretch;justify-content:center;gap:14px}.hud-side-box{background:#0a0c1ab8;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:10px 22px;text-align:center;backdrop-filter:blur(6px);align-self:center}.hud-side-label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.hud-side-value{font-size:22px;font-weight:800}.hud-banner{background:#0a0c1ac7;border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:8px 34px;text-align:center;min-width:220px;backdrop-filter:blur(6px)}.hud-banner-tournament{font-size:12px;font-weight:800;letter-spacing:1.5px;color:#ffd24d;text-transform:uppercase}.hud-banner-variant{font-size:30px;font-weight:900;letter-spacing:1px;line-height:1.15}.hud-banner-mode{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.right-stack{top:108px}#hud-round.hud-pill{align-self:flex-end;font-size:12px;padding:5px 12px;background:#0a0c1a99}.killfeed{top:224px}.item-block.chaos-slot{width:88px;height:88px}.item-block.chaos-slot .item-emoji{font-size:36px}.item-caption{position:absolute;top:108%;left:0;right:0;font-size:10px;line-height:1.35;color:var(--muted);text-align:center;white-space:nowrap}.exit-bar{position:absolute;bottom:16px;left:16px;right:16px;display:flex;justify-content:space-between;pointer-events:none}.exit-btn{pointer-events:auto;background:#0a0c1ab8;backdrop-filter:blur(6px);font-size:12px;padding:8px 14px}.exit-btn.exit-right{border-color:#ffd24d80}.end-card{width:min(640px,96vw);padding:46px 40px}.end-card #end-title{font-size:46px;margin-bottom:10px;line-height:1.15}.end-card #end-sub{font-size:20px;margin-bottom:26px}.end-scores-big{max-height:40vh;overflow-y:auto}.end-scores-big .rs-row{padding:12px 16px;font-size:15px}