:root{--cyan:#29f0ff;--magenta:#ff2fb4;--yellow:#ffe14d;--orange:#ff9a3c;--red:#ff3b4e;--green:#5dff8a;--violet:#b44dff;--white:#f2f4ff;--ink:#0a0618;--night:#0b0d24;--panel-a:#18123ced;--panel-b:#0a081ef2;--line:#f2f4ff29;--line-strong:#f2f4ff57;--text-dim:#f2f4ffa3;--font-jp:"DotGothic16", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;--font-px:"Press Start 2P", "DotGothic16", monospace;--scan:repeating-linear-gradient(0deg, #ffffff07 0 1px, transparent 1px 3px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body{background:#000;width:100%;height:100%;margin:0;padding:0;overflow:hidden}html{font-size:clamp(4px,min(1.7778vh,1vw),26px)}body{font-family:var(--font-jp);color:var(--white);overscroll-behavior:none;-webkit-font-smoothing:none;-webkit-tap-highlight-color:transparent;line-height:1.4}#app{background:#000;position:fixed;inset:0;overflow:hidden}#stage{background:#000;position:absolute;inset:0;overflow:hidden}#stage>canvas{image-rendering:pixelated;display:block}#ui{z-index:1;pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0;overflow:hidden}#ui input{-webkit-user-select:text;user-select:text}#ui img{-webkit-user-drag:none;image-rendering:pixelated}.layer{pointer-events:none;position:absolute;inset:0}.screen-layer>.screen{pointer-events:auto}.modal-layer{z-index:5}.hidden{display:none!important}#ui *{scrollbar-width:thin;scrollbar-color:#29f0ff8c #04031099}.spacer{flex:1}.px-icon{vertical-align:-.12em;flex:none;width:auto;height:1em;display:inline-block}@keyframes blink{50%{opacity:.25}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes glitch-jit{0%{transform:translate(2px,-1px)}50%{transform:translate(-2px,1px)}to{transform:none}}@keyframes glitch-a{0%,84%,to{clip-path:inset(0 0 100%);transform:none}85%{clip-path:inset(8% 0 62%);transform:translate(-.12em)}87%{clip-path:inset(52% 0 22%);transform:translate(.1em)}89%{clip-path:inset(28% 0 48%);transform:translate(-.06em)}91%{clip-path:inset(70% 0 4%);transform:translate(.14em)}93%{clip-path:inset(0 0 100%)}}@keyframes glitch-b{0%,85%,to{clip-path:inset(100% 0 0);transform:none}86%{clip-path:inset(60% 0 12%);transform:translate(.12em)}88%{clip-path:inset(18% 0 58%);transform:translate(-.1em)}90%{clip-path:inset(40% 0 36%);transform:translate(.08em)}92%{clip-path:inset(100% 0 0)}}@keyframes logo-jit{0%,86%,to{transform:none}87%{transform:translate(4px)skew(-8deg)}89%{transform:translate(-3px)}91%{transform:translate(1px)skew(4deg)}93%{transform:none}}@keyframes neon-flicker{0%,to{opacity:1}41%{opacity:1}42%{opacity:.55}43%{opacity:1}45%{opacity:.7}46%{opacity:1}}@keyframes ticker{to{transform:translate(-50%)}}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}@keyframes pop-in{0%{transform:scale(1.35)}to{transform:none}}@keyframes res-in{0%{opacity:0;letter-spacing:.6em;transform:scaleY(.1)translate(-20px)}40%{opacity:1;transform:scaleY(1.2)translate(10px)}70%{transform:scaleY(1)translate(-4px)}to{opacity:1;letter-spacing:.06em;transform:none}}@keyframes vs-pulse{50%{text-shadow:-.1em 0 0 var(--cyan), .1em 0 0 var(--magenta), 0 0 .6em #b44dffe6;transform:scale(1.08)}}.screen{isolation:isolate;position:absolute;inset:0;overflow:hidden}.screen.dim-left:before,.screen.dim-full:before{content:"";z-index:-1;pointer-events:none;position:absolute;inset:0}.screen.dim-left:before{background:var(--scan), linear-gradient(90deg, #060414e6 0%, #060414b8 30%, #0604142e 60%, #06041400 78%), linear-gradient(0deg, #060414bf 0%, #06041400 22%)}.screen.dim-full:before{background:var(--scan), radial-gradient(ellipse at 50% 42%, #0a081e99, #050410eb 78%)}.panel{--accent:var(--cyan);--accent2:var(--magenta);background:var(--scan), linear-gradient(180deg, var(--panel-a), var(--panel-b));border:2px solid var(--line-strong);box-shadow:0 0 0 2px var(--ink), 0 6px 0 0 #00000073, inset 0 0 0 1px #ffffff0a;padding:1.1rem 1.3rem;position:relative}.panel:before,.panel:after{content:"";pointer-events:none;width:14px;height:14px;position:absolute}.panel:before{border-left:4px solid var(--accent);border-top:4px solid var(--accent);top:-4px;left:-4px}.panel:after{border-right:4px solid var(--accent2);border-bottom:4px solid var(--accent2);bottom:-4px;right:-4px}.panel-title{letter-spacing:.05em;align-items:center;gap:.7rem;margin:0 0 1rem;font-size:1.2rem;display:flex}.panel-title-tag{font-family:var(--font-px);letter-spacing:.08em;color:var(--ink);background:var(--accent);padding:.4em .55em .3em;font-size:.55rem}.panel-actions{align-items:center;gap:.8rem;margin-top:1.2rem;display:flex}.sec-en{font-family:var(--font-px);letter-spacing:.12em;color:var(--cyan);font-size:.5rem}.sec-title{border-bottom:2px solid var(--line);flex-direction:column;gap:.35rem;margin:0 0 1rem;padding-bottom:.5rem;font-size:1rem;font-weight:400;display:flex}.btn{--bc:var(--line-strong);min-height:2.4rem;font:inherit;font-family:var(--font-jp);color:var(--white);white-space:nowrap;cursor:pointer;border:2px solid var(--bc);box-shadow:0 0 0 2px var(--ink), inset 0 -3px 0 #00000059, inset 0 2px 0 #ffffff12;background:linear-gradient(#2c2860eb,#121030f5);border-radius:0;outline:none;justify-content:center;align-items:center;gap:.55em;padding:.5em 1.15em;font-size:1rem;display:inline-flex;position:relative}.btn-sub{font-family:var(--font-px);letter-spacing:.1em;opacity:.6;font-size:.45rem}.btn .btn-icon{height:.95em}.btn:hover:not(:disabled),.btn:focus-visible{--bc:var(--cyan);text-shadow:2px 0 #ff2fb4bf,-2px 0 #29f0ffbf;background:linear-gradient(#29f0ff47,#29f0ff14);animation:.24s steps(2,end) glitch-jit}.btn:active:not(:disabled){box-shadow:0 0 0 2px var(--ink), inset 0 2px 0 #0006;transform:translateY(2px)}.btn:disabled{opacity:.38;cursor:not-allowed}.btn.primary{--bc:var(--cyan);color:#fff;background:linear-gradient(#29f0ff61,#106e826b)}.btn.primary:hover:not(:disabled),.btn.primary:focus-visible{background:linear-gradient(#29f0ff99,#29f0ff38)}.btn.danger{--bc:var(--red)}.btn.danger:hover:not(:disabled),.btn.danger:focus-visible{--bc:var(--red);background:linear-gradient(#ff3b4e6b,#ff3b4e1f)}.btn.ghost{background:#0a081ea6}.btn.small{min-height:1.9rem;padding:.3em .8em;font-size:.8rem}.btn.big{min-height:3.1rem;padding:.55em 1.8em;font-size:1.25rem}.btn.icon-btn{min-height:0;padding:.45em .55em}.btn.icon-btn .btn-label:empty{display:none}.btn.on{--bc:var(--green);background:linear-gradient(#5dff8a5c,#5dff8a1a)}.btn.spinning .btn-icon{animation:.8s steps(8,end) infinite spin}.spinner{vertical-align:-.1em;border:3px solid var(--cyan);border-right-color:#0000;width:.9em;height:.9em;margin-right:.55em;animation:.8s steps(8,end) infinite spin;display:inline-block}.input{width:100%;font:inherit;font-family:var(--font-jp);color:var(--white);caret-color:var(--cyan);border:2px solid var(--line-strong);box-shadow:0 0 0 2px var(--ink), inset 0 3px 0 #0006;background:#040310e0;border-radius:0;outline:none;padding:.5em .7em;font-size:1.05rem}.input:focus{border-color:var(--cyan);box-shadow:0 0 0 2px var(--ink), 0 0 0 4px #29f0ff40}.input::placeholder{color:#f2f4ff47}.field{flex-direction:column;gap:.4rem;margin-bottom:1rem;display:flex}.field-label{color:var(--text-dim);align-items:baseline;gap:.6em;font-size:.85rem;display:flex}.field-hint{color:#f2f4ff73;font-size:.72rem}.toggle{font-family:var(--font-px);color:var(--text-dim);cursor:pointer;background:0 0;border:0;outline:none;align-self:flex-start;align-items:center;gap:.7em;padding:0;font-size:.55rem;display:inline-flex}.toggle-track{border:2px solid var(--line-strong);width:2.8rem;height:1.3rem;box-shadow:0 0 0 2px var(--ink);background:#040310e6;position:relative}.toggle-knob{background:var(--text-dim);width:max(2px,1.3rem - 8px);height:max(2px,1.3rem - 8px);transition:transform .12s steps(3,end);position:absolute;top:2px;left:2px}.toggle.on{color:var(--cyan)}.toggle.on .toggle-track{border-color:var(--cyan);background:#29f0ff33}.toggle.on .toggle-knob{background:var(--cyan);box-shadow:0 0 8px var(--cyan);transform:translate(1.5rem)}.toggle:focus-visible .toggle-track,.toggle:hover .toggle-track{border-color:var(--cyan)}.slider-wrap{align-items:center;gap:.8rem;display:flex}.slider{--fill:50%;cursor:pointer;appearance:none;background:0 0;flex:1;height:1.4rem;margin:0}.slider:focus{outline:none}.slider::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--cyan) 0 var(--fill), #f2f4ff1f var(--fill) 100%);border:2px solid var(--ink);height:8px;box-shadow:0 0 0 1px var(--line-strong)}.slider::-moz-range-track{background:linear-gradient(90deg, var(--cyan) 0 var(--fill), #f2f4ff1f var(--fill) 100%);border:2px solid var(--ink);height:8px;box-shadow:0 0 0 1px var(--line-strong)}.slider::-webkit-slider-thumb{background:var(--white);border:2px solid var(--ink);width:12px;height:20px;box-shadow:0 0 0 2px var(--cyan);appearance:none;margin-top:-8px}.slider::-moz-range-thumb{background:var(--white);border:2px solid var(--ink);width:8px;height:16px;box-shadow:0 0 0 2px var(--cyan);border-radius:0}.slider:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 2px var(--cyan), 0 0 10px var(--cyan)}.slider-value{min-width:4.4em;font-family:var(--font-px);text-align:right;color:var(--cyan);font-size:.6rem}.seg{border:2px solid var(--line-strong);box-shadow:0 0 0 2px var(--ink);background:#040310d1;align-self:flex-start;display:inline-flex}.seg-btn{font-family:var(--font-px);color:var(--text-dim);border:0;border-right:2px solid var(--line);cursor:pointer;background:0 0;outline:none;flex-direction:column;align-items:center;gap:.3em;padding:.7em 1em;font-size:.62rem;display:flex}.seg-btn:last-child{border-right:0}.seg-btn:hover:not(:disabled),.seg-btn:focus-visible{color:var(--white);background:#29f0ff1f}.seg-btn.on{color:var(--ink);background:var(--cyan)}.seg-btn:disabled{cursor:default}.seg.readonly .seg-btn:not(.on){opacity:.4}.seg-sub{opacity:.7;font-size:.4rem}.modal-backdrop{pointer-events:auto;background:var(--scan), #04030ebd;padding:1rem;display:flex;position:absolute;inset:0;overflow:auto}.modal-backdrop.leaving,.screen.leaving{pointer-events:none}.modal-backdrop>.panel{max-width:100%;margin:auto}.panel.settings{width:62rem}.settings-grid,.controls-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.6rem;display:grid}.panel.controls{width:70rem}.panel.confirm{--accent:var(--red);width:32rem}.confirm-msg{color:var(--text-dim);margin:0 0 1.3rem;font-size:.95rem}.confirm-actions{justify-content:flex-end;gap:.8rem;display:flex}.ctl-row{border-bottom:1px dashed var(--line);align-items:center;gap:.9rem;padding:.45rem 0;display:flex}.ctl-keys{gap:.3rem;min-width:7.6rem;display:flex}.ctl-action{flex-direction:column;gap:.1rem;min-width:0;display:flex}.ctl-name{font-size:.92rem}.ctl-detail{color:var(--text-dim);font-size:.7rem}.keycap{min-width:2.3em;height:2.4em;font-family:var(--font-px);color:var(--white);border:2px solid var(--line-strong);box-shadow:0 0 0 2px var(--ink), inset 0 -3px 0 #00000073;background:linear-gradient(#2c2e5c,#17183a);justify-content:center;align-items:center;padding:0 .55em;font-size:.55rem;display:inline-flex}.keycap.wide{min-width:5.2em}.keycap.mini{min-width:3.4em;height:2.1em;font-size:.42rem}.key-icon{height:1.9em;color:var(--white)}.tips{color:var(--text-dim);margin:1rem 0 0;padding-left:1.1rem;font-size:.78rem;line-height:1.7}.tips li::marker{color:var(--cyan)}.toast-layer{z-index:10;pointer-events:none;flex-direction:column;align-items:center;gap:.5rem;width:min(92vw,36rem);display:flex;position:absolute;top:1.1rem;left:50%;transform:translate(-50%)}.screen-layer:has(.lobby-screen:not(.leaving))~.toast-layer{flex-direction:column-reverse;top:auto;bottom:5.4rem}.toast{--tc:var(--cyan);background:var(--scan), #0a081ef2;border:2px solid var(--tc);width:100%;box-shadow:0 0 0 2px var(--ink), 0 4px 0 #0006;align-items:flex-start;gap:.7rem;padding:.6rem .8rem;font-size:.9rem;display:flex}.toast.error{--tc:var(--red)}.toast.warn{--tc:var(--yellow)}.toast.success{--tc:var(--green)}.toast-mark{width:1.6rem;height:1.6rem;font-family:var(--font-px);color:var(--ink);background:var(--tc);flex:none;place-items:center;font-size:.6rem;display:grid}.toast-body{min-width:0}.toast-detail{color:var(--text-dim);word-break:break-all;margin-top:.15rem;font-size:.75rem}.loading-screen{background:radial-gradient(at 50% 45%,#1c1244 0%,#08061c 58%,#000 100%);justify-content:center;align-items:center;display:flex}.scanlines{pointer-events:none;background:var(--scan);position:absolute;inset:0}.load-body{flex-direction:column;align-items:center;gap:1.2rem;display:flex}.load-sub{font-family:var(--font-px);letter-spacing:.25em;color:var(--text-dim);font-size:.55rem}.load-bar{border:2px solid var(--line-strong);box-shadow:0 0 0 2px var(--ink);gap:3px;padding:4px;display:flex}.load-seg{background:#f2f4ff14;width:.7rem;height:1rem}.load-seg.on{background:var(--cyan);box-shadow:0 0 6px var(--cyan)}.load-seg.on:nth-child(4n){background:var(--magenta);box-shadow:0 0 6px var(--magenta)}.load-status{font-family:var(--font-px);letter-spacing:.15em;color:var(--cyan);font-size:.6rem;animation:1s steps(2,end) infinite blink}.load-tip{color:var(--text-dim);font-size:.85rem}.panel.fatal{--accent:var(--red);text-align:left;max-width:44rem}.fatal-title{font-family:var(--font-px);color:var(--red);margin-bottom:.8rem;font-size:.9rem}.fatal-msg{margin:0 0 .8rem}.fatal-detail{white-space:pre-wrap;max-height:10rem;color:var(--text-dim);background:#00000073;margin:0 0 1rem;padding:.6rem;font-size:.7rem;overflow:auto}.brand{align-items:center;gap:1.3rem;margin:0;font-weight:400;animation:5.2s step-end infinite logo-jit;display:flex}.brand-md{flex-direction:column;gap:.9rem}.brand-col{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.brand-md .brand-col{align-items:center}.brand-symbol{flex:none;display:block;position:relative}.brand-symbol-glow{background:radial-gradient(circle at 50% 52%,#b44dff6b,#ff2fb429 46%,#0000 70%);animation:3.7s step-end infinite neon-flicker;position:absolute;inset:6%}#ui .brand-symbol-img{image-rendering:auto;filter:drop-shadow(0 0 .3rem #b44dff8c);width:100%;height:100%;display:block;position:relative}.brand-title{flex:none;display:block;position:relative}#ui .brand-title>img{width:100%;height:100%;image-rendering:pixelated;position:absolute;inset:0}#ui .brand-title-img{filter:drop-shadow(0 0 .45rem #29f0ff52)}.brand-title-glitch.ga{clip-path:inset(0 0 100%);animation:5.2s step-end infinite brand-glitch-a}.brand-title-glitch.gb{clip-path:inset(100% 0 0);animation:5.2s step-end .4s infinite brand-glitch-b}@keyframes brand-glitch-a{0%,84%,to{clip-path:inset(0 0 100%);transform:none}85%{clip-path:inset(6% 0 66%);transform:translate(-1.6%)}87%{clip-path:inset(48% 0 30%);transform:translate(1.2%)}89%{clip-path:inset(30% 0 52%);transform:translate(-.8%)}91%{clip-path:inset(72% 0 6%);transform:translate(1.8%)}93%{clip-path:inset(0 0 100%)}}@keyframes brand-glitch-b{0%,85%,to{clip-path:inset(100% 0 0);transform:none}86%{clip-path:inset(62% 0 14%);transform:translate(1.6%)}88%{clip-path:inset(16% 0 62%);transform:translate(-1.2%)}90%{clip-path:inset(40% 0 38%);transform:translate(1%)}92%{clip-path:inset(100% 0 0)}}.logo-kana{letter-spacing:.32em;color:var(--text-dim);margin-top:.7rem;font-size:.95rem}.logo-sub{font-family:var(--font-px);letter-spacing:.2em;color:var(--yellow);text-shadow:0 0 .5em #ffe14d80;margin-top:.7rem;font-size:.6rem}.clock .blink{animation:1s steps(2,end) infinite blink}.title-left{flex-direction:column;gap:1.5rem;width:max-content;max-width:calc(100% - 6rem);display:flex;position:absolute;top:50%;left:4.6rem;transform:translateY(-54%)}.name-card{flex-direction:column;gap:.45rem;width:21rem;display:flex}.name-label{color:var(--text-dim);align-items:baseline;gap:.8em;font-size:.8rem;display:flex}.name-en{font-family:var(--font-px);letter-spacing:.12em;color:var(--cyan);font-size:.5rem}.name-input{font-size:1.2rem}.menu{flex-direction:column;gap:.35rem;width:27rem;display:flex}.menu-item{font:inherit;color:var(--white);text-align:left;cursor:pointer;isolation:isolate;background:linear-gradient(90deg,#0c0a22c7,#0c0a2252);border:0;border-left:4px solid #f2f4ff40;outline:none;grid-template-columns:2.6rem 1fr auto 1.2rem;align-items:center;gap:.6rem;padding:.6rem 1rem .6rem .85rem;display:grid;position:relative;overflow:hidden}.menu-item:before{content:"";z-index:-1;transform-origin:0;background:linear-gradient(90deg,#29f0ff80,#29f0ff00);transition:transform .18s steps(4,end);position:absolute;inset:0;transform:scaleX(0)}.menu-item:hover:before,.menu-item:focus:before{transform:scaleX(1)}.menu-item:hover,.menu-item:focus{border-left-color:var(--cyan)}.menu-idx{font-family:var(--font-px);color:var(--cyan);font-size:.6rem}.menu-ja{letter-spacing:.06em;font-size:1.35rem}.menu-en{font-family:var(--font-px);letter-spacing:.12em;color:var(--text-dim);font-size:.5rem}.menu-arrow{color:var(--cyan);opacity:0;font-size:.7rem}.menu-item:hover .menu-arrow,.menu-item:focus .menu-arrow{opacity:1;animation:.6s steps(2,end) infinite blink}.menu-item:hover .menu-ja,.menu-item:focus .menu-ja{text-shadow:2px 0 #ff2fb4d9,-2px 0 #29f0ffd9;animation:.22s steps(2,end) glitch-jit}.menu-item:hover .menu-en,.menu-item:focus .menu-en{color:var(--white)}.menu-item.accent{border-left-color:var(--magenta)}.menu-item.accent .menu-idx{color:var(--magenta)}.title-status{font-family:var(--font-px);letter-spacing:.1em;color:var(--text-dim);border:2px solid var(--line);background:#060414a6;align-items:center;gap:.6rem;padding:.55rem .8rem;font-size:.48rem;display:flex;position:absolute;top:1.4rem;right:1.6rem}.status-dot{background:var(--yellow);width:.6rem;height:.6rem}.status-dot.pending{animation:.8s steps(2,end) infinite blink}.status-dot.ok{background:var(--green);box-shadow:0 0 8px var(--green)}.status-dot.off{background:var(--orange)}.title-corner{font-family:var(--font-px);letter-spacing:.12em;color:#f2f4ff8c;align-items:center;gap:.6rem;font-size:.48rem;display:flex;position:absolute;top:1.4rem;left:1.6rem}.corner-tag{color:var(--ink);background:var(--magenta);padding:.35em .5em}.version{font-family:var(--font-px);letter-spacing:.1em;color:#f2f4ff66;font-size:.45rem;position:absolute;bottom:3.3rem;right:1.6rem}.ticker{border-top:2px solid var(--line);background:#060414e0;align-items:center;height:2.3rem;display:flex;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.ticker-label{height:100%;font-family:var(--font-px);letter-spacing:.1em;color:var(--ink);background:var(--yellow);flex:none;align-items:center;padding:0 1rem;font-size:.5rem;display:flex}.ticker-viewport{flex:1;overflow:hidden}.ticker-run{white-space:nowrap;animation:80s linear infinite ticker;display:inline-flex}.ticker-item{color:var(--text-dim);padding-right:3rem;font-size:.85rem}.ticker-dot{color:var(--magenta);margin-right:.6rem}.form-screen{align-items:center;padding-left:4.6rem;display:flex}.form-panel{width:40rem}.join-panel{width:64rem}.join-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.5rem;display:grid}.join-row{grid-template-columns:auto minmax(0,1fr);gap:1rem;display:grid}.code-input{width:12rem;font-family:var(--font-px);letter-spacing:.45em;text-transform:uppercase;color:var(--yellow);padding:.55em .3em .55em .7em;font-size:1.45rem}.code-input::placeholder{letter-spacing:.45em}.form-help{color:var(--text-dim);margin:0 0 .4rem;font-size:.8rem;line-height:1.6}.form-status{min-height:1.4rem;color:var(--cyan);margin-top:.4rem;font-size:.88rem}.form-screen.busy .form-status:before{content:"";vertical-align:-.05em;border:3px solid var(--cyan);border-right-color:#0000;width:.8em;height:.8em;margin-right:.6em;animation:.8s steps(8,end) infinite spin;display:inline-block}.mode-cards{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.8rem;display:grid}.mode-card{font:inherit;color:var(--white);text-align:left;cursor:pointer;border:2px solid var(--line-strong);box-shadow:0 0 0 2px var(--ink);background:#060414b8;outline:none;align-items:flex-start;gap:.8rem;padding:.8rem;display:flex}.mode-card:hover,.mode-card:focus-visible{border-color:#29f0ffbf}.mode-card.on{border-color:var(--cyan);box-shadow:0 0 0 2px var(--ink), 0 0 14px #29f0ff4d;background:linear-gradient(#29f0ff38,#29f0ff0d)}.mode-card.off:not(.on){opacity:.45}.mode-card.compact{align-items:center;padding:.6rem .7rem}.mode-icon{color:var(--cyan);padding-top:.1rem;font-size:1.5rem;display:flex}.mode-text{flex-direction:column;gap:.2rem;min-width:0;display:flex}.mode-title{align-items:baseline;gap:.5em;font-size:1.05rem;display:flex}.mode-en{font-family:var(--font-px);color:var(--text-dim);font-size:.42rem}.mode-line{color:var(--text-dim);font-size:.74rem}.mode-note{margin-top:.2rem;font-size:.7rem}.mode-note.ok{color:var(--green)}.mode-note.off{color:var(--orange)}.mode-note.pending{color:var(--yellow)}.room-list{flex-direction:column;min-height:0;display:flex}.room-list-head{justify-content:space-between;align-items:center;margin-bottom:.6rem;display:flex}.room-list-title{flex-direction:column;gap:.25rem;font-size:.95rem;display:flex}.room-list-body{border:2px solid var(--line);background:#04031099;flex-direction:column;flex:1;gap:.35rem;min-height:12rem;max-height:20rem;padding:.4rem;display:flex;overflow-y:auto}.room-row{border-left:3px solid var(--cyan);background:#1c18469e;grid-template-columns:minmax(0,1fr) auto auto auto auto;align-items:center;gap:.7rem;padding:.45rem .6rem;font-size:.85rem;display:grid}.room-row.closed{opacity:.62;border-left-color:#f2f4ff40}.room-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.room-code,.room-players{font-family:var(--font-px);font-size:.55rem}.room-code{color:var(--yellow)}.room-state{font-family:var(--font-px);padding:.35em .45em;font-size:.42rem}.room-state.open{color:var(--ink);background:var(--green)}.room-state.busy{background:#f2f4ff2e}.room-empty{text-align:center;color:var(--text-dim);flex-direction:column;gap:.3rem;margin:auto;font-size:.85rem;display:flex}.room-empty span{font-size:.72rem}.room-empty.error{color:var(--orange)}.lobby-screen{flex-direction:column;gap:1rem;padding:1.3rem 2.2rem 1.2rem;display:flex}.lobby-head{grid-template-columns:minmax(0,1.2fr) auto minmax(0,1.3fr);gap:1.1rem;display:grid}.lh-room,.lh-code,.lh-invite{background:var(--scan), #08061ad6;border:2px solid var(--line);min-width:0;box-shadow:0 0 0 2px var(--ink);flex-direction:column;justify-content:center;gap:.35rem;padding:.6rem .9rem;display:flex}.lh-tag{font-family:var(--font-px);color:var(--ink);background:var(--cyan);align-self:flex-start;padding:.35em .55em;font-size:.45rem}.lh-room-name{white-space:nowrap;text-overflow:ellipsis;font-size:1.3rem;overflow:hidden}.lh-meta{flex-wrap:wrap;gap:.4rem;display:flex}.badge{font-family:var(--font-px);letter-spacing:.06em;color:var(--text-dim);background:#f2f4ff1a;align-items:center;gap:.45em;padding:.45em .6em;font-size:.42rem;display:inline-flex}.badge.ws,.badge.p2p{color:var(--cyan);background:#29f0ff21}.lh-code{border-color:#ffe14d73;grid-template-columns:auto auto;align-items:center;column-gap:.9rem;display:grid}.lh-code .lh-label{grid-column:1/-1}.lh-label{font-family:var(--font-px);letter-spacing:.1em;color:var(--text-dim);font-size:.45rem}.lh-code-value{font-family:var(--font-px);letter-spacing:.2em;color:var(--yellow);text-shadow:0 0 .35em #ffe14d8c, .1em .1em 0 var(--ink);-webkit-user-select:text;user-select:text;font-size:2rem}.lh-invite-row{gap:.5rem;display:flex}.invite-input{padding:.45em .6em;font-size:.75rem}.mode-badge{color:var(--yellow);background:#ffe14d24}.lobby-teams{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:1rem;display:grid}.team-col{--tc:var(--cyan);background:var(--scan), #08061acc;border:2px solid color-mix(in srgb, var(--tc) 45%, transparent);min-width:0;box-shadow:0 0 0 2px var(--ink);flex-direction:column;gap:.3rem;padding:.4rem .6rem .5rem;display:flex}.team-col.mine{border-color:var(--tc);box-shadow:0 0 0 2px var(--ink), 0 0 16px color-mix(in srgb, var(--tc) 28%, transparent)}.tc-head{align-items:center;gap:.6rem;min-height:1.7rem;display:flex}.tc-name{font-family:var(--font-px);letter-spacing:.08em;color:var(--tc);text-shadow:0 0 .4em color-mix(in srgb, var(--tc) 60%, transparent);font-size:.55rem}.tc-count{font-family:var(--font-px);color:var(--text-dim);font-size:.45rem}.tc-note{color:var(--tc);font-size:.72rem}.tc-head .btn.small{padding:.35em .7em}.seats{flex-direction:column;gap:.25rem;display:flex}.seat{background:linear-gradient(90deg, color-mix(in srgb, var(--tc) 20%, transparent), #08061ab8 62%);border-left:3px solid var(--tc);grid-template-columns:2.5rem minmax(0,1fr) auto auto;align-items:center;gap:.7rem;height:2.95rem;padding:.2rem .5rem .2rem .22rem;display:grid}.seat.self{background:linear-gradient(90deg, color-mix(in srgb, var(--tc) 34%, transparent), #08061ab8 70%);box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--tc) 65%, transparent)}.seat.empty{background:var(--scan), #08061a6b;border-left-style:dashed;grid-template-columns:auto minmax(0,1fr) auto}.seat-portrait{background:radial-gradient(circle at 50% 62%, color-mix(in srgb, var(--tc) 38%, transparent), transparent 70%);border:2px solid color-mix(in srgb, var(--tc) 60%, transparent);width:2.5rem;height:2.5rem;box-shadow:0 0 0 2px var(--ink)}.seat-info{flex-direction:column;gap:.18rem;min-width:0;display:flex}.seat-name{white-space:nowrap;min-width:0;text-shadow:.08em .08em 0 var(--ink);align-items:center;gap:.5rem;font-size:1rem;display:flex}.seat-name-text{text-overflow:ellipsis;min-width:0;overflow:hidden}.seat-name .slot-you{font-family:var(--font-px);font-size:.38rem}.seat-hero{font-family:var(--font-px);gap:.6rem;font-size:.42rem;display:flex}.seat-side{flex-direction:column;align-items:flex-end;gap:.3rem;display:flex}.seat .ready-badge{padding:.5em .65em;font-size:.42rem}.ready-badge.bot{color:var(--white);background:color-mix(in srgb, var(--violet) 70%, transparent)}.seat-actions{gap:.3rem;display:flex}.seat-actions .btn.icon-btn{padding:.45em}.seat-open{font-family:var(--font-px);color:var(--tc);border:2px dashed color-mix(in srgb, var(--tc) 50%, transparent);padding:.45rem .55rem;font-size:.42rem}.seat-wait{flex-direction:column;gap:.15rem;min-width:0;display:flex}.seat-wait-title{font-family:var(--font-px);letter-spacing:.06em;color:var(--tc);font-size:.45rem}.seat-wait-sub{white-space:nowrap;text-overflow:ellipsis;color:var(--text-dim);font-size:.72rem;overflow:hidden}.duel-fields{flex-direction:column;gap:.75rem;display:flex}.map-card.locked{cursor:default}.map-card.locked .map-thumb,.map-card.locked .map-name,.map-card.locked .map-name-ja{opacity:.4;filter:saturate(.3)}.map-card.locked:hover:not(.on){border-color:var(--line-strong)}.map-lock{z-index:1;font-family:var(--font-px);white-space:nowrap;color:var(--white);box-shadow:0 0 0 2px var(--ink);background:#040310e6;padding:.45em .6em;font-size:.38rem;position:absolute;top:34%;left:50%;transform:translate(-50%,-50%)}.slot-hero-name{color:var(--tc)}.crown-icon{height:1.1em}.slot-you{color:var(--ink);background:var(--tc);padding:.3em .45em}.slot-role{color:var(--text-dim)}.ready-badge{font-family:var(--font-px);letter-spacing:.08em;align-items:center;gap:.45em;padding:.6em .75em;font-size:.55rem;display:inline-flex}.ready-badge.ready{color:var(--ink);background:var(--green);animation:.3s steps(3,end) pop-in;box-shadow:0 0 12px #5dff8a80}.ready-badge.wait{color:var(--text-dim);background:#f2f4ff12;border:2px dashed #f2f4ff40}.ready-badge.host{color:var(--ink);background:var(--yellow)}.ready-icon{height:.9em}.slot-ping{font-family:var(--font-px);color:var(--text-dim);font-size:.45rem}.slot-ping.good{color:var(--green)}.slot-ping.mid{color:var(--yellow)}.slot-ping.bad{color:var(--red)}.dots:after{content:"";animation:1.2s step-end infinite dots}.vs{justify-content:center;align-items:center;width:5rem;display:flex}.vs-text{font-family:var(--font-px);color:var(--white);text-shadow:-.08em 0 0 var(--cyan), .08em 0 0 var(--magenta), 0 0 .4em #b44dffcc;font-size:2.2rem;animation:1.6s steps(2,end) infinite vs-pulse}.lobby-bottom{flex:1;grid-template-columns:minmax(0,1.75fr) minmax(0,1.1fr) minmax(0,.85fr);gap:1rem;min-height:0;display:grid}.lobby-bottom>.panel{flex-direction:column;min-height:0;padding:.9rem 1rem;display:flex}.lobby-bottom .panel-title{margin-bottom:.7rem;font-size:1rem}.hero-select{--tc:var(--cyan);flex:1;grid-template-columns:13rem minmax(0,1fr);gap:1rem;min-height:0;display:grid}.hero-select.wide{grid-template-columns:17rem minmax(0,1fr);gap:1.3rem}.hs-stage{--hc:var(--cyan);background:radial-gradient(ellipse 75% 34% at 50% 92%, color-mix(in srgb, var(--hc) 38%, transparent), transparent 72%), radial-gradient(ellipse 60% 40% at 50% 30%, color-mix(in srgb, var(--tc) 14%, transparent), transparent 75%), var(--scan), linear-gradient(180deg, #0a0822bf, #04030eeb);border:2px solid var(--line);min-height:0;box-shadow:0 0 0 2px var(--ink);position:relative;overflow:hidden}.hs-stage.armor{--hc:var(--yellow);box-shadow:0 0 0 2px var(--ink), 0 0 18px #ffe14d59;border-color:#ffe14db3}.hs-stage-floor{background:repeating-linear-gradient(90deg, color-mix(in srgb, var(--hc) 30%, transparent) 0 2px, transparent 2px 1.1rem), repeating-linear-gradient(0deg, color-mix(in srgb, var(--hc) 22%, transparent) 0 2px, transparent 2px .7rem);height:18%;position:absolute;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(#0000,#000);mask-image:linear-gradient(#0000,#000)}.hs-art{position:absolute;inset:.5rem .3rem .4rem}.hs-stage.armor .hs-art{animation:.36s steps(6,end) armor-in}@keyframes armor-in{0%{filter:brightness(3)saturate(0);clip-path:inset(0 0 100%)}60%{filter:brightness(1.8);clip-path:inset(0)}to{filter:none}}.hs-outfit{font-family:var(--font-px);letter-spacing:.06em;color:var(--ink);background:var(--white);box-shadow:0 0 0 2px var(--ink);align-items:center;gap:.45em;padding:.4em .55em .35em;font-size:.4rem;display:flex;position:absolute;top:.45rem;left:.45rem}.hs-stage.armor .hs-outfit{background:var(--yellow)}.hs-outfit-icon{height:1.2em}.hs-outfit-sub{font-family:var(--font-jp);letter-spacing:0;font-size:.6rem}.hs-stage-name{pointer-events:none;background:linear-gradient(#0000,#04030ee0);flex-direction:column;gap:.25rem;padding:1.4rem .6rem .5rem;display:flex;position:absolute;bottom:0;left:0;right:0}.hs-stage-title{font-family:var(--font-px);color:var(--white);text-shadow:.08em .08em 0 var(--ink), 0 0 .45em var(--hc);font-size:1.25rem}.hs-stage-role{font-family:var(--font-px);letter-spacing:.08em;color:var(--hc);font-size:.4rem}.hs-side{flex-direction:column;gap:.8rem;min-width:0;min-height:0;display:flex}.hs-cards{gap:.5rem;padding-top:.5rem;display:flex}.hero-card{width:5.3rem;font:inherit;color:var(--white);cursor:pointer;border:2px solid var(--line-strong);box-shadow:0 0 0 2px var(--ink);background:#060414c7;outline:none;flex-direction:column;align-items:center;gap:.2rem;padding:.3rem .3rem .4rem;display:flex;position:relative}.hero-card:hover:not(.locked),.hero-card:focus-visible{border-color:var(--tc)}.hero-card.on{border-color:var(--tc);background:linear-gradient(180deg, color-mix(in srgb, var(--tc) 32%, transparent), #060414d1);box-shadow:0 0 0 2px var(--ink), 0 0 14px color-mix(in srgb, var(--tc) 45%, transparent)}.hero-card.on:after{content:"SELECTED";z-index:1;font-family:var(--font-px);color:var(--ink);background:var(--tc);padding:.3em .45em;font-size:.34rem;position:absolute;top:-.6rem;left:50%;transform:translate(-50%)}.hero-bust{background:radial-gradient(ellipse at 50% 70%, color-mix(in srgb, var(--tc) 22%, transparent), transparent 70%), #02020a8c;width:4.6rem;height:5.6rem}.hero-select.wide .hero-card{width:6.6rem}.hero-select.wide .hero-bust{width:5.9rem;height:7.2rem}.hero-name{font-family:var(--font-px);letter-spacing:.04em;font-size:.45rem}.hero-role{font-family:var(--font-px);color:var(--text-dim);font-size:.34rem}.hero-card.locked{cursor:not-allowed}.hero-card.locked .hero-bust{opacity:.9}.hero-card.locked .hero-name,.hero-card.locked .hero-role{opacity:.6}.hero-lock{color:#f2f4ffb3;font-size:.9rem;display:flex;position:absolute;top:1.2rem;right:.5rem}.hero-soon{font-family:var(--font-px);text-align:center;color:var(--yellow);background:#060414e0;padding:.35em 0;font-size:.32rem;position:absolute;top:3rem;left:-.3rem;right:-.3rem;transform:rotate(-8deg)}.hero-select.wide .hero-soon{top:3.8rem}.hd{flex-direction:column;flex:1;gap:.4rem;min-height:0;display:flex;overflow:auto}.hd-head{flex-wrap:wrap;align-items:baseline;gap:.6rem;display:flex}.hd-title{font-family:var(--font-px);color:var(--tc);text-shadow:.08em .08em 0 var(--ink);font-size:.95rem}.hd-era{font-family:var(--font-px);color:var(--text-dim);font-size:.42rem}.hd-role{font-family:var(--font-px);color:var(--ink);background:var(--tc);padding:.3em .45em;font-size:.4rem}.hd-role-ja{font-size:.8rem}.hd-hp{font-family:var(--font-px);color:var(--green);margin-left:auto;font-size:.45rem}.hd-desc-main{color:var(--text-dim);margin:0 0 .15rem;font-size:.8rem}.hd-line{grid-template-columns:3.4rem 8.6rem minmax(0,1fr);align-items:center;gap:.5rem;padding:.15rem 0;font-size:.78rem;display:grid}.hd-name{flex-direction:column;display:flex}.hd-en{font-family:var(--font-px);color:var(--text-dim);font-size:.34rem}.hd-desc{color:var(--text-dim);font-size:.7rem}.fire-badge{font-family:var(--font-px);vertical-align:.15em;color:var(--ink);background:var(--cyan);margin-right:.55em;padding:.3em .45em .25em;font-size:.36rem;display:inline-block}.fire-badge.semi{background:var(--yellow)}.hd-ult{cursor:help;border-left:3px solid var(--yellow);background:linear-gradient(90deg,#ffe14d29,#ffe14d05);outline:none;grid-template-columns:3.4rem 8.6rem minmax(0,1fr) 3.2rem;margin-top:.2rem;padding:.35rem .4rem .35rem 0}.hd-ult:hover,.hd-ult:focus-visible{background:linear-gradient(90deg,#ffe14d4d,#ffe14d0f)}.hd-ult .keycap.mini{color:var(--ink);background:var(--yellow);margin-left:.3rem}.hd-ult .hd-name{color:var(--yellow)}.hd-ult-note{color:var(--yellow);margin-top:.15rem;font-size:.62rem;display:block}.hd-ult-art{background:#02020a99;width:3.2rem;height:4rem;box-shadow:0 0 0 2px #ffe14d73}.map-select{flex-direction:column;gap:.5rem;display:flex}.map-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;padding-top:.5rem;display:grid}.map-card{min-width:0;font:inherit;text-align:left;color:var(--white);cursor:pointer;border:2px solid var(--line-strong);box-shadow:0 0 0 2px var(--ink);background:#060414c7;outline:none;flex-direction:column;gap:.15rem;padding:.3rem .3rem .45rem;display:flex;position:relative}.map-card:hover:not(:disabled),.map-card:focus-visible{border-color:var(--violet)}.map-card.on{border-color:var(--violet);box-shadow:0 0 0 2px var(--ink), 0 0 14px #b44dff80;background:linear-gradient(#b44dff57,#060414d6)}.map-card.on:after{content:"SELECTED";font-family:var(--font-px);color:var(--white);background:var(--violet);padding:.3em .45em;font-size:.34rem;position:absolute;top:-.6rem;right:.5rem}.map-card:disabled{cursor:default}.map-cards.readonly .map-card:not(.on){opacity:.45;filter:saturate(.4)}.map-thumb{aspect-ratio:16/9;background:#05040f;width:100%}.map-tags{gap:.3rem;display:flex;position:absolute;top:.55rem;left:.55rem}.map-tag{font-family:var(--font-px);color:var(--ink);background:var(--white);box-shadow:0 0 0 1px var(--ink);padding:.3em .45em .25em;font-size:.34rem}.map-tag:first-child{color:var(--white);background:var(--violet)}.map-name{font-family:var(--font-px);letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;margin-top:.25rem;font-size:.5rem;overflow:hidden}.map-name-ja{white-space:nowrap;text-overflow:ellipsis;color:var(--text-dim);font-size:.74rem;overflow:hidden}.map-desc{color:var(--text-dim);margin:0;font-size:.72rem}.map-select.compact .map-name-ja{font-size:.68rem}.map-badge{color:var(--violet);background:#b44dff29}.lobby-rules{gap:.75rem;overflow-y:auto}.lobby-bottom .lobby-rules .panel-title{margin-bottom:0}.lobby-rules .rules-facts,.lobby-rules .rules-note{margin:0}.lobby-rules .seg-btn{padding:.65em .72em;font-size:.56rem}.rules-facts{color:var(--text-dim);flex-direction:column;gap:.3rem;margin:.2rem 0 .8rem;padding:0;font-size:.74rem;list-style:none;display:flex}.rules-facts li:before{content:"▸ ";color:var(--cyan)}.rules-note{color:var(--text-dim);margin:.5rem 0 0;font-size:.72rem}.chat-log{border:2px solid var(--line);background:#0403109e;flex-direction:column;flex:1;gap:.25rem;min-height:4rem;padding:.45rem .55rem;font-size:.8rem;display:flex;overflow-y:auto}.chat-log:empty:before{content:"まだメッセージはありません";color:#f2f4ff59;margin:auto;font-size:.75rem}.chat-line{word-break:break-word;gap:.5em;display:flex}.chat-name{flex:none}.chat-name:after{content:":"}.chat-line.system{color:var(--yellow);opacity:.85;font-size:.72rem}.chat-row{gap:.4rem;margin-top:.5rem;display:flex}.chat-input{padding:.4em .55em;font-size:.8rem}.lobby-actions{align-items:center;gap:1.2rem;display:flex}.lobby-status{text-align:right;color:var(--text-dim);flex:1;font-size:.95rem}.lobby-sync{z-index:2;background:#04030e9e;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.sync-card{align-items:center;gap:.4rem;font-size:1.1rem;display:flex}.results-screen{--rc:var(--white);justify-content:center;align-items:center;gap:3.5rem;display:flex}.results-screen.win{--rc:var(--yellow)}.results-screen.lose{--rc:var(--red)}.results-screen.nocontest{--rc:var(--orange)}.results-screen.nocontest .res-title{font-size:3.4rem}.res-banner{flex-direction:column;align-items:center;gap:.5rem;display:flex}.res-title{font-family:var(--font-px);letter-spacing:.06em;color:var(--rc);text-shadow:0 0 .25em var(--rc), .08em .08em 0 var(--ink), .14em .14em 0 #00000080;font-size:4.4rem;animation:.7s steps(7,end) both res-in;position:relative}.res-title:before,.res-title:after{content:attr(data-text);pointer-events:none;text-shadow:none;position:absolute;top:0;left:0}.res-title:before{color:var(--cyan);clip-path:inset(0 0 100%);animation:3.4s step-end .8s infinite glitch-a}.res-title:after{color:var(--magenta);clip-path:inset(100% 0 0);animation:3.4s step-end .8s infinite glitch-b}.res-title-ja{letter-spacing:.5em;font-size:1.3rem}.res-reason{color:var(--text-dim);font-size:1rem}.res-table{width:40rem;padding:.8rem 1rem}.res-row{--tc:var(--white);border-left:4px solid var(--tc);background:#f2f4ff0a;grid-template-columns:2rem minmax(0,1fr) 3.6rem 3.6rem 5rem;align-items:center;gap:.6rem;margin-bottom:.35rem;padding:.6rem .5rem;display:grid}.res-row.head{font-family:var(--font-px);color:var(--text-dim);background:0 0;border-left-color:#0000;padding-bottom:.2rem;font-size:.45rem}.res-row.winner{background:linear-gradient(90deg, color-mix(in srgb, var(--tc) 30%, transparent), #f2f4ff08);box-shadow:inset 0 0 0 2px #ffe14d8c}.res-crown{color:var(--yellow);font-size:1.1rem;display:flex}.res-name{white-space:nowrap;text-overflow:ellipsis;color:var(--tc);align-items:center;gap:.5rem;font-size:1.15rem;display:flex;overflow:hidden}.res-you{font-family:var(--font-px);color:var(--ink);background:var(--tc);padding:.3em .45em;font-size:.4rem}.res-num{font-family:var(--font-px);text-align:right;font-size:.8rem}.res-row.head .res-num,.res-row.head .res-name{color:var(--text-dim);font-size:.45rem}.res-meta{font-family:var(--font-px);color:var(--text-dim);border-top:2px solid var(--line);justify-content:space-between;margin-top:.4rem;padding-top:.5rem;font-size:.42rem;display:flex}.res-wait{min-height:1.4rem;color:var(--text-dim);font-size:.95rem}.res-actions{gap:1rem;display:flex}.training-screen{flex-direction:column;gap:1rem;padding:1.4rem 2.2rem 1.3rem;display:flex}.training-head{align-items:center;gap:1rem;display:flex}.training-tag{font-family:var(--font-px);letter-spacing:.08em;color:var(--ink);background:var(--cyan);padding:.4em .6em .35em;font-size:.55rem}.training-title{text-shadow:.08em .08em 0 var(--ink);margin:0;font-size:1.6rem;font-weight:400}.training-sub{color:var(--text-dim);margin-left:auto;font-size:.85rem}.training-body{flex:1;grid-template-columns:minmax(0,1.85fr) minmax(0,1fr);gap:1rem;min-height:0;display:grid}.training-body>.panel{flex-direction:column;min-height:0;padding:.9rem 1rem;display:flex}.training-body .panel-title{margin-bottom:.7rem;font-size:1rem}.training-side{gap:.9rem}.training-side .panel-title{margin-bottom:0}.training-side .seg-btn{padding:.6em .8em;font-size:.56rem}.training-actions{align-items:center;gap:1.2rem;display:flex}.map-veil{z-index:6;pointer-events:none;background:var(--scan), #060414eb;border:2px solid var(--violet);box-shadow:0 0 0 2px var(--ink), 0 0 14px #b44dff73;align-items:center;gap:.6rem;padding:.55rem .9rem;font-size:.85rem;display:flex;position:absolute;bottom:5.4rem;left:50%;transform:translate(-50%)}:where(.px-art){position:relative;overflow:hidden}#ui .px-art-img{max-width:none;max-height:none;position:absolute}.px-art:not(.ready) .px-art-img{visibility:hidden}.panel.controls .controls-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem 2rem}.ctl-icon{min-width:2.6rem;height:1.6rem;color:var(--cyan);justify-content:center;align-items:center;font-size:1.3rem;display:inline-flex}.ctl-or{color:var(--text-dim);align-self:center;font-size:.75rem}.ctl-hold{color:var(--yellow);align-self:center;font-size:.7rem}.ctl-keys .ctl-icon{min-width:1.7rem}.esc-rules{grid-column:1/-1}.esc-rule-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem 1.2rem;display:grid}.esc-rule{background:#04031073;border-left:3px solid #ffe14d99;grid-template-columns:2.6rem minmax(0,1fr);align-items:start;gap:.7rem;padding:.5rem .6rem;display:grid}.esc-rule-art{justify-content:center;align-items:center;width:2.6rem;height:2.6rem;display:flex}#ui .ctl-decal{width:2.5rem;height:2.5rem;image-rendering:pixelated}.esc-rule-art .ctl-icon{min-width:0;color:var(--yellow)}.ctl-icon.ot,.ctl-icon.rounds{font-family:var(--font-px);color:var(--ink);background:var(--yellow);padding:.35rem .3rem;font-size:.6rem}.ctl-icon.ot{background:var(--orange)}.esc-rule-text{color:var(--text-dim);flex-direction:column;gap:.2rem;font-size:.72rem;line-height:1.5;display:flex}.esc-rule-title{color:var(--white);font-size:.9rem}.res-main{flex-direction:column;align-items:center;gap:1.3rem;display:flex}.res-hero{--tc:var(--cyan);--hc:var(--cyan);flex:none;width:20rem;height:38rem;position:relative}.res-hero-glow{background:radial-gradient(ellipse 55% 20% at 50% 88%, color-mix(in srgb, var(--hc) 55%, transparent), transparent 72%), radial-gradient(ellipse 50% 55% at 50% 45%, color-mix(in srgb, var(--rc) 20%, transparent), transparent 70%);position:absolute;inset:10% -20% 2rem}.res-art{animation:.6s steps(8,end) .15s both res-art-in;position:absolute;inset:0 0 5.2rem}@keyframes res-art-in{0%{opacity:0;filter:brightness(3)saturate(0);clip-path:inset(100% 0 0)}50%{opacity:1;filter:brightness(1.8);clip-path:inset(0)}to{filter:none}}.res-hero-cap{flex-direction:column;align-items:center;gap:.35rem;display:flex;position:absolute;bottom:0;left:-2rem;right:-2rem}.res-hero-tag{font-family:var(--font-px);letter-spacing:.1em;color:var(--ink);background:var(--rc);box-shadow:0 0 0 2px var(--ink);padding:.4em .65em .35em;font-size:.55rem}.res-hero-player{white-space:nowrap;text-overflow:ellipsis;max-width:100%;color:var(--tc);text-shadow:.08em .08em 0 var(--ink);font-size:1.5rem;overflow:hidden}.res-hero-sub{font-family:var(--font-px);letter-spacing:.06em;color:var(--text-dim);font-size:.45rem}.results-screen.escort{gap:2.6rem}.results-screen.escort .res-hero{width:20rem;height:36rem}.results-screen.escort .res-main{gap:1rem}.results-screen.escort .res-title{font-size:3.3rem}.results-screen.escort .res-banner{gap:.4rem}.res-detail{font-family:var(--font-px);letter-spacing:.04em;color:var(--text-dim);font-size:.55rem}.res-table.escort{width:46rem;padding:.7rem .9rem}.res-rounds{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin-bottom:.5rem;display:grid}.rr{--tc:var(--cyan);border:2px solid color-mix(in srgb, var(--tc) 35%, transparent);border-left:4px solid var(--tc);background:#0403108c;min-width:0;padding:.5rem .65rem}.rr.won{box-shadow:inset 0 0 0 2px #ffe14d73}.rr-head{font-family:var(--font-px);align-items:center;gap:.5rem;font-size:.48rem;display:flex}.rr-round{color:var(--text-dim)}.rr-team{color:var(--tc)}.rr-side{font-family:var(--font-jp);color:var(--ink);background:var(--tc);padding:.15em .45em;font-size:.7rem}.rr-you{color:var(--text-dim);margin-left:auto;font-size:.4rem}.rr-bar{height:1.6rem;margin:.3rem .7rem .25rem;position:relative}.rr-rail,.rr-fill{height:.35rem;position:absolute;bottom:.2rem;left:0;right:0}.rr-rail{box-shadow:0 0 0 2px var(--ink);background:#f2f4ff1f}.rr-fill{background:var(--tc);transform-origin:0}.rr-flag{color:var(--tc);font-size:.95rem;display:flex;position:absolute;bottom:.6rem;transform:translate(-50%)}.rr-stats{font-family:var(--font-px);align-items:baseline;gap:.8rem;font-size:.45rem;display:flex}.rr-cp{color:var(--text-dim);align-items:center;gap:.3rem;display:inline-flex}.rr-cp-icon{height:1.2em}.rr-result{font-family:var(--font-jp);color:var(--text-dim);margin-left:auto;font-size:.85rem}.rr-result.done{color:var(--yellow)}.res-row.esc{grid-template-columns:1.6rem minmax(0,1fr) 3rem 3rem 4.2rem 4.2rem;margin-bottom:.2rem;padding:.32rem .5rem}.res-row.esc.winner{box-shadow:none}.res-row.esc .res-name{font-size:.95rem}.res-row.esc .res-num{font-size:.65rem}.res-row.head.esc .res-num,.res-row.head.esc .res-name{font-size:.42rem}.res-name-text{text-overflow:ellipsis;min-width:0;overflow:hidden}.res-obj{color:var(--yellow)}.res-bot{font-family:var(--font-px);color:var(--text-dim);background:#f2f4ff1a;padding:.3em .45em;font-size:.34rem}.res-team{--tc:var(--white);font-family:var(--font-px);color:var(--tc);border-bottom:2px solid var(--tc);align-items:center;gap:.6rem;margin:.45rem 0 .25rem;padding:.2rem .5rem;font-size:.48rem;display:flex}.res-team .res-crown{font-size:.9rem}.rt-you{color:var(--text-dim);font-size:.34rem}.rt-kills{margin-left:auto;font-size:.42rem}.training-side{overflow-y:auto}.training-side .field-hint{color:var(--text-dim);font-size:.68rem}.debug-overlay{z-index:20;font-family:var(--font-px);color:var(--green);pointer-events:none;background:#000000b3;padding:6px 8px;font-size:8px;line-height:1.7;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.dev-splash{z-index:50;pointer-events:auto;cursor:pointer;background:radial-gradient(at 50% 46%,#0f1a2e 0%,#05040c 62%,#000 100%);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dev-splash-body{opacity:0;flex-direction:column;align-items:center;gap:1.5rem;display:flex}#ui .dev-splash-emblem{image-rendering:auto;filter:drop-shadow(0 0 1.2rem #f6a95a38);width:13rem;height:13rem;display:block}.dev-splash-name{font-family:var(--font-px);letter-spacing:.32em;color:#fde3b8;padding-left:.32em;font-size:.8rem}.title-copyright{font-family:var(--font-px);letter-spacing:.1em;color:#f2f4ff99;align-items:center;gap:.55rem;font-size:.45rem;display:flex;position:absolute;bottom:4.6rem;right:1.6rem}#ui .copyright-emblem{image-rendering:auto;width:1.5rem;height:1.5rem;display:block}.credits-link{font:inherit;letter-spacing:.12em;color:var(--cyan);border:2px solid var(--line);cursor:pointer;background:#060414a6;padding:.45em .6em .35em}.credits-link:hover,.credits-link:focus-visible{color:var(--ink);background:var(--cyan);border-color:var(--cyan);outline:none}.panel.credits{width:54rem}.credits-dev{border-bottom:2px solid var(--line);align-items:center;gap:1.4rem;margin-bottom:1.1rem;padding-bottom:1rem;display:flex}#ui .credits-emblem{image-rendering:auto;flex:none;width:7rem;height:7rem;display:block}.credits-dev-text{flex-direction:column;gap:.4rem;display:flex}.credits-dev-role{color:var(--text-dim);font-size:.85rem}.credits-dev-name{font-family:var(--font-px);letter-spacing:.12em;color:#fde3b8;font-size:1rem}.credits-dev-note{color:var(--text-dim);font-size:.8rem}.credits-sec+.credits-sec{margin-top:1rem}.credits-list{margin:0;padding:0;list-style:none}.credits-row{border-bottom:1px dashed var(--line);grid-template-columns:minmax(0,1fr) 14rem 8.5rem;align-items:center;gap:.9rem;padding:.4rem 0;font-size:.8rem;display:grid}.credits-who{color:var(--cyan)}.credits-license{color:var(--yellow);font-size:.75rem}.credits-foot{color:var(--text-dim);margin:1rem 0 0;font-size:.75rem}.credits-copy{font-family:var(--font-px);letter-spacing:.1em;color:var(--text-dim);font-size:.45rem}@media (max-width:1100px){.title-left{left:2rem}.form-screen{padding-left:2rem}.lobby-screen{padding:1rem 1.2rem}}@media (prefers-reduced-motion:reduce){.brand,.brand-title-glitch,.brand-symbol-glow,.res-title:before,.res-title:after,.vs-text,.ticker-run{animation:none!important}}.hud{--self:var(--cyan);--enemy:var(--magenta);pointer-events:none;font-family:var(--font-jp);color:var(--white);position:absolute;inset:0}.hud .bar{border:2px solid var(--ink);background:#040310d9;height:6px;overflow:hidden;box-shadow:0 0 0 1px #f2f4ff38}.hud .bar-fill{background:var(--self);transform-origin:0;height:100%;transform:scaleX(0)}.hud .px-icon{height:1em}.hud-tl{flex-direction:column;align-items:flex-start;gap:.5rem;display:flex;position:absolute;top:1rem;left:1.2rem}.hud-training{flex-direction:column;align-items:flex-start;gap:.35rem;display:flex}.hud-training-tag{font-family:var(--font-px);letter-spacing:.12em;color:var(--ink);background:var(--yellow);box-shadow:0 0 0 2px var(--ink);padding:.45em .65em;font-size:.6rem}.hud-training-hint{color:var(--text-dim);text-shadow:1px 1px 0 var(--ink);font-size:.72rem}.hud-ping{font-family:var(--font-px);color:var(--text-dim);background:#06041499;align-items:center;gap:.45rem;padding:.35rem .55rem;font-size:.45rem;display:flex}.hud-ping .ping-icon{height:1.2em}.hud-ping[data-q=good]{color:var(--green)}.hud-ping[data-q=mid]{color:var(--yellow)}.hud-ping[data-q=bad]{color:var(--red)}.hud-score{align-items:stretch;display:flex;position:absolute;top:.9rem;left:50%;transform:translate(-50%)}.sc-side{flex-direction:column;justify-content:center;gap:.35rem;min-width:11.5rem;padding:.4rem .9rem .5rem;display:flex}.sc-side.self{background:linear-gradient(270deg, color-mix(in srgb, var(--self) 30%, #060414d9), #060414b3);border-bottom:3px solid var(--self);clip-path:polygon(1rem 0,100% 0,100% 100%,0 100%);align-items:flex-end;padding-left:1.6rem}.sc-side.enemy{background:linear-gradient(90deg, color-mix(in srgb, var(--enemy) 30%, #060414d9), #060414b3);border-bottom:3px solid var(--enemy);clip-path:polygon(0 0,calc(100% - 1rem) 0,100% 100%,0 100%);align-items:flex-start;padding-right:1.6rem}.sc-top{align-items:center;gap:.75rem;display:flex}.sc-name{white-space:nowrap;text-overflow:ellipsis;max-width:9rem;text-shadow:1px 1px 0 var(--ink);font-size:.85rem;overflow:hidden}.sc-kills{font-family:var(--font-px);font-size:1.55rem;display:inline-block}.self .sc-kills{color:var(--self);text-shadow:0 0 .3em var(--self), .08em .08em 0 var(--ink)}.enemy .sc-kills{color:var(--enemy);text-shadow:0 0 .3em var(--enemy), .08em .08em 0 var(--ink)}.sc-pips{gap:3px;display:flex}.pip{background:#f2f4ff29;width:.6rem;height:.35rem;box-shadow:0 0 0 1px #0a061899}.self .pip.on{background:var(--self)}.enemy .pip.on{background:var(--enemy)}.sc-mid{background:var(--scan), #040310f0;min-width:7.8rem;box-shadow:0 0 0 2px var(--ink);border:2px solid #f2f4ff38;flex-direction:column;justify-content:center;align-items:center;padding:.35rem .9rem;display:flex}.sc-timer{font-family:var(--font-px);letter-spacing:.05em;font-size:1.05rem}.sc-timer.low{color:var(--red);animation:.8s steps(2,end) infinite blink}.sc-target{font-family:var(--font-px);letter-spacing:.08em;color:var(--text-dim);margin-top:.4rem;font-size:.4rem}.hud-feed{flex-direction:column;align-items:flex-end;gap:.3rem;display:flex;position:absolute;top:1rem;right:1.2rem}.kf{text-shadow:1px 1px 0 var(--ink);background:#060414bd;border-right:3px solid #f2f4ff4d;align-items:center;gap:.5rem;padding:.35rem .65rem;font-size:.85rem;display:flex}.kf.self{border-right-color:var(--yellow);background:#2c2058e0}.kf-name{white-space:nowrap;text-overflow:ellipsis;max-width:9rem;overflow:hidden}#ui .kf-portrait{image-rendering:auto;border:2px solid var(--line-strong);background:#040310e6;flex:none;width:1.6rem;height:1.6rem}.kf-weapon{color:var(--white);font-size:.9rem;display:inline-flex}.kf-hs{color:var(--red);font-size:.9rem;display:inline-flex}.hud-center{width:0;height:0;position:absolute;top:50%;left:50%}.xhair{position:absolute;top:0;left:0}.xh-tick{background:var(--white);position:absolute;top:0;left:0;box-shadow:0 0 0 1px #0a0618d9}.xh-tick.t,.xh-tick.b{width:2px;height:9px}.xh-tick.l,.xh-tick.r{width:9px;height:2px}.xh-dot{background:var(--self);width:2px;height:2px;position:absolute;top:-1px;left:-1px;box-shadow:0 0 0 1px #0a0618d9}.xhair.aiming .xh-tick{background:var(--self)}.xhair.aiming .xh-tick.t,.xhair.aiming .xh-tick.b{height:6px}.xhair.aiming .xh-tick.l,.xhair.aiming .xh-tick.r{width:6px}.xh-corner{width:7px;height:7px;display:none;position:absolute;top:0;left:0}.xhair.semi .xh-corner{display:block}.xhair.semi .xh-tick{display:none}.xh-corner:before,.xh-corner:after{content:"";background:var(--white);position:absolute;box-shadow:0 0 0 1px #0a0618d9}.xh-corner:before{width:7px;height:2px}.xh-corner:after{width:2px;height:7px}.xh-corner.tl:before,.xh-corner.tl:after{top:0;left:0}.xh-corner.tr:before,.xh-corner.tr:after{top:0;right:0}.xh-corner.bl:before,.xh-corner.bl:after{bottom:0;left:0}.xh-corner.br:before,.xh-corner.br:after{bottom:0;right:0}.xhair.semi.aiming .xh-corner:before,.xhair.semi.aiming .xh-corner:after{background:var(--self)}.xhair.semi .xh-dot{width:4px;height:4px;top:-2px;left:-2px}.hud-parkour{white-space:nowrap;color:var(--white);text-shadow:1px 1px 0 var(--ink);border-bottom:2px solid var(--self);background:#06041499;align-items:center;gap:.45rem;padding:.3rem .55rem;font-size:.72rem;display:flex;position:absolute;top:calc(50% + 3.4rem);left:50%;transform:translate(-50%)}.pk-icon{color:var(--self);font-size:1rem;display:inline-flex}.pk-en{font-family:var(--font-px);letter-spacing:.08em;color:var(--text-dim);margin-left:.45em;font-size:.36rem}.hud-parkour .bar{width:4.6rem}.hud-parkour.low{border-bottom-color:var(--orange)}.hud-parkour.low .bar-fill{background:var(--orange)}.hud-parkour.low .pk-icon{color:var(--orange);animation:.4s steps(2,end) infinite blink}.hud-parkour[data-state=glide]{border-bottom-color:var(--cyan)}.hud-parkour[data-state=glide] .pk-icon{color:var(--cyan)}.hitmark{opacity:0;width:26px;height:26px;position:absolute;top:0;left:0;transform:translate(-50%,-50%)rotate(45deg)}.hm{background:var(--white);position:absolute;box-shadow:0 0 0 1px #0a0618d9}.hm.a,.hm.b{width:2px;height:32%;left:calc(50% - 1px)}.hm.a{top:0}.hm.b{bottom:0}.hm.c,.hm.d{width:32%;height:2px;top:calc(50% - 1px)}.hm.c{left:0}.hm.d{right:0}.hitmark.head .hm{background:var(--red)}.hitmark.head .hm.a,.hitmark.head .hm.b{width:3px;left:calc(50% - 1.5px)}.hitmark.head .hm.c,.hitmark.head .hm.d{height:3px;top:calc(50% - 1.5px)}.hitmark.kill{width:38px;height:38px}.hitmark.kill .hm{background:var(--yellow);box-shadow:0 0 0 1px #0a0618d9,0 0 6px #ffe14dcc}.hitmark.kill .hm.a,.hitmark.kill .hm.b{width:3px;left:calc(50% - 1.5px)}.hitmark.kill .hm.c,.hitmark.kill .hm.d{height:3px;top:calc(50% - 1.5px)}.dmg-ind{width:15rem;height:15rem;color:var(--red);opacity:0;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.dmg-ind svg{filter:drop-shadow(0 0 4px #ff3b4ed9);width:100%;height:100%;display:block}.hud-countdown{font-family:var(--font-px);color:var(--yellow);text-shadow:0 0 .25em #ffe14dcc, .08em .08em 0 var(--ink);font-size:5rem;position:absolute;top:36%;left:50%;transform:translate(-50%,-50%)}.hud-announce{--an:var(--self);white-space:nowrap;flex-direction:column;align-items:center;gap:.55rem;display:flex;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)}.an-text{font-family:var(--font-px);letter-spacing:.04em;color:var(--an);text-shadow:0 0 .3em var(--an), -.06em 0 0 #29f0ff8c, .06em 0 0 #ff2fb48c, .08em .08em 0 var(--ink);font-size:2.6rem;position:relative}.an-sub{text-shadow:1px 1px 0 var(--ink);border-left:3px solid var(--an);border-right:3px solid var(--an);background:#060414c7;padding:.3rem 1.1rem;font-size:1.05rem}.hud-protect{flex-direction:column;align-items:center;gap:.35rem;width:10rem;display:flex;position:absolute;top:calc(50% + 4.5rem);left:50%;transform:translate(-50%)}.protect-label{font-family:var(--font-px);letter-spacing:.1em;color:var(--cyan);text-shadow:1px 1px 0 var(--ink);font-size:.42rem}.hud-protect .bar{width:100%}.hud-protect .bar-fill{background:var(--cyan)}.hud-death{background:linear-gradient(90deg,#0000,#220412e0 20% 80%,#0000);flex-direction:column;align-items:center;gap:.45rem;min-width:28rem;padding:1rem 2.4rem 1.1rem;display:flex;position:absolute;top:64%;left:50%;transform:translate(-50%,-50%)}.death-label{font-family:var(--font-px);letter-spacing:.3em;color:var(--red);font-size:.55rem}.death-who{align-items:center;gap:.8rem;display:flex}#ui .death-portrait{image-rendering:auto;border:2px solid var(--enemy);width:3.2rem;height:3.2rem;box-shadow:0 0 0 2px var(--ink);background:#040310e6}.death-name{white-space:nowrap;text-overflow:ellipsis;max-width:24rem;color:var(--enemy);text-shadow:0 0 .3em var(--enemy), .06em .06em 0 var(--ink);font-size:2rem;overflow:hidden}.death-respawn{font-family:var(--font-px);letter-spacing:.1em;font-size:.6rem}.death-timer{color:var(--yellow)}.hud-death .bar{width:14rem}.hud-death .bar-fill{background:var(--yellow)}.hud-hp{--hpc:var(--self);--hc:var(--self);border-left:4px solid var(--self);background:linear-gradient(90deg,#060414d6,#0604144d);grid-template-columns:auto minmax(0,1fr);align-items:end;gap:.85rem;width:27rem;padding:.6rem .85rem .7rem;display:grid;position:absolute;bottom:1.4rem;left:1.6rem}.hud-hp[data-state=mid]{--hpc:var(--yellow)}.hud-hp[data-state=low]{--hpc:var(--red);animation:.9s steps(2,end) infinite hp-low}@keyframes hp-low{50%{background:linear-gradient(90deg,#60081ae0,#3c061059)}}.hp-portrait{background:radial-gradient(circle at 50% 70%, color-mix(in srgb, var(--hc) 40%, transparent), transparent 70%), #040310e6;border:2px solid var(--self);width:6.6rem;height:6.6rem;box-shadow:0 0 0 2px var(--ink);position:relative;overflow:hidden}.hp-portrait-art{position:absolute;inset:0}.hp-portrait-tag{font-family:var(--font-px);letter-spacing:.1em;text-align:center;color:var(--ink);background:var(--yellow);padding:.3em 0 .25em;font-size:.36rem;display:none;position:absolute;bottom:0;left:0;right:0}.hp-portrait.armor{border-color:var(--yellow);box-shadow:0 0 0 2px var(--ink), 0 0 14px #ffe14da6}.hp-portrait.armor .hp-portrait-tag{display:block}.hud-hp[data-state=low] .hp-portrait:not(.armor){border-color:var(--red)}.hp-main{min-width:0}.hp-head{align-items:baseline;gap:.7rem;margin-bottom:.45rem;display:flex}.hp-hero{font-family:var(--font-px);color:var(--self);text-shadow:.1em .1em 0 var(--ink);font-size:.75rem}.hp-hero-ja{color:var(--text-dim);font-size:.75rem}.hp-bar{--segs:20;border:2px solid var(--ink);background:#040310eb;height:1.3rem;position:relative;overflow:hidden;box-shadow:0 0 0 2px #f2f4ff38}.hp-fill,.hp-trail{transform-origin:0;position:absolute;inset:0}.hp-trail{background:#fffc;transition:transform .5s steps(6,end) .25s}.hp-fill{background:linear-gradient(180deg, #fffffff2 0 26%, var(--hpc) 26% 100%)}.hp-segs{background:repeating-linear-gradient(90deg, transparent 0 calc(100% / var(--segs) - 2px), var(--ink) calc(100% / var(--segs) - 2px) calc(100% / var(--segs)));position:absolute;inset:0}.hp-text{font-family:var(--font-px);align-items:baseline;margin-top:.45rem;display:flex}.hp-cur{text-shadow:.08em .08em 0 var(--ink);font-size:1.25rem}.hud-hp[data-state=low] .hp-cur{color:var(--red)}.hp-sep,.hp-max{color:var(--text-dim);font-size:.6rem}.hud-br{align-items:flex-end;gap:1.5rem;display:flex;position:absolute;bottom:1.4rem;right:1.6rem}.abilities{align-items:flex-end;gap:.85rem;display:flex}.ab{flex-direction:column;align-items:center;gap:.3rem;display:flex;position:relative}.ab-box{width:3.6rem;height:3.6rem;box-shadow:0 0 0 2px var(--ink);background:#060414d6;border:2px solid #f2f4ff66;place-items:center;display:grid;position:relative;overflow:hidden}.ab-icon{color:var(--white);font-size:2rem;display:flex}.ab-cd{--p:0;background:conic-gradient(#04030ed1 calc(var(--p) * 1turn), transparent 0);position:absolute;inset:0}.ab-num{font-family:var(--font-px);text-shadow:.1em .1em 0 var(--ink);place-items:center;font-size:.95rem;display:grid;position:absolute;inset:0}.ab-key{font-family:var(--font-px);color:var(--ink);background:var(--white);box-shadow:0 0 0 2px var(--ink);margin-top:-.9rem;padding:.35em .5em;font-size:.45rem;position:relative}.ab-name{white-space:nowrap;color:var(--text-dim);text-shadow:1px 1px 0 var(--ink);font-size:.62rem}.ab:not(.cooling) .ab-box{border-color:var(--self);box-shadow:0 0 0 2px var(--ink), 0 0 10px color-mix(in srgb, var(--self) 55%, transparent)}.ab:not(.cooling) .ab-icon{color:var(--self)}.ab:not(.cooling) .ab-key{background:var(--self)}.ab.cooling .ab-icon{opacity:.5}.ab.active .ab-box{background:color-mix(in srgb, var(--self) 40%, #060414cc)}.ult{flex-direction:column;align-items:center;gap:.3rem;display:flex;position:relative}.ult-halo{border:3px solid var(--self);opacity:0;pointer-events:none;width:4.6rem;height:4.6rem;position:absolute;top:2.6rem;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.ult-frame{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);background:#f2f4ff73;width:5.2rem;height:5.2rem;padding:3px}.ult-inner{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);background:#060414eb;place-items:center;width:100%;height:100%;display:grid;position:relative;overflow:hidden}.ult-fill{background:linear-gradient(0deg, color-mix(in srgb, var(--self) 72%, transparent), color-mix(in srgb, var(--self) 25%, transparent));transform-origin:bottom;position:absolute;inset:0;transform:scaleY(0)}.ult-icon{color:#f2f4ff73;font-size:1.4rem;display:flex;position:absolute;top:17%;left:50%;transform:translate(-50%)}.ult-text{font-family:var(--font-px);text-shadow:.1em .1em 0 var(--ink);margin-top:1.3rem;font-size:.6rem;position:relative}.ult-key{margin-top:-.7rem}.ult-name{font-family:var(--font-px);color:var(--text-dim);text-shadow:1px 1px 0 var(--ink);font-size:.4rem}.ult.ready .ult-frame{background:var(--self)}.ult.ready .ult-fill{background:color-mix(in srgb, var(--self) 60%, transparent);animation:.7s steps(2,end) infinite blink}.ult.ready .ult-icon{color:var(--white)}.ult.ready .ult-halo{animation:1.1s steps(6,end) infinite ult-halo}.ult.ready .ult-key{background:var(--self)}@keyframes ult-halo{0%{opacity:.9;transform:translate(-50%,-50%)rotate(45deg)scale(.75)}to{opacity:0;transform:translate(-50%,-50%)rotate(45deg)scale(1.3)}}.ult.active .ult-frame{background:var(--yellow)}.ult.active .ult-fill{background:linear-gradient(#ff9a3c59,#ffe14dbf)}.ult.active .ult-text{color:var(--yellow)}.hud-ammo{flex-direction:column;align-items:flex-end;gap:.35rem;min-width:9.5rem;padding-bottom:.2rem;display:flex}.ammo-digits{font-family:var(--font-px);align-items:baseline;gap:.45rem;display:flex}.ammo-cur{text-shadow:.08em .08em 0 var(--ink), 0 0 .3em color-mix(in srgb, var(--self) 50%, transparent);font-size:2.4rem}.ammo-max{color:var(--text-dim);font-size:.75rem}.ammo-bar{border:2px solid var(--ink);background:#040310db;width:9.5rem;height:.55rem;position:relative;overflow:hidden;box-shadow:0 0 0 1px #f2f4ff38}.ammo-fill{background:repeating-linear-gradient(90deg, var(--self) 0 4px, transparent 4px 6px);transform-origin:100%;position:absolute;inset:0}.hud-ammo.low .ammo-cur{color:var(--orange)}.hud-ammo.low .ammo-fill{background:repeating-linear-gradient(90deg, var(--orange) 0 4px, transparent 4px 6px)}.hud-ammo.infinite .ammo-cur{font-family:var(--font-jp);color:var(--yellow)}.hud-ammo.infinite .ammo-fill{background:repeating-linear-gradient(90deg, var(--yellow) 0 4px, transparent 4px 6px)}.hud-ammo.reloading .ammo-cur{opacity:.45}.reload{align-items:center;gap:.5rem;display:flex}.reload-label{font-family:var(--font-px);color:var(--yellow);font-size:.45rem;animation:.5s steps(2,end) infinite blink}.reload .bar{width:6rem}.reload .bar-fill{background:var(--yellow)}.hud.is-dead .hud-br,.hud.is-dead .hud-hp{opacity:.45}.hud-board{background:var(--scan), #060414ed;width:42rem;box-shadow:0 0 0 2px var(--ink);border:2px solid #f2f4ff59;padding:1rem 1.2rem;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.board-title{font-family:var(--font-px);justify-content:space-between;align-items:baseline;margin-bottom:.8rem;font-size:.8rem;display:flex}.board-sub{color:var(--text-dim);font-size:.45rem}.board-row{--tc:var(--white);border-left:4px solid var(--tc);background:#f2f4ff0a;grid-template-columns:minmax(0,1fr) 3rem 3rem 4.5rem 4.5rem;align-items:center;gap:.5rem;margin-bottom:.3rem;padding:.5rem .6rem;display:grid}.board-row.head{font-family:var(--font-px);color:var(--text-dim);background:0 0;border-left-color:#0000;font-size:.42rem}.board-row.self{background:color-mix(in srgb, var(--tc) 18%, transparent)}.b-name{white-space:nowrap;color:var(--tc);align-items:center;gap:.5rem;font-size:1rem;display:flex;overflow:hidden}.board-row.head .b-name{color:var(--text-dim);font-size:.42rem}#ui .b-portrait{image-rendering:auto;border:2px solid var(--tc);background:#040310e6;flex:none;width:1.7rem;height:1.7rem}.b-team{background:var(--tc);flex:none;width:.5rem;height:.5rem}.b-you{font-family:var(--font-px);color:var(--ink);background:var(--tc);padding:.3em .45em;font-size:.38rem}.b-num{font-family:var(--font-px);text-align:right;font-size:.7rem}.board-row.head .b-num{font-size:.42rem}.hud-pause{pointer-events:auto;cursor:pointer;background:var(--scan), radial-gradient(ellipse at center, #08061a80, #04030cdb);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.pause-card{cursor:pointer;flex-direction:column;align-items:center;gap:.7rem;padding:1.6rem 2.6rem;display:flex}.pause-title{font-family:var(--font-px);text-shadow:-.06em 0 0 var(--cyan), .06em 0 0 var(--magenta), 0 0 .3em #b44dffb3;font-size:2.4rem}.pause-hint{color:var(--cyan);font-size:1.05rem;animation:1.2s steps(2,end) infinite blink}.pause-actions{cursor:default;gap:.8rem;margin-top:.6rem;display:flex}.hp-icon{color:var(--hpc);align-self:center;margin-right:.45rem;display:inline-flex}.ammo-weapon{color:var(--text-dim);align-self:center;margin-right:.35rem;display:inline-flex}.hud-ammo.infinite .ammo-weapon{color:var(--yellow)}.hud[data-mode=escort] .hud-feed{top:5.2rem}.hud-escort{align-items:flex-start;gap:.8rem;display:flex;position:absolute;top:.7rem;left:50%;transform:translate(-50%)}.es-panel{--att:var(--cyan);--def:var(--magenta);--st:#8a8fb0;background:var(--scan), #040310e6;border:2px solid #f2f4ff38;border-bottom:3px solid var(--att);width:31rem;box-shadow:0 0 0 2px var(--ink);flex-direction:column;padding:.4rem .9rem .45rem;display:flex}.es-panel[data-state=push]{--st:var(--att)}.es-panel[data-state=contested]{--st:var(--yellow)}.es-panel[data-state=rollback]{--st:var(--red)}.es-panel[data-state=dwell]{--st:var(--white)}.es-panel.waiting .es-track,.es-panel.waiting .es-bottom,.es-panel.waiting .es-sub{visibility:hidden}.es-top{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.6rem;display:grid}.es-round{font-family:var(--font-px);letter-spacing:.08em;color:var(--text-dim);justify-self:start;font-size:.5rem}.es-clock{font-family:var(--font-px);letter-spacing:.05em;white-space:nowrap;text-shadow:.08em .08em 0 var(--ink);font-size:1.05rem}.es-panel[data-stage=prep] .es-clock{font-family:var(--font-jp);color:var(--yellow);font-size:1.1rem}.es-clock.low{color:var(--red);animation:.8s steps(2,end) infinite blink}.es-panel[data-stage=overtime] .es-clock{color:var(--orange);text-shadow:0 0 .35em #ff9a3ccc, .08em .08em 0 var(--ink);animation:.5s steps(2,end) infinite blink}.es-panel[data-stage=roundEnd] .es-clock,.es-panel[data-stage=done] .es-clock{color:var(--text-dim);font-size:.75rem}.es-side{white-space:nowrap;justify-self:end;align-items:baseline;gap:.4rem;display:flex}.es-side-ja{color:var(--ink);background:var(--self);box-shadow:0 0 0 2px var(--ink);padding:.1em .45em;font-size:.85rem}.es-side-en{font-family:var(--font-px);color:var(--self);font-size:.42rem}.es-ot{align-self:center;width:55%;margin-top:.25rem}.es-ot .bar{height:5px}.es-ot .bar-fill{background:var(--orange)}.es-track{height:2.55rem;margin:.15rem .85rem 0;position:relative}.es-rail,.es-ghost,.es-fill{height:.42rem;position:absolute;top:1.45rem;left:0;right:0}.es-rail{box-shadow:0 0 0 2px var(--ink);background:#f2f4ff1f}.es-ghost,.es-fill{transform-origin:0;transform:scaleX(0)}.es-ghost{background:color-mix(in srgb, var(--att) 32%, transparent)}.es-fill{background:var(--st)}.es-cp{flex-direction:column;align-items:center;gap:.18rem;display:flex;position:absolute;top:.62rem;transform:translate(-50%)}.es-cp-icon{color:#f2f4ff99;display:flex}.es-cp-label{font-family:var(--font-px);color:var(--text-dim);margin-top:.4rem;font-size:.38rem}.es-cp.reached .es-cp-icon,.es-cp.reached .es-cp-label{color:var(--att)}.es-cp.goal .es-cp-icon,.es-cp.goal .es-cp-label{color:var(--yellow)}.es-target{background:var(--tc,var(--white));width:3px;height:1.1rem;box-shadow:0 0 0 1px var(--ink);position:absolute;top:1.1rem;transform:translate(-50%)}.es-target-tag{font-family:var(--font-px);color:var(--tc,var(--white));text-shadow:1px 1px 0 var(--ink);font-size:.36rem;position:absolute;top:-.1rem;right:5px}.es-runner{pointer-events:none;will-change:transform;width:100%;height:1.4rem;position:absolute;top:0;left:0}.es-payload{color:var(--st);box-shadow:0 0 0 2px var(--st), 0 0 0 4px var(--ink);background:#040310eb;padding:2px;display:flex;position:absolute;bottom:0;left:0;transform:translate(-50%)}.es-panel[data-state=contested] .es-payload,.es-panel[data-state=rollback] .es-payload{animation:.6s steps(2,end) infinite blink}.es-bottom{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.5rem;display:grid}.es-pips{align-items:center;gap:3px;display:flex}.es-pips.att{color:var(--att);justify-self:start}.es-pips.def{color:var(--def);justify-self:end}.es-pips-icon{height:.75rem;margin:0 .25rem}.es-pip{background:#f2f4ff24;width:.62rem;height:.38rem;box-shadow:0 0 0 1px #0a0618b3}.es-pips.att .es-pip.on{background:var(--att)}.es-pips.def .es-pip.on{background:var(--def)}.es-state{white-space:nowrap;color:var(--st);text-shadow:1px 1px 0 var(--ink);font-size:.8rem}.es-panel[data-stage=prep] .es-state{color:var(--yellow)}.es-sub{font-family:var(--font-px);letter-spacing:.04em;color:var(--text-dim);justify-content:space-between;align-items:baseline;gap:.6rem;margin-top:.25rem;font-size:.48rem;display:flex}.es-goal-text{font-family:var(--font-jp);letter-spacing:0;color:var(--tc,var(--white));font-size:.7rem}.es-near{font-family:var(--font-jp);letter-spacing:0;font-size:.72rem}.es-near.in{color:var(--self)}.es-roster{flex-direction:column;gap:.25rem;display:flex}.es-roster.ally{--tc:var(--self);align-items:flex-end}.es-roster.enemy{--tc:var(--enemy);align-items:flex-start}.es-kills{font-family:var(--font-px);color:var(--tc);border-bottom:2px solid var(--tc);background:#040310c7;align-items:center;gap:.35rem;padding:.25rem .45rem;font-size:.5rem;display:flex}.es-kills-icon{height:.9em}.es-kills-num{display:inline-block}.es-pps{gap:.25rem;display:flex}.es-roster.ally .es-pps{flex-direction:row-reverse}.es-pp{background:radial-gradient(circle at 50% 70%, color-mix(in srgb, var(--hc,var(--tc)) 35%, transparent), transparent 70%), #040310eb;border:2px solid var(--tc);width:2.6rem;height:2.6rem;box-shadow:0 0 0 2px var(--ink);position:relative;overflow:hidden}.es-pp.self{border-color:var(--white);box-shadow:0 0 0 2px var(--ink), 0 0 8px color-mix(in srgb, var(--tc) 70%, transparent)}#ui .es-pp-img{object-fit:cover;image-rendering:auto;width:100%;height:100%;display:block}.es-pp.dead .es-pp-img{filter:grayscale()brightness(.45)}.es-pp-dead{background:#28041273;flex-direction:column;justify-content:center;align-items:center;gap:.15rem;display:none;position:absolute;inset:0}.es-pp.dead .es-pp-dead{display:flex}.es-pp-skull{height:.75rem;color:var(--red)}.es-pp-time{font-family:var(--font-px);text-shadow:.1em .1em 0 var(--ink);font-size:.6rem}.es-pp-hp{background:#040310db;height:.28rem;position:absolute;bottom:0;left:0;right:0}.es-roster.enemy .es-pp-hp,.es-pp.dead .es-pp-hp{display:none}.es-pp-hp-fill{background:var(--green);transform-origin:0;height:100%;transform:scaleX(1)}.es-pp.low .es-pp-hp-fill{background:var(--red)}.es-pp:after{content:"";background:var(--yellow);width:.42rem;height:.42rem;box-shadow:0 0 0 1px var(--ink);display:none;position:absolute;top:2px;right:2px;transform:rotate(45deg)}.es-pp.ult:after{display:block}.es-pp-glint{background:linear-gradient(115deg,#0000 38%,#ffffffb3 50%,#0000 62%);display:none;position:absolute;inset:0;transform:translate(-110%)}.es-pp.ult .es-pp-glint{animation:1.8s steps(9,end) infinite es-glint;display:block}@keyframes es-glint{0%{transform:translate(-110%)}55%,to{transform:translate(110%)}}.hud-board.escort{width:46rem}.hud-board.escort .board-row{grid-template-columns:minmax(0,1fr) 3rem 3rem 4.5rem 4.5rem 4rem}.b-obj{color:var(--yellow)}.board-row.head .b-obj{color:var(--text-dim)}.b-name-text{text-overflow:ellipsis;min-width:0;overflow:hidden}.b-bot{font-family:var(--font-px);color:var(--text-dim);background:#f2f4ff1a;padding:.3em .45em;font-size:.34rem}.board-team{--tc:var(--white);font-family:var(--font-px);color:var(--tc);border-bottom:2px solid var(--tc);align-items:baseline;gap:.7rem;margin:.6rem 0 .3rem;padding:.3rem .6rem;font-size:.5rem;display:flex}.board-team:first-child{margin-top:0}.bt-side{font-family:var(--font-jp);color:var(--ink);background:var(--tc);padding:.25em .5em;font-size:.75rem}.bt-you{color:var(--text-dim);font-size:.38rem}.bt-kills{margin-left:auto;font-size:.45rem}@media (prefers-reduced-motion:reduce){.es-pp.ult .es-pp-glint,.es-panel[data-stage=overtime] .es-clock,.es-panel[data-state=contested] .es-payload,.es-panel[data-state=rollback] .es-payload{animation:none}}