:root{--bg:#07080b;--panel:#0c0e12db;--panel-solid:#0f1115;--line:#ffffff1a;--text:#eef0f3;--dim:#9aa1ab;--yellow:#f2c400;--red:#e5232f;--blue:#2a7bf0;--green:#3ee06b;--orange:#ff7a1a;--mono:"JetBrains Mono", ui-monospace, monospace;--head:"Oswald", Impact, sans-serif;--ui:"Rajdhani", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;color:var(--text);font-family:var(--ui);margin:0;font-size:16px;overflow:hidden}canvas.game{width:100vw;height:100vh;display:block;position:fixed;inset:0}button{font-family:var(--ui)}.layer{pointer-events:none;position:fixed;inset:0}.layer>*{pointer-events:auto}.title{background:linear-gradient(90deg,#05060aeb 0%,#05060aa6 45%,#05060a00 75%);flex-direction:column;justify-content:center;padding:0 7vw;display:flex}.logo{font-family:var(--head);letter-spacing:.02em;color:#fff;text-shadow:0 0 40px #f2c40040;margin:0;font-size:clamp(56px,10vw,140px);font-weight:700;line-height:.9}.logo span{color:var(--yellow)}.tag{font-family:var(--head);letter-spacing:.35em;color:var(--dim);text-transform:uppercase;margin:14px 0 34px;font-size:14px}.menu{flex-direction:column;gap:8px;max-width:360px;display:flex}.menu button,.btn{text-align:left;font-family:var(--head);letter-spacing:.06em;text-transform:uppercase;color:#fff;border:1px solid var(--line);cursor:pointer;background:#ffffff0a;border-left:4px solid #0000;padding:10px 16px;font-size:22px;transition:all .12s}.menu button:hover,.btn:hover,.menu button:focus-visible{border-left-color:var(--yellow);background:#f2c4001a;outline:none}.menu button small{font-family:var(--ui);letter-spacing:.02em;color:var(--dim);text-transform:none;font-size:13px;display:block}.btn.primary{background:var(--yellow);color:#111;border-color:var(--yellow);text-align:center}.btn.primary:hover{background:#ffd83a}.btn.small{padding:6px 12px;font-size:15px}.btn:disabled{opacity:.4;cursor:not-allowed}.foot{color:var(--dim);font-size:12px;font-family:var(--mono);position:fixed;bottom:12px;left:7vw}.screen{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#05060ae0;padding:24px 32px 40px;position:fixed;inset:0;overflow:auto}.screen h2{font-family:var(--head);letter-spacing:.04em;text-transform:uppercase;margin:0 0 4px;font-size:40px}.screen .sub{color:var(--dim);margin-bottom:20px}.topbar{align-items:center;gap:12px;margin-bottom:14px;display:flex}.topbar .spacer{flex:1}.select{grid-template-columns:1fr minmax(320px,420px) 1fr;gap:18px;height:calc(100vh - 110px);display:grid}.corner{background:var(--panel);border:1px solid var(--line);flex-direction:column;min-height:0;display:flex}.corner.red{border-top:4px solid var(--red)}.corner.blue{border-top:4px solid var(--blue)}.corner header{font-family:var(--head);letter-spacing:.08em;justify-content:space-between;align-items:center;padding:10px 14px;font-size:20px;display:flex}.grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:6px;padding:8px;display:grid;overflow:auto}.card{border:1px solid var(--line);cursor:pointer;text-align:left;color:var(--text);background:#12151a;min-height:64px;padding:8px;position:relative}.card:hover{border-color:#ffffff59}.card.on{border-color:var(--yellow);box-shadow:inset 0 0 0 1px var(--yellow)}.card .swatch{height:6px;margin:-8px -8px 6px}.card b{font-family:var(--head);letter-spacing:.03em;font-size:16px;line-height:1.1;display:block}.card i{color:var(--dim);font-size:12px;font-style:normal}.card .nut{color:var(--yellow);font-size:12px;font-family:var(--mono);position:absolute;top:10px;right:6px}select,input[type=text],input[type=number]{color:var(--text);border:1px solid var(--line);font-family:var(--ui);background:#12151a;padding:6px 8px;font-size:15px}.mid{flex-direction:column;gap:12px;display:flex}.vs{font-family:var(--head);text-align:center;color:var(--yellow);margin-top:8px;font-size:64px;line-height:1}.opts{background:var(--panel);border:1px solid var(--line);gap:8px;padding:12px 14px;display:grid}.opts label{justify-content:space-between;align-items:center;gap:10px;font-size:15px;display:flex}.dossier{border-top:1px solid var(--line);padding:10px 14px 14px;font-size:15px;overflow:auto}.dossier h3{font-family:var(--head);letter-spacing:.03em;margin:0;font-size:30px}.dossier .who{color:var(--dim);margin-bottom:8px}.stats{grid-template-columns:repeat(3,1fr);gap:6px;margin:8px 0;display:grid}.stat{border:1px solid var(--line);background:#12151a;padding:6px 8px}.stat b{font-family:var(--mono);font-size:17px;display:block}.stat span{color:var(--dim);text-transform:uppercase;letter-spacing:.06em;font-size:11px}.fight{border-left:3px solid var(--line);margin:6px 0;padding:2px 0 2px 10px}.fight .res{font-family:var(--mono);color:var(--yellow);font-size:12px}.trophy{color:var(--yellow);font-family:var(--head);letter-spacing:.04em}.flag{color:var(--dim);font-size:12px;font-style:italic}.hud-top{pointer-events:none;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:0;width:min(1100px,96vw);display:grid;position:fixed;top:12px;left:50%;transform:translate(-50%)}.nameplate{background:var(--panel);border-bottom:3px solid;min-width:0;padding:6px 14px 8px}.nameplate.red{border-color:var(--red);clip-path:polygon(0 0,100% 0,100% 100%,14px 100%)}.nameplate.blue{border-color:var(--blue);text-align:right;clip-path:polygon(0 0,100% 0,calc(100% - 14px) 100%,0 100%)}.nameplate .n{font-family:var(--head);letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;font-size:26px;line-height:1;overflow:hidden}.nameplate .t{color:var(--dim);font-size:12px}.bar{background:#ffffff14;height:8px;margin-top:6px;position:relative;overflow:hidden}.bar>i{background:linear-gradient(90deg,#e5232f,#f2c400 50%,#3ee06b);transition:width .2s;position:absolute;top:0;bottom:0;left:0}.blue .bar>i{background:linear-gradient(270deg,#e5232f,#f2c400 50%,#3ee06b);left:auto;right:0}.clock{color:#fff;font-family:var(--mono);border-bottom:3px solid var(--yellow);background:#000;flex-direction:column;justify-content:center;align-items:center;padding:4px 16px;font-size:34px;font-weight:700;display:flex}.clock small{font-family:var(--ui);color:var(--yellow);letter-spacing:.15em;font-size:11px}.clock.hot{color:var(--red)}.telemetry{background:var(--panel);border:1px solid var(--line);width:300px;font-family:var(--mono);pointer-events:none;padding:8px 10px;font-size:12px;position:fixed;bottom:12px}.telemetry.red{border-left:3px solid var(--red);left:12px}.telemetry.blue{border-right:3px solid var(--blue);right:12px}.telemetry .row{justify-content:space-between;display:flex}.telemetry .big{font-size:22px;font-weight:700}.telemetry .k{color:var(--dim)}.parts{grid-template-columns:repeat(5,1fr);gap:3px;margin-top:6px;display:grid}.parts span{text-align:center;color:#b9f5c9;background:#3ee06b2e;padding:2px 0;font-size:10px}.parts span.warn{color:#ffe68a;background:#f2c40033}.parts span.bad{color:#ffb3b8;background:#e5232f4d}.armor{grid-template-columns:repeat(6,1fr);gap:3px;margin-top:4px;display:grid}.armor span{height:5px}.center-msg{text-align:center;font-family:var(--head);pointer-events:none;position:fixed;top:38%;left:0;right:0}.center-msg .huge{text-shadow:0 6px 40px #000c;font-size:clamp(80px,14vw,200px);line-height:1}.center-msg .lbl{letter-spacing:.3em;color:var(--yellow);text-shadow:0 2px 10px #000;font-size:26px}.callouts{pointer-events:none;flex-direction:column;align-items:center;gap:4px;display:flex;position:fixed;top:22%;left:0;right:0}.callout{font-family:var(--head);letter-spacing:.03em;text-shadow:0 3px 16px #000;font-size:40px;animation:1.6s ease-out forwards pop}.callout small{font-family:var(--mono);color:var(--dim);margin-left:8px;font-size:14px}@keyframes pop{0%{opacity:0;transform:scale(1.6)}8%{opacity:1;transform:scale(1)}75%{opacity:1}to{opacity:0;transform:translateY(-30px)}}.hint{color:var(--dim);pointer-events:none;white-space:nowrap;background:#00000080;padding:4px 10px;font-size:13px;position:fixed;bottom:12px;left:50%;transform:translate(-50%)}.hint b{color:#fff}.live{background:var(--red);color:#fff;font-family:var(--head);letter-spacing:.2em;pointer-events:none;padding:2px 12px;animation:.6s infinite alternate blink;position:fixed;top:86px;left:50%;transform:translate(-50%)}@keyframes blink{0%{opacity:1}to{opacity:.4}}.slowmo{pointer-events:none;position:fixed;inset:0;box-shadow:inset 0 0 160px #000000e6}.slowmo:after{content:"REPLAY SPEED";font-family:var(--head);color:var(--yellow);letter-spacing:.2em;font-size:13px;position:fixed;top:92px;right:20px}.intro{pointer-events:none;animation:.4s ease-out slidein;position:fixed;bottom:14vh;left:6vw}.intro .corner-lbl{font-family:var(--head);letter-spacing:.3em;padding:3px 10px;font-size:16px;display:inline-block}.intro .bigname{font-family:var(--head);text-shadow:0 6px 30px #000c;font-size:clamp(54px,8vw,110px);line-height:.95}.intro .facts{background:var(--panel);max-width:640px;padding:8px 14px;font-size:18px}@keyframes slidein{0%{opacity:0;transform:translate(-60px)}to{opacity:1;transform:none}}.results{background:#05060ab8;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.results .box{background:var(--panel-solid);border:1px solid var(--line);border-top:5px solid var(--yellow);width:min(760px,94vw);max-height:92vh;padding:22px 28px;overflow:auto}.results .winner{font-family:var(--head);font-size:56px;line-height:1}.results .method{color:var(--yellow);font-family:var(--head);letter-spacing:.2em;margin:6px 0 14px;font-size:18px}table.cards{border-collapse:collapse;width:100%;font-family:var(--mono);margin:10px 0;font-size:14px}table.cards th,table.cards td{border-bottom:1px solid var(--line);text-align:center;padding:5px 8px}table.cards th:first-child,table.cards td:first-child{text-align:left}table.cards .judge{animation:.5s ease-out both reveal}@keyframes reveal{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.row-btns{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.garage{grid-template-columns:minmax(340px,1fr) minmax(360px,1.1fr) minmax(300px,.9fr);gap:16px;height:calc(100vh - 110px);display:grid}.garage .col{background:var(--panel);border:1px solid var(--line);padding:12px 14px;overflow:auto}.garage h4{font-family:var(--head);letter-spacing:.08em;color:var(--yellow);text-transform:uppercase;margin:14px 0 6px;font-size:15px}.garage h4:first-child{margin-top:0}.field{grid-template-columns:130px 1fr 70px;align-items:center;gap:8px;margin:4px 0;font-size:14px;display:grid}.field input[type=range]{width:100%;accent-color:var(--yellow)}.field .val{font-family:var(--mono);text-align:right;color:var(--dim);font-size:12px}.preview{border:1px solid var(--line);background:radial-gradient(circle at 50% 70%,#1a1d24,#07080b);height:340px;position:relative}.preview canvas{width:100%;height:100%;display:block}.weigh{margin:10px 0}.weigh .scale{font-family:var(--mono);font-size:34px;font-weight:700}.weigh .scale.over{color:var(--red)}.weigh .scale.ok{color:var(--green)}.massbar{background:#111;height:14px;margin:6px 0;display:flex}.massbar i{height:100%;display:block}.legend{color:var(--dim);font-size:12px;font-family:var(--mono);grid-template-columns:1fr auto;gap:1px 10px;display:grid}.chart{border:1px solid var(--line);background:#0b0d10;width:100%;height:130px}.bracket{gap:22px;padding-bottom:20px;display:flex;overflow:auto}.round{flex-direction:column;justify-content:space-around;gap:8px;min-width:190px;display:flex}.round h5{font-family:var(--head);letter-spacing:.12em;color:var(--yellow);margin:0 0 6px}.bout{background:var(--panel);border:1px solid var(--line);font-size:14px}.bout div{justify-content:space-between;gap:6px;padding:5px 8px;display:flex}.bout div+div{border-top:1px solid var(--line)}.bout .w{color:#fff;font-weight:700}.bout .l{color:#6b717a;text-decoration:line-through}.bout .me{color:var(--yellow)}.bout.next{border-color:var(--yellow)}.nut-big{text-align:center;font-size:80px}.pausemenu{background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.pausemenu .menu{background:var(--panel-solid);border:1px solid var(--line);min-width:320px;padding:20px}.keys{grid-template-columns:auto 1fr 1fr 1fr;gap:4px 16px;font-size:15px;display:grid}.keys b{font-family:var(--mono);color:var(--yellow)}.toast{background:var(--panel-solid);border:1px solid var(--yellow);z-index:10;padding:8px 14px;position:fixed;bottom:70px;left:50%;transform:translate(-50%)}@media (width<=900px){.select,.garage{grid-template-columns:1fr;height:auto}.telemetry{width:44vw;font-size:10px}.hint{display:none}}