:root{--bg:#07090f;--panel:#0a0e18db;--panel-solid:#0c111c;--line:#7fe3ff38;--text:#e8f1ff;--muted:#8a9bb5;--accent:#7fe3ff;--hp:#ff4d6d;--hp-dark:#5a1426;--energy:#3ec7ff;--shield:#b8f3ff;--good:#3dff8a;--warn:#ffd166;--bad:#ff5c7a;--lua:#7c83ff;--ts:#3ec7ff;--font:"Cairo", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, monospace;--display:"Orbitron", "Cairo", sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--font);margin:0;overflow:hidden}canvas#game{outline:none;width:100vw;height:100dvh;display:block;position:fixed;inset:0}#ui{pointer-events:none;z-index:2;position:fixed;inset:0}#ui .interactive,#ui button,#ui input,#ui select,#ui textarea{pointer-events:auto}.hidden{display:none!important}.rtl{text-align:right;direction:rtl}.ltr{text-align:left;direction:ltr}code,.mono{font-family:var(--mono)}.hud-player{width:min(340px,44vw);position:absolute;top:16px;left:16px}.hud-name{font-family:var(--display);letter-spacing:2px;color:var(--accent);justify-content:space-between;gap:8px;font-size:13px;display:flex}.bar{background:#0000008c;border:1px solid #ffffff26;border-radius:3px;height:16px;margin-top:6px;position:relative;overflow:hidden;transform:skew(-12deg)}.bar>.fill{transform-origin:0;transition:transform 80ms linear;position:absolute;inset:0}.bar>.lag{transform-origin:0;opacity:.55;background:#fff;transition:transform .6s ease-out .25s;position:absolute;inset:0}.bar.hp>.fill{background:linear-gradient(90deg, #c2183f, var(--hp))}.bar.en{height:9px}.bar.en>.fill{background:linear-gradient(90deg, #1b6fff, var(--energy))}.bar.en.full>.fill{background:linear-gradient(90deg,#7c4dff,#ff5cf0,#7fe3ff);animation:.8s infinite alternate pulse}.bar>.shield{transform-origin:0;background:repeating-linear-gradient(45deg,#b8f3ffb3 0 6px,#b8f3ff59 6px 12px);position:absolute;inset:0}.bar-label{font:700 11px var(--mono);text-shadow:0 1px 2px #000;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;transform:skew(12deg)}.hud-weapon{color:var(--muted);align-items:center;gap:8px;margin-top:8px;font-size:12px;display:flex}.hud-weapon b{color:var(--text);font-family:var(--display);letter-spacing:1px;font-size:12px}.badge{font:700 10px var(--mono);letter-spacing:1px;border-radius:3px;padding:2px 6px;display:inline-block}.badge.lua{background:var(--lua);color:#fff}.badge.ts{background:var(--ts);color:#001018}.badge.el{background:#ffffff1a}.statuses{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.status-chip{background:#00000080;border:1px solid;border-radius:10px;padding:1px 6px;font-size:11px}.hud-score{text-align:right;font-family:var(--display);position:absolute;top:16px;right:16px}.hud-score .score{font-size:22px}.hud-score .zone{font:600 12px var(--font);color:var(--muted)}.hud-skills{gap:8px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.skill{background:var(--panel);border:1px solid var(--line);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:58px;height:58px;display:flex;position:relative;overflow:hidden}.skill .key{font:700 11px var(--mono);color:var(--accent);position:absolute;top:3px;left:5px}.skill .nm{text-align:center;margin-top:8px;padding:0 3px;font-size:9.5px;line-height:1.1}.skill .cost{font:700 9px var(--mono);color:var(--energy);position:absolute;bottom:2px;right:5px}.skill .cd{transform-origin:bottom;background:#000000b3;position:absolute;inset:0}.skill .cdt{font:700 16px var(--mono);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.skill.noenergy{border-color:#ff5c7a99}.skill.noenergy .nm{opacity:.5}.skill.fail{border-color:var(--bad);animation:.25s shake}.skill.ult{border-color:#ff5cf0}.skill.missing{border-style:dashed;border-color:var(--bad)}.hud-combo{text-align:right;font-family:var(--display);pointer-events:none;position:absolute;top:38%;right:40px}.hud-combo .n{background:linear-gradient(180deg, #fff, var(--accent));color:#0000;filter:drop-shadow(0 0 12px #7fe3ff99);-webkit-background-clip:text;background-clip:text;font-size:64px;line-height:1}.hud-combo .l{letter-spacing:4px;color:var(--accent);font-size:14px}.hud-combo.pop .n{animation:.15s pop}.hud-boss{text-align:center;width:min(620px,60vw);position:absolute;top:18px;left:50%;transform:translate(-50%)}.hud-boss .nm{font-family:var(--display);letter-spacing:3px;color:#ffb3c1;text-shadow:0 0 8px #ff2a6a;font-size:14px}.hud-boss .bar{height:14px}.hud-boss .phase{color:var(--muted);margin-top:3px;font-size:11px}.announce{text-align:center;text-shadow:0 2px 12px #000,0 0 2px #000;opacity:0;padding:0 16px;font-size:clamp(18px,2.6vw,30px);font-weight:800;transition:opacity .25s,transform .25s;position:absolute;top:26%;left:0;right:0;transform:translateY(8px)}.announce.show{opacity:1;transform:translateY(0)}.announce.big{font-family:var(--display);letter-spacing:3px;font-size:clamp(26px,4vw,48px)}.hints{font:11px var(--mono);color:var(--muted);line-height:1.7;position:absolute;bottom:16px;left:16px}.hints kbd{color:var(--text);background:#ffffff1a;border-radius:3px;padding:0 5px}@media (max-width:1150px){.hints{bottom:96px}}@media (max-width:760px){.hints{display:none}}.reticle{border:2px solid var(--hp);width:46px;height:46px;box-shadow:0 0 12px var(--hp);border-radius:50%;margin:-23px 0 0 -23px;animation:3s linear infinite spin;position:absolute}.reticle:before,.reticle:after{content:"";background:var(--hp);position:absolute}.reticle:before{width:2px;height:10px;top:-8px;left:20px}.reticle:after{width:2px;height:10px;bottom:-8px;left:20px}.dmg{font:800 20px var(--display);text-shadow:0 2px 4px #000,0 0 2px #000;white-space:nowrap;will-change:transform, opacity;position:absolute;transform:translate(-50%,-50%)}.dmg.player{color:#ff6b86}.dmg.enemy{color:#fff}.dmg.big{color:var(--warn);font-size:28px}.dmg.heal{color:var(--good)}.dmg.status{color:#ffb070;font-size:14px}.dmg.counter{color:#d0c4ff;font-size:26px}.dmg.miss{color:var(--muted);font-size:14px}.ehp{background:#0009;border:1px solid #000c;width:60px;height:5px;margin-left:-30px;position:absolute}.ehp>i{background:var(--hp);transform-origin:0;height:100%;display:block}.ehp.tele{border-color:#ff3030;outline:1px solid #ff30308c}.speech{color:#000;background:#fff;border-radius:8px;padding:1px 8px;font-size:14px;font-weight:800;position:absolute;transform:translate(-50%,-100%)}.overlay{pointer-events:auto;background:radial-gradient(#080c188c,#03050aeb);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.menu{background:var(--panel);border:1px solid var(--line);border-radius:14px;width:min(560px,100vw - 32px);max-height:calc(100dvh - 32px);padding:28px;overflow:hidden auto;box-shadow:0 20px 60px #0009}.menu.wide{width:min(860px,100vw - 32px)}.title{font-family:var(--display);letter-spacing:.08em;overflow-wrap:anywhere;text-align:center;background:linear-gradient(180deg, #fff 20%, var(--accent));color:#0000;filter:drop-shadow(0 0 22px #7fe3ff73);-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(26px,5.4vw,60px);font-weight:900}.subtitle{text-align:center;color:var(--muted);direction:rtl;margin:6px 0 22px}.menu h2{font-family:var(--display);letter-spacing:2px;color:var(--accent);margin:0 0 16px;font-size:20px}.btn{width:100%;font:700 15px var(--font);color:var(--text);border:1px solid var(--line);cursor:pointer;direction:rtl;background:#7fe3ff0f;border-radius:8px;margin:8px 0;padding:12px 16px;transition:background .15s,border-color .15s,transform .1s;display:block}.btn:hover,.btn:focus-visible{border-color:var(--accent);background:#7fe3ff29;outline:none}.btn:active{transform:scale(.99)}.btn.primary{border-color:var(--accent);background:linear-gradient(90deg,#3ec7ff59,#7c83ff59)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-row{gap:8px;display:flex}.btn-row .btn{margin:4px 0}.btn.small{width:auto;margin:2px;padding:6px 10px;font-size:12px;display:inline-block}.story p{text-align:right;opacity:0;direction:rtl;margin:0 0 12px;font-size:18px;line-height:1.8;animation:.6s forwards fadein}.form-row{direction:rtl;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;gap:12px;padding:8px 0;display:flex}.form-row label{font-size:14px}.form-row select,.form-row input[type=range]{width:180px}select,input[type=number],input[type=text],textarea{color:var(--text);border:1px solid var(--line);font:13px var(--mono);background:#05080f;border-radius:6px;padding:5px 8px}.keys{direction:rtl;grid-template-columns:1fr auto;gap:4px 12px;font-size:13px;display:grid}.keys .k{font-family:var(--mono);direction:ltr}.kbd{text-align:center;min-width:22px;font:12px var(--mono);background:#ffffff1a;border:1px solid #fff3;border-radius:4px;margin:0 2px;padding:1px 6px;display:inline-block}.stage-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.stage-card{border:1px solid var(--line);cursor:pointer;text-align:center;background:#ffffff08;border-radius:10px;padding:14px}.stage-card:hover{border-color:var(--accent)}.stage-card.locked{opacity:.35;cursor:not-allowed}.stage-card .n{font-family:var(--display);color:var(--muted);font-size:12px}.stage-card .t{margin-top:4px;font-weight:800}.side-panel{background:var(--panel);border:1px solid var(--line);pointer-events:auto;border-radius:12px;flex-direction:column;width:min(420px,100vw - 24px);display:flex;position:absolute;top:12px;bottom:12px;right:12px;overflow:hidden}.side-panel.left{left:12px;right:auto}.side-panel header{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:10px 14px;display:flex}.side-panel header h3{font-family:var(--display);letter-spacing:2px;color:var(--accent);flex:1;margin:0;font-size:14px}.side-panel .body{flex:1;padding:10px 14px;overflow:auto}.side-panel .close{color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:18px}.tweak-row{font:12px var(--mono);grid-template-columns:110px 1fr 70px;align-items:center;gap:8px;padding:3px 0;display:grid}.tweak-row.changed label{color:var(--warn)}.tweak-row input[type=range]{width:100%}.tweak-row input[type=number]{width:70px}.tweak-meta{color:var(--muted);direction:rtl;margin:6px 0 10px;font-size:12px}.code-out{white-space:pre;direction:ltr;width:100%;min-height:220px;font-size:12px}.console{border:1px solid var(--lua);pointer-events:auto;height:38vh;font:13px var(--mono);background:#04060cf0;border-radius:10px;flex-direction:column;display:flex;position:absolute;bottom:12px;left:12px;right:12px}.console .out{white-space:pre-wrap;direction:ltr;flex:1;padding:8px 12px;overflow:auto}.console .out .err{color:var(--bad)}.console .out .res{color:var(--good)}.console .out .in{color:var(--lua)}.console .out .ar{text-align:right;color:var(--muted);direction:rtl}.console .in-row{border-top:1px solid #7c83ff66;display:flex}.console .in-row span{color:var(--lua);padding:8px 0 8px 12px}.console input{font:13px var(--mono);color:var(--text);background:0 0;border:none;outline:none;flex:1;padding:8px}.debug{font:11.5px var(--mono);color:#c8ffd8;white-space:pre;background:#000000b8;border:1px solid #3dff8a59;border-radius:8px;min-width:260px;max-height:60vh;padding:10px 12px;position:absolute;top:150px;left:16px;overflow:auto}.diag{pointer-events:auto;direction:rtl;width:min(460px,100vw - 32px);max-height:50vh;position:absolute;top:70px;right:16px;overflow:auto}.diag .item{border:1px solid var(--bad);background:#28060ef0;border-right-width:4px;border-radius:8px;margin-bottom:6px;padding:8px 10px;font-size:13px}.diag .item.warning{border-color:var(--warn);background:#282006f0}.diag .where{font:700 11.5px var(--mono);text-align:left;color:#ffb3c1;direction:ltr;align-items:center;gap:6px;margin-bottom:3px;display:flex}.diag .item.warning .where{color:#ffe29a}.diag .head{color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:4px;font-size:12px;display:flex}.toasts{direction:rtl;flex-direction:column;align-items:flex-end;gap:6px;display:flex;position:absolute;bottom:96px;right:16px}.toast{background:var(--panel);border:1px solid var(--line);border-radius:8px;max-width:420px;padding:6px 12px;font-size:13px;animation:.2s fadein}.toast.error{border-color:var(--bad)}.toast.warn{border-color:var(--warn)}.toast.good{border-color:var(--good)}.touch-hint{color:var(--muted);direction:rtl;font-size:13px;position:absolute;bottom:90px;left:50%;transform:translate(-50%)}@keyframes pulse{0%{filter:brightness()}to{filter:brightness(1.5)}}@keyframes pop{0%{transform:scale(1.35)}to{transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@keyframes fadein{to{opacity:1}}@media (max-width:720px){.hud-skills{gap:4px;bottom:10px}.skill{width:44px;height:44px}.skill .nm,.hints{display:none}.hud-combo{right:16px}.hud-combo .n{font-size:44px}}:root{--python:#ffd43b;--csharp:#a179dc;--go:#00add8;--wasm:#654ff0;--rust:#dea584}.badge.python{background:var(--python);color:#1a1400}.badge.csharp{background:var(--csharp);color:#fff}.badge.go{background:var(--go);color:#001a20}.badge.wasm{background:var(--wasm);color:#fff}.badge.rust{background:var(--rust);color:#1a0f00}.hud-gun{background:var(--panel);border:1px solid var(--line);text-align:right;border-radius:8px;min-width:190px;padding:10px 14px;position:absolute;bottom:96px;right:18px}.hud-gun .g-name{font:700 13px var(--display);letter-spacing:1px}.hud-gun .g-ammo{font:800 30px var(--mono);line-height:1.1}.hud-gun .g-ammo.low{color:var(--bad);animation:.5s infinite alternate pulse}.hud-gun .g-mode{font:600 11px var(--mono);color:var(--muted)}.g-bar{background:#00000080;border-radius:3px;height:5px;margin-top:6px;position:relative;overflow:hidden}.g-bar .fill{transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.g-bar.heat .fill{background:linear-gradient(90deg,#ffd166,#ff5c3d)}.g-bar.heat .fill.over{background:#ff2040;animation:.3s infinite alternate pulse}.g-bar.reload .fill{background:var(--accent)}.hud-skills.dim{opacity:.35}.crosshair{--gap:8px;width:0;height:0;position:absolute;top:50%;left:50%}.crosshair i{background:#fff;transition:transform 50ms linear;position:absolute;box-shadow:0 0 2px #000,0 0 4px #0009}.crosshair .t,.crosshair .b{width:2px;height:9px;left:-1px}.crosshair .l,.crosshair .r{width:9px;height:2px;top:-1px}.crosshair .t{top:calc(-1 * var(--gap) - 9px)}.crosshair .b{top:var(--gap)}.crosshair .l{left:calc(-1 * var(--gap) - 9px)}.crosshair .r{left:var(--gap)}.crosshair .dot{border-radius:50%;width:3px;height:3px;top:-1.5px;left:-1.5px}.crosshair.aim i{background:var(--accent)}.hud-boss.shielded .bar.hp .fill{background:repeating-linear-gradient(45deg,#7fe3ff 0 8px,#3a8fb0 8px 16px)}.hud-code{background:var(--panel);border:1px solid var(--line);white-space:nowrap;direction:rtl;border-radius:20px;padding:6px 14px;font-size:13px;position:absolute;bottom:90px;left:50%;transform:translate(-50%)}.hud-code.waiting{border-color:var(--accent);animation:.8s infinite alternate pulse;box-shadow:0 0 18px #7fe3ff73}.challenge-panel{background:var(--panel-solid);border:1px solid var(--line);pointer-events:auto;z-index:5;border-radius:10px;width:min(760px,96vw);max-height:94dvh;padding:14px 16px;position:absolute;top:3vh;right:2vw;overflow:auto;box-shadow:0 20px 60px #0009}.cp-head{direction:rtl;justify-content:space-between;align-items:center;gap:10px;display:flex}.cp-title{font-size:15px}.cp-file{font:11px var(--mono);color:var(--muted)}.cp-task{margin:10px 0;font-size:14px;line-height:1.7}.cp-kind{color:var(--accent);margin-bottom:4px;font-size:12px}.cp-code{border:1px solid var(--line);background:#060a12;border-radius:6px;height:46vh;min-height:220px;display:flex}.cp-lines{font:13px/1.5 var(--mono);color:#4d5b73;text-align:right;white-space:pre;-webkit-user-select:none;user-select:none;min-width:36px;padding:8px 6px;overflow:hidden}.cp-editor{font:13px/1.5 var(--mono);color:#d8e6ff;resize:none;tab-size:4;white-space:pre;background:0 0;border:0;outline:none;flex:1;padding:8px;overflow:auto}.cp-actions{direction:rtl;gap:8px;margin:10px 0;display:flex}.cp-msg{border-radius:6px;margin-top:4px;padding:6px 10px;font-size:13px}.cp-msg.good{color:var(--good);background:#3dff8a1f}.cp-msg.bad{color:var(--bad);background:#ff5c7a1f}.cp-msg.info{color:var(--muted);background:#7fe3ff14}.cp-diag{font:12px var(--mono);color:var(--warn);cursor:pointer;padding:3px 10px}.cp-diag:hover{text-decoration:underline}.cp-hint{border-right:3px solid var(--warn);white-space:pre-wrap;background:#ffd16612;margin-top:6px;padding:6px 10px;font-size:13px}.cp-solution{margin-top:10px}.cp-solution pre,.lesson-code{font:12px/1.5 var(--mono);border:1px solid var(--line);text-align:left;white-space:pre;background:#060a12;border-radius:6px;max-height:30vh;padding:10px;overflow:auto}.epoch-tabs{flex-wrap:wrap;justify-content:center;gap:6px;margin:8px 0 12px;display:flex}.epoch-tab.active{background:var(--accent);color:#001018}.epoch-tab.locked{opacity:.4}.stage-card.boss{border-color:#ff4d6d99}.stage-card.cleared .n{color:var(--good)}.stage-card .r{color:var(--muted);margin-top:4px;font-size:11px}.menu .note{color:var(--warn);margin:4px 0;font-size:14px}.menu.lesson p{text-align:right;line-height:1.8}.menu.lesson .try{color:var(--good)}.hud-streak{text-align:right;font-family:var(--display);text-shadow:0 0 18px,0 2px 4px #000;position:absolute;top:34%;right:4vw}.hud-streak .n{font-size:56px;font-weight:900;line-height:1}.hud-streak .t{letter-spacing:3px;font-size:18px}.hud-streak.pop{animation:.35s ease-out streakpop}@keyframes streakpop{0%{transform:scale(1.6)rotate(-6deg)}to{transform:scale(1)rotate(0)}}.hud-exec{font:800 16px var(--display);letter-spacing:3px;color:#ff2a3a;background:#140004bf;border:1px solid #ff2a3a;border-radius:20px;padding:6px 16px;animation:.4s infinite alternate pulse;position:absolute;top:58%;left:50%;transform:translate(-50%);box-shadow:0 0 22px #ff2a3a99}.dialogue{pointer-events:auto;z-index:6;position:absolute;inset:0}.dialogue .lb{background:#000;height:11vh;transition:transform .4s;position:absolute;left:0;right:0}.dialogue .lb.top{top:0}.dialogue .lb.bottom{bottom:0}.dialogue.bars-only{pointer-events:none}.dialogue.bars-only .dlg-box{display:none}.dlg-box{border:1px solid var(--line);text-align:right;direction:rtl;background:#05080ed1;border-right-width:4px;border-radius:8px;width:min(820px,92vw);padding:14px 20px;position:absolute;bottom:13vh;left:50%;transform:translate(-50%)}.dlg-box.narrator{text-align:center;background:0 0;border-color:#0000}.dlg-name{font:800 13px var(--display);letter-spacing:2px;margin-bottom:6px}.dlg-text{font:500 19px/1.7 var(--font);text-shadow:0 2px 6px #000;min-height:1.7em}.dlg-hint{font:11px var(--mono);color:var(--muted);text-align:left;margin-top:6px}.cine-title{text-align:center;z-index:7;pointer-events:none;text-shadow:0 0 30px,0 4px 10px #000;position:absolute;top:34%;left:0;right:0}.cine-title .main{font:900 min(9vw, 76px) var(--display);letter-spacing:6px}.cine-title .sub{font:600 22px var(--font);color:#fff;margin-top:6px}.cine-title.show{animation:2.8s ease-out both cinetitle}@keyframes cinetitle{0%{opacity:0;filter:blur(8px);transform:scale(1.5)}15%{opacity:1;filter:blur();transform:scale(1)}80%{opacity:1}to{opacity:0;transform:scale(.98)}}.bar.od{height:7px;margin-top:5px}.bar.od>.fill{background:linear-gradient(90deg,#7a0010,#ff3a4a)}.bar.od.full>.fill{background:linear-gradient(90deg,#ff3a4a,#ffd166,#ff3a4a);animation:.4s infinite alternate pulse}.bar.od.active>.fill{background:linear-gradient(90deg,#fff,#ff3a4a)}.bar.od .bar-label{letter-spacing:1px;font-size:9px}.hud.overdrive .hud-name{color:#ff3a4a}.hud-objective{font:700 14px var(--font);letter-spacing:1px;white-space:nowrap;direction:rtl;background:linear-gradient(90deg,#0000,#0009,#0000);padding:5px 18px;position:absolute;top:14px;left:50%;transform:translate(-50%)}.hud-objective.slide{animation:.5s ease-out objslide}@keyframes objslide{0%{opacity:0;letter-spacing:8px;transform:translate(-50%,-14px)}to{opacity:1;transform:translate(-50%)}}.hud-city{font:700 12px var(--mono);color:var(--good);position:absolute;top:64px;right:16px}.hud-city.low{color:var(--bad);animation:.6s infinite alternate pulse}.hud-boss.slidein{animation:.9s cubic-bezier(.2,1.4,.4,1) both bossslide}@keyframes bossslide{0%{opacity:0;transform:translate(-50%,-60px)scaleX(.2)}to{opacity:1;transform:translate(-50%)scaleX(1)}}.results .res-table{max-width:460px;margin:10px auto}.res-row{border-bottom:1px solid var(--line);direction:rtl;justify-content:space-between;padding:6px 10px;font-size:15px;animation:.3s ease-out objslide;display:flex}.res-row .v{font:700 15px var(--mono)}.res-grade{font:900 96px var(--display);text-align:center;text-shadow:0 0 30px;animation:.45s cubic-bezier(.2,1.6,.4,1) both stamp}@keyframes stamp{0%{opacity:0;transform:scale(3)rotate(-12deg)}to{opacity:1;transform:scale(1)rotate(-4deg)}}.gS{color:#ffd166}.gA{color:#3dff8a}.gB{color:#38f0ff}.gC{color:#b8a4ff}.gD{color:#ff5c7a}.stage-card .grade{font:900 20px var(--display);position:absolute;top:6px;left:8px}.stage-card{position:relative}.stage-card .hl,.menu .hl-top{color:var(--warn);margin-top:6px;font-size:11px;line-height:1.5}.menu .hl-top{font-size:13px}.choice .choice-timer{font:900 44px var(--display);color:var(--warn);margin:8px 0 14px}.modes{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;display:grid}.mode-card{border:1px solid var(--line);text-align:center;border-radius:10px;padding:12px}.lb-table{font:12px var(--mono);text-align:right;direction:rtl;max-height:30vh;line-height:1.8;overflow:auto}.coop-divider{pointer-events:none;z-index:1;background:linear-gradient(#38f0ff,#fff 50%,#b36bff);width:4px;margin-left:-2px;position:absolute;top:0;bottom:0;left:50%;box-shadow:0 0 16px #ffffff8c,0 0 4px #000}.coop-divider.h{background:linear-gradient(90deg,#38f0ff,#fff 50%,#b36bff);width:auto;height:4px;margin:-2px 0 0;inset:50% 0 auto}.hud.coop .hud-score{top:132px}.hud.coop .hud-skills{left:var(--p1x,50%)}.hud.coop .crosshair{left:var(--p1x,50%);top:var(--p1y,50%)}.hud.coop.p1-right .hud-player{left:auto;right:16px}.hud.coop.p1-right .hud-score{text-align:left;top:150px;left:16px;right:auto}.hud.coop.p1-bottom .hud-player{top:calc(50% + 14px)}.hud.coop.p1-top .hud-skills{bottom:calc(50% + 14px)}.hud.coop .hud-name span:first-child:after{content:" · P1";color:#ff8a2a}.coop-hud{pointer-events:none;position:absolute;inset:0}.coop-p2{width:min(300px,40vw);position:absolute;top:16px;right:16px}.coop-p2 .hud-name{color:#b36bff}.coop-p2 .bar.hp>.fill{background:linear-gradient(90deg,#1f8a4a,#3dff8a)}.coop-p2 .bar.en>.fill{background:linear-gradient(90deg,#5a2ab0,#b36bff)}.coop-p2 .bar.od{height:6px}.coop-p2 .bar.od>.fill{background:linear-gradient(90deg,#7a0010,#ff3a4a)}.coop-p2.od-full .bar.od>.fill{background:linear-gradient(90deg,#ff3a4a,#ffd166,#ff3a4a);animation:.4s infinite alternate pulse}.coop-p2.downed .bar.hp{border-color:#ff4d6d;animation:.5s infinite alternate pulse}.coop-hud.p2-left .coop-p2{left:16px;right:auto}.coop-hud.p2-bottom .coop-p2{top:calc(50% + 14px)}.coop-combo{text-align:center;font-family:var(--display);color:#ffd166;text-shadow:0 0 18px #ffd166b3,0 2px 4px #000;position:absolute;top:22%;left:50%;transform:translate(-50%)}.coop-combo .l{letter-spacing:6px;font-size:12px}.coop-combo .n{background:linear-gradient(90deg,#38f0ff,#ffd166,#b36bff);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:44px;font-weight:900;line-height:1}.coop-combo .b{font:700 12px var(--font);color:#fff}.coop-combo.pop .n{animation:.15s pop}.coop-down{text-align:center;position:absolute;transform:translate(-50%,-100%)}.coop-down .ring{--p:0;background:conic-gradient(currentColor calc(var(--p) * 360deg), #ffffff26 0);border-radius:50%;width:46px;height:46px;margin:0 auto 4px;animation:.6s infinite alternate pulse;-webkit-mask:radial-gradient(circle,#0000 55%,#000 57%);mask:radial-gradient(circle,#0000 55%,#000 57%)}.coop-down .lbl{font:800 12px var(--font);white-space:nowrap;direction:rtl;background:#000000b3;border-radius:10px;padding:3px 8px}.coop-tag{font:900 11px var(--display);letter-spacing:1px;background:#0000008c;border-radius:8px;padding:1px 6px;position:absolute;transform:translate(-50%,-100%)}.coop-tag.p1{color:#ff8a2a;border:1px solid #38f0ff}.coop-tag.p2{color:#3dff8a;border:1px solid #b36bff}.coop-cross{border:2px solid #b36bff;border-radius:50%;width:14px;height:14px;margin:-7px 0 0 -7px;position:absolute;box-shadow:0 0 6px #000}.coop-keys{direction:rtl;grid-template-columns:1fr auto auto;align-items:center;gap:4px 10px;max-height:46vh;font-size:13px;display:grid;overflow:auto}.coop-keys .hd{font:800 12px var(--display);color:var(--muted);letter-spacing:1px}.pad-status{font:600 13px var(--font);margin:6px 0}.pad-status.ok{color:var(--good)}.note-box{text-align:right;border:1px solid var(--line);direction:rtl;background:#00000040;border-radius:8px;margin:10px 0;padding:8px 14px;font-size:13px;line-height:1.7}.note-box p{margin:2px 0}.cine{z-index:8;pointer-events:none;position:absolute;inset:0;overflow:hidden}.cine-bar{z-index:2;background:#000;height:0;transition:height .9s cubic-bezier(.6,0,.2,1);position:absolute;left:0;right:0}.cine-bar.top{top:0}.cine-bar.bottom{bottom:0}.cine.open .cine-bar{height:11.5vh}.cine-sub{text-align:center;z-index:6;opacity:0;width:min(980px,92vw);transition:opacity .3s;position:absolute;bottom:13.5vh;left:50%;transform:translate(-50%)}.cine-sub.show{opacity:1}.cine-sub .cs-name{font:800 12px var(--display);letter-spacing:4px;text-shadow:0 0 10px;margin-bottom:6px}.cine-sub .cs-text{font:500 clamp(17px, 2.1vw, 25px)/1.65 var(--font);color:#f2f6ff;text-shadow:0 2px 8px #000,0 0 2px #000}.cine-sub .w{opacity:0;filter:blur(3px);transition:opacity .22s ease-out,transform .28s ease-out,filter .28s;display:inline-block;transform:translateY(6px)}.cine-sub .w.on{opacity:1;filter:none;transform:none}.cine-sub.narrator .cs-text{letter-spacing:.3px;color:#e9eefc;font-style:normal}.cine-sub.old .cs-text{color:#f1dcb0;text-shadow:0 0 6px #784614cc,0 2px 6px #000}.cine-big{text-align:center;z-index:6;width:min(1100px,90vw);font:200 clamp(30px, 5.4vw, 72px)/1.35 var(--font);letter-spacing:1px;color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cine-big .bw{opacity:0;filter:blur(8px);transition:opacity .9s,transform 1.4s,filter 1.1s;display:inline-block;transform:scale(1.12)}.cine-big .bw.on{opacity:1;filter:none;text-shadow:0 0 24px #a0c8ff59;transform:none}.cine-flash{opacity:0;z-index:7;mix-blend-mode:screen;background:#fff;position:absolute;inset:0}.cine-fade{opacity:0;z-index:4;background:#000;position:absolute;inset:0}.cine-film{opacity:0;z-index:1;background:radial-gradient(#0000 45%,#140a008c 78%,#000000eb 100%);transition:opacity .5s;position:absolute;inset:-4%}.cine-film.on{opacity:1;animation:.18s steps(2,end) infinite filmjitter}.cine-film .scan{background:repeating-linear-gradient(0deg,#0000002e 0 1px,#0000 1px 3px);position:absolute;inset:0}.cine-film .grain{opacity:.22;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:.3s steps(3,end) infinite grain;position:absolute;inset:-20%}@keyframes filmjitter{0%{transform:translate(0)scale(1)}50%{transform:translate(-.3%,.2%)scale(1.005)}to{transform:translate(.2%,-.2%)scale(1)}}@keyframes grain{0%{transform:translate(0)}33%{transform:translate(-2%,1%)}66%{transform:translate(1%,-2%)}to{transform:translate(0)}}.cine-dof{z-index:1;opacity:0;--dof:0px;transition:opacity .6s;position:absolute;inset:0}.cine-dof.on{opacity:1;-webkit-backdrop-filter:blur(var(--dof));backdrop-filter:blur(var(--dof))}.cine-dof.edges{-webkit-mask:radial-gradient(42% 40% at 50% 48%,#0000 55%,#000 100%);mask:radial-gradient(42% 40% at 50% 48%,#0000 55%,#000 100%)}.cine-dof.near{-webkit-mask:linear-gradient(#0000 62%,#000 100%);mask:linear-gradient(#0000 62%,#000 100%)}.cine-card{text-align:center;z-index:6;position:absolute;top:36%;left:0;right:0}.cine-card .main{font:900 clamp(48px, 10vw, 128px) var(--display);letter-spacing:.12em;direction:ltr}.cine-card .ml{opacity:0;background:linear-gradient(#fff 0%,#b9c6d6 38%,#5b6878 52%,#dfe8f2 64%,#7f8da0 100%);color:#0000;filter:drop-shadow(0 0 18px #38f0ff73)drop-shadow(0 3px 2px #000);transform:translate(var(--dx), var(--dy)) rotate(var(--r)) scale(2.2);-webkit-background-clip:text;background-clip:text;display:inline-block}.cine-card.in .ml{animation:metalin 1.1s cubic-bezier(.2, 1.3, .3, 1) var(--d) forwards}.cine-card.shatter .ml{animation:.9s ease-in forwards metalout}.cine-card .sub{font:600 clamp(15px, 1.8vw, 22px) var(--font);color:#9fdcff;letter-spacing:4px;opacity:0;margin-top:10px;animation:1s 1.2s forwards fadein}@keyframes metalin{0%{opacity:0;transform:translate(var(--dx), var(--dy)) rotate(var(--r)) scale(2.2);filter:blur(10px)}60%{opacity:1}to{opacity:1;transform:none}}@keyframes metalout{0%{opacity:1;transform:none}to{opacity:0;transform:translate(calc(var(--dx) * -.6), calc(var(--dy) * .8 + 120px)) rotate(calc(var(--r) * -.5)) scale(.6)}}.cine-chapter{text-align:right;z-index:6;direction:rtl;position:absolute;top:18%;right:7vw}.cine-chapter .lbl{font:700 13px var(--display);letter-spacing:6px;color:#9fdcff;opacity:0}.cine-chapter .nm{font:800 clamp(30px, 4.4vw, 58px) var(--font);color:#fff;text-shadow:0 0 20px #38f0ff66,0 3px 8px #000;opacity:0}.cine-chapter .badge{font:700 13px var(--mono);color:#38f0ff;opacity:0;border:1px solid #38f0ff;border-radius:14px;margin-top:8px;padding:3px 12px;display:inline-block}.cine-chapter.in .lbl{animation:.8s .1s forwards chapin}.cine-chapter.in .nm{animation:.9s .35s forwards chapin}.cine-chapter.in .badge{animation:.8s .8s forwards chapin}@keyframes chapin{0%{opacity:0;letter-spacing:12px;transform:translate(-30px)}to{opacity:1;transform:none}}.cine-ctrl{z-index:8;direction:rtl;gap:8px;display:flex;position:absolute;bottom:calc(11.5vh + 10px);left:18px}.cine-ctrl .btn{pointer-events:auto;opacity:.75}.cine-ctrl .btn:hover{opacity:1}.cine-engine{z-index:8;font:11px var(--mono);color:#ffffff73;direction:rtl;position:absolute;bottom:12px;right:16px}.overlay.tech-memory .menu{background-image:repeating-linear-gradient(0deg,#38f0ff0d 0 1px,#0000 1px 3px);animation:.9s ease-out techmem;box-shadow:0 0 40px #38f0ff40,inset 0 0 60px #38f0ff0f}.overlay.tech-memory .menu:before{content:"◈ ذاكرة تقنية — استُعيدت";font:700 12px var(--display);letter-spacing:0;color:#38f0ff;margin-bottom:8px;display:block}@keyframes techmem{0%{opacity:0;filter:blur(8px)brightness(2);transform:scale(.96)}40%{opacity:1}to{filter:none;transform:none}}.cine-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:6px;margin:6px 0 12px;display:grid}.cine-grid .btn.locked{opacity:.4}#screen-fade{opacity:0;pointer-events:none;z-index:50;background:#000;transition:opacity .26s;position:fixed;inset:0}#screen-fade.on{opacity:1}.hub-hud{pointer-events:none;position:absolute;inset:0}.hub-hud .hope{direction:rtl;width:min(260px,40vw);position:absolute;top:112px;left:16px}.hub-hud.in-stage .hope{opacity:.8;width:180px;top:auto;bottom:96px}.hub-hud .hope .lbl{font:800 11px var(--display);letter-spacing:3px;color:#ffd166}.hub-hud .hopebar{height:10px}.hub-hud .hopebar>.fill{background:linear-gradient(90deg,#6a4a10,#ffd166,#fff3c0)}.hub-hud .hopebar.pulse{animation:.9s ease-out hopepulse}@keyframes hopepulse{0%{box-shadow:0 0 #ffd16600}30%{box-shadow:0 0 22px #ffd166e6}to{box-shadow:0 0 #ffd16600}}.hope-gain{font:900 18px var(--display);opacity:0;position:absolute;top:0;left:0}.hope-gain.up{color:#ffd166}.hope-gain.down{color:#ff5c5c}.hope-gain.show{animation:1.4s ease-out hopegain}@keyframes hopegain{0%{opacity:0;transform:translateY(6px)}20%{opacity:1}to{opacity:0;transform:translateY(-26px)}}.hub-district{font:700 13px var(--font);text-shadow:0 1px 4px #000;white-space:nowrap;direction:rtl;position:absolute;top:46px;left:50%;transform:translate(-50%)}.hub-prompt{border:1px solid var(--accent);font:700 14px var(--font);white-space:nowrap;direction:rtl;background:#040a12d1;border-radius:18px;padding:7px 16px;animation:.9s infinite alternate pulse;position:absolute;bottom:150px;left:50%;transform:translate(-50%)}.hub-wallet{direction:ltr;align-items:center;gap:10px;display:flex;position:absolute;top:152px;left:16px}.hub-credits{font:800 18px var(--display);color:#ffd166;text-shadow:0 0 10px #ffd16680,0 2px 4px #000;letter-spacing:1px}.credit-gain{font:800 14px var(--display);opacity:0;transform:translateY(4px)}.credit-gain.up{color:#3dff8a}.credit-gain.down{color:#ff5c5c}.credit-gain.show{animation:1.4s ease-out forwards credit-pop}.credit-gain.quiet.show{font-size:12px;animation-duration:.9s}@keyframes credit-pop{0%{opacity:0;transform:translateY(6px)}15%{opacity:1;transform:translateY(0)}70%{opacity:1}to{opacity:0;transform:translateY(-10px)}}.overlay.forge-open{-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(90deg,#04060ceb 0%,#04060cd9 46%,#04060c00 62%);justify-content:flex-start}.overlay.forge-open .forge-panel{width:min(640px,52vw);max-height:92dvh;margin-inline-start:2vw;overflow-y:auto}.forge-tabs{flex-wrap:wrap;justify-content:flex-start;gap:6px;margin:8px 0;display:flex}.forge-tabs .btn{margin:0}.tv-screen{aspect-ratio:16/9;border:8px solid #0a0a0e;border-radius:10px;width:100%;max-width:860px;margin:6px auto 10px;display:block;box-shadow:0 0 40px #38f0ff40}.bout-bars{pointer-events:none;direction:rtl;align-items:center;gap:18px;display:flex;position:absolute;top:96px;left:50%;transform:translate(-50%)}.bout-bars.hidden{display:none}.bout-side{text-align:center;width:min(300px,34vw)}.bout-side b{font:800 15px var(--display);color:#fff;text-shadow:0 2px 4px #000;margin-bottom:4px;display:block}.bout-side.picked b{color:#ffd166}.bout-hp{background:#0009;border:1px solid #ffffff4d;border-radius:6px;height:12px;overflow:hidden}.bout-hp i{transform-origin:100%;background:linear-gradient(90deg,#ff4d6d,#ffd166);height:100%;transition:transform .25s;display:block}.bout-vs{font:900 26px var(--display);color:#ff4d6d;text-shadow:0 0 12px #ff4d6db3}.hub-clock{font:800 14px var(--display);color:#cfe6ff;text-shadow:0 2px 4px #000}.hub-rest{font:700 12px var(--display);color:#ff8a8a}.swatch-btn{color:#000;border:2px solid #ffffff4d;width:40px;height:34px;padding:0;font-weight:900}.swatch-btn.primary{border-color:#ffd166;box-shadow:0 0 0 2px #ffd166}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;max-height:52vh;margin:10px 0 14px;padding:2px;display:grid;overflow-y:auto}.shop-card{text-align:right;background:#0a101cd9;border:1px solid #38f0ff40;border-radius:10px;flex-direction:column;gap:6px;padding:12px;display:flex}.shop-card.owned{border-color:#3dff8a80}.shop-card.current{box-shadow:inset 0 0 0 2px #ffd166}.shop-card h3{font:800 15px var(--display);color:#e8f4ff;margin:0}.shop-card p{color:#9fb4cc;margin:0;font-size:12px;line-height:1.5}.shop-card .stat{color:#7fe3ff;font-size:12px}.shop-card .pips{direction:ltr;justify-content:flex-end;gap:4px;display:flex}.shop-card .pips i{background:#ffffff1f;border-radius:2px;width:16px;height:6px}.shop-card .pips i.on{background:linear-gradient(90deg,#38f0ff,#3dff8a);box-shadow:0 0 6px #38f0ff99}.shop-card .swatch{border:1px solid #ffffff40;border-radius:6px;height:26px}.shop-card .btn{margin:4px 0 0}.shop-balance{font:800 16px var(--display);color:#ffd166;margin:0 0 4px}.mission-card .pay{font:800 16px var(--display);color:#3dff8a}.hub-fuel{background:#0009;border-radius:3px;width:120px;height:5px;position:absolute;bottom:132px;left:50%;overflow:hidden;transform:translate(-50%)}.hub-fuel i{transform-origin:0;background:linear-gradient(90deg,#ff6a2a,#ffd166);height:100%;display:block}.speech.civ{color:#10141c;font:700 13px var(--font);white-space:nowrap;direction:rtl;background:#ffffffeb;border-radius:10px;padding:4px 10px;position:absolute;transform:translate(-50%,-100%)}.hub-map{z-index:20;pointer-events:auto;background:#020408eb;flex-direction:column;align-items:center;padding:18px;display:flex;position:absolute;inset:0}.hub-map-head{direction:rtl;align-items:baseline;gap:16px;display:flex}.hub-map-head span{color:var(--muted);font-size:12px}.hub-map-body{direction:rtl;gap:18px;margin-top:10px;display:flex}.hub-map-canvas{border:1px solid var(--line);border-radius:8px;box-shadow:0 0 40px #38f0ff26}.hub-map-info{flex-direction:column;gap:8px;width:300px;font-size:14px;display:flex}.hub-map-info .legend{color:var(--muted);font-size:12px;line-height:1.8}.hub-stage-list{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;max-height:50vh;margin:10px 0;display:grid;overflow:auto}.hub-stage-list .btn{text-align:right;direction:rtl}.hub-minimap{--mm:clamp(120px, 21vh, 185px);width:var(--mm);height:var(--mm);pointer-events:none;background:#0a0d14;border-radius:50%;position:absolute;top:88px;right:22px;box-shadow:0 0 0 5px #1c222c,0 0 0 7px #4a5566,0 0 0 9px #11151c,0 8px 30px #000000b3,0 0 26px #2f8cff40}.hub-minimap .mm-canvas{width:var(--mm);height:var(--mm);border-radius:50%;display:block}.hub-minimap .mm-glass{pointer-events:none;background:radial-gradient(circle at 35% 25%,#ffffff1f,#0000 45%),radial-gradient(circle,#0000 62%,#0000008c 100%);border-radius:50%;position:absolute;inset:0}.hub-minimap .mm-ring{border-radius:50%;position:absolute;inset:-2px}.hub-minimap .mm-ring b{width:18px;height:18px;font:900 10px/16px var(--display);text-align:center;color:#cfd8e6;background:#11151c;border:1px solid #4a5566;border-radius:50%;margin:-9px 0 0 -9px;position:absolute}.hub-minimap .mm-ring .mm-N{color:#ff4d5e;top:0;left:50%}.hub-minimap .mm-ring .mm-E{top:50%;left:100%}.hub-minimap .mm-ring .mm-S{top:100%;left:50%}.hub-minimap .mm-ring .mm-W{top:50%;left:0}.hub-minimap .mm-label{font:700 12px var(--font);color:#e8f1ff;white-space:nowrap;direction:rtl;background:#080c12d9;border:1px solid #2f8cff;border-radius:12px;padding:3px 12px;position:absolute;bottom:-30px;left:50%;transform:translate(-50%)}.hub-speedometer{font:800 14px var(--display);color:#e8f1ff;text-shadow:0 0 10px #38f0ff99;direction:rtl;position:absolute;bottom:140px;right:30px}.hub-speedometer b{font-size:42px}.hub-speedometer i{color:#ff8a1a;font-style:normal;animation:.3s infinite alternate pulse}.hub-map-info .tip{color:#ffd166;font-size:13px}.phone{background:linear-gradient(160deg,#10141e,#1c2232);border:3px solid #2a3142;border-radius:28px;width:min(360px,100%);margin:6px auto;padding:12px 14px 16px;box-shadow:0 10px 40px #0008,inset 0 0 0 1px #ffffff14}.phone-bar{color:#9fb4cc;justify-content:space-between;margin-bottom:10px;font-size:12px;display:flex}.phone-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin:8px 0 12px;display:grid}.phone-app{color:#e8eef8;cursor:pointer;font:inherit;background:#ffffff10;border:0;border-radius:16px;flex-direction:column;align-items:center;gap:4px;padding:10px 2px;font-size:11px;display:flex}.phone-app b{font-size:26px;line-height:1}.phone-app:hover{background:#fff2}.phone-app.off{opacity:.35;cursor:default}.phone-chat{flex-direction:column;gap:8px;max-height:46vh;margin-bottom:10px;display:flex;overflow-y:auto}.bubble{text-align:right;direction:rtl;unicode-bidi:plaintext;border-radius:14px;max-width:85%;padding:8px 12px;font-size:14px;line-height:1.5}.bubble.brother{background:#d9772a33;border:1px solid #ff8a1a66;align-self:flex-start}.bubble.me{background:#38f0ff22;border:1px solid #38f0ff55;align-self:flex-end}.bubble.system{color:#9fb4cc;text-align:center;background:#ffffff0d;align-self:center;font-size:12px}body.photo-mode #ui>*,body.photo-mode .toast,body.photo-mode #minimap{visibility:hidden!important}.photo-overlay{z-index:50;color:#e8eef8;pointer-events:none;direction:rtl;background:#0008;border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;padding:8px 16px;font-size:13px;animation:6s forwards photoHint;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%)}.photo-overlay b{color:#ffd166}@keyframes photoHint{0%,70%{opacity:1}to{opacity:.15}}.photo-flash{z-index:60;pointer-events:none;background:#fff;animation:.45s ease-out forwards photoFlash;position:fixed;inset:0}@keyframes photoFlash{0%{opacity:.85}to{opacity:0}}.cloud-fx{z-index:1;pointer-events:none;opacity:0;background:radial-gradient(#ffffffd0 0%,#e8eef6e8 70%,#dfe6f0 100%);transition:opacity .25s;position:fixed;inset:0}.news{color:#1d1a16;text-align:right;background:#f3ecdf;border-radius:10px;max-height:56vh;padding:14px 16px;font-family:Georgia,Times New Roman,Tahoma,serif;overflow-y:auto}.news-mast{border-bottom:3px double #1d1a16;justify-content:space-between;align-items:baseline;margin-bottom:10px;padding-bottom:6px;display:flex}.news-mast b{letter-spacing:.02em;font-size:1.6rem}.news-mast span{opacity:.7;font-size:.8rem}.news-item{border-bottom:1px solid #c9bda6;padding:8px 0}.news-item h3{margin:2px 0 4px;font-size:1.02rem}.news-item p{color:#3a342c;margin:0;font-size:.88rem;line-height:1.5}.news-item.lead h3{font-size:1.35rem}.news-sec{color:#fff;background:#8a1020;border-radius:3px;padding:1px 6px;font-size:.7rem;font-weight:700;display:inline-block}.rain-fx{pointer-events:none;z-index:4;opacity:0;contain:strict;transition:opacity 1.2s;position:fixed;inset:0;overflow:hidden}.rain-fx:before{content:"";will-change:transform;background-image:radial-gradient(3px 6px at 12% 18%,#dcebff59,#0000 70%),radial-gradient(2px 5px at 34% 62%,#dcebff4d,#0000 70%),radial-gradient(3px 7px at 71% 27%,#dcebff52,#0000 70%),radial-gradient(2px 4px at 86% 74%,#dcebff4d,#0000 70%),radial-gradient(3px 6px at 52% 9%,#dcebff47,#0000 70%);background-size:340px 320px,280px 320px,420px 320px,300px 320px,380px 320px;height:calc(100% + 320px);animation:1.6s linear infinite rain-slide;position:absolute;top:-320px;left:0;right:0}.rain-fx:after{content:"";background:linear-gradient(#3c506e1f,#3c506e2e);position:absolute;inset:0}@keyframes rain-slide{0%{transform:translateY(0)}to{transform:translateY(320px)}}.timelapse-bar{pointer-events:none;z-index:6;opacity:0;color:#ffd166;background:#0a0c14b3;border-radius:20px;padding:8px 18px;font-size:1.05rem;font-weight:700;transition:opacity .6s;position:fixed;bottom:9%;left:50%;transform:translate(-50%)}body.photo-mode .rain-fx,body.photo-mode .timelapse-bar{display:none}.hub-danger{color:#ffd0d0;background:linear-gradient(90deg, rgba(160, 10, 20, calc(.25 + var(--d,0) * .6)), #14000480);border:1px solid rgba(255, 40, 60, calc(.2 + var(--d,0) * .7));direction:rtl;border-radius:6px;padding:3px 12px;font-size:.95rem;font-weight:800;position:absolute;top:196px;left:16px}.hub-danger.max{color:#fff;text-shadow:0 0 8px #ff1a2a;animation:1.1s ease-in-out infinite danger-pulse}@keyframes danger-pulse{50%{box-shadow:0 0 18px #ff1428cc}}.hub-hud.in-stage .hub-danger{display:none}.hub-restore{color:#e8f1ff;background:linear-gradient(90deg, rgba(61, 255, 138, calc(.12 + var(--r,0) * .45)) calc(var(--r,0) * 100%), #0a0e1699 calc(var(--r,0) * 100%));direction:rtl;border:1px solid #3dff8a59;border-radius:6px;padding:3px 12px;font-size:.9rem;font-weight:800;position:absolute;top:230px;left:16px}.hub-restore.done{color:#fff;border-color:#3dff8a;box-shadow:0 0 14px #3dff8a8c}.hub-hud.in-stage .hub-restore{display:none}.nation-head{direction:rtl;align-items:center;gap:16px;margin:8px 0 14px;display:flex}.nation-flag{border-radius:4px;width:120px;height:74px;box-shadow:0 2px 12px #00000080}.hub-map-stage{position:relative}.hub-map-tip{pointer-events:none;color:#fff;white-space:nowrap;z-index:2;direction:rtl;background:#060a12eb;border:1px solid #ffd166;border-radius:6px;padding:4px 10px;font-size:13px;position:absolute}.hub-map-info .map-tools{flex-wrap:wrap;gap:6px;display:flex}.hub-map-info .map-tools .btn{flex:1 1 0;width:auto;min-width:0;margin:0;padding:4px 10px}.hub-map-info .map-layers{flex-wrap:wrap;gap:6px;display:flex}.hub-map-info .chip{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#ffffff0f;border-radius:999px;padding:3px 10px;font-size:12px}.hub-map-info .chip.on{color:#fff;background:#38f0ff26;border-color:#38f0ff}.hub-map-canvas{cursor:grab}.hub-map-canvas:active{cursor:grabbing}.hub-phone-btn{pointer-events:auto;color:#fff;cursor:pointer;background:#0a0e16bf;border:1px solid #38f0ff;border-radius:10px;align-items:center;gap:6px;padding:4px 12px;font-size:22px;display:flex;position:absolute;top:270px;left:16px;box-shadow:0 0 12px #38f0ff59}.hub-phone-btn span{color:#38f0ff;border:1px solid #38f0ff;border-radius:4px;padding:0 5px;font:700 12px Tahoma}.hub-phone-btn:hover{background:#38f0ff33}.hub-phone-btn.locked{opacity:.45;box-shadow:none;border-color:#6a6a72}.hub-hud.in-stage .hub-phone-btn{display:none}.rg-root{z-index:60;color:#fff;direction:rtl;background:#06040ed1;border:2px solid #ff4dd2;border-radius:16px;flex-direction:column;width:440px;height:540px;padding:12px;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 40px #ff4dd273}.rg-title{text-align:center;color:#ffd166;font:800 14px Tahoma}.rg-score{text-align:center;color:#38f0ff;margin:4px 0;font:900 22px Tahoma}.rg-lanes{direction:ltr;flex:1;gap:8px;display:flex;position:relative}.rg-lane{background:linear-gradient(#ffffff05,#ffffff12);border-radius:10px;flex:1;position:relative;overflow:hidden}.rg-target{border:3px solid var(--c);height:46px;color:var(--c);box-shadow:0 0 14px var(--c);border-radius:10px;justify-content:center;align-items:center;font:900 24px Tahoma;display:flex;position:absolute;top:85%;left:8%;right:8%;transform:translateY(-50%)}.rg-note{background:var(--c);color:#05030a;height:40px;box-shadow:0 0 16px var(--c);border-radius:10px;justify-content:center;align-items:center;font:900 22px Tahoma;display:flex;position:absolute;left:12%;right:12%;transform:translateY(-50%)}.rg-feedback{text-align:center;height:40px;font:900 30px Tahoma}.rg-feedback.perfect{color:#3dff8a;text-shadow:0 0 14px #3dff8a}.rg-feedback.good{color:#ffd166}.rg-feedback.miss{color:#ff5c5c}.bs-vignette{pointer-events:none;z-index:5;background:radial-gradient(ellipse at center, #0000 38%, rgba(0,0,0,var(--k,.5)) 100%);position:fixed;inset:0}.bs-vignette.beat{animation:.32s ease-out bs-beat}@keyframes bs-beat{0%{filter:brightness();transform:scale(1)}30%{filter:brightness(.82);transform:scale(1.025)}to{filter:brightness();transform:scale(1)}}:root{--sat:env(safe-area-inset-top,0px);--sar:env(safe-area-inset-right,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px);--tb:clamp(50px, 11.5vmin, 82px)}html,body{overscroll-behavior:none;-webkit-tap-highlight-color:transparent}canvas#game{touch-action:none;width:100%;height:100%}#ui{-webkit-user-select:none;user-select:none}#ui input,#ui textarea{-webkit-user-select:text;user-select:text}.hud-player{top:calc(16px + var(--sat));left:calc(16px + var(--sal))}.hud-score{top:calc(16px + var(--sat));right:calc(16px + var(--sar))}.hud-skills{bottom:calc(18px + var(--sab))}.hints{left:calc(16px + var(--sal));bottom:calc(16px + var(--sab))}@media (pointer:coarse){.cine-film .grain,.cine-dof{display:none!important}.title,.hud-combo .n{filter:none!important}}@media (prefers-reduced-motion:reduce){.hub-prompt,.hud-code.waiting,.hub-danger.max{animation:none!important}}@media (hover:none){.btn:hover,.stage-card:hover,.phone-app:hover,.hub-phone-btn:hover{filter:none;transform:none}}@media (pointer:coarse){.btn,.btn.small,.chip,.side-panel .close,.swatch-btn,.epoch-tab,.phone-app,.hub-map-info .map-tools .btn{min-width:44px;min-height:44px}.btn.small,.hub-map-info .chip{padding:10px 14px;font-size:14px}.side-panel .close{padding:10px}.hints,.touch-hint{display:none!important}}.tc-root{z-index:3;pointer-events:none;touch-action:none;position:fixed;inset:0}.tc-zone{pointer-events:auto;touch-action:none;position:absolute;inset:0}.tc-stick{width:calc(var(--tb) * 2);height:calc(var(--tb) * 2);margin:calc(var(--tb) * -1) 0 0 calc(var(--tb) * -1);opacity:0;pointer-events:none;background:radial-gradient(circle,#7fe3ff1f,#0a101c40);border:2px solid #7fe3ff73;border-radius:50%;transition:opacity .12s;position:fixed}.tc-stick.on{opacity:1}.tc-knob{background:radial-gradient(circle at 35% 30%,#bff6ff,#38c8f0 55%,#0e4a6a);border-radius:50%;width:46%;height:46%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 18px #38c8f0a6}.tc-btn{pointer-events:auto;touch-action:none;width:var(--tb);height:var(--tb);font-size:calc(var(--tb) * .42);color:#fff;-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 35% 30%,#3c5a82bf,#080e1ac7);border:2px solid #7fe3ff8c;border-radius:50%;justify-content:center;align-items:center;padding:0;line-height:1;display:flex;position:absolute;box-shadow:0 4px 14px #00000073,inset 0 0 10px #7fe3ff2e}.tc-btn.on{background:radial-gradient(circle,#7fe3ff8c,#143c5ad9);transform:scale(.9);box-shadow:0 0 22px #7fe3ffcc}.tc-cluster{right:calc(14px + var(--sar));bottom:calc(14px + var(--sab));width:calc(var(--tb) * 3.6);height:calc(var(--tb) * 2.8);pointer-events:none;position:absolute}.tc-light{width:calc(var(--tb) * 1.45);height:calc(var(--tb) * 1.45);font-size:calc(var(--tb) * .6);border-color:#ffd666cc;bottom:0;right:0}.tc-heavy{right:calc(var(--tb) * 1.6);bottom:0}.tc-jump{right:calc(var(--tb) * .22);bottom:calc(var(--tb) * 1.62)}.tc-dodge{right:calc(var(--tb) * 1.5);bottom:calc(var(--tb) * 1.18)}.tc-interact{right:calc(var(--tb) * 2.75);bottom:calc(var(--tb) * .02);width:calc(var(--tb) * .85);height:calc(var(--tb) * .85);opacity:.55}.tc-parry{right:calc(var(--tb) * 2.75);bottom:calc(var(--tb) * 1.02);width:calc(var(--tb) * .8);height:calc(var(--tb) * .8);font-size:calc(var(--tb) * .34)}.tc-lock{right:calc(var(--tb) * 2.62);bottom:calc(var(--tb) * 1.98);width:calc(var(--tb) * .72);height:calc(var(--tb) * .72);font-size:calc(var(--tb) * .32)}.tc-gun{right:calc(var(--tb) * 1.62);bottom:calc(var(--tb) * 2.24);width:calc(var(--tb) * .72);height:calc(var(--tb) * .72);font-size:calc(var(--tb) * .32)}.tc-interact.ready{opacity:1;border-color:#3dff8a;animation:.7s infinite alternate pulse;box-shadow:0 0 20px #3dff8abf}.tc-tools{right:calc(var(--sar) + 214px);top:calc(var(--sat) + 6px);flex-direction:row;gap:8px;display:flex;position:absolute}.tc-tools .tc-btn{width:max(44px, calc(var(--tb) * .72));height:max(44px, calc(var(--tb) * .72));font-size:max(18px, calc(var(--tb) * .32));position:relative}.tc-rotate{display:none}@media (pointer:coarse) and (orientation:portrait){body.touch .tc-rotate{z-index:100;color:#e8f1ff;font:800 20px var(--font);direction:rtl;background:#04070ef0;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:fixed;inset:0}.tc-rotate-icon{font-size:64px;animation:1.6s ease-in-out infinite rotate-hint}}@keyframes rotate-hint{0%,30%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}body.touch-play .hud-skills{left:auto;right:calc(14px + var(--sar));bottom:calc(14px + var(--sab) + var(--tb) * 3.04);pointer-events:auto;gap:6px;transform:none}body.touch-play .hud-skills .skill{width:calc(var(--tb) * .82);height:calc(var(--tb) * .82);touch-action:none;border-radius:50%}body.touch-play .hud-skills .skill[data-action=light],body.touch-play .hud-skills .skill[data-action=heavy],body.touch-play .hud-skills .skill .key,body.touch-play .hud-skills .skill .cost{display:none}body.touch-play .hud-skills .skill .nm{margin-top:0;font-size:10px}body.touch-play .hud-skills .skill.on{transform:scale(.9);box-shadow:0 0 18px #7fe3ffcc}body.touch-play .hud-gun{bottom:auto;top:calc(var(--sat) + 70px);right:calc(14px + var(--sar));min-width:0;padding:6px 10px}body.touch-play .toasts{bottom:auto;top:calc(var(--sat) + 60px);align-items:center;right:50%;transform:translate(50%)}body.touch-play .hub-prompt{pointer-events:auto;bottom:calc(var(--sab) + var(--tb) * .6);padding:10px 18px;font-size:15px}body.touch-play .hud-combo{right:calc(var(--tb) * 4)}@media (max-height:480px),(max-width:720px){.hud-player{width:min(260px,38vw)}.hud-boss{top:calc(var(--sat) + 52px);width:min(420px,60vw)}.hud-score .score{font-size:16px}.hud-objective{top:calc(var(--sat) + 6px);white-space:normal;text-align:center;max-width:56vw;font-size:12px}.hud-city{top:calc(var(--sat) + 44px)}.hud-weapon{display:none}.hope,.hub-wallet,.hub-danger,.hub-restore,.hub-phone-btn{transform-origin:0 0;transform:scale(.82)}.hub-hud:not(.in-stage) .hope{top:calc(var(--sat) + 90px)}.hub-wallet{top:calc(var(--sat) + 120px)}.hub-danger{top:calc(var(--sat) + 142px)}.hub-restore{top:calc(var(--sat) + 174px)}.hub-phone-btn{top:calc(var(--sat) + 202px)}.hub-minimap{--mm:clamp(84px, 22vmin, 120px);top:calc(var(--sat) + 52px);right:calc(14px + var(--sar))}.hub-minimap .mm-label{display:none}.tc-tools{right:calc(var(--sar) + 112px)}body.touch .hud-objective{white-space:normal;max-width:max(150px, calc(100vw - 2 * (var(--sar) + 112px + 3 * 44px + 32px)));text-align:center;padding:3px 10px;font-size:12px;line-height:1.3}body.touch .hub-district{top:calc(var(--sat) + 60px);font-size:12px}body.touch .hud-score{top:calc(var(--sat) + 6px);right:calc(var(--sar) + 36px);max-width:70px}body.touch .hud-score .score{font-size:18px}body.touch .hud-score .zone{display:none}.hub-prompt,.hud-code{white-space:normal;text-align:center;max-width:70vw}.dlg-box{padding:8px 12px;bottom:12dvh}.dlg-text{font-size:15px}.cine-big,.cine-card .main{letter-spacing:.06em;font-size:clamp(30px,10vw,128px)}.menu{padding:16px}.form-row{flex-wrap:wrap}.form-row select,.form-row input[type=range]{width:100%}.skill .nm,.skill .cost,.bar-label,.badge,.status-chip,.hud-boss .phase,.stage-card .r,.stage-card .hl,.coop-tag{font-size:12px}.bar{height:16px}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(min(230px,100%),1fr));max-height:none}.hub-map{padding:10px;overflow:auto}.hub-map-body{flex-direction:column;align-items:center}.hub-map-info{width:100%}.rg-root{width:min(440px,96vw);height:min(540px,92dvh)}}@media (max-width:900px){.overlay.forge-open .forge-panel{width:calc(100vw - 24px);margin-inline-start:12px}.challenge-panel .cp-code{flex:1;height:auto;min-height:140px}}@media (max-width:480px){.menu{border-radius:10px;width:calc(100vw - 16px);padding:14px}.keys,.coop-keys{grid-template-columns:1fr 1fr!important}}@media (min-width:1800px) and (min-height:1000px){.hud-player{width:400px}.skill{width:66px;height:66px}}.dlg-skip{border:1px solid var(--accent);min-height:40px;color:var(--text);font:700 14px var(--font);pointer-events:auto;background:#040a12d9;border-radius:20px;padding:6px 14px;position:absolute;top:8px;left:10px}.photo-touch{z-index:61;touch-action:none;position:fixed;inset:0}.photo-touch .photo-btn{width:calc(var(--tb) * .9);height:calc(var(--tb) * .9);font-size:calc(var(--tb) * .36)}.photo-touch .pf{left:calc(var(--sal) + var(--tb) * 1.05);bottom:calc(var(--sab) + var(--tb) * 1.9)}.photo-touch .pb{left:calc(var(--sal) + var(--tb) * 1.05);bottom:calc(var(--sab) + 14px)}.photo-touch .pl{left:calc(var(--sal) + 14px);bottom:calc(var(--sab) + var(--tb) * .95)}.photo-touch .pr{left:calc(var(--sal) + var(--tb) * 2.05);bottom:calc(var(--sab) + var(--tb) * .95)}.photo-touch .pu{right:calc(var(--sar) + 14px);bottom:calc(var(--sab) + var(--tb) * 2.1)}.photo-touch .pd{right:calc(var(--sar) + 14px);bottom:calc(var(--sab) + var(--tb) * 1.05)}.photo-touch .pshot{right:calc(var(--sar) + var(--tb) * 1.2);bottom:calc(var(--sab) + 14px);width:calc(var(--tb) * 1.3);height:calc(var(--tb) * 1.3);border-color:#ffd166}.photo-touch .pfilter{right:calc(var(--sar) + 14px);top:calc(var(--sat) + 14px)}.photo-touch .pdof{right:calc(var(--sar) + var(--tb) * 1.05);top:calc(var(--sat) + 14px)}.photo-touch .pexit{left:calc(var(--sal) + 14px);top:calc(var(--sat) + 14px);border-color:#ff5c7a}.rg-lane{touch-action:none}.rg-lane.hit{background:color-mix(in srgb, var(--c) 30%, transparent)}.tc-menu{top:calc(var(--sat) + 56px);right:calc(var(--sar) + 112px);pointer-events:auto;border:1px solid var(--accent);z-index:4;direction:rtl;background:#040810eb;border-radius:12px;flex-direction:column;gap:6px;padding:8px;display:flex;position:absolute}.tc-menu-item{border:1px solid var(--line);min-height:44px;color:var(--text);font:700 15px var(--font);text-align:right;background:#ffffff0f;border-radius:8px;padding:8px 16px}.city-loading{z-index:70;color:#e8f1ff;direction:rtl;background:radial-gradient(#10203a 0%,#05070d 70%);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;transition:opacity .4s;display:flex;position:fixed;inset:0}.city-loading.out{opacity:0;pointer-events:none}.city-loading .cl-title{font:900 clamp(24px, 5vw, 44px) var(--display);letter-spacing:2px;color:#7fe3ff;text-shadow:0 0 18px #38f0ff99;text-align:center}.city-loading .cl-bar{background:#ffffff14;border:1px solid #7fe3ff4d;border-radius:4px;width:min(520px,80vw);height:8px;overflow:hidden}.city-loading .cl-bar i{transform-origin:100%;background:linear-gradient(90deg,#38c8f0,#ff3ad8);height:100%;transition:transform .25s;display:block;transform:scaleX(0)}.city-loading .cl-label{font:700 13px var(--mono);color:var(--muted)}.city-loading .cl-tip{text-align:center;max-width:min(640px,90vw);font:700 clamp(14px, 2.4vw, 18px) var(--font);color:#ffd166;min-height:2.6em}.engage-badge{left:50%;top:calc(var(--sat) + 76px);pointer-events:auto;color:#ffd166;font:800 13px var(--font);cursor:pointer;z-index:3;direction:rtl;background:#140a04c7;border:1px solid #ffb03a;border-radius:18px;padding:6px 16px;position:absolute;transform:translate(-50%)}.engage-badge.ready{color:#3dff8a;border-color:#3dff8a;animation:.8s infinite alternate pulse;box-shadow:0 0 16px #3dff8a99}@media (max-height:480px){.engage-badge{top:auto;bottom:calc(var(--sab) + 10px);left:calc(var(--sal) + 50%);padding:5px 12px;font-size:12px}}.killcam-flash{z-index:55;pointer-events:none;background:radial-gradient(circle,#ffffff8c,#ffd27800 60%);justify-content:center;align-items:center;animation:2.6s ease-out forwards killflash;display:flex;position:fixed;inset:0}.killcam-flash b{font:900 clamp(28px, 6vw, 64px) var(--display);color:#ffd166;letter-spacing:3px;text-shadow:0 0 24px #ff6a1a,0 0 4px #000;direction:rtl;transform:skew(-8deg)}@keyframes killflash{0%{opacity:1}15%{opacity:.9}to{opacity:0}}.killcam-shot{right:calc(var(--sar) + 16px);top:calc(var(--sat) + 90px);z-index:56;pointer-events:auto;background:#060a12eb;border:1px solid #ffd166;border-radius:10px;flex-direction:column;gap:6px;width:min(260px,40vw);padding:8px;transition:opacity .5s,transform .5s;animation:.4s ease-out shotin;display:flex;position:fixed}.killcam-shot img{border-radius:6px;width:100%}.killcam-shot.out{opacity:0;transform:translate(40px)}@keyframes shotin{0%{opacity:0;transform:translate(40px)scale(.9)}to{opacity:1;transform:none}}.streak-dots{justify-content:center;gap:8px;margin:6px 0 12px;display:flex}.streak-dots span{filter:grayscale()opacity(.35);font-size:22px}.streak-dots span.on{filter:none;text-shadow:0 0 12px #ff8a1a}.rank-table{direction:rtl;flex-direction:column;gap:4px;margin:8px 0;display:flex}.rank-row{border:1px solid var(--line);background:#ffffff0a;border-radius:8px;grid-template-columns:44px 1fr auto auto;align-items:center;gap:10px;padding:8px 12px;display:grid}.rank-row.me{background:#ffd1661a;border-color:#ffd166}.shot-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;display:grid}.shot-grid .shot{border:1px solid var(--line);direction:rtl;background:#ffffff0a;border-radius:8px;flex-direction:column;gap:4px;padding:6px;display:flex}.shot-grid img{border-radius:6px;width:100%}.eng-bar{border:1px solid var(--line);background:#ffffff14;border-radius:5px;height:10px;margin:6px 0;overflow:hidden}.eng-bar i{background:linear-gradient(90deg,#ffb03a,#ffd166);border-radius:5px;height:100%;display:block}.hero-wheel{z-index:60;pointer-events:auto;background:radial-gradient(circle,#06080e8c,#000000d1);justify-content:center;align-items:center;animation:.18s ease-out hwIn;display:flex;position:fixed;inset:0}@keyframes hwIn{0%{opacity:0}to{opacity:1}}.hw-ring{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0c1480;border:2px solid #ffffff1f;border-radius:50%;width:min(440px,86vmin);height:min(440px,86vmin);position:relative}.hw-slot{color:#e8ecf4;cursor:pointer;width:38%;height:30%;font:700 clamp(11px, 2.6vmin, 15px) var(--font);direction:rtl;background:#101420e6;border:2px solid #ffffff2e;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:4px;transition:transform .12s,border-color .12s;display:flex;position:absolute}.hw-slot b{font-size:clamp(28px,8vmin,46px);line-height:1}.hw-slot small{opacity:.75;font-weight:600}.hw-slot:hover{border-color:var(--hc,#38f0ff);transform:scale(1.06)}.hw-slot.cur{border-color:var(--hc,#38f0ff);box-shadow:0 0 24px var(--hc,#38f0ff)}.hw-slot.locked{opacity:.4;cursor:default}.hw-top{top:3%;left:31%}.hw-bottom{bottom:3%;left:31%}.hw-left{top:35%;left:2%}.hw-right{top:35%;right:2%}.hw-center{text-align:center;color:#ffd166;font:900 clamp(10px, 2.4vmin, 14px) var(--font);background:radial-gradient(circle,#1a1206,#0a0a10);border:2px solid #ffd166;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;inset:38%}.ar-ls{letter-spacing:0!important}.online-status{direction:rtl;margin:8px 0 12px}.online-status p{margin:6px 0}.online-status .ok{color:var(--good);font-weight:700}.online-status .bad{color:var(--bad);font-weight:700}.online-status .muted{color:var(--muted);font-size:13px}.online-code{font:900 clamp(30px, 8vw, 44px) var(--mono);letter-spacing:.35em;text-align:center;color:#ffd166;-webkit-user-select:all;user-select:all;background:#00000059;border:1px dashed #ffd166;border-radius:10px;margin:8px 0;padding:10px 0 10px .35em}.online-code-in{font:700 20px var(--mono);letter-spacing:.2em;text-transform:uppercase;text-align:center;flex:1;min-width:0}.online-pad{border:2px dashed var(--accent);text-align:center;color:var(--accent);cursor:crosshair;background:#38f0ff0f;border-radius:12px;margin:10px 0;padding:26px 14px}.online-pad:focus{background:#38f0ff1f;outline:none}.livery-swatch{vertical-align:middle;gap:2px;display:inline-flex}.livery-swatch i{border:1px solid #ffffff4d;border-radius:3px;width:14px;height:14px}.livery-preview{width:min(360px,90%);height:90px;margin:10px auto;position:relative}.livery-preview i{display:block;position:absolute}.livery-preview .lp-body{background:var(--body);border-radius:40px 14px 14px 40px;height:26px;top:34px;left:6%;right:10%;box-shadow:inset 0 -6px 10px #00000040}.livery-preview .lp-stripe{background:var(--accent);height:4px;top:50px;left:12%;right:14%}.livery-preview .lp-tail{background:var(--tail);clip-path:polygon(30% 0,100% 0,100% 100%,0 100%);width:36px;height:40px;top:4px;right:9%}.livery-preview .lp-wing{background:var(--body);clip-path:polygon(0 0,40% 0,100% 100%,50% 100%);filter:brightness(.85);width:70px;height:30px;top:52px;left:36%}body.touch .hints{display:none}