@font-face{font-family:Bebas Neue;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/bebas-neue-latin-ext-400-normal-DWiEslNC.woff2)format("woff2"),url(/assets/bebas-neue-latin-ext-400-normal-HFKRJXnW.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bebas Neue;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/bebas-neue-latin-400-normal-9mHNbWWO.woff2)format("woff2"),url(/assets/bebas-neue-latin-400-normal-Bi-ndsyu.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#07080c;--panel:linear-gradient(180deg, #1a1d2ad1, #0c0e15db);--panel-solid:#10121be6;--line:#ffffff1a;--line-strong:#ffffff38;--radius:14px;--shadow:0 18px 50px #00000073, inset 0 1px 0 #ffffff0f;--text:#f4f1ea;--dim:#a6a8b3;--red:#e2203f;--blue:#2f6cf6;--gold:#ffc53d;--good:#3ddc84;--font:"Inter Variable", "SF Pro Display", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--display:"Bebas Neue", "Oswald", "Impact", "Haettenschweiler", "Arial Narrow Bold", sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--font);margin:0;overflow:hidden}body{-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none}#app{position:fixed;inset:0}canvas#gl{width:100%;height:100%;display:block;position:absolute;inset:0}video#cam{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.layer{pointer-events:none;position:absolute;inset:0}.layer>*{pointer-events:auto}.hidden{display:none!important}button{font:inherit;color:inherit;cursor:pointer}.screen{background:radial-gradient(at 50% 35%,#0000 0%,#0304088c 70%,#030408d9 100%);flex-direction:column;justify-content:safe center;align-items:center;gap:22px;padding:72px 4vw 88px;animation:.35s fadeIn;display:flex;position:absolute;inset:0;overflow-y:auto}.screen.clear{background:0 0}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.logo{font-family:var(--display);letter-spacing:.04em;text-align:center;text-shadow:0 6px 40px #e2203f8c;margin:0;font-size:clamp(44px,min(10vw,13vh),136px);line-height:.85}.logo span{color:var(--red)}.tagline{color:var(--dim);letter-spacing:.22em;text-transform:uppercase;margin-top:-6px;font-size:17px}h2{font-family:var(--display);letter-spacing:.05em;margin:0;font-size:48px;font-weight:400}.menu{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;width:min(980px,92vw);display:grid}.card{text-align:left;border-radius:var(--radius);border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px)saturate(1.3);backdrop-filter:blur(18px)saturate(1.3);min-height:124px;padding:22px 22px 20px;transition:transform .18s cubic-bezier(.2,.8,.2,1),border-color .18s,box-shadow .18s;position:relative;overflow:hidden}.card:after{content:"";background:var(--line-strong);width:3px;transition:background .18s;position:absolute;top:0;bottom:0;left:0}.card:hover,.card:focus-visible{border-color:var(--line-strong);outline:none;transform:translateY(-4px);box-shadow:0 24px 60px #0000008c,inset 0 1px #ffffff1a}.card:hover:after,.card:focus-visible:after{background:var(--red)}.card:focus-visible{box-shadow:0 0 0 2px var(--gold), 0 24px 60px #0000008c}.card .t{font-family:var(--display);letter-spacing:.04em;font-size:32px;line-height:1}.card .d{color:var(--dim);margin-top:4px;font-size:14px;line-height:1.35}.card .badge{letter-spacing:.12em;text-transform:uppercase;background:var(--red);border-radius:99px;padding:3px 8px;font-size:11px;position:absolute;top:14px;right:14px}.card.primary{background:radial-gradient(120% 140% at 0% 0%, #e2203f73, transparent 60%), var(--panel-solid);border-color:#e2203f8c}.card.primary:after{background:var(--red)}.row{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.btn{border:1px solid var(--line-strong);letter-spacing:.03em;background:linear-gradient(#ffffff1f,#ffffff0a);border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:0 24px;font-size:15px;font-weight:650;transition:transform .12s,background .15s,border-color .15s,box-shadow .15s;display:inline-flex;box-shadow:0 6px 18px #00000059,inset 0 1px #ffffff1f}.btn:hover{background:linear-gradient(#fff3,#ffffff14);border-color:#ffffff59}.btn:active{transform:translateY(1px)scale(.98)}.btn:focus-visible,.icon-btn:focus-visible,.tab:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.btn.primary{text-transform:uppercase;letter-spacing:.08em;background:linear-gradient(#ff4461,#c8102e);border-color:#ff788c80;box-shadow:0 10px 28px #e2203f66,inset 0 1px #ffffff40}.btn.primary:hover{background:linear-gradient(#ff5a74,#de1a3a);box-shadow:0 14px 34px #e2203f8c,inset 0 1px #ffffff4d}.btn:disabled{opacity:.4;cursor:default;box-shadow:none;transform:none}.panel{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px)saturate(1.3);backdrop-filter:blur(18px)saturate(1.3);border-radius:18px;padding:24px 26px}.muted{color:var(--dim)}.small{font-size:13px}input[type=text],select{font:inherit;color:var(--text);border:1px solid var(--line-strong);background:#ffffff14;border-radius:10px;min-width:220px;padding:11px 14px;transition:border-color .15s}input[type=text]:focus,select:focus{border-color:var(--gold);outline:none}select option{background:#111}.corner{gap:8px;display:flex;position:absolute}.corner.tl{top:16px;left:16px}.corner.tr{top:16px;right:16px}.corner.bl{bottom:16px;left:16px}.corner.br{bottom:16px;right:16px}.icon-btn{border:1px solid var(--line-strong);background:var(--panel);width:44px;height:44px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;place-items:center;font-size:17px;transition:background .15s,transform .12s;display:grid}.icon-btn:hover{background:#ffffff24}.icon-btn:active{transform:scale(.95)}.icon-btn.on{background:var(--red)}.loader{background:#ffffff1a;border-radius:4px;width:min(420px,80vw);height:4px;overflow:hidden}.loader>div{background:linear-gradient(90deg, var(--red), var(--gold));width:0%;height:100%;transition:width .3s}.setup{grid-template-columns:minmax(320px,640px) minmax(260px,360px);align-items:start;gap:20px;display:grid}@media (max-width:900px){.setup{grid-template-columns:1fr}}.preview{aspect-ratio:16/9;border:1px solid var(--line);background:#000;border-radius:16px;position:relative;overflow:hidden}.preview canvas{width:100%;height:100%;position:absolute;inset:0}.checks{flex-direction:column;gap:10px;display:flex}.check{align-items:center;gap:10px;font-size:14px;display:flex}.check .dot{background:#555;border-radius:50%;flex:none;width:10px;height:10px}.check.ok .dot{background:var(--good);box-shadow:0 0 10px var(--good)}.check.warn .dot{background:var(--gold)}.check.bad .dot{background:var(--red)}.hud{pointer-events:none;position:absolute;inset:0}.hud .top{grid-template-columns:1fr auto 1fr;align-items:start;gap:18px;width:min(1100px,94vw);display:grid;position:absolute;top:18px;left:50%;transform:translate(-50%)}.bar{flex-direction:column;gap:5px;display:flex}.bar.right{align-items:flex-end}.bar .name{font-family:var(--display);letter-spacing:.06em;text-shadow:0 2px 10px #000;font-size:26px}.meter{background:#0000008c;border:1px solid #ffffff2e;border-radius:4px;width:100%;height:18px;position:relative;overflow:hidden;transform:skew(-18deg)}.meter>.ghost,.meter>.fill{position:absolute;top:0;bottom:0;left:0}.bar.right .meter>.ghost,.bar.right .meter>.fill{left:auto;right:0}.meter>.ghost{opacity:.55;background:#fff;transition:width .6s .25s}.meter>.fill{background:linear-gradient(180deg, #ff5a6e, var(--red));transition:width 80ms}.blue .meter>.fill{background:linear-gradient(180deg, #6b9bff, var(--blue))}.meter.stam{height:7px}.meter.stam>.fill{background:linear-gradient(90deg, #ffe38a, var(--gold))}.kd{gap:4px;height:10px;display:flex}.kd i{border:1px solid #ffffff80;border-radius:50%;width:10px;height:10px}.kd i.on{background:var(--gold);border-color:var(--gold)}.clock{text-align:center;font-family:var(--display);background:#0000008c;border:1px solid #ffffff24;border-radius:10px;min-width:120px;padding:6px 18px 8px;line-height:1}.clock .time{letter-spacing:.04em;font-variant-numeric:tabular-nums;font-size:44px}.clock .round{letter-spacing:.24em;color:var(--dim);font-size:15px}.callout{font-family:var(--display);letter-spacing:.04em;text-shadow:0 8px 40px #000c;opacity:0;white-space:nowrap;font-size:clamp(64px,11vw,150px);position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}.callout.show{animation:1.2s forwards callout}.callout.gold{color:var(--gold)}@keyframes callout{0%{opacity:0;transform:translate(-50%,-50%)scale(1.6)}12%{opacity:1;transform:translate(-50%,-50%)scale(1)}75%{opacity:1}to{opacity:0;transform:translate(-50%,-55%)scale(.96)}}.combo{font-family:var(--display);opacity:0;text-shadow:0 4px 20px #000;transition:opacity .2s;position:absolute;top:42%;left:5vw}.combo.on{opacity:1}.combo .n{color:var(--gold);font-size:84px;line-height:.9}.combo .l{letter-spacing:.2em;font-size:22px}.combo.right{text-align:right;left:auto;right:5vw}.feed{gap:8px;display:flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.chip{letter-spacing:.1em;text-transform:uppercase;background:#0000008c;border:1px solid #ffffff26;border-radius:99px;padding:6px 12px;font-size:13px;animation:1.6s forwards chip}.chip.landed{border-color:var(--gold);color:var(--gold)}.chip.blocked{color:#9fb6ff;border-color:#78a0ff99}.chip.evaded{color:var(--good)}@keyframes chip{0%{opacity:0;transform:translateY(10px)}10%{opacity:1;transform:none}80%{opacity:1}to{opacity:0}}.defense{font-family:var(--display);letter-spacing:.18em;color:#cfe0ff;opacity:0;background:#2f6cf640;border:1px solid #78a0ff8c;border-radius:99px;padding:6px 22px 4px;font-size:26px;transition:opacity .12s,transform .12s;position:absolute;bottom:64px;left:50%;transform:translate(-50%)scale(.9);box-shadow:0 0 24px #2f6cf659}.defense.on{opacity:1;transform:translate(-50%)scale(1)}.defense.absorb{animation:.35s absorb}@keyframes absorb{0%{background:#78a0ffb3;box-shadow:0 0 #a0beffe6}to{box-shadow:0 0 36px 12px #2f6cf600}}.pip{aspect-ratio:16/9;border:1px solid var(--line);background:#000;border-radius:12px;width:240px;position:absolute;bottom:16px;right:16px;overflow:hidden}.pip canvas{width:100%;height:100%;display:block}.pip .warn{text-align:center;background:#7800148c;place-items:center;padding:8px;font-size:13px;display:grid;position:absolute;inset:0}.rec{letter-spacing:.1em;background:#0009;border-radius:99px;align-items:center;gap:8px;padding:6px 12px;font-size:13px;display:flex;position:absolute;top:18px;right:18px}.rec i{background:var(--red);border-radius:50%;width:10px;height:10px;animation:1s infinite blink}@keyframes blink{50%{opacity:.2}}.fit-call{gap:12px;display:flex;position:absolute;top:24%;left:50%;transform:translate(-50%)}.fit-call .p{width:86px;height:86px;font-family:var(--display);background:#0000008c;border:2px solid #ffffff40;border-radius:18px;place-items:center;font-size:58px;transition:all .12s;display:grid}.fit-call .p small{font-family:var(--font);letter-spacing:.1em;color:var(--dim);margin-top:-10px;font-size:11px;display:block}.fit-call .p.done{background:var(--good);border-color:var(--good);color:#062}.fit-call .p.miss{border-color:var(--red);animation:.25s shake}@keyframes shake{25%{transform:translate(-6px)}75%{transform:translate(6px)}}.fit-stats{gap:14px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.stat{text-align:center;border:1px solid var(--line);background:#0000008c;border-radius:14px;min-width:120px;padding:10px 14px}.stat .v{font-family:var(--display);font-variant-numeric:tabular-nums;font-size:40px;line-height:1}.stat .k{letter-spacing:.18em;text-transform:uppercase;color:var(--dim);margin-top:4px;font-size:11px}.results{width:min(720px,94vw)}.grid2{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin:16px 0;display:grid}table.lb{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}table.lb th{text-align:left;letter-spacing:.15em;text-transform:uppercase;color:var(--dim);border-bottom:1px solid var(--line);padding:8px 10px;font-size:11px}table.lb td{border-bottom:1px solid #ffffff0d;padding:10px}table.lb tr.me td{color:var(--gold)}table.lb td.rank{font-family:var(--display);width:50px;font-size:22px}.tabs{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.tab{border:1px solid var(--line-strong);letter-spacing:.04em;background:#ffffff0a;border-radius:99px;padding:9px 16px;font-size:13px;font-weight:600;transition:background .15s}.tab:hover{background:#ffffff1f}.tab.on{background:var(--text);color:#111}.lb-wrap{max-height:56vh;overflow:auto}.qr{box-sizing:border-box;background:#fff;border-radius:12px;width:180px;height:180px;margin:0 auto;padding:10px}.qr canvas,.qr img{display:block;width:100%!important;height:100%!important}.code{font-family:var(--display);letter-spacing:.18em;font-size:56px}.clip-video{border:1px solid var(--line);background:#000;border-radius:14px;width:min(640px,90vw)}.calib{text-align:center;width:min(640px,92vw);position:absolute;bottom:8vh;left:50%;transform:translate(-50%)}.calib .prompt{font-family:var(--display);letter-spacing:.05em;text-shadow:0 4px 20px #000;margin-bottom:12px;font-size:42px}.calib .steps{gap:8px;display:flex}.calib .steps>div{background:#ffffff1f;border-radius:6px;flex:1;height:6px;overflow:hidden}.calib .steps>div>i{background:var(--good);width:0;height:100%;display:block}.calib-pip{width:min(560px,80vw);position:absolute;top:10vh;left:50%;transform:translate(-50%)}.debug{border:1px solid var(--line);pointer-events:auto;background:#000000b8;border-radius:10px;min-width:230px;padding:10px 12px;font:12px/1.5 ui-monospace,SF Mono,Menlo,monospace;position:absolute;top:80px;left:16px}.debug b{color:var(--gold);font-weight:600}.debug .graph{margin-top:6px;display:block}.flash{pointer-events:none;background:#fff;position:absolute;inset:0}.toast{border:1px solid var(--line);background:#000c;border-radius:12px;padding:10px 18px;font-size:14px;animation:3.5s forwards chip;position:absolute;bottom:90px;left:50%;transform:translate(-50%)}.kbd{border:1px solid var(--line);background:#ffffff0f;border-radius:5px;padding:2px 6px;font:12px ui-monospace,monospace}.lane-divider{background:#ffffff59;width:2px;position:absolute;top:0;bottom:0;left:50%}.frame-guide{pointer-events:none;border:2px dashed #ffffff59;border-radius:40% 40% 12px 12px;justify-content:center;align-items:flex-end;transition:border-color .2s;display:flex;position:absolute;inset:6% 22%}.frame-guide span{color:#ffffffb3;text-shadow:0 1px 2px #000;margin-bottom:8px;font-size:12px}.frame-guide.warn{border-color:var(--gold)}.frame-guide.ok{border-color:var(--good)}.frame-guide.ok span{visibility:hidden}