:root{--ink:#1a1420;--blue:#3d7cff;--red:#ff4d4d;--sand:#f4e4c1;--panel:#120e1cb8;--cd-atk:1;--cd-cast:1;--cd-dodge:1;--cd-ult:1}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{width:100%;height:100%;color:var(--sand);background:#0e0a14;font-family:Segoe UI,system-ui,sans-serif;overflow:hidden}#game{outline:none;width:100%;height:100%;display:block}#hud{pointer-events:none;position:fixed;inset:0}#topbar{background:var(--panel);letter-spacing:.04em;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:28px;padding:10px 22px;font-size:22px;font-weight:800;display:flex;position:absolute;top:18px;left:50%;transform:translate(-50%)}#menu-btn{pointer-events:auto;z-index:5;color:#f2efe8;font:inherit;letter-spacing:.04em;cursor:pointer;background:#0c0a14d1;border:1px solid #ffffff24;border-radius:10px;padding:10px 16px;font-weight:700;position:absolute;top:18px;left:18px}#menu-btn:hover{filter:brightness(1.12)}#score-blue{color:var(--blue)}#score-red{color:var(--red)}#timer{color:var(--sand);opacity:.9;font-variant-numeric:tabular-nums}#objective{letter-spacing:.03em;color:#ffd59a;text-shadow:0 1px 2px #000;white-space:nowrap;background:#0c0a14a6;border:1px solid #ffc87840;border-radius:999px;padding:6px 16px;font-size:13px;position:absolute;top:68px;left:50%;transform:translate(-50%)}#killfeed{flex-direction:column;align-items:flex-end;gap:4px;max-width:320px;display:flex;position:absolute;top:104px;right:22px}.kf{text-shadow:0 1px 2px #000;background:#00000073;border-radius:6px;padding:4px 10px;font-size:12px;animation:.25s ease-out kf-in}.kf-kill{color:#ffb347}.kf-obj{color:#9ad3ff}.kf-info{color:#d0c8b8;opacity:.85}@keyframes kf-in{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}#combo{letter-spacing:.08em;color:#ffe066;text-shadow:0 0 18px #ffb428a6,0 2px 4px #000;font-size:28px;font-weight:800;animation:.45s ease-out combo-pulse;position:absolute;bottom:120px;left:50%;transform:translate(-50%)}@keyframes combo-pulse{0%{opacity:.4;transform:translate(-50%)scale(1.35)}to{opacity:1;transform:translate(-50%)scale(1)}}#bars{gap:8px;width:220px;display:grid;position:absolute;bottom:28px;left:24px}.bar{background:#00000073;border:1px solid #ffffff1a;border-radius:8px;height:14px;overflow:hidden}.bar i{transform-origin:0;background:linear-gradient(90deg,#2ecc71,#a8ff78);width:100%;height:100%;display:block;transform:scaleX(1)}.bar.sta i{background:linear-gradient(90deg,#3498db,#9ad3ff)}.bar.ult i{background:linear-gradient(90deg,#7a5cff,#ffe066)}.bar.ult i.ready{box-shadow:0 0 12px #ffdc50cc}#hint{opacity:.55;text-align:right;max-width:280px;font-size:12px;position:absolute;bottom:20px;right:20px}#lobby,#results{z-index:5;background:linear-gradient(160deg,#0a08108c,#0a0810d1),radial-gradient(at 18% 12%,#3d7cff59,#0000 42%),radial-gradient(at 82% 78%,#ff4d4d47,#0000 38%),radial-gradient(at 50% 100%,#ffb43c1f,#0000 50%),repeating-linear-gradient(-12deg,#0000,#0000 18px,#ffffff04 18px 19px),#100a16;place-content:center;gap:14px;padding:24px 12px;display:grid;position:fixed;inset:0;overflow:auto}.lobby-shell{justify-items:center;gap:14px;width:min(560px,94vw);display:grid}.lobby-hero{text-align:center;margin-bottom:4px}.lobby-kicker{letter-spacing:.35em;text-transform:uppercase;opacity:.55;font-size:11px;margin-bottom:6px!important}.lobby-tag{opacity:.65;margin-top:4px!important}#lobby h1,#results h2{letter-spacing:.1em;text-align:center;text-shadow:0 0 48px #3d7cff59,0 2px #0006;font-size:clamp(46px,9vw,78px);line-height:.95}#lobby p{text-align:center;opacity:.7;margin-bottom:8px}.class-cards{grid-template-columns:repeat(4,1fr);gap:8px;width:100%;display:grid}.class-card{appearance:none;color:var(--sand);cursor:pointer;font:inherit;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:14px;justify-items:center;gap:4px;min-height:72px;padding:12px 8px;transition:border-color .15s,background .15s,transform .15s;display:grid;width:auto!important;margin-top:0!important}.class-card .cc-icon{border-radius:50%;width:28px;height:28px;box-shadow:0 0 12px}.class-card .cc-name{letter-spacing:.06em;text-transform:uppercase;font-size:12px;font-weight:800}.class-card:hover{filter:brightness(1.08);transform:translateY(-1px)}.class-card.active{background:#ffe0661a;border-color:#ffe0668c;box-shadow:0 0 20px #ffb4282e}.sr-only{clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}#lobby .lobby-grid{grid-template-columns:1fr 1fr;gap:12px 16px;width:100%;display:grid}#lobby label{opacity:.9;gap:6px;font-size:13px;display:grid}#lobby .blurb{opacity:.55;min-height:1.2em;font-size:13px}#lobby select,#lobby button,#results button{font:inherit;color:var(--sand);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:12px;padding:12px 16px}#lobby button,#results button{cursor:pointer;background:linear-gradient(135deg,#3d7cff,#7a5cff);border:none;width:min(520px,92vw);margin-top:8px;font-weight:700}.online-panel{gap:8px;width:min(520px,92vw);margin-top:4px;display:grid}.online-row{grid-template-columns:1fr 88px 1fr;gap:8px;display:grid}.online-row button{padding:10px 12px;font-size:13px;width:auto!important;margin-top:0!important}.online-row input{font:inherit;text-align:center;letter-spacing:.2em;text-transform:uppercase;color:var(--sand);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:12px;padding:10px}#lobby button:hover,#results button:hover{filter:brightness(1.08)}#loadout{opacity:.7;margin-top:4px;font-size:12px}.mvp{text-align:center;opacity:.85;color:#ffd59a;font-size:16px}#world-hud{pointer-events:none;position:absolute;inset:0;overflow:hidden}.enemy-hp{background:#0000008c;border:1px solid #ffffff26;border-radius:4px;width:68px;height:7px;position:absolute;overflow:visible}.enemy-hp i{transform-origin:0;background:linear-gradient(90deg,#ff4d4d,#fa6);width:100%;height:100%;display:block}.enemy-hp .ename{text-align:center;opacity:.75;text-shadow:0 1px 2px #000;white-space:nowrap;font-size:10px;position:absolute;top:-14px;left:0;right:0}.enemy-hp.exec-ready{border-color:#f64;box-shadow:0 0 10px #ff5028b3}.enemy-hp.is-lock{border-color:#ffe066;box-shadow:0 0 14px #ffdc50d9}#aim-reticle{pointer-events:none;z-index:4;opacity:.72;width:28px;height:28px;margin:-14px 0 0 -14px;transition:opacity .15s,filter .15s;position:absolute;top:46%;left:50%}#aim-reticle .ar-h,#aim-reticle .ar-v{background:#f4e4c1d9;position:absolute;box-shadow:0 0 6px #0009}#aim-reticle .ar-h{height:2px;margin-top:-1px;top:50%;left:2px;right:2px}#aim-reticle .ar-v{width:2px;margin-left:-1px;top:2px;bottom:2px;left:50%}#aim-reticle .ar-dot{background:#ffe066;border-radius:50%;width:5px;height:5px;margin:-2.5px 0 0 -2.5px;position:absolute;top:50%;left:50%;box-shadow:0 0 8px #ffc83cb3}#aim-reticle .ar-tag{letter-spacing:.18em;color:#ffe066;text-shadow:0 1px 4px #000;opacity:0;margin-top:8px;font-size:9px;font-weight:800;position:absolute;top:100%;left:50%;transform:translate(-50%)}#aim-reticle.locked{opacity:1;filter:drop-shadow(0 0 6px #ffc83ca6)}#aim-reticle.locked .ar-h,#aim-reticle.locked .ar-v{background:#ffe066}#aim-reticle.locked .ar-tag{opacity:1}#aim-reticle.exec .ar-dot,#aim-reticle.exec .ar-h,#aim-reticle.exec .ar-v{background:#f64}#aim-reticle.exec .ar-tag{color:#f64}.soft-lock{pointer-events:none;width:44px;height:44px;display:none;position:absolute}.soft-lock .lock-ring{border:2px solid #ffe066e6;border-radius:50%;animation:3.2s linear infinite lock-spin;position:absolute;inset:0;box-shadow:0 0 14px #ffb4288c}@keyframes lock-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.exec-mark{color:#f64;letter-spacing:.12em;text-shadow:0 0 8px #f20;background:#280804a6;border:1px solid #ff5028b3;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:800;animation:.6s ease-in-out infinite alternate exec-blink;display:none;position:absolute}@keyframes exec-blink{0%{opacity:.55;transform:scale(.92)}to{opacity:1;transform:scale(1.08)}}#match-intro{z-index:25;pointer-events:none;background:radial-gradient(#08060e26,#08060e8c);place-content:center;gap:12px;display:grid;position:absolute;inset:0}#intro-banner{text-align:center;letter-spacing:.28em;text-transform:uppercase;color:#f4e4c1d9;text-shadow:0 2px 12px #000;font-size:14px}#intro-count{text-align:center;letter-spacing:.06em;color:#ffe066;text-shadow:0 0 40px #ffa0288c,0 4px #000;font-size:clamp(64px,18vw,120px);font-weight:900;animation:.35s ease-out intro-pop}#intro-count.fight{color:#f64;letter-spacing:.12em}@keyframes intro-pop{0%{opacity:.2;transform:scale(1.45)}to{opacity:1;transform:scale(1)}}#tutorial{z-index:8;background:#08060eb8;place-content:center;display:grid;position:fixed;inset:0}.tut-card{background:#161020f2;border:1px solid #ffffff1f;border-radius:16px;gap:12px;width:min(420px,92vw);padding:24px 28px;display:grid}.tut-card h3{letter-spacing:.06em;font-size:22px}.tut-card ul{opacity:.85;gap:8px;font-size:14px;line-height:1.4;list-style:none;display:grid}.tut-card button{font:inherit;cursor:pointer;color:var(--sand);background:linear-gradient(135deg,#3d7cff,#7a5cff);border:none;border-radius:12px;padding:12px 16px;font-weight:700}#replay-canvas{background:#0a0810;border:1px solid #ffffff1f;border-radius:10px;margin:8px auto 0;display:block}#pause{z-index:9;pointer-events:auto;background:#06040cc7;place-content:center;display:grid;position:fixed;inset:0}.pause-card{background:#161020f5;border:1px solid #ffffff1f;border-radius:16px;gap:10px;width:min(360px,92vw);padding:22px 24px;display:grid}.pause-card h3{letter-spacing:.06em}.pause-card label{grid-template-columns:100px 1fr;align-items:center;gap:8px;font-size:13px;display:grid}.pause-card label.check{grid-template-columns:auto 1fr}.pause-actions{gap:8px;margin-top:8px;display:grid}.pause-actions button{font:inherit;color:var(--sand);cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:10px;padding:10px 14px}#resume{background:linear-gradient(135deg,#3d7cff,#7a5cff);border:none;font-weight:700}#leave-arena.danger{color:#fff;background:linear-gradient(135deg,#8b1e1e,#c0392b);border:none;font-weight:700}#touch{z-index:30;pointer-events:none;position:absolute;inset:0}#touch button,#move-zone,#stick{pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none}#move-zone{z-index:31;width:52%;position:absolute;top:12%;bottom:0;left:0}#cam-hint{letter-spacing:.02em;color:#f4e4c1b3;text-shadow:0 1px 4px #000;pointer-events:none;max-width:11rem;font-size:11px;line-height:1.35;animation:7s forwards look-hint-fade;position:absolute;bottom:190px;left:14px}@keyframes look-hint-fade{0%,60%{opacity:1}to{opacity:0}}#stick{opacity:0;pointer-events:none;background:#ffffff14;border:2px solid #ffffff38;border-radius:50%;width:148px;height:148px;margin-top:-74px;margin-left:-74px;transition:opacity .12s;position:absolute}#stick.stick-active{opacity:1}#stick.stick-idle{left:max(28px, env(safe-area-inset-left));bottom:max(36px, env(safe-area-inset-bottom));opacity:.35;margin:0;top:auto}#stick-knob{pointer-events:none;background:radial-gradient(circle at 35% 30%,#ffffff8c,#ffffff24);border:2px solid #ffffff73;border-radius:50%;width:58px;height:58px;margin:-29px 0 0 -29px;position:absolute;top:50%;left:50%;box-shadow:0 4px 16px #00000073}#actions{right:max(8px, env(safe-area-inset-right));bottom:max(10px, env(safe-area-inset-bottom));z-index:32;pointer-events:none;width:200px;height:220px;position:absolute}#actions button{pointer-events:auto;letter-spacing:.04em;color:var(--sand);background:#120e1cc7;border:2px solid #ffffff2e;border-radius:50%;place-items:center;padding:0;font-weight:800;line-height:1.05;display:grid;position:absolute;box-shadow:0 6px 18px #00000073}#touch button.cd-btn:before{content:"";background:conic-gradient(#ffe066f2 calc(var(--cd,1) * 360deg), #ffffff14 0);z-index:-1;opacity:.9;-webkit-mask-composite:xor;pointer-events:none;border-radius:50%;padding:4px;position:absolute;inset:-4px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}#touch button.pressed,#touch button:active{filter:brightness(1.3);transform:scale(.9)}.act-atk{background:linear-gradient(145deg,#3d7cffe6,#2846a0f2);border-color:#9ad3ff80;gap:2px;width:118px;height:118px;font-size:22px;bottom:8px;right:8px}.act-atk .atk-hint{letter-spacing:.02em;opacity:.7;text-transform:uppercase;font-size:9px;font-weight:700}.act-atk.heavy-flash{background:linear-gradient(145deg,#ff783cf2,#a02814f2);transform:scale(1.05)}.act-dodge{width:72px;height:72px;font-size:14px;bottom:18px;right:128px}.act-block{background:#505a6ecc;width:72px;height:72px;font-size:11px;bottom:98px;right:118px}.act-block.pressed{background:#9ad3ff80;border-color:#9ad3ff}.act-cast{background:linear-gradient(145deg,#7a5cffcc,#3c288cf2);width:68px;height:68px;font-size:13px;bottom:138px;right:36px}.act-ult{color:#1a1420;background:linear-gradient(135deg,#7a5cff,#ffe066);border:none;width:64px;height:64px;font-size:13px;bottom:168px;right:112px}@media (hover:hover) and (pointer:fine) and (not (pointer:coarse)){#touch{display:none!important}}@media (pointer:coarse),(hover:none){#hint{display:none}#lobby,#results,#tutorial,#pause{-webkit-overflow-scrolling:touch}#lobby button,#results button,#start,#menu-btn,.pause-actions button{min-height:48px;font-size:15px}.class-cards{grid-template-columns:repeat(2,1fr)}#bars{bottom:auto;top:max(56px, env(safe-area-inset-top));width:min(160px,38vw);left:12px}#bars .bar{height:10px}}.hidden{display:none!important}html,body,#app,#game{touch-action:none;-webkit-tap-highlight-color:transparent}#lobby,#results,#tutorial,#pause{touch-action:manipulation}