:root{--acid: #7dff1a;--acid-deep: #39d10a;--acid-glow: #a6ff4d;--acid-dim: rgba(125, 255, 26, .16);--p1: #7dff1a;--p2: #ff8a1f;--black: #050605;--matte: #0b0d0c;--charcoal: #16191a;--gunmetal: #2a2f31;--steel: #5b6265;--white: #f2f5f0;--text: #e6ebe3;--text-dim: rgba(230, 235, 227, .58);--red: #ff2a1a;--orange: #ff7a1a;--panel: rgba(8, 11, 9, .78);--panel-solid: #0a0d0b;--line: rgba(125, 255, 26, .28);--font-display: "Teko", "Rajdhani", "Arial Narrow", Impact, sans-serif;--font-ui: "Rajdhani", "Segoe UI", system-ui, sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-snap: cubic-bezier(.2, 1.4, .4, 1);--cut: polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 14px 100%, 0 calc(100% - 14px) )}*{box-sizing:border-box}html,body{margin:0;height:100%;background:#020302;color:var(--text);font-family:var(--font-ui);overflow:hidden;user-select:none;-webkit-font-smoothing:antialiased}#app{position:fixed;inset:0;overflow:hidden}#game{position:absolute;inset:0;width:100%;height:100%;display:block;outline:none}#ui{position:absolute;inset:0;pointer-events:none;overflow:hidden}#ui button,#ui input,#ui select,#ui textarea,#ui a,#ui .interactive{pointer-events:auto}.mx-layer{position:absolute;inset:0;pointer-events:none;z-index:30}.mx-screen{position:absolute;inset:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .26s var(--ease-out),visibility 0s linear .26s,transform .26s var(--ease-out);transform:translateY(8px);font-family:var(--font-ui)}.mx-screen.is-active{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition:opacity .26s var(--ease-out),visibility 0s,transform .3s var(--ease-out)}.mx-screen.is-leaving{visibility:visible;transform:translateY(-6px)}.mx-screen [hidden]{display:none!important}.mx-logo{margin:0;font-family:var(--font-display);font-weight:700;line-height:.82;letter-spacing:.02em;font-size:clamp(56px,9.5vh,120px);color:var(--acid);position:relative;text-transform:uppercase;white-space:nowrap;text-shadow:0 0 18px rgba(125,255,26,.55),0 0 60px rgba(125,255,26,.25),0 4px 0 #0b3d02}.mx-glitch{position:relative}.mx-glitch:before,.mx-glitch:after{content:attr(data-text);position:absolute;inset:0;pointer-events:none;opacity:0}.mx-glitch:before{color:#f2f5f0;animation:mx-glitch-a 6.5s infinite steps(1);text-shadow:none}.mx-glitch:after{color:var(--p2);animation:mx-glitch-b 6.5s infinite steps(1);text-shadow:none}@keyframes mx-glitch-a{0%,92%,to{opacity:0;clip-path:inset(0 0 0 0);transform:none}93%{opacity:.8;clip-path:inset(12% 0 62% 0);transform:translate(-4px)}95%{opacity:.8;clip-path:inset(58% 0 18% 0);transform:translate(5px)}97%{opacity:.6;clip-path:inset(30% 0 44% 0);transform:translate(-2px)}}@keyframes mx-glitch-b{0%,93%,to{opacity:0;transform:none}94%{opacity:.55;clip-path:inset(40% 0 30% 0);transform:translate(4px,1px)}96%{opacity:.55;clip-path:inset(70% 0 6% 0);transform:translate(-5px,-1px)}}@media(prefers-reduced-motion:reduce){.mx-glitch:before,.mx-glitch:after{animation:none}}.mx-kicker{display:flex;align-items:center;gap:10px;font:700 13px/1 var(--font-ui);letter-spacing:.32em;color:var(--acid);text-transform:uppercase}.mx-kicker__bar{width:28px;height:3px;background:var(--acid);box-shadow:0 0 10px var(--acid)}.mx-hint{display:inline-flex;align-items:center;gap:8px;font:600 12px var(--font-ui);letter-spacing:.18em;color:var(--text-dim)}.mx-ico{width:18px;height:18px;display:block}.mx-dots:after{content:"…";display:inline-block;width:1.2em;animation:mx-dots 1.4s steps(4,end) infinite;overflow:hidden;vertical-align:bottom}@keyframes mx-dots{0%{width:0}to{width:1.25em}}.mx-key{display:inline-grid;place-items:center;min-width:26px;height:24px;padding:0 7px;border:1px solid rgba(230,235,227,.32);border-bottom-width:3px;background:linear-gradient(#1b201d,#0d100e);color:var(--white);font:700 12px var(--font-ui);letter-spacing:.06em;border-radius:3px}.mx-key--wide{padding:0 10px}.mx-key--mouse{border-color:#7dff1a80;color:var(--acid-glow)}.mx-key--big{min-width:46px;height:44px;font-size:16px}.mx-btn{--bc: rgba(230, 235, 227, .18);position:relative;display:inline-flex;align-items:center;gap:12px;min-height:46px;padding:0 22px 0 18px;border:0;background:#0c0f0dd1;color:var(--text);font:700 clamp(18px,2.3vh,22px)/1 var(--font-display);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;clip-path:var(--cut);isolation:isolate;outline:none;box-shadow:inset 0 0 0 1px var(--bc);transition:color .18s,transform .18s var(--ease-out),box-shadow .18s;text-align:left}.mx-btn:after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--acid);opacity:0;transition:opacity .18s}.mx-btn__fill{position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,var(--acid) 0%,var(--acid-deep) 100%);transform:scaleX(0);transform-origin:left;transition:transform .28s var(--ease-out)}.mx-btn:hover:not(:disabled),.mx-btn:focus-visible{color:#071002;transform:translate(4px)}.mx-btn:hover:not(:disabled) .mx-btn__fill,.mx-btn:focus-visible .mx-btn__fill{transform:scaleX(1)}.mx-btn:focus-visible{box-shadow:inset 0 0 0 2px var(--white),0 0 0 2px #7dff1a73}.mx-btn:active:not(:disabled){transform:translate(4px) scale(.985)}.mx-btn:disabled{opacity:.38;cursor:not-allowed}.mx-btn__idx{font:600 12px var(--font-mono);color:var(--acid);letter-spacing:0;opacity:.85;min-width:18px;transition:color .18s}.mx-btn:hover:not(:disabled) .mx-btn__idx,.mx-btn:focus-visible .mx-btn__idx{color:#071002}.mx-btn__icon{display:grid;place-items:center;color:var(--acid);transition:color .18s}.mx-btn:hover:not(:disabled) .mx-btn__icon,.mx-btn:focus-visible .mx-btn__icon{color:#071002}.mx-btn__text{display:flex;flex-direction:column;gap:3px}.mx-btn__label{padding-top:3px}.mx-btn__sub{font:600 12px var(--font-ui);letter-spacing:.08em;text-transform:none;color:var(--text-dim);transition:color .18s}.mx-btn:hover:not(:disabled) .mx-btn__sub,.mx-btn:focus-visible .mx-btn__sub{color:#071002bf}.mx-btn--primary{--bc: rgba(125, 255, 26, .65);color:var(--acid);background:#101e08d9}.mx-btn--primary:after{opacity:1}.mx-btn--big{min-height:60px;font-size:clamp(24px,3.2vh,32px)}.mx-btn--ghost{background:#05060573;--bc: rgba(230, 235, 227, .12)}.mx-btn--small{min-height:36px;padding:0 14px 0 12px;font-size:17px;gap:8px}.mx-btn--danger{--bc: rgba(255, 42, 26, .5);color:#ff6a5a}.mx-btn--danger .mx-btn__fill{background:linear-gradient(100deg,#ff2a1a,#b81006)}.mx-btn--danger:hover:not(:disabled),.mx-btn--danger:focus-visible{color:#fff}.mx-btn.is-busy{cursor:progress}.mx-btn.is-busy:before{content:"";position:absolute;inset:auto 0 0;height:3px;z-index:1;background:repeating-linear-gradient(90deg,var(--acid) 0 14px,transparent 14px 28px);animation:mx-busy .7s linear infinite}@keyframes mx-busy{0%{background-position:0 0}to{background-position:28px 0}}.mx-btn.is-on{--bc: var(--acid);color:var(--acid)}.mx-btn.is-armed{animation:mx-armed 1.4s ease-in-out infinite}@keyframes mx-armed{50%{box-shadow:inset 0 0 0 1px var(--acid),0 0 24px #7dff1a80}}.mx-reset.is-armed{color:#ff6a5a;--bc: #ff6a5a;animation:none}.mx-chip{border:1px solid rgba(230,235,227,.2);background:#0a0c0bcc;color:var(--text-dim);font:700 12px var(--font-ui);letter-spacing:.12em;padding:6px 10px;cursor:pointer;clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px))}.mx-chip:hover{color:var(--white);border-color:#e6ebe366}.mx-chip.is-on{color:#071002;background:var(--acid);border-color:var(--acid)}.mx-pill{font:700 12px var(--font-ui);letter-spacing:.16em;padding:6px 10px;border:1px solid var(--line);color:var(--text-dim);align-self:center}.mx-pill.is-on{color:var(--p2);border-color:var(--p2)}.mx-emblem{width:100%;height:100%;display:block;filter:drop-shadow(0 0 14px rgba(125,255,26,.45))}.mx-emblem--spin{animation:mx-spin 9s linear infinite}@keyframes mx-spin{to{transform:rotate(360deg)}}.mx-screen--loading{background:radial-gradient(ellipse at 50% 40%,#0d1a0a,#030403 60%);display:grid;place-items:center}.mx-loading__grid{position:absolute;inset:0;opacity:.35;background-image:linear-gradient(rgba(125,255,26,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(125,255,26,.07) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse at center,#000 20%,transparent 75%);animation:mx-grid 14s linear infinite}@keyframes mx-grid{to{background-position:0 48px,48px 0}}.mx-loading__center{position:relative;display:flex;flex-direction:column;align-items:center;gap:18px;width:min(640px,86vw)}.mx-loading__emblem{width:clamp(70px,11vh,110px);height:clamp(70px,11vh,110px)}.mx-logo--loading{font-size:clamp(56px,9vh,100px)}.mx-loading__row{width:100%;display:flex;justify-content:space-between;align-items:flex-end}.mx-loading__label{font:700 18px var(--font-ui);letter-spacing:.4em;color:var(--text)}.mx-loading__pct{font:600 46px/.8 var(--font-display);color:var(--acid)}.mx-loading__unit{font-size:22px;margin-left:2px;color:var(--text-dim)}.mx-segbar{width:100%;display:grid;grid-template-columns:repeat(32,1fr);gap:3px;height:16px}.mx-segbar__seg{background:#7dff1a14;clip-path:polygon(20% 0,100% 0,80% 100%,0 100%);transition:background .2s}.mx-segbar__seg.is-on{background:var(--acid);box-shadow:0 0 10px var(--acid)}.mx-segbar__seg.is-head{animation:mx-head .6s ease-in-out infinite alternate}@keyframes mx-head{to{background:#e9ffd2}}.mx-loading__detail{min-height:18px;font:600 13px var(--font-mono);letter-spacing:.08em;color:var(--text-dim)}.mx-loading__tip{position:absolute;bottom:clamp(24px,6vh,60px);left:50%;transform:translate(-50%);width:min(720px,90vw);display:flex;gap:14px;align-items:baseline;justify-content:center;font:600 16px var(--font-ui);color:var(--text);text-align:center}.mx-loading__tip.is-swap{animation:mx-tip .5s var(--ease-out)}@keyframes mx-tip{0%{opacity:0;transform:translate(-50%,6px)}}.mx-loading__tiplabel{color:#071002;background:var(--acid);font:700 12px var(--font-ui);letter-spacing:.2em;padding:3px 7px}.mx-main__veil{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#020302f0,#020302d1 30%,#02030240 62%,#0203021a),linear-gradient(0deg,rgba(2,3,2,.8) 0%,transparent 25%),repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 3px)}.mx-main__col{position:absolute;left:clamp(28px,6vw,110px);top:50%;transform:translateY(-52%);display:flex;flex-direction:column;gap:clamp(14px,2.4vh,26px);width:min(560px,46vw)}.mx-brand{display:flex;align-items:center;gap:clamp(14px,1.6vw,24px)}.mx-brand__emblem{width:clamp(78px,12vh,124px);height:clamp(78px,12vh,124px);flex:none}.mx-brand__text{display:flex;flex-direction:column;gap:6px;min-width:0}.mx-brand__sub{display:flex;align-items:center;gap:12px;font:600 clamp(26px,4vh,40px)/.9 var(--font-display);letter-spacing:.34em;color:var(--white)}.mx-brand__rule{flex:1;height:2px;background:linear-gradient(90deg,var(--acid),transparent)}.mx-brand__tag{font:700 clamp(13px,1.7vh,16px) var(--font-ui);letter-spacing:.42em;color:var(--p2)}.mx-name{display:flex;align-items:center;gap:12px;padding:8px 14px;background:#080b09bf;border:1px solid var(--line);clip-path:var(--cut);cursor:text;max-width:360px}.mx-name:focus-within{border-color:var(--acid);box-shadow:0 0 0 1px var(--acid)}.mx-name__label{font:700 12px var(--font-ui);letter-spacing:.3em;color:var(--acid)}.mx-name__input{flex:1;min-width:0;background:none;border:0;outline:none;color:var(--white);font:600 22px var(--font-display);letter-spacing:.14em;text-transform:uppercase}.mx-name__input::placeholder{color:#e6ebe34d}.mx-name__icon{color:var(--text-dim)}.mx-mainnav{display:flex;flex-direction:column;gap:clamp(5px,.9vh,9px)}.mx-mainnav__btn{width:100%}.mx-screen--main.is-enter .mx-mainnav__btn{animation:mx-in-left .55s var(--ease-out) both;animation-delay:calc(var(--i) * 55ms + .12s)}.mx-screen--main.is-enter .mx-brand{animation:mx-in-left .6s var(--ease-out) both}.mx-screen--main.is-enter .mx-name{animation:mx-in-left .6s var(--ease-out) 80ms both}@keyframes mx-in-left{0%{opacity:0;transform:translate(-28px)}}.mx-invite{display:flex;align-items:center;gap:14px;padding:12px 14px;border:1px solid var(--p2);background:#281204b3;clip-path:var(--cut);animation:mx-pulse-orange 1.8s ease-in-out infinite}@keyframes mx-pulse-orange{50%{box-shadow:0 0 24px #ff8a1f66}}.mx-invite__text{display:flex;flex-direction:column;gap:2px;flex:1}.mx-invite__kicker{font:700 11px var(--font-ui);letter-spacing:.3em;color:var(--p2)}.mx-invite__room{font:600 26px/1 var(--font-display);letter-spacing:.14em;color:var(--white)}.mx-invite__code{color:var(--acid)}.mx-corner{position:absolute;top:clamp(16px,3vh,30px);right:clamp(16px,3vw,40px);display:flex;gap:10px}.mx-rail{position:absolute;right:clamp(14px,2vw,28px);top:50%;transform:translateY(-50%) rotate(180deg);writing-mode:vertical-rl;font:600 12px var(--font-ui);letter-spacing:.5em;color:#7dff1a59;white-space:nowrap}.mx-footer{position:absolute;left:clamp(28px,6vw,110px);right:clamp(16px,3vw,40px);bottom:clamp(14px,2.6vh,28px);display:flex;align-items:center;gap:12px;font:600 12px var(--font-ui);letter-spacing:.14em;color:var(--text-dim)}.mx-footer__ver{color:var(--acid);font-family:var(--font-mono);letter-spacing:.05em}.mx-footer__sep{width:1px;height:12px;background:#e6ebe340}.mx-footer__net{color:var(--acid)}.mx-footer__net .mx-ico{width:14px;height:14px}.mx-footer__grow{flex:1}.mx-footer__sponsor b{color:var(--acid);font-weight:700}.mx-page{display:flex;flex-direction:column;padding:clamp(22px,5vh,56px) clamp(24px,6vw,110px) clamp(16px,3vh,30px)}.mx-page__veil{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#020302f2,#020302e0 55%,#020302b3),repeating-linear-gradient(0deg,rgba(255,255,255,.015) 0 1px,transparent 1px 3px);backdrop-filter:blur(3px)}.mx-page__head{display:flex;flex-direction:column;gap:6px;margin-bottom:clamp(12px,2.5vh,26px);flex:none}.mx-page__title{margin:0;font:700 clamp(48px,8vh,88px)/.85 var(--font-display);letter-spacing:.04em;color:var(--white);text-shadow:0 0 30px rgba(125,255,26,.18)}.mx-page__sub{margin:0;color:var(--text-dim);font:600 clamp(14px,1.8vh,17px) var(--font-ui);letter-spacing:.04em}.mx-page__body{flex:1;min-height:0;overflow:auto;padding-right:6px;scrollbar-width:thin;scrollbar-color:var(--acid-deep) transparent}.mx-page__foot{flex:none;display:flex;align-items:center;gap:16px;padding-top:clamp(10px,2vh,18px);margin-top:8px;border-top:1px solid rgba(230,235,227,.08)}.mx-page__grow{flex:1}.mx-page.is-enter .mx-page__head,.mx-screen.is-active.mx-page .mx-page__head{animation:mx-in-up .45s var(--ease-out) both}@keyframes mx-in-up{0%{opacity:0;transform:translateY(14px)}}.mx-section{display:flex;flex-direction:column;gap:12px}.mx-section__title,.mx-group__title{margin:0;display:flex;align-items:baseline;gap:12px;font:600 22px/1 var(--font-display);letter-spacing:.24em;color:var(--acid)}.mx-section__note,.mx-group__note{font:600 12px var(--font-ui);letter-spacing:.12em;color:var(--text-dim)}.mx-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1.4vw,20px)}@media(max-width:1200px){.mx-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}.mx-card{--ac: var(--acid);position:relative;display:flex;flex-direction:column;gap:12px;text-align:left;padding:clamp(16px,2.4vh,26px);min-height:clamp(200px,32vh,320px);background:#0a0d0bd9;border:0;box-shadow:inset 0 0 0 1px #e6ebe324;color:var(--text);cursor:pointer;clip-path:var(--cut);isolation:isolate;transition:transform .22s var(--ease-out),box-shadow .2s;font-family:var(--font-ui)}.mx-card--p1{--ac: var(--p1)}.mx-card--p2{--ac: var(--p2)}.mx-card__fill{position:absolute;inset:0;z-index:-1;background:linear-gradient(160deg,color-mix(in srgb,var(--ac) 26%,transparent),transparent 65%);opacity:0;transition:opacity .25s}.mx-card:hover,.mx-card:focus-visible{transform:translateY(-4px);box-shadow:inset 0 0 0 1px var(--ac),0 18px 40px #00000080;outline:none}.mx-card:hover .mx-card__fill,.mx-card:focus-visible .mx-card__fill{opacity:1}.mx-card__top{display:flex;justify-content:space-between;align-items:center}.mx-card__icon{color:var(--ac)}.mx-card__icon .mx-ico{width:36px;height:36px}.mx-card__tag{font:700 12px var(--font-ui);letter-spacing:.24em;color:#071002;background:var(--ac);padding:4px 8px}.mx-card__title{font:600 clamp(28px,4vh,40px)/.9 var(--font-display);letter-spacing:.08em;color:var(--white);margin-top:auto}.mx-card__desc{color:var(--text-dim);font-size:15px;line-height:1.35}.mx-card__meta{display:flex;justify-content:space-between;align-items:center;font:700 11px var(--font-ui);letter-spacing:.18em;color:var(--ac);border-top:1px solid rgba(230,235,227,.1);padding-top:10px}.mx-card__go{transition:transform .2s}.mx-card:hover .mx-card__go{transform:translate(5px)}.mx-screen--play.is-enter .mx-card{animation:mx-in-up .5s var(--ease-out) both;animation-delay:calc(var(--i) * 70ms)}.mx-bot{display:grid;grid-template-columns:1fr 1fr;gap:clamp(18px,3vw,40px)}@media(max-width:1100px){.mx-bot{grid-template-columns:1fr}}.mx-diff{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.mx-diff__opt{display:flex;flex-direction:column;gap:8px;align-items:flex-start;text-align:left;padding:14px 16px;min-height:108px;background:#0a0d0bd9;border:0;box-shadow:inset 0 0 0 1px #e6ebe324;color:var(--text);cursor:pointer;clip-path:var(--cut);transition:box-shadow .18s,transform .18s;font-family:var(--font-ui)}.mx-diff__opt:hover,.mx-diff__opt:focus-visible{box-shadow:inset 0 0 0 1px #7dff1a99;transform:translateY(-2px);outline:none}.mx-diff__opt.is-on{box-shadow:inset 0 0 0 2px var(--acid),0 0 24px #7dff1a2e;background:#122408e6}.mx-diff__opt--insane.is-on{box-shadow:inset 0 0 0 2px var(--red),0 0 24px #ff2a1a40;background:#280806e6}.mx-diff__label{font:600 28px/.9 var(--font-display);letter-spacing:.14em}.mx-diff__pips{display:flex;gap:4px}.mx-diff__pips i{width:18px;height:5px;background:#e6ebe324;transform:skew(-20deg)}.mx-diff__pips i.is-on{background:var(--acid)}.mx-diff__opt--insane .mx-diff__pips i.is-on{background:var(--red)}.mx-diff__desc{font-size:13px;color:var(--text-dim);line-height:1.3}.mx-maps{display:flex;flex-direction:column;gap:10px}.mx-mapcard{display:flex;align-items:center;gap:14px;padding:10px 14px 10px 10px;text-align:left;background:#0a0d0bd9;border:0;box-shadow:inset 0 0 0 1px #e6ebe324;color:var(--text);cursor:pointer;clip-path:var(--cut);font-family:var(--font-ui);transition:box-shadow .18s}.mx-mapcard:hover:not(:disabled),.mx-mapcard:focus-visible{box-shadow:inset 0 0 0 1px #7dff1a99;outline:none}.mx-mapcard.is-on{box-shadow:inset 0 0 0 2px var(--acid);background:#122408e6}.mx-mapcard.is-readonly{cursor:default}.mx-mapcard.is-readonly:not(.is-on){opacity:.45}.mx-mapcard:disabled{opacity:1}.mx-mapcard.is-readonly:not(.is-on):disabled{opacity:.45}.mx-mapcard__info{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.mx-mapcard__name{font:600 24px/.95 var(--font-display);letter-spacing:.1em;color:var(--white)}.mx-mapcard__desc{font-size:13px;color:var(--text-dim);line-height:1.3}.mx-mapcard__check{width:26px;height:26px;display:grid;place-items:center;color:#071002;background:var(--acid);opacity:0;transform:scale(.6);transition:.18s}.mx-mapcard.is-on .mx-mapcard__check{opacity:1;transform:none}.mx-thumb{position:relative;flex:none;width:clamp(84px,9vw,120px);aspect-ratio:16 / 10;overflow:hidden;background:radial-gradient(circle at 50% 55%,rgba(125,255,26,.5) 0 8%,transparent 9%),repeating-linear-gradient(90deg,#0b0f0c 0 10px,#10160f 10px 11px),#070907;box-shadow:inset 0 0 0 1px #7dff1a4d}.mx-thumb--lockdown{background:radial-gradient(circle at 50% 55%,rgba(255,58,18,.6) 0 8%,transparent 9%),repeating-linear-gradient(90deg,#120807 0 10px,#1a0c0a 10px 11px),#0a0504;box-shadow:inset 0 0 0 1px #ff3a1266}.mx-thumb__core{position:absolute;left:50%;top:55%;width:32%;aspect-ratio:1;transform:translate(-50%,-50%);border:2px solid var(--acid);border-radius:50%;box-shadow:0 0 16px var(--acid)}.mx-thumb--lockdown .mx-thumb__core{border-color:#ff3a12;box-shadow:0 0 16px #ff3a12}.mx-thumb__scan{position:absolute;inset:0;background:linear-gradient(180deg,transparent 0 45%,rgba(255,255,255,.12) 50%,transparent 55%);animation:mx-scan 3s linear infinite}@keyframes mx-scan{0%{transform:translateY(-60%)}to{transform:translateY(60%)}}.mx-bot__summary{font:600 20px var(--font-display);letter-spacing:.14em;color:var(--text-dim)}.mx-join{display:flex;flex-direction:column;align-items:flex-start;gap:16px;max-width:640px}.mx-join__label{font:700 14px var(--font-ui);letter-spacing:.4em;color:var(--acid)}.mx-code{position:relative;width:min(520px,90%)}.mx-code__input{width:100%;padding:14px 22px;background:#060807e6;border:0;outline:none;color:var(--white);text-transform:uppercase;font:600 clamp(54px,9vh,82px)/1 var(--font-mono);letter-spacing:.32em;clip-path:var(--cut);caret-color:var(--acid)}.mx-code__input::placeholder{color:#e6ebe32e}.mx-code__frame{position:absolute;inset:0;pointer-events:none;clip-path:var(--cut);box-shadow:inset 0 0 0 2px var(--line);transition:box-shadow .2s}.mx-code:focus-within .mx-code__frame{box-shadow:inset 0 0 0 2px var(--acid),inset 0 0 30px #7dff1a26}.mx-code.is-shake{animation:mx-shake .4s}@keyframes mx-shake{20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}.mx-join__actions{display:flex;gap:12px}.mx-join__hint{margin:0;color:var(--text-dim);font-size:14px;max-width:520px}.mx-cta{width:min(520px,90%)}.mx-cta__room{font:600 15px var(--font-ui);letter-spacing:.24em;color:inherit;opacity:.85}.mx-cta__code{font-family:var(--font-mono)}.mx-screen--join.is-pending .mx-code__input{opacity:.6}.mx-status{display:inline-flex;align-items:center;gap:10px;font:700 14px var(--font-ui);letter-spacing:.16em;color:var(--text);min-height:22px}.mx-status.is-empty{visibility:hidden}.mx-status__dot{width:9px;height:9px;background:var(--steel);transform:rotate(45deg);flex:none}.mx-status[data-kind=pending] .mx-status__dot{background:var(--acid);animation:mx-blink .8s steps(2) infinite}.mx-status[data-kind=success] .mx-status__dot,.mx-status[data-kind=ok] .mx-status__dot{background:var(--acid);box-shadow:0 0 8px var(--acid)}.mx-status[data-kind=error]{color:#ff6a5a}.mx-status[data-kind=error] .mx-status__dot{background:var(--red)}.mx-status[data-kind=warn]{color:var(--p2)}.mx-status[data-kind=warn] .mx-status__dot{background:var(--p2);animation:mx-blink .8s steps(2) infinite}@keyframes mx-blink{50%{opacity:.2}}.mx-screen--lobby{gap:0}.mx-lobby__header{display:flex;align-items:center;gap:16px;margin-bottom:clamp(10px,2vh,20px);flex:none}.mx-lobby__brand{display:flex;align-items:center;gap:12px;font:600 26px var(--font-display);letter-spacing:.18em;color:var(--white)}.mx-lobby__brand b{color:var(--acid);font-weight:700}.mx-lobby__emblem{width:44px;height:44px}.mx-lobby__grow{flex:1}.mx-lobby{display:flex;flex-direction:column;gap:clamp(12px,2.2vh,24px)}.mx-room{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto auto;gap:8px 22px;align-items:center;padding:clamp(12px,2vh,20px) clamp(14px,2vw,24px);background:#080b09d9;box-shadow:inset 0 0 0 1px var(--line);clip-path:var(--cut)}.mx-room__main{display:flex;align-items:center;gap:18px;grid-row:span 2}.mx-room__label{font:700 14px var(--font-ui);letter-spacing:.4em;color:var(--acid);writing-mode:vertical-rl;transform:rotate(180deg)}.mx-roomcode{display:flex;gap:8px}.mx-roomcode__cell{width:clamp(48px,6.5vh,66px);height:clamp(60px,8.5vh,84px);display:grid;place-items:center;background:#050605;color:var(--white);font:600 clamp(40px,6vh,58px)/1 var(--font-mono);box-shadow:inset 0 0 0 1px #7dff1a73,0 0 18px #7dff1a1f;clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,9px 100%,0 calc(100% - 9px));animation:mx-in-up .4s var(--ease-out) both;animation-delay:calc(var(--i) * 50ms);text-shadow:0 0 14px rgba(125,255,26,.6)}.mx-screen--lobby.is-nocode .mx-roomcode__cell{color:#e6ebe333;animation:mx-blink 1.2s infinite}.mx-room__actions{display:flex;gap:10px;flex-wrap:wrap}.mx-roomurl{width:100%;background:#0006;border:1px solid rgba(230,235,227,.1);color:var(--text-dim);font:500 12px var(--font-mono);padding:6px 8px;outline:none}.mx-roomurl:focus{border-color:var(--acid);color:var(--white)}.mx-room__hint{grid-column:1 / -1;margin:0;color:var(--text-dim);font-size:14px}.mx-duel{display:grid;grid-template-columns:1fr auto 1fr;gap:clamp(12px,2vw,28px);align-items:stretch}.mx-versus{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.mx-versus__vs{font:700 clamp(48px,8vh,80px)/.8 var(--font-display);color:var(--white);text-shadow:-3px 0 0 var(--p1),3px 0 0 var(--p2)}.mx-ping{display:flex;gap:6px;font:700 14px var(--font-mono);color:var(--text-dim)}.mx-ping[data-q=good] .mx-ping__val{color:var(--acid)}.mx-ping[data-q=ok] .mx-ping__val{color:#ffd21a}.mx-ping[data-q=bad] .mx-ping__val{color:var(--red)}.mx-pcard{--pc: var(--p1);position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:clamp(12px,2vh,20px);min-height:clamp(170px,24vh,230px);background:linear-gradient(180deg,color-mix(in srgb,var(--pc) 12%,#0a0d0b),#080a09eb 70%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--pc) 45%,transparent);clip-path:var(--cut);overflow:hidden;transition:box-shadow .25s}.mx-pcard--p2{--pc: var(--p2)}.mx-pcard.is-ready{box-shadow:inset 0 0 0 2px var(--pc),0 0 30px color-mix(in srgb,var(--pc) 35%,transparent)}.mx-pcard.is-empty{background:#080a09b3;box-shadow:inset 0 0 0 1px #e6ebe31f}.mx-pcard.is-offline{filter:saturate(.3)}.mx-pcard__glow{position:absolute;inset:auto 15% -40%;height:60%;background:radial-gradient(ellipse,color-mix(in srgb,var(--pc) 35%,transparent),transparent 70%);pointer-events:none}.mx-pcard__scan{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 4px)}.mx-pcard__head{width:100%;display:flex;align-items:center;gap:8px;font:700 12px var(--font-ui);letter-spacing:.24em}.mx-pcard__side{color:var(--pc)}.mx-pcard__role{color:var(--text-dim)}.mx-pcard__you{margin-left:auto;color:#071002;background:var(--pc);padding:2px 7px}.mx-pcard__avatar{width:clamp(54px,8vh,76px);aspect-ratio:1;display:grid;place-items:center;font:700 clamp(34px,5vh,48px) var(--font-display);color:var(--pc);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);background:color-mix(in srgb,var(--pc) 16%,#050605);box-shadow:inset 0 0 0 2px var(--pc)}.mx-pcard.is-empty .mx-pcard__avatar{color:#e6ebe333;background:#0a0c0b}.mx-pcard__name{font:600 clamp(26px,4vh,36px)/1 var(--font-display);letter-spacing:.1em;color:var(--white);text-align:center;word-break:break-all}.mx-pcard__wait{font:700 14px var(--font-ui);letter-spacing:.2em;color:var(--text-dim)}.mx-pcard__badges{display:flex;gap:8px;margin-top:auto}.mx-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;font:700 12px var(--font-ui);letter-spacing:.18em;color:var(--text-dim);box-shadow:inset 0 0 0 1px #e6ebe333}.mx-badge--ready.is-on{color:#071002;background:var(--pc);box-shadow:none}.mx-badge__dot{width:7px;height:7px;border-radius:50%;background:var(--acid);box-shadow:0 0 6px var(--acid)}.mx-badge--conn.is-off .mx-badge__dot{background:var(--red);box-shadow:0 0 6px var(--red)}.mx-lobby__bottom{display:grid;grid-template-columns:1.3fr 1fr;gap:clamp(14px,2vw,28px)}@media(max-width:1100px){.mx-lobby__bottom{grid-template-columns:1fr}.mx-duel{grid-template-columns:1fr auto 1fr}}.mx-maps--lobby{flex-direction:column}.mx-lobby__ctl{gap:10px}.mx-lobby__rules{display:flex;align-items:center;gap:10px;font:700 12px var(--font-ui);letter-spacing:.16em;color:var(--text-dim);flex-wrap:wrap}.mx-lobby__rules i{width:4px;height:4px;background:var(--acid);transform:rotate(45deg)}.mx-readybtn,.mx-startbtn{width:100%}.mx-readybtn.is-on{--bc: var(--acid);color:var(--acid);background:#122408e6}.mx-waitplate{display:flex;align-items:center;justify-content:center;min-height:46px;font:600 20px var(--font-display);letter-spacing:.18em;color:var(--text-dim);box-shadow:inset 0 0 0 1px #e6ebe31f;clip-path:var(--cut)}.mx-lobby__reason{margin:0;min-height:18px;font:700 12px var(--font-ui);letter-spacing:.18em;color:var(--text-dim)}.mx-lobby__reason.is-go,.mx-lobby__netico{color:var(--acid)}.mx-lobby__backend{font:600 12px var(--font-mono);color:var(--text-dim)}.mx-screen--lobby.is-enter .mx-pcard{animation:mx-in-up .5s var(--ease-out) both}.mx-screen--lobby.is-enter .mx-pcard--p2{animation-delay:90ms}.mx-settings{display:grid;grid-template-columns:clamp(170px,15vw,220px) 1fr;gap:clamp(14px,2vw,30px);height:100%;min-height:0}.mx-page__body:has(.mx-settings){overflow:hidden}.mx-tabs{display:flex;flex-direction:column;gap:6px}.mx-tab{display:flex;align-items:center;gap:12px;padding:12px 14px;border:0;background:#0a0d0bb3;color:var(--text-dim);cursor:pointer;font:600 22px/1 var(--font-display);letter-spacing:.16em;text-align:left;box-shadow:inset 0 0 0 1px #e6ebe314;clip-path:var(--cut);transition:.18s}.mx-tab:hover{color:var(--white)}.mx-tab:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--white)}.mx-tab.is-on{color:#071002;background:var(--acid);box-shadow:none}.mx-tab__idx{font:600 11px var(--font-mono);opacity:.7}.mx-settings__scroll{overflow:auto;min-height:0;padding-right:10px;scrollbar-width:thin;scrollbar-color:var(--acid-deep) transparent}.mx-pane{display:flex;flex-direction:column;gap:clamp(16px,2.6vh,26px);padding-bottom:20px}.mx-pane.is-enter{animation:mx-in-up .35s var(--ease-out) both}.mx-group{display:flex;flex-direction:column;gap:2px}.mx-group__title{margin-bottom:8px;font-size:20px}.mx-row{display:grid;grid-template-columns:minmax(180px,.9fr) minmax(0,1.6fr);gap:16px;align-items:center;padding:10px 14px;background:#0a0d0b8c;border-left:2px solid transparent;transition:border-color .15s,background .15s}.mx-row:hover{border-left-color:var(--acid);background:#0e120fbf}.mx-row__label{display:flex;flex-direction:column;gap:3px}.mx-row__name{font:700 16px var(--font-ui);letter-spacing:.04em;color:var(--white)}.mx-row__note{font-size:12.5px;color:var(--text-dim);line-height:1.3}.mx-row__ctl{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-start}.mx-row__info{font:600 13px var(--font-ui);color:var(--text-dim);letter-spacing:.04em}.mx-seg{display:inline-flex;flex-wrap:wrap;gap:4px}.mx-seg--grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.mx-seg__opt{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:64px;padding:8px 12px;border:0;background:#050605bf;color:var(--text-dim);cursor:pointer;font:600 18px/1 var(--font-display);letter-spacing:.12em;box-shadow:inset 0 0 0 1px #e6ebe324;transition:.15s}.mx-seg__opt:hover{color:var(--white);box-shadow:inset 0 0 0 1px #7dff1a8c}.mx-seg__opt:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--white)}.mx-seg__opt.is-on{color:#071002;background:var(--acid);box-shadow:none}.mx-seg__main{display:inline-flex;align-items:center;gap:6px}.mx-seg__main svg{width:18px;height:18px}.mx-seg__sub{font:600 11px var(--font-ui);letter-spacing:.08em;opacity:.75}.mx-seg--icons .mx-seg__opt{min-width:76px}.mx-presets{display:flex;gap:16px;flex-wrap:wrap;align-items:flex-end}.mx-presets__grp{display:flex;flex-direction:column;gap:5px}.mx-presets__cap{font:700 11px var(--font-ui);letter-spacing:.24em;color:var(--text-dim)}.mx-switch{display:inline-flex;align-items:center;gap:10px;background:none;border:0;cursor:pointer;color:var(--text-dim);font:700 13px var(--font-ui);letter-spacing:.16em;padding:4px 0}.mx-switch__track{width:46px;height:22px;background:#050605;box-shadow:inset 0 0 0 1px #e6ebe340;position:relative;transform:skew(-12deg);transition:.18s}.mx-switch__knob{position:absolute;top:3px;left:3px;width:18px;height:16px;background:var(--steel);transition:.2s var(--ease-out)}.mx-switch.is-on{color:var(--acid)}.mx-switch.is-on .mx-switch__track{box-shadow:inset 0 0 0 1px var(--acid);background:#122408e6}.mx-switch.is-on .mx-switch__knob{left:25px;background:var(--acid);box-shadow:0 0 10px var(--acid)}.mx-switch:focus-visible{outline:2px solid var(--white);outline-offset:2px}.mx-slider{display:flex;align-items:center;gap:12px;width:100%}.mx-range{--p: .5;flex:1;-webkit-appearance:none;appearance:none;height:22px;background:transparent;cursor:pointer;margin:0}.mx-range::-webkit-slider-runnable-track{height:6px;background:linear-gradient(90deg,var(--acid) calc(var(--p) * 100%),rgba(230,235,227,.14) calc(var(--p) * 100%))}.mx-range::-moz-range-track{height:6px;background:#e6ebe324}.mx-range::-moz-range-progress{height:6px;background:var(--acid)}.mx-range::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:22px;margin-top:-8px;background:var(--white);border:0;clip-path:polygon(0 0,100% 0,100% 75%,50% 100%,0 75%)}.mx-range::-moz-range-thumb{width:14px;height:22px;background:var(--white);border:0;border-radius:0}.mx-range:focus-visible{outline:1px solid var(--white);outline-offset:2px}.mx-range__val{width:74px;padding:6px 8px;background:#050605;border:1px solid rgba(230,235,227,.16);color:var(--acid);font:600 14px var(--font-mono);text-align:right;outline:none}.mx-range__val:focus{border-color:var(--acid);color:var(--white)}.mx-binds__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 0 8px;flex-wrap:wrap}.mx-binds__hint{margin:0;color:var(--text-dim);font-size:13px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.mx-binds{display:grid;grid-template-columns:1fr 1fr;gap:4px 14px}@media(max-width:1250px){.mx-binds{grid-template-columns:1fr}}.mx-bind{display:flex;align-items:center;gap:10px;padding:6px 10px;background:#0a0d0b8c}.mx-bind__label{flex:1;font:600 15px var(--font-ui);color:var(--white)}.mx-bind__warn{display:none;font:700 11px var(--font-ui);letter-spacing:.16em;color:var(--red)}.mx-bind.is-unbound .mx-bind__warn{display:inline}.mx-bind__slots{display:flex;gap:6px}.mx-keyslot{min-width:92px;padding:6px 10px;border:0;background:#050605;color:var(--white);font:700 14px var(--font-ui);letter-spacing:.08em;cursor:pointer;box-shadow:inset 0 0 0 1px #e6ebe333;border-bottom:2px solid rgba(230,235,227,.25)}.mx-keyslot:hover{box-shadow:inset 0 0 0 1px var(--acid)}.mx-keyslot.is-empty{color:#e6ebe34d}.mx-keyslot.is-listening{color:#071002;background:var(--acid);animation:mx-blink .9s steps(2) infinite}.mx-keyslot--ref{min-width:54px;padding:4px 9px;font-size:13px}.mx-keyslot--ref.is-unbound{color:var(--red)}.mx-ref__hint{margin:0 0 12px}.mx-screen--settings.is-capturing .mx-tabs{pointer-events:none;opacity:.5}.mx-callout{display:flex;gap:10px;align-items:flex-start;padding:10px 14px;background:#28120499;box-shadow:inset 0 0 0 1px #ff8a1f73;color:var(--text);font-size:13.5px}.mx-callout__icon{color:var(--p2);flex:none}.mx-xh{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,1fr);gap:clamp(14px,2vw,26px);align-items:start}@media(max-width:1150px){.mx-xh{grid-template-columns:1fr}}.mx-xh__controls{display:flex;flex-direction:column;gap:18px}.mx-xh__preview{position:sticky;top:0;display:flex;flex-direction:column;gap:10px}.mx-xh__head{display:flex}.mx-xh__box{position:relative;aspect-ratio:1;width:100%;max-width:360px;overflow:hidden;box-shadow:inset 0 0 0 1px var(--line);clip-path:var(--cut)}.mx-xh__box[data-bg=dark]{background:radial-gradient(circle,#1a1e1b,#050605)}.mx-xh__box[data-bg=concrete]{background:linear-gradient(135deg,#c9cbc4,#8d918a 60%,#b5b8b0)}.mx-xh__box[data-bg=neon]{background:radial-gradient(circle at 60% 40%,#2a6d10,#0b1a07 45%,#050605 80%)}.mx-xh__grid{position:absolute;inset:0;background-image:linear-gradient(rgba(125,255,26,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(125,255,26,.08) 1px,transparent 1px);background-size:20px 20px}.mx-xh__canvas{position:absolute;inset:0;width:100%;height:100%}.mx-xh__fire{position:absolute;bottom:8px;left:50%;transform:translate(-50%);font:700 10px var(--font-ui);letter-spacing:.24em;color:var(--text-dim)}.mx-xh__chips{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.mx-xh__cap{font:700 11px var(--font-ui);letter-spacing:.24em;color:var(--text-dim);min-width:72px}.mx-colorrow{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.mx-colorpick{position:relative;width:38px;height:32px;box-shadow:inset 0 0 0 1px #e6ebe34d;overflow:hidden;cursor:pointer}.mx-color{position:absolute;inset:-8px;width:calc(100% + 16px);height:calc(100% + 16px);border:0;padding:0;cursor:pointer;background:none}.mx-hex{width:96px;padding:7px 9px;background:#050605;border:1px solid rgba(230,235,227,.16);color:var(--white);font:600 14px var(--font-mono);text-transform:uppercase;outline:none}.mx-hex:focus{border-color:var(--acid)}.mx-swatches{display:flex;gap:6px}.mx-swatch{width:26px;height:26px;border:0;background:var(--c);cursor:pointer;box-shadow:inset 0 0 0 1px #00000080;transform:rotate(45deg) scale(.78);transition:transform .15s}.mx-swatch:hover{transform:rotate(45deg) scale(.92)}.mx-swatch.is-on{box-shadow:0 0 0 2px var(--white),0 0 12px var(--c);transform:rotate(45deg) scale(.9)}.mx-ref{display:flex;flex-direction:column;gap:24px;padding-bottom:20px}.mx-ref__groups{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}@media(max-width:1250px){.mx-ref__groups{grid-template-columns:repeat(2,minmax(0,1fr))}}.mx-ref__group{display:flex;flex-direction:column;gap:6px;padding:14px;background:#0a0d0bb3;box-shadow:inset 0 0 0 1px #e6ebe314;clip-path:var(--cut)}.mx-ref__wasd{display:grid;grid-template-columns:repeat(3,46px);gap:5px;justify-content:center;margin:4px 0 10px}.mx-ref__row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:5px 0;border-bottom:1px solid rgba(230,235,227,.06)}.mx-ref__action{font-size:14px;color:var(--text)}.mx-ref__keys{display:flex;align-items:center;gap:5px;flex-wrap:wrap;justify-content:flex-end}.mx-ref__or{font:700 10px var(--font-ui);color:var(--text-dim);letter-spacing:.1em}.mx-ref__unbound{font:700 11px var(--font-ui);color:var(--red);letter-spacing:.14em}.mx-ref__techwrap{display:flex;flex-direction:column;gap:10px}.mx-techs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}@media(max-width:1250px){.mx-techs{grid-template-columns:repeat(2,minmax(0,1fr))}}.mx-tech{display:flex;flex-direction:column;gap:8px;padding:14px;background:linear-gradient(160deg,#7dff1a14,#0a0d0bcc 60%);box-shadow:inset 0 0 0 1px #7dff1a38;clip-path:var(--cut)}.mx-tech__title{font:600 24px/1 var(--font-display);letter-spacing:.16em;color:var(--acid)}.mx-tech__keys{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.mx-tech__op{color:var(--acid);font:700 16px var(--font-ui)}.mx-tech__word{font:700 11px var(--font-ui);letter-spacing:.16em;color:var(--white);background:#e6ebe31a;padding:4px 6px}.mx-tech__text{font-size:13.5px;color:var(--text-dim);line-height:1.35}.mx-screen--pause{display:grid;place-items:center}.mx-pause__veil{position:absolute;inset:0;background:radial-gradient(ellipse at center,#0203028c,#020302e0);backdrop-filter:blur(4px) saturate(.6)}.mx-pause__panel{position:relative;display:flex;flex-direction:column;gap:14px;width:min(440px,90vw);padding:clamp(20px,3.4vh,34px);background:#080b09eb;box-shadow:inset 0 0 0 1px var(--line),0 30px 80px #0009;clip-path:var(--cut)}.mx-screen--pause.is-active .mx-pause__panel{animation:mx-pop .32s var(--ease-snap) both}@keyframes mx-pop{0%{opacity:0;transform:scale(.94)}}.mx-pause__mode{color:var(--acid)}.mx-pause__title{margin:0;font:700 clamp(56px,9vh,84px)/.8 var(--font-display);letter-spacing:.08em;color:var(--white)}.mx-pause__note{display:flex;gap:8px;align-items:flex-start;font-size:13.5px;color:var(--p2);padding:8px 10px;background:#28120480}.mx-pause__noteicon{flex:none}.mx-pause__nav{display:flex;flex-direction:column;gap:8px}.mx-pause__nav .mx-btn{width:100%}.mx-confirm{display:flex;align-items:center;gap:8px}.mx-confirm__q{font:600 24px var(--font-display);letter-spacing:.14em;color:#ff6a5a;margin-right:auto}.mx-pause__hint{font-size:13px;color:var(--text-dim)}.mx-pause__hint b{color:var(--acid)}.mx-screen--quit{display:grid;place-items:center;background:radial-gradient(ellipse at 50% 40%,#0d1a0a,#030403 65%)}.mx-quit{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}.mx-quit__emblem{width:120px;height:120px}.mx-quit__title{margin:0;font:700 clamp(48px,8vh,80px)/.9 var(--font-display);letter-spacing:.08em;color:var(--acid);text-shadow:0 0 24px rgba(125,255,26,.5)}.mx-quit__text{margin:0;color:var(--text);font-size:18px}.mx-quit__tag{margin:0 0 10px;font:700 14px var(--font-ui);letter-spacing:.5em;color:var(--p2)}.mx-toasts{position:absolute;top:clamp(14px,3vh,28px);left:50%;transform:translate(-50%);z-index:60;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.mx-toast{display:flex;align-items:center;gap:10px;max-width:min(640px,90vw);padding:10px 16px 10px 12px;background:#080b09f0;box-shadow:inset 0 0 0 1px var(--line),0 10px 30px #00000080;font:700 14px var(--font-ui);letter-spacing:.1em;color:var(--white);clip-path:var(--cut);opacity:0;transform:translateY(-10px);transition:opacity .25s,transform .3s var(--ease-out)}.mx-toast.is-in{opacity:1;transform:none}.mx-toast.is-out{opacity:0;transform:translateY(-6px)}.mx-toast__bar{width:4px;align-self:stretch;background:var(--acid)}.mx-toast--error{box-shadow:inset 0 0 0 1px #ff2a1a99,0 10px 30px #00000080}.mx-toast--error .mx-toast__bar{background:var(--red)}.mx-toast--success .mx-toast__bar{background:var(--acid);box-shadow:0 0 8px var(--acid)}@media(max-height:800px){.mx-btn{min-height:40px}.mx-btn__sub,.mx-mainnav__btn .mx-btn__sub{display:none}.mx-card{min-height:180px}.mx-row{padding:7px 12px}}@media(max-width:1100px){.mx-main__col{width:min(460px,70vw)}.mx-rail{display:none}.mx-settings{grid-template-columns:1fr;grid-template-rows:auto 1fr}.mx-tabs{flex-direction:row;flex-wrap:wrap}.mx-row{grid-template-columns:1fr}}.hud{position:absolute;inset:0;pointer-events:none;z-index:10;font-family:var(--font-ui);color:var(--text);--hud-pad: clamp(16px, 2.6vh, 32px)}.hud.is-intro .hud-vitals,.hud.is-intro .hud-weapon,.hud.is-intro .hud-energy,.hud.is-intro .hud-score{opacity:0;transform:translateY(12px)}.hud-vitals,.hud-weapon,.hud-energy,.hud-score{transition:opacity .5s var(--ease-out),transform .5s var(--ease-out)}.hud-key{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 5px;background:var(--white);color:#050605;font:700 13px var(--font-ui);clip-path:polygon(0 0,calc(100% - 5px) 0,100% 5px,100% 100%,5px 100%,0 calc(100% - 5px))}.hud-xh{--xh-color: #7dff1a;--xh-len: 7px;--xh-th: 2px;--xh-gap: 4px;--xh-op: 1;--xh-spread: 0px;--d: calc(var(--xh-gap) + var(--xh-spread));position:absolute;left:50%;top:50%;width:0;height:0;opacity:1;transition:opacity .12s}.hud-xh i{position:absolute;display:block;background:var(--xh-color);opacity:var(--xh-op);transition:transform .06s linear}.hud-xh.is-outline i{box-shadow:0 0 0 1px #000000d9}.hud-xh__arm--t,.hud-xh__arm--b{width:var(--xh-th);height:var(--xh-len);left:calc(var(--xh-th) / -2)}.hud-xh__arm--l,.hud-xh__arm--r{height:var(--xh-th);width:var(--xh-len);top:calc(var(--xh-th) / -2)}.hud-xh__arm--t{top:calc(-1 * (var(--d) + var(--xh-len)))}.hud-xh__arm--b{top:var(--d)}.hud-xh__arm--l{left:calc(-1 * (var(--d) + var(--xh-len)))}.hud-xh__arm--r{left:var(--d)}.hud-xh__dot{width:var(--xh-th);height:var(--xh-th);left:calc(var(--xh-th) / -2);top:calc(var(--xh-th) / -2);display:none!important}.hud-xh.has-dot .hud-xh__dot{display:block!important}.hud-xh__ring,.hud-xh__chev{display:none!important}.hud-xh[data-style=dot] .hud-xh__arm{display:none}.hud-xh[data-style=dot] .hud-xh__dot{width:calc(var(--xh-th) * 2 + 1px);height:calc(var(--xh-th) * 2 + 1px);left:calc(var(--xh-th) * -1 - .5px);top:calc(var(--xh-th) * -1 - .5px);border-radius:50%}.hud-xh[data-style=circle] .hud-xh__arm{display:none}.hud-xh[data-style=circle] .hud-xh__ring{display:block!important;background:none;border:var(--xh-th) solid var(--xh-color);border-radius:50%;width:calc((var(--d) + var(--xh-len)) * 2);height:calc((var(--d) + var(--xh-len)) * 2);left:calc(-1 * (var(--d) + var(--xh-len)));top:calc(-1 * (var(--d) + var(--xh-len)));box-sizing:border-box}.hud-xh.is-outline[data-style=circle] .hud-xh__ring{box-shadow:0 0 0 1px #000c,inset 0 0 0 1px #000c}.hud-xh[data-style=chevron] .hud-xh__arm{display:none}.hud-xh[data-style=chevron] .hud-xh__chev{display:block!important;background:none;width:calc(var(--xh-len) * 1.4);height:calc(var(--xh-len) * 1.4);border-left:var(--xh-th) solid var(--xh-color);border-bottom:var(--xh-th) solid var(--xh-color);left:calc(var(--xh-len) * -.7);top:calc(var(--d) - var(--xh-len) * .2);transform:rotate(-45deg);transform-origin:center;box-sizing:border-box}.hud-hit{position:absolute;left:50%;top:50%;width:30px;height:30px;transform:translate(-50%,-50%);opacity:0;--hc: #ffffff;--hl: 9px;--ht: 2px}.hud-hit[data-kind=head]{--hc: #ff3a2a}.hud-hit[data-kind=kill]{--hc: #ff2a1a;--hl: 15px;--ht: 4px;width:46px;height:46px}.hud-hit__l{position:absolute;width:var(--hl);height:var(--ht);background:var(--hc);box-shadow:0 0 0 1px #0009,0 0 8px var(--hc)}.hud-hit__l--tl{left:0;top:0;transform:translateY(2px) rotate(45deg);transform-origin:left center}.hud-hit__l--tr{right:0;top:0;transform:translateY(2px) rotate(-45deg);transform-origin:right center}.hud-hit__l--bl{left:0;bottom:0;transform:translateY(-2px) rotate(-45deg);transform-origin:left center}.hud-hit__l--br{right:0;bottom:0;transform:translateY(-2px) rotate(45deg);transform-origin:right center}.hud-dmgind{position:absolute;left:50%;top:50%;width:0;height:0}.hud-dmgind__arc{--a: 0rad;position:absolute;width:140px;height:140px;left:-70px;top:-70px;opacity:0;border-radius:50%;border:6px solid transparent;border-top-color:#ff2a1ae6;transform:rotate(var(--a)) scale(1.6);filter:drop-shadow(0 0 6px rgba(255,42,26,.8));mask-image:linear-gradient(90deg,transparent 22%,#000 40%,#000 60%,transparent 78%)}.hud-nums{position:absolute;inset:0;overflow:hidden}.hud-num{position:absolute;opacity:0;font:700 22px var(--font-display);color:#fff;text-shadow:0 0 1px #000,0 2px 4px rgba(0,0,0,.9);letter-spacing:.04em;will-change:transform,opacity}.hud-num.is-head{color:#ffd21a;font-size:28px;text-shadow:0 0 1px #000,0 0 10px rgba(255,60,20,.8)}.hud-interact{position:absolute;left:50%;top:calc(50% + 46px);transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:6px 12px 6px 8px;background:#050605b3;font:700 15px var(--font-ui);letter-spacing:.12em;color:var(--white);clip-path:var(--cut)}.hud-protect{position:absolute;left:50%;top:calc(50% + 36px);transform:translate(-50%);font:700 12px var(--font-ui);letter-spacing:.3em;color:var(--acid);text-shadow:0 0 8px var(--acid);animation:hud-blink .5s steps(2) infinite}@keyframes hud-blink{50%{opacity:.35}}.hud-score{position:absolute;top:var(--hud-pad);left:50%;transform:translate(-50%);display:flex;align-items:stretch;gap:0;filter:drop-shadow(0 6px 18px rgba(0,0,0,.6))}.hud-score__side{display:flex;align-items:center;gap:12px;padding:4px 16px;background:#050605bf;min-width:clamp(150px,15vw,230px)}.hud-score__side--p1{justify-content:flex-end;clip-path:polygon(12px 0,100% 0,100% 100%,0 100%);border-bottom:3px solid var(--p1)}.hud-score__side--p2{justify-content:flex-start;clip-path:polygon(0 0,100% 0,calc(100% - 12px) 100%,0 100%);border-bottom:3px solid var(--p2)}.hud-score__side--p2 .hud-score__val{order:-1}.hud-score__label{display:flex;align-items:center;gap:6px}.hud-score__name{font:600 clamp(15px,2vh,19px) var(--font-display);letter-spacing:.14em;max-width:13ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hud-score__name--p1{color:var(--p1)}.hud-score__name--p2{color:var(--p2)}.hud-score__you{font:700 9px var(--font-ui);letter-spacing:.2em;padding:2px 4px;background:var(--white);color:#050605}.hud-score__val{font:700 clamp(40px,6vh,58px)/.9 var(--font-display);min-width:1.2em;text-align:center}.hud-score__val--p1{color:var(--p1);text-shadow:0 0 16px rgba(125,255,26,.6)}.hud-score__val--p2{color:var(--p2);text-shadow:0 0 16px rgba(255,138,31,.6)}.hud-score__mid{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px 16px;background:#050605e6;min-width:120px}.hud-score__timer{font:600 clamp(28px,4vh,38px)/.95 var(--font-display);letter-spacing:.08em;color:var(--white);font-variant-numeric:tabular-nums}.hud-score__timer.is-warn{color:#ff3a2a;animation:hud-pulse 1s ease-in-out infinite}@keyframes hud-pulse{50%{opacity:.55}}.hud-score__limit{font:700 10px var(--font-ui);letter-spacing:.24em;color:var(--text-dim)}.hud-score.is-sd .hud-score__mid{background:#460603e6}.hud-score.is-sd .hud-score__limit{color:#ff8a7a}.hud-score__training{display:none;font:600 30px var(--font-display);letter-spacing:.24em;color:var(--acid);padding:6px 22px;background:#050605bf;border-bottom:3px solid var(--acid)}.hud-score.is-training>:not(.hud-score__training){display:none}.hud-score.is-training .hud-score__training{display:block!important}.hud-feed{position:absolute;top:calc(var(--hud-pad) + 30px);right:var(--hud-pad);display:flex;flex-direction:column;align-items:flex-end;gap:4px}.hud-feed__row{display:flex;align-items:center;gap:8px;padding:4px 10px;background:#050605b8;font:700 14px var(--font-ui);letter-spacing:.06em}.hud-feed__name--p1{color:var(--p1)}.hud-feed__name--p2{color:var(--p2)}.hud-feed__name--env{color:var(--text-dim)}.hud-feed__weapon{font:600 15px var(--font-display);letter-spacing:.1em;color:var(--white);padding:1px 6px;background:#e6ebe31a}.hud-feed__hs{font:700 10px var(--font-ui);color:#050605;background:#ff3a2a;padding:2px 4px;letter-spacing:.1em}.hud-net{position:absolute;top:10px;right:var(--hud-pad);display:flex;align-items:center;gap:6px;font:700 12px var(--font-mono);color:var(--text)}.hud-net__dot{width:8px;height:8px;border-radius:50%;background:var(--acid);box-shadow:0 0 6px var(--acid)}.hud-net[data-q=ok] .hud-net__dot{background:#ffd21a;box-shadow:0 0 6px #ffd21a}.hud-net[data-q=bad] .hud-net__dot{background:var(--red);box-shadow:0 0 6px var(--red)}.hud-net__loss{color:#ff8a7a}.hud-fps{position:absolute;top:10px;left:var(--hud-pad);font:700 12px var(--font-mono);color:var(--acid)}.hud-vitals{position:absolute;left:var(--hud-pad);bottom:var(--hud-pad);display:flex;flex-direction:column;gap:8px;width:clamp(220px,20vw,300px)}.hud-vitals__row{display:flex;flex-direction:column;gap:4px}.hud-vitals__head{display:flex;align-items:baseline;gap:10px}.hud-vitals__icon{width:18px;height:18px;align-self:center}.hud-vitals__icon--hp{background:var(--white);clip-path:polygon(35% 0,65% 0,65% 35%,100% 35%,100% 65%,65% 65%,65% 100%,35% 100%,35% 65%,0 65%,0 35%,35% 35%)}.hud-vitals__icon--ar{background:#9fd6ff;clip-path:polygon(50% 0,100% 18%,92% 65%,50% 100%,8% 65%,0 18%)}.hud-vitals__num{font:700 clamp(44px,6.4vh,64px)/.82 var(--font-display);color:var(--white);text-shadow:0 2px 10px rgba(0,0,0,.8);font-variant-numeric:tabular-nums}.hud-vitals__num--ar{font-size:clamp(26px,3.8vh,36px);color:#cfe9ff}.hud-vitals__cap{font:700 11px var(--font-ui);letter-spacing:.3em;color:var(--text-dim)}.hud-bar{position:relative;height:10px;background:#050605b3;overflow:hidden;clip-path:polygon(0 0,100% 0,calc(100% - 6px) 100%,0 100%)}.hud-bar--ar{height:6px}.hud-bar i{position:absolute;inset:0;transform-origin:left}.hud-bar__fill{background:linear-gradient(90deg,#e9f2e4,#fff);transition:transform .12s}.hud-bar--hp .hud-bar__fill{background:linear-gradient(90deg,var(--acid-deep),var(--acid));box-shadow:0 0 12px #7dff1a99}.hud-bar--ar .hud-bar__fill{background:linear-gradient(90deg,#6fb6ff,#d6ecff)}.hud-bar__lag{background:#ff3c28b3}.hud-bar__over{background:repeating-linear-gradient(-45deg,#f2ffe0 0 4px,#a6ff4d 4px 8px);transform:scaleX(0);box-shadow:0 0 14px #a6ff4d}.hud-vitals.is-over .hud-vitals__num:not(.hud-vitals__num--ar){color:#d8ffb0;text-shadow:0 0 16px rgba(166,255,77,.8)}.hud-vitals.is-low .hud-vitals__num:not(.hud-vitals__num--ar){color:#ff4a3a;animation:hud-pulse .7s ease-in-out infinite}.hud-vitals.is-low .hud-bar--hp .hud-bar__fill{background:linear-gradient(90deg,#b81006,#ff3a2a);box-shadow:0 0 12px #ff2a1ab3}.hud-energy{position:absolute;left:50%;bottom:var(--hud-pad);transform:translate(-50%);width:clamp(260px,24vw,380px);display:flex;flex-direction:column;gap:5px}.hud.is-intro .hud-energy{transform:translate(-50%,12px)}.hud-energy__head{display:flex;justify-content:space-between;align-items:baseline}.hud-energy__label{font:700 11px var(--font-ui);letter-spacing:.34em;color:var(--acid)}.hud-energy__val{font:600 18px var(--font-display);color:var(--white);font-variant-numeric:tabular-nums}.hud-energy__segs{display:grid;grid-template-columns:repeat(10,1fr);gap:3px;height:12px}.hud-energy__seg{position:relative;background:#050605b3;overflow:hidden;transform:skew(-20deg);box-shadow:inset 0 0 0 1px #7dff1a2e}.hud-energy__segfill{position:absolute;inset:0;background:linear-gradient(0deg,var(--acid-deep),var(--acid));transform-origin:bottom;transform:scaleY(0);transition:transform .15s}.hud-energy.is-ready .hud-energy__segfill{background:linear-gradient(0deg,var(--acid),#e9ffd2);box-shadow:0 0 10px var(--acid)}.hud-energy.is-ready .hud-energy__segs{animation:hud-glow 1s ease-in-out infinite}@keyframes hud-glow{50%{filter:drop-shadow(0 0 10px var(--acid)) brightness(1.3)}}.hud-energy__ready{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;white-space:nowrap;font:600 20px var(--font-display);letter-spacing:.18em;color:var(--acid);text-shadow:0 0 12px var(--acid);animation:hud-pulse 1.1s ease-in-out infinite}.hud-energy__rush{height:5px;background:#050605b3;overflow:hidden}.hud-energy__rushfill{display:block;height:100%;background:linear-gradient(90deg,#e9ffd2,var(--acid));transform-origin:left;box-shadow:0 0 10px var(--acid)}.hud-energy.is-rush .hud-energy__label{color:#e9ffd2;text-shadow:0 0 10px var(--acid)}.hud-rush-edge{position:absolute;inset:0;opacity:0;transition:opacity .4s;box-shadow:inset 0 0 90px #7dff1a52,inset 0 0 22px #7dff1a40}.hud-weapon{position:absolute;right:var(--hud-pad);bottom:var(--hud-pad);display:flex;flex-direction:column;align-items:flex-end;gap:4px;min-width:220px}.hud-weapon__name{font:600 clamp(20px,2.8vh,26px) var(--font-display);letter-spacing:.16em;color:var(--white)}.hud-weapon__name.is-rare{color:var(--p2)}.hud-weapon__ammo{display:flex;align-items:baseline;gap:6px;font-variant-numeric:tabular-nums}.hud-weapon__mag{font:700 clamp(48px,7vh,70px)/.82 var(--font-display);color:var(--white);text-shadow:0 2px 10px rgba(0,0,0,.8)}.hud-weapon__mag.is-low{color:var(--orange)}.hud-weapon__mag.is-empty{color:#ff3a2a;animation:hud-pulse .6s infinite}.hud-weapon__sep{font:600 26px var(--font-display);color:var(--text-dim)}.hud-weapon__res{font:600 clamp(24px,3.4vh,32px) var(--font-display);color:var(--text-dim)}.hud-weapon__reload{position:relative;width:200px;height:16px;background:#050605b3;overflow:hidden}.hud-weapon__reloadfill{position:absolute;inset:0;background:#7dff1a8c;transform-origin:left}.hud-weapon__reload.is-charge .hud-weapon__reloadfill{background:linear-gradient(90deg,#9dff3a4d,#9dff3ae6)}.hud-weapon__reloadtext{position:relative;display:block;text-align:center;font:700 10px/16px var(--font-ui);letter-spacing:.3em;color:var(--white)}.hud-slots{display:flex;gap:4px;margin-top:2px}.hud-slot{display:flex;align-items:center;gap:6px;padding:3px 8px;background:#050605a6;font:700 12px var(--font-ui);letter-spacing:.1em;color:var(--text-dim);box-shadow:inset 0 0 0 1px #e6ebe31a}.hud-slot__key{color:var(--acid);font-family:var(--font-mono)}.hud-slot.is-on{color:#050605;background:var(--acid);box-shadow:none}.hud-slot.is-on .hud-slot__key{color:#050605}.hud-slot.is-empty{opacity:.4}.hud-toasts{position:absolute;left:calc(var(--hud-pad) + clamp(240px,22vw,330px));bottom:var(--hud-pad);display:flex;flex-direction:column;gap:4px;align-items:flex-start;max-width:32vw}.hud-toast{padding:4px 10px;background:#050605b3;border-left:3px solid var(--acid);font:700 13px var(--font-ui);letter-spacing:.1em;color:var(--white)}.hud-toast--info{border-left-color:var(--white);font-weight:600;letter-spacing:.04em}.hud-toast--error{border-left-color:var(--red)}.hud-announce{position:absolute;left:50%;top:21vh;transform:translate(-50%);opacity:0;white-space:nowrap;font:700 clamp(40px,7vh,72px)/1 var(--font-display);letter-spacing:.14em;color:var(--white);text-shadow:0 0 24px rgba(255,255,255,.4),0 4px 0 rgba(0,0,0,.6)}.hud-announce[data-kind=big]{color:var(--acid);text-shadow:0 0 30px rgba(125,255,26,.8),0 4px 0 #0b3d02}.hud-announce[data-kind=danger]{color:#ff3a2a;text-shadow:0 0 30px rgba(255,42,26,.8),0 4px 0 #3d0602}.hud-announce[data-kind=rush]{color:#e9ffd2;text-shadow:0 0 30px var(--acid),0 0 60px var(--acid)}.hud-center{position:absolute;left:50%;top:31vh;transform:translate(-50%);opacity:0;display:flex;flex-direction:column;align-items:center;gap:4px;white-space:nowrap}.hud-center__main{font:600 clamp(26px,4vh,40px) var(--font-display);letter-spacing:.12em;color:var(--white);padding:2px 16px;background:linear-gradient(90deg,transparent,rgba(5,6,5,.75) 20%,rgba(5,6,5,.75) 80%,transparent)}.hud-center[data-kind=elim] .hud-center__main{color:var(--white);border-bottom:2px solid #ff3a2a}.hud-center[data-kind=death] .hud-center__main{color:#ff6a5a}.hud-center__sub{font:700 18px var(--font-ui);letter-spacing:.4em;color:var(--white)}.hud-center__sub.is-hs{color:#ff3a2a;text-shadow:0 0 12px rgba(255,42,26,.8);font-size:22px}.hud-count{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);opacity:0;font:700 clamp(120px,24vh,240px)/1 var(--font-display);color:var(--white);text-shadow:0 0 40px rgba(255,255,255,.4),0 8px 0 rgba(0,0,0,.5)}.hud-count.is-fight{color:var(--acid);letter-spacing:.1em;text-shadow:0 0 50px rgba(125,255,26,.9),0 8px 0 #0b3d02}.hud-intro{position:absolute;left:0;right:0;bottom:16vh;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.hud-intro[data-stage=title] .hud-intro__vs,.hud-intro[data-stage=versus] .hud-intro__title,.hud-intro[data-stage=versus] .hud-intro__kicker,.hud-intro[data-stage=versus] .hud-intro__sub{display:none}.hud-intro__kicker{font:700 14px var(--font-ui);letter-spacing:.6em;color:var(--acid);margin-bottom:14px;text-shadow:0 2px 8px rgba(0,0,0,.9)}.hud-intro__title{font:700 clamp(56px,10vh,108px)/.9 var(--font-display);letter-spacing:.06em;color:var(--white);text-shadow:0 0 30px rgba(125,255,26,.45),0 6px 0 rgba(0,0,0,.5);animation:hud-title 1.2s var(--ease-out) both}@keyframes hud-title{0%{letter-spacing:.4em;opacity:0;filter:blur(8px)}}.hud-intro__sub{font:700 15px var(--font-ui);letter-spacing:.4em;color:var(--text)}.hud-intro__vs{display:flex;align-items:center;gap:clamp(20px,4vw,60px)}.hud-intro__p{font:700 clamp(44px,8vh,84px)/1 var(--font-display);letter-spacing:.08em;padding:4px 24px;background:#050605b3}.hud-intro__p--p1{color:var(--p1);border-bottom:4px solid var(--p1);animation:hud-slide-l .6s var(--ease-out) both}.hud-intro__p--p2{color:var(--p2);border-bottom:4px solid var(--p2);animation:hud-slide-r .6s var(--ease-out) both}.hud-intro__x{font:700 clamp(40px,6vh,64px) var(--font-display);color:var(--white);animation:hud-pop .5s .3s var(--ease-snap) both}@keyframes hud-slide-l{0%{transform:translate(-80px);opacity:0}}@keyframes hud-slide-r{0%{transform:translate(80px);opacity:0}}@keyframes hud-pop{0%{transform:scale(2.4);opacity:0}}.hud-death{position:absolute;left:50%;top:60%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px}.hud-death__by{font:600 clamp(26px,4vh,38px) var(--font-display);letter-spacing:.12em;color:#ff6a5a;text-shadow:0 2px 10px rgba(0,0,0,.9)}.hud-death__in{font:700 16px var(--font-ui);letter-spacing:.3em;color:var(--white);font-variant-numeric:tabular-nums}.hud.is-dead .hud-vitals,.hud.is-dead .hud-weapon{opacity:.35}.hud-scope{position:absolute;inset:0;opacity:0}.hud-scope__lens{position:absolute;left:50%;top:50%;width:64vh;height:64vh;transform:translate(-50%,-50%);border-radius:50%;box-shadow:0 0 0 200vmax #000,inset 0 0 60px 20px #000000d9,inset 0 0 0 3px #000000e6}.hud-scope__h,.hud-scope__v{position:absolute;background:#050605e6}.hud-scope__h{left:0;right:0;top:50%;height:2px;margin-top:-1px}.hud-scope__v{top:0;bottom:0;left:50%;width:2px;margin-left:-1px}.hud-scope__ring{position:absolute;left:50%;top:50%;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;border:2px solid #ff3a2a;box-shadow:0 0 6px #ff3a2a}.hud-scope__dots{position:absolute;left:50%;top:52%;width:2px;height:40%;margin-left:-1px;background:repeating-linear-gradient(180deg,rgba(5,6,5,.9) 0 4px,transparent 4px 22px)}.hud-train{position:absolute;right:var(--hud-pad);top:50%;transform:translateY(-50%);width:220px;padding:12px 14px;background:#050605b8;border-left:3px solid var(--acid);display:flex;flex-direction:column;gap:4px}.hud-train__title{font:600 20px var(--font-display);letter-spacing:.2em;color:var(--acid);margin-bottom:4px}.hud-train__row{display:flex;justify-content:space-between;font:700 13px var(--font-ui);letter-spacing:.1em}.hud-train__key{color:var(--text-dim)}.hud-train__val{color:var(--white);font-variant-numeric:tabular-nums}.hud-train__hint{margin-top:6px;font:700 10px var(--font-ui);letter-spacing:.2em;color:var(--text-dim)}.hud-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:radial-gradient(ellipse,#02030266,#020302d9)}.hud-overlay__main{font:700 clamp(40px,7vh,68px)/1 var(--font-display);letter-spacing:.14em;color:var(--white)}.hud-overlay[data-kind=resume] .hud-overlay__main{color:var(--acid);animation:hud-pulse 1.4s ease-in-out infinite;text-shadow:0 0 24px rgba(125,255,26,.6)}.hud-overlay[data-kind=disconnected] .hud-overlay__main{color:#ff6a5a}.hud-overlay__sub{font:700 16px var(--font-ui);letter-spacing:.3em;color:var(--text)}.hud-debug{position:absolute;left:var(--hud-pad);top:34px;margin:0;padding:10px 12px;max-width:60vw;background:#000000b8;border-left:2px solid var(--acid);font:500 12px/1.55 var(--font-mono);color:#d6f5c4;white-space:pre-wrap}.hud-board{position:absolute;left:50%;top:18vh;transform:translate(-50%);z-index:20;width:min(900px,92vw);pointer-events:none;background:#050706eb;box-shadow:inset 0 0 0 1px var(--line),0 30px 80px #0009;clip-path:var(--cut);padding:18px 22px;animation:hud-board-in .18s var(--ease-out)}@keyframes hud-board-in{0%{opacity:0;transform:translate(-50%,-8px)}}.hud-board__head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px}.hud-board__title{font:600 32px var(--font-display);letter-spacing:.2em;color:var(--acid)}.hud-board__meta{font:700 13px var(--font-ui);letter-spacing:.2em;color:var(--text-dim)}.hud-board__row{display:grid;grid-template-columns:2.4fr repeat(7,1fr);align-items:center;gap:8px;padding:10px 12px;font:600 20px var(--font-display);letter-spacing:.08em;font-variant-numeric:tabular-nums}.hud-board__row>span:not(:first-child){text-align:center}.hud-board__row--head{font:700 11px var(--font-ui);letter-spacing:.24em;color:var(--text-dim);padding-top:0;padding-bottom:6px;border-bottom:1px solid rgba(230,235,227,.1)}.hud-board__row--p1{background:linear-gradient(90deg,rgba(125,255,26,.16),transparent);border-left:3px solid var(--p1)}.hud-board__row--p2{background:linear-gradient(90deg,rgba(255,138,31,.16),transparent);border-left:3px solid var(--p2);margin-top:4px}.hud-board__row--p1 .hud-board__c--name{color:var(--p1)}.hud-board__row--p2 .hud-board__c--name{color:var(--p2)}.hud-board__c--name{display:flex;align-items:center;gap:8px;font-size:24px}.hud-board__c--kills,.hud-board__c--score{color:var(--white);font-size:26px}.hud-board__you{font:700 9px var(--font-ui);letter-spacing:.2em;padding:2px 5px;background:var(--white);color:#050605}.hud-board__foot{margin-top:12px;text-align:center;font:700 11px var(--font-ui);letter-spacing:.24em;color:var(--text-dim)}.hud-end{position:absolute;inset:0;z-index:40;display:grid;place-items:center;pointer-events:auto;background:radial-gradient(ellipse at 50% 30%,#0a1e04bf,#020302f0 70%);--rc: var(--acid)}.hud-end[data-result=defeat]{background:radial-gradient(ellipse at 50% 30%,#280603bf,#020302f0 70%);--rc: #ff3a2a}.hud-end__sweep{position:absolute;inset:0;pointer-events:none;background:linear-gradient(100deg,transparent 40%,rgba(255,255,255,.08) 50%,transparent 60%);transform:translate(-100%)}.hud-end.is-in .hud-end__sweep{animation:hud-sweep 1.4s .2s var(--ease-out) both}@keyframes hud-sweep{to{transform:translate(100%)}}.hud-end__panel{display:flex;flex-direction:column;align-items:center;gap:clamp(8px,1.6vh,16px);width:min(780px,92vw)}.hud-end__result{font:700 clamp(96px,18vh,190px)/.8 var(--font-display);letter-spacing:.08em;color:var(--rc);text-shadow:0 0 40px var(--rc),0 10px 0 rgba(0,0,0,.5)}.hud-end.is-in .hud-end__result{animation:hud-result .9s var(--ease-snap) both}@keyframes hud-result{0%{transform:scale(2.2);opacity:0;filter:blur(12px)}}.hud-end__reason{font:700 15px var(--font-ui);letter-spacing:.4em;color:var(--text)}.hud-end__score{display:flex;align-items:center;gap:24px}.hud-end__side{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:160px}.hud-end__name{font:600 22px var(--font-display);letter-spacing:.14em}.hud-end__side--p1 .hud-end__name,.hud-end__side--p1 .hud-end__kills{color:var(--p1)}.hud-end__side--p2 .hud-end__name,.hud-end__side--p2 .hud-end__kills{color:var(--p2)}.hud-end__kills{font:700 64px/.85 var(--font-display)}.hud-end__crown{font:700 10px var(--font-ui);letter-spacing:.3em;color:#050605;background:var(--white);padding:2px 6px}.hud-end__side.is-me .hud-end__name:after{content:" (YOU)";font-size:14px;color:var(--text-dim)}.hud-end__dash{font:600 40px var(--font-display);color:var(--text-dim)}.hud-end__table{width:100%;display:flex;flex-direction:column;background:#050605b3;box-shadow:inset 0 0 0 1px #e6ebe314;clip-path:var(--cut);padding:6px 0}.hud-end__row{display:grid;grid-template-columns:1fr 1.2fr 1fr;align-items:center;padding:6px 20px;font:600 22px var(--font-display);letter-spacing:.06em;font-variant-numeric:tabular-nums;animation:mx-in-up .35s var(--ease-out) both}.hud-end__row:nth-child(odd){background:#e6ebe308}.hud-end__row--head{font:700 12px var(--font-ui);letter-spacing:.24em;color:var(--text-dim);animation:none}.hud-end__k{text-align:center;font:700 12px var(--font-ui);letter-spacing:.24em;color:var(--text-dim)}.hud-end__v--p1{text-align:left}.hud-end__v--p2{text-align:right}.hud-end__v.is-best{color:var(--white);text-shadow:0 0 12px rgba(255,255,255,.5)}.hud-end__v--p1.is-best:before{content:"▲ ";color:var(--p1);font-size:14px}.hud-end__v--p2.is-best:after{content:" ▲";color:var(--p2);font-size:14px}.hud-end__row--head .hud-end__v--p1{color:var(--p1)}.hud-end__row--head .hud-end__v--p2{color:var(--p2)}.hud-end__status{min-height:20px;font:700 14px var(--font-ui);letter-spacing:.24em;color:var(--text-dim)}.hud-end__status.is-hot{color:var(--p2);animation:hud-pulse 1s infinite}.hud-end__btns{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.hud-end__btn{position:relative;min-width:190px;min-height:52px;padding:0 22px;border:0;cursor:pointer;isolation:isolate;clip-path:var(--cut);background:#0a0d0be6;color:var(--white);box-shadow:inset 0 0 0 1px #e6ebe333;font:700 24px var(--font-display);letter-spacing:.14em;transition:color .18s,transform .18s}.hud-end__btnfill{position:absolute;inset:0;z-index:-1;background:var(--rc);transform:scaleX(0);transform-origin:left;transition:transform .25s var(--ease-out)}.hud-end__btn:hover .hud-end__btnfill,.hud-end__btn:focus-visible .hud-end__btnfill{transform:scaleX(1)}.hud-end__btn:hover,.hud-end__btn:focus-visible{color:#050605;transform:translateY(-2px);outline:none}.hud-end__btn.is-primary{box-shadow:inset 0 0 0 2px var(--rc);color:var(--rc)}.hud-end__btn.is-primary:hover{color:#050605}.hud-end__btn.is-pressed{background:#122408e6;color:var(--acid);animation:hud-pulse 1.2s infinite}.hud-end__btn.is-ghost{background:#05060580}.hud-end__btnlabel{position:relative;padding-top:3px;display:inline-block}@media(max-height:800px){.hud-end__result{font-size:110px}.hud-end__row{padding:3px 20px;font-size:19px}.hud-end__kills{font-size:50px}}
