:root{--bg: #0a0d18;--panel: rgba(16, 20, 35, .78);--panel-solid: #131828;--border: rgba(255, 255, 255, .09);--text: #e8ecf6;--text-dim: #9aa3b8;--accent: #6ee7ff;--accent2: #7c6bff;--danger: #ff5a6e;--gold: #ffd24d;--radius: 14px;--font: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display: "Orbitron", "Inter", system-ui, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);overflow:hidden;-webkit-font-smoothing:antialiased}button{font-family:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:12px;border:1px solid var(--border);background:#ffffff0f;color:var(--text);font-size:15px;font-weight:600;cursor:pointer;text-decoration:none;transition:transform .12s ease,background .15s ease,box-shadow .15s ease;-webkit-user-select:none;user-select:none}.btn:hover:not(:disabled){background:#ffffff1f;transform:translateY(-1px)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent2));border:none;color:#0a0e1c;box-shadow:0 4px 24px #6ee7ff40}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#8deeff,#9385ff);box-shadow:0 6px 28px #6ee7ff66}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-dim)}.btn-ghost:hover:not(:disabled){color:var(--text)}.btn-lg{padding:14px 28px;font-size:17px;border-radius:14px}.btn-sm{padding:6px 12px;font-size:13px;border-radius:9px}.btn-danger:hover:not(:disabled){background:#ff5a6e38;border-color:#ff5a6e66}.btn.active{background:#6ee7ff38;border-color:var(--accent);color:var(--accent)}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}input{background:#00000059;border:1px solid var(--border);border-radius:10px;color:var(--text);padding:10px 14px;font-size:15px;font-family:inherit;outline:none;transition:border-color .15s}input:focus{border-color:var(--accent)}.home.of-home{overflow-y:auto;overflow-x:hidden}.of-col{position:relative;z-index:3;width:min(960px,94vw);margin:0 auto;padding:28px 0 40px;display:flex;flex-direction:column;gap:14px;min-height:100%;justify-content:safe center}.of-card,.of-tag,.of-sq,.of-setup,.of-dark{background:#0b1120eb;border:1px solid rgba(255,255,255,.06);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.of-row{display:flex;gap:14px}.of-tag{flex:1;display:flex;align-items:center;gap:16px;padding:8px 22px}.of-tag-label{font-size:15px;font-weight:700;letter-spacing:.18em;color:var(--text-dim);border-bottom:2px solid rgba(255,255,255,.25);padding:2px 8px}.of-tag input{flex:1;background:none;border:none;font-size:22px;font-weight:700;padding:8px 0}.of-sq{display:flex;align-items:center;justify-content:center;padding:0 26px;color:var(--text);font-size:12.5px;font-weight:800;letter-spacing:.1em;cursor:pointer;text-decoration:none;transition:background .12s;white-space:nowrap}.of-sq:hover:not(:disabled){background:#6ee7ff1a}.of-sq:disabled{opacity:.5}.of-setup{overflow:hidden;flex-shrink:0}.of-setup-head{display:flex;align-items:baseline;justify-content:space-between;gap:14px;padding:14px 22px 10px;border-bottom:1px solid rgba(255,255,255,.06)}.of-setup-title{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:17px;letter-spacing:.14em}.of-hex{color:var(--accent)}.of-setup-head small{color:var(--text-dim);font-size:12.5px}.of-setup-body{display:flex;flex-direction:column;gap:16px;padding:16px 22px 18px}.of-field{display:flex;flex-direction:column;gap:9px}.of-field>span{font-size:10.5px;font-weight:800;letter-spacing:.16em;color:var(--text-dim)}.of-field-grow{flex:1;min-width:220px}.of-code{display:flex;align-items:center;gap:12px}.of-code b{font-family:var(--font-display);font-size:20px;letter-spacing:.28em;color:var(--accent)}.of-start{border:none;border-radius:12px;padding:17px;background:linear-gradient(135deg,#2e9fe6,#2b7cd4);color:#fff;font-family:var(--font-display);font-size:19px;font-weight:800;letter-spacing:.22em;cursor:pointer;box-shadow:0 8px 30px #2e9fe659;transition:transform .12s,box-shadow .15s,filter .12s}.of-start:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.1);box-shadow:0 12px 38px #2e9fe680}.of-start:disabled{opacity:.6}.of-dark{padding:14px;color:var(--text);font-size:13px;font-weight:800;letter-spacing:.16em;cursor:pointer;transition:background .12s}.of-dark:hover{background:#6ee7ff14}.of-ad{display:flex;justify-content:center;margin-top:6px}.of-half{flex:1}.hp-adtop{position:absolute;top:10px;left:50%;transform:translate(-50%);z-index:3;max-width:calc(100vw - 460px)}.hp-panel{position:absolute;z-index:3;left:max(4vw,24px);top:50%;transform:translateY(-50%);width:400px;max-width:calc(100vw - 48px);background:linear-gradient(160deg,#0e1220eb,#0a0d18d1);border:1px solid var(--border);border-radius:22px;padding:30px 30px 22px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 30px 90px #0000008c;display:flex;flex-direction:column;gap:14px}.hp-brand{display:flex;align-items:center;gap:12px}.hp-hex{font-size:34px;color:var(--accent);text-shadow:0 0 26px rgba(110,231,255,.7)}.hp-title{font-family:var(--font-display);font-size:38px;font-weight:800;letter-spacing:.12em;background:linear-gradient(135deg,#ffffff,var(--accent) 55%,var(--accent2));-webkit-background-clip:text;background-clip:text;color:transparent}.hp-tagline{color:var(--text);font-size:15px;font-weight:600;line-height:1.5}.hp-tagline span{color:var(--text-dim);font-weight:400;font-size:13.5px}.hp-name{display:flex;flex-direction:column;gap:6px;font-size:10px;font-weight:800;letter-spacing:.18em;color:var(--text-dim)}.hp-name input{text-align:center;font-weight:600}.hp-start{display:flex;align-items:center;gap:16px;padding:14px 20px;border:none;border-radius:14px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#0a0e1c;cursor:pointer;box-shadow:0 8px 30px #6ee7ff59;transition:transform .12s,box-shadow .15s;text-align:left}.hp-start:hover{transform:translateY(-2px);box-shadow:0 12px 40px #6ee7ff80}.hp-start-ico{font-size:22px}.hp-start-text{display:flex;flex-direction:column;font-family:var(--font-display);font-size:20px;font-weight:800;letter-spacing:.14em}.hp-start-text small{font-family:var(--font);font-size:11px;font-weight:600;letter-spacing:.02em;opacity:.8}.hp-join{padding:11px;border-radius:12px;border:1px solid var(--border);background:#ffffff0d;color:var(--text);font-size:14.5px;font-weight:600;cursor:pointer;transition:background .12s,border-color .12s}.hp-join:hover{background:#6ee7ff1a;border-color:#6ee7ff59}.hp-foot{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:2px}.hp-link{background:none;border:none;color:var(--text-dim);font-size:13px;font-weight:600;cursor:pointer;text-decoration:none;padding:4px 6px}.hp-link:hover{color:var(--text)}.hp-dot{color:var(--text-dim)}.hp-rail{position:absolute;z-index:3;right:max(3vw,18px);top:50%;transform:translateY(-50%)}.hp-points{list-style:disc;padding-left:20px;display:flex;flex-direction:column;gap:4px;color:var(--text-dim);font-size:13px;line-height:1.45}.hp-points li::marker{color:var(--accent)}@media (max-width: 1100px){.hp-rail,.hp-adtop{display:none}}.of-copyright{text-align:center;color:var(--text-dim);font-size:12.5px;letter-spacing:.04em;padding:4px 0 8px;opacity:.75}.of-copyright a{color:var(--text);font-weight:600;text-decoration:none;border-bottom:1px solid transparent;transition:color .15s ease,border-color .15s ease}.of-copyright a:hover{color:var(--accent);border-bottom-color:var(--accent)}.home{position:relative;height:100%;display:flex;flex-direction:column;overflow:hidden}.home-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.home-bg-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 40%,transparent 30%,rgba(6,8,16,.85) 100%);pointer-events:none}.home-adbar{position:relative;z-index:2;display:flex;justify-content:center;padding:12px 12px 0}.home-layout{position:relative;z-index:2;flex:1;display:flex;align-items:center;justify-content:center;gap:48px;padding:24px;min-height:0}.home-hero{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:620px}.logo-hex{font-size:54px;color:var(--accent);text-shadow:0 0 40px rgba(110,231,255,.6);line-height:1}.home-title{font-family:var(--font-display);font-size:clamp(44px,7vw,76px);font-weight:800;letter-spacing:.14em;background:linear-gradient(135deg,#ffffff,var(--accent) 55%,var(--accent2));-webkit-background-clip:text;background-clip:text;color:transparent;margin-top:4px}.home-tagline{color:var(--text-dim);font-size:17px;margin:10px 0 28px;max-width:480px;line-height:1.55}.menu-card{display:flex;flex-direction:column;gap:8px;width:380px;max-width:calc(100vw - 32px);background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:16px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.menu-name{display:flex;flex-direction:column;gap:6px;font-size:10px;font-weight:800;letter-spacing:.18em;color:var(--text-dim);margin-bottom:6px}.menu-name input{text-align:center;font-weight:600}.menu-btn{display:flex;align-items:center;gap:14px;padding:11px 16px;border-radius:12px;border:1px solid var(--border);background:#ffffff0a;color:var(--text);cursor:pointer;text-decoration:none;text-align:left;transition:background .12s,border-color .12s,transform .1s}.menu-btn:hover:not(:disabled){background:#6ee7ff1a;border-color:#6ee7ff59;transform:translateY(-1px)}.menu-btn:disabled{opacity:.5;cursor:not-allowed}.menu-btn.primary{background:linear-gradient(135deg,#6ee7ff38,#7c6bff38);border-color:#6ee7ff80}.menu-btn.primary:hover{background:linear-gradient(135deg,#6ee7ff52,#7c6bff52)}.menu-btn.ghost{background:transparent}.mb-ico{font-size:20px;width:28px;text-align:center}.mb-text{display:flex;flex-direction:column;gap:1px}.mb-text b{font-size:15px}.mb-text small{font-size:11.5px;color:var(--text-dim)}.home-rail{display:flex;flex-direction:column;gap:18px}.home-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:300px}.home-card h3{font-size:10px;font-weight:800;letter-spacing:.18em;color:var(--text-dim);margin-bottom:10px}.home-card ul{list-style:none;display:flex;flex-direction:column;gap:8px;color:var(--text-dim);font-size:14px}.home-footer{position:relative;z-index:2;text-align:center;padding:10px;color:var(--text-dim);font-size:12.5px}@media (max-width: 980px){.home-rail{display:none}}.ad-slot{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:#ffffff08;border:1px dashed rgba(255,255,255,.15);border-radius:10px;color:#ffffff47;max-width:100%}.ad-label{font-size:11px;font-weight:700;letter-spacing:.3em}.ad-size{font-size:10px;letter-spacing:.1em}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#05070eb8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center}.overlay-card{position:relative;background:var(--panel-solid);border:1px solid var(--border);border-radius:18px;padding:28px 32px;max-width:460px;width:calc(100% - 40px);box-shadow:0 24px 80px #0009}.overlay-card h1{font-family:var(--font-display);letter-spacing:.1em;font-size:42px;margin-bottom:8px}.overlay-card h1.victory{color:var(--gold);text-shadow:0 0 32px rgba(255,210,77,.5)}.overlay-card h1.defeat{color:var(--danger)}.overlay-card h2{margin-bottom:14px}.overlay-card p{color:var(--text-dim);margin-bottom:18px;line-height:1.5}.modal-close{position:absolute;top:12px;right:14px;background:none;border:none;color:var(--text-dim);font-size:16px;cursor:pointer}.modal-section{display:flex;flex-direction:column;gap:12px;margin-bottom:6px}.modal-section h4{color:var(--text-dim);font-size:13px;text-transform:uppercase;letter-spacing:.1em}.modal-divider{text-align:center;color:var(--text-dim);font-size:13px;margin:14px 0}.modal-row-center{justify-content:center}.menu-in-modal{width:100%;background:transparent;border:none;padding:0;-webkit-backdrop-filter:none;backdrop-filter:none}.slider-label{font-size:15px;display:flex;flex-direction:column;gap:8px}.slider-sub{color:var(--text-dim);font-size:13px}.difficulty-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.segmented{display:flex;background:#0000004d;border:1px solid var(--border);border-radius:10px;padding:3px;gap:3px}.seg-btn{border:none;background:transparent;color:var(--text-dim);font-size:13px;font-weight:600;padding:5px 14px;border-radius:7px;cursor:pointer}.seg-btn.active{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#0a0e1c}input[type=range]{width:100%;accent-color:var(--accent);padding:0}.code-input{width:140px;text-align:center;font-size:20px;letter-spacing:.35em;text-transform:uppercase;font-weight:700}.dot{width:12px;height:12px;border-radius:50%;display:inline-block;background:#ffffff26;flex-shrink:0}.dot.inline{width:10px;height:10px}.lobby{height:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 0%,#131a30,var(--bg) 70%)}.lobby-card{background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:30px 34px;width:440px;max-width:calc(100vw - 32px);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.lobby-card h2{margin-bottom:18px}.join-code{display:flex;align-items:center;gap:14px;background:#0000004d;border:1px solid var(--border);border-radius:12px;padding:12px 16px;margin-bottom:18px}.jc-label{font-size:11px;letter-spacing:.2em;color:var(--text-dim)}.jc-code{font-family:var(--font-display);font-size:26px;letter-spacing:.3em;color:var(--accent);flex:1}.lobby-players{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.lobby-player{display:flex;align-items:center;gap:10px;padding:9px 12px;background:#ffffff0a;border-radius:10px;font-size:15px}.lobby-player.empty{color:var(--text-dim);font-style:italic;opacity:.7}.host-tag{font-size:10px;font-weight:800;letter-spacing:.12em;background:#6ee7ff26;color:var(--accent);border-radius:6px;padding:3px 7px;margin-left:auto}.lobby-note{color:var(--text-dim);font-size:13.5px;margin-bottom:18px;line-height:1.5}.waiting{color:var(--text-dim);font-size:14px}.game-root{position:fixed;top:0;right:0;bottom:0;left:0}.hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10}.hud>*{pointer-events:auto}.hud-top{position:absolute;top:12px;left:12px;right:12px;display:flex;align-items:center;gap:16px;pointer-events:none}.hud-top .btn{pointer-events:auto}.hud-stats{display:flex;gap:10px;margin:0 auto;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:8px 16px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto}.stat{display:flex;flex-direction:column;align-items:center;gap:1px;padding:0 12px;font-size:16px}.stat-main{display:flex;align-items:baseline;gap:6px}.stat-label{font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--text-dim)}.spectating-chip{padding:6px 18px;font-size:14px;font-weight:700;letter-spacing:.12em;color:var(--accent)}.stat b{font-variant-numeric:tabular-nums}.stat-icon{font-size:13px}.stat-icon.gold{color:var(--gold)}.stat-icon.pop{color:#7ee0a3}.stat-icon.land{color:var(--accent)}.stat-icon.time{color:var(--text-dim)}.stat-sub{color:var(--text-dim);font-size:12px}.stat-sub.neg{color:var(--danger)}.hud-players{position:absolute;top:72px;left:12px;display:flex;flex-direction:column;gap:6px}.players-header{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:6px 10px;font-size:10px;font-weight:800;letter-spacing:.14em;color:var(--text-dim);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:150px}.players-header:hover{color:var(--text)}.ph-chevron{font-size:11px}.player-chip{display:flex;align-items:center;gap:8px;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:6px 10px;font-size:13px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:150px}.player-chip.dead{opacity:.45;text-decoration:line-through}.player-chip .dot{width:10px;height:10px}.pname{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.ai-tag{font-size:9px;font-weight:800;color:var(--text-dim);border:1px solid var(--border);border-radius:4px;padding:1px 4px;margin-left:6px}.ppct{font-variant-numeric:tabular-nums;color:var(--text-dim)}.hud-minimap{position:absolute;right:12px;bottom:12px}.minimap{border:1px solid var(--border);border-radius:12px;cursor:pointer;display:block}.hud-panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hud-selection{position:absolute;left:12px;bottom:152px;width:300px;max-height:42vh;overflow-y:auto}.panel-title{font-weight:700;font-size:15px;margin-bottom:10px}.panel-sub{color:var(--text-dim);font-weight:500;font-size:13px}.unit-rows{display:flex;flex-direction:column;gap:5px;margin-bottom:10px}.unit-row{display:flex;align-items:center;gap:8px}.unit-ico{width:22px;text-align:center}.mini-hp{flex:1;height:7px;background:#00000073;border-radius:4px;overflow:hidden}.mini-hp-fill{height:100%;background:linear-gradient(90deg,#55d977,#8bec9f);border-radius:4px}.engaged-tag{color:var(--danger);font-size:12px}.sentry-tag{color:var(--accent);font-size:12px}.unit-more{color:var(--text-dim);font-size:12px}.panel-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.hud-dock{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:8px 12px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.dock-group{display:flex;gap:6px;align-items:center}.dock-title{writing-mode:vertical-rl;transform:rotate(180deg);font-size:8.5px;font-weight:800;letter-spacing:.2em;color:var(--text-dim);margin:0 2px}.dock-sep{width:1px;height:34px;background:var(--border)}.dock-btn{display:flex;flex-direction:column;align-items:center;gap:1px;width:58px;padding:6px 0 4px;background:#ffffff0d;border:1px solid var(--border);border-radius:10px;color:var(--text);cursor:pointer;transition:background .12s,border-color .12s}.dock-btn .bname{font-size:8.5px;font-weight:600;color:var(--text-dim);max-width:54px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dock-btn:not(:disabled) .bname{color:var(--text)}.dock-btn .bico{color:var(--accent);display:flex}.dock-btn:disabled .bico{color:var(--text-dim)}.dock-btn:hover:not(:disabled){background:#6ee7ff1f;border-color:#6ee7ff59}.dock-btn:disabled{cursor:not-allowed}.dock-btn:disabled>.bico,.dock-btn:disabled>.bname,.dock-btn:disabled>.bcost,.dock-btn:disabled>.hotkey{opacity:.32}.dock-btn.active{border-color:var(--accent);background:#6ee7ff33;box-shadow:0 0 12px #6ee7ff59}.dock-btn .bico{font-size:17px}.dock-btn .bcost{font-size:9.5px;color:var(--gold)}.panel-desc{color:var(--text-dim);font-size:13px;line-height:1.5;margin:4px 0 6px}.mode-tag{font-size:11px}.mode-tag.expand{color:#8dff9a}.mode-tag.fight{color:#ff7d6a}.build-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.build-btn{display:flex;flex-direction:column;align-items:center;gap:3px;background:#ffffff0d;border:1px solid var(--border);border-radius:10px;color:var(--text);padding:9px 4px;cursor:pointer;transition:background .12s}.build-btn:hover:not(:disabled){background:#6ee7ff1f;border-color:#6ee7ff59}.build-btn:disabled{opacity:.38;cursor:not-allowed}.build-btn.active{border-color:var(--accent);background:#6ee7ff29}.bico{font-size:18px}.bname{font-size:11px;font-weight:600}.bcost{font-size:10.5px;color:var(--gold)}.target-hint{position:absolute;bottom:158px;left:50%;transform:translate(-50%);background:#6ee7ff24;border:1px solid rgba(110,231,255,.45);color:var(--accent);border-radius:10px;padding:8px 18px;font-size:13.5px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.toasts{position:absolute;top:58px;right:12px;display:flex;flex-direction:column;gap:8px;z-index:60;align-items:flex-end;pointer-events:none;max-width:340px}.toast{background:var(--panel-solid);border:1px solid var(--border);border-radius:10px;padding:9px 18px;font-size:14px;animation:toast-in .25s ease;box-shadow:0 8px 30px #00000073}.toast-warn{border-color:#ffd24d80}.toast-error{border-color:#ff5a6e99}.toast-click{pointer-events:auto;cursor:pointer;transition:transform .1s,border-color .15s}.toast-click:hover{border-color:var(--accent);transform:translate(-2px)}.toast-go{margin-left:8px;font-size:12px}.danger-bar{flex:1 1 auto;min-width:54px;height:6px;background:#ffffff24;border-radius:3px;overflow:hidden}.danger-fill{display:block;height:100%;background:linear-gradient(90deg,#ff9a3c,#ff3d5e);transition:width .2s linear}.danger-pct{flex:0 0 auto;font-size:11px;color:var(--text-dim);min-width:30px;text-align:right}.notif-center{position:absolute;right:16px;top:58px;display:flex;flex-direction:column;gap:6px;width:300px;max-width:calc(100vw - 32px);z-index:40;pointer-events:none}.notif-body{display:flex;flex-direction:column;align-items:flex-end;gap:5px;max-height:42vh;overflow-y:auto;pointer-events:auto;padding-right:4px;scrollbar-width:thin;scrollbar-color:rgba(140,160,200,.4) transparent}.notif-body::-webkit-scrollbar{width:7px}.notif-body::-webkit-scrollbar-track{background:transparent}.notif-body::-webkit-scrollbar-thumb{background:#8ca0c852;border-radius:4px}.notif-body::-webkit-scrollbar-thumb:hover{background:#8ca0c88c}.notif-body::-webkit-scrollbar-button{display:none}.notif-tabs{display:flex;justify-content:flex-end;gap:6px;pointer-events:auto}.notif-tab{position:relative;display:flex;align-items:center;justify-content:center;width:46px;height:38px;background:var(--panel);border:1px solid var(--border);border-radius:10px;cursor:pointer;font-size:18px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .1s,border-color .15s,background .15s}.notif-tab:hover{transform:translateY(-1px)}.notif-tab.active{border-color:var(--accent);background:var(--panel-solid)}.notif-center.flash .notif-tab{animation:notif-flash .9s ease}@keyframes notif-flash{0%{box-shadow:0 0 #6ee7ff00}25%{box-shadow:0 0 12px 2px #6ee7ffa6;border-color:var(--accent)}to{box-shadow:0 0 #6ee7ff00}}.nt-icon{display:flex;align-items:center;justify-content:center;color:var(--text-dim)}.notif-tab.active .nt-icon{color:var(--accent)}.nt-count{position:absolute;top:-6px;right:-6px;min-width:16px;height:16px;padding:0 4px;background:#ff5a6e;color:#fff;border-radius:8px;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center}.notif-item{display:flex;align-items:center;gap:8px;background:var(--panel-solid);border:1px solid var(--border);border-radius:9px;padding:7px 11px;font-size:12.5px;box-shadow:0 6px 20px #0006;animation:toast-in .18s ease;max-width:100%}.notif-item.danger{width:100%}.notif-item.clickable{cursor:pointer}.notif-item.clickable:hover{border-color:var(--accent)}.notif-item.note-error,.notif-item.danger{border-color:#ff5a6e80}.notif-item.danger.done{border-color:#ff5a6ed9;color:#ffd8dd;font-weight:600}.notif-ico{flex:0 0 auto;display:flex;align-items:center;color:#ff9a6a}.notif-text{flex:1 1 auto;min-width:0;text-align:right}.notif-item.danger .notif-text{flex:0 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notif-empty{align-self:stretch;padding:8px 11px;font-size:12px;color:var(--text-dim);text-align:right;pointer-events:none}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.center-alerts{position:absolute;top:94px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;z-index:46;pointer-events:none;max-width:min(680px,calc(100vw - 80px))}.top-banner{padding:9px 18px;background:var(--panel-solid);border:1px solid rgba(255,90,110,.7);border-radius:12px;font-size:14px;font-weight:600;text-align:center;color:#ffd8dd;box-shadow:0 10px 34px #00000080;animation:toast-in .25s ease,breach-throb 1.2s ease-in-out infinite}.breach-callout{display:flex;align-items:center;gap:12px;pointer-events:auto;cursor:pointer;padding:8px 16px;background:var(--panel-solid);border:1px solid rgba(255,90,110,.7);border-radius:11px;font-size:13px;font-weight:600;color:#ffd8dd;box-shadow:0 10px 30px #00000080;animation:toast-in .22s ease,breach-throb 1.2s ease-in-out infinite;transition:transform .1s}.breach-callout:hover{transform:translateY(-1px)}.bc-go{color:var(--accent);font-weight:700;white-space:nowrap}@keyframes breach-throb{0%,to{border-color:#ff5a6e73}50%{border-color:#ff5a6e}}.selection-rect{position:fixed;border:1px solid var(--accent);background:#6ee7ff1f;pointer-events:none;z-index:40}.eliminated-card{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.eliminated-card h2{color:var(--danger)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;border:1px solid var(--border);background:var(--panel);color:var(--text);font-size:15px;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.icon-btn:hover{background:#ffffff1f}.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:9px;border:1px solid var(--border);background:#0a0d18d9;font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.chip-gold{color:var(--gold);border-color:#ffd24d73}.chip-income{color:#8be28f;border-color:#8be28f66}.chip-danger{color:var(--danger);border-color:#ff5a6e73}.mini-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:7px;border:1px solid var(--border);background:#0a0d18b3;font-size:11.5px;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums}.mini-chip svg{color:var(--accent)}.lb{position:absolute;top:12px;left:12px;background:var(--panel);border:1px solid var(--border);border-radius:12px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow:hidden}.lb-head{display:flex;align-items:center;gap:10px;padding:6px}.lb-head .icon-btn{width:28px;height:28px;border:none;background:#ffffff0f}.lb-title{font-size:10px;font-weight:800;letter-spacing:.18em;color:var(--text-dim);padding-right:10px}.lb-table{border-collapse:collapse;font-size:12.5px;margin:0 6px 6px}.lb-table th{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);font-weight:700;padding:4px 10px;text-align:right}.lb-table td{padding:4px 10px;text-align:right;font-variant-numeric:tabular-nums;color:var(--text);border-top:1px solid rgba(255,255,255,.05)}.lb-table .left{text-align:left}.lb-table td .dot{width:9px;height:9px;margin-right:6px}.lb-table tr.me td{font-weight:800;background:#6ee7ff14}.lb-table tr.dead td{opacity:.4;text-decoration:line-through}.ally-cell{min-width:52px}.ally-btn{border:1px solid var(--border);background:#ffffff0d;border-radius:6px;color:var(--text);font-size:11px;padding:2px 7px;cursor:pointer;white-space:nowrap}.ally-btn:hover{background:#6ee7ff26;border-color:#6ee7ff66}.ally-btn.renew{color:var(--gold);border-color:#ffd24d80;animation:pulse-renew 1.2s ease-in-out infinite}@keyframes pulse-renew{50%{background:#ffd24d2e}}.allied{color:#8be28f;font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap}.ally-full{opacity:.25;font-size:11px;cursor:not-allowed}.ally-toast{pointer-events:auto;display:flex;align-items:center;gap:8px;border-color:#6ee7ff73;font-size:13px}.ally-mini{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border-radius:7px;border:1px solid var(--border);background:#ffffff0f;color:var(--text);font-size:12px;cursor:pointer}.ally-mini.yes:hover{background:#5fe0a040;border-color:#5fe0a099;color:#5fe0a0}.ally-mini.no:hover{background:#ff5a6e38;border-color:#ff5a6e80;color:var(--danger)}.banner{position:absolute;top:12px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:8px 14px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);max-width:min(680px,calc(100vw - 480px))}.banner-selection{padding:7px 14px}.selstrip{display:flex;align-items:center;gap:12px}.ss-id{display:flex;align-items:center;gap:9px}.ss-ico{display:flex;color:var(--accent)}.ss-terrain{font-size:18px}.ss-title{display:flex;flex-direction:column;line-height:1.2;white-space:nowrap}.ss-title b{font-size:14px}.ss-title small{font-size:9.5px;color:var(--text-dim);letter-spacing:.04em}.ss-units{display:flex;gap:7px;align-items:flex-end}.ss-unit{display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--text)}.ss-unit.fighting{color:var(--danger)}.ss-hp{width:20px;height:3.5px;background:#0000008c;border-radius:2px;overflow:hidden}.ss-hp div{height:100%;border-radius:2px}.ss-sep{width:1px;height:28px;background:var(--border);flex-shrink:0}.ss-info{font-size:12px;color:var(--text-dim);max-width:260px;line-height:1.35}.ss-actions{display:flex;gap:4px;align-items:center}.action-btn{min-width:52px;display:inline-flex;flex-direction:column;align-items:center;gap:1px;padding:4px 7px 3px;border-radius:9px;border:1px solid var(--border);background:#ffffff0d;color:var(--text);cursor:pointer;transition:background .12s,border-color .12s}.action-btn .ab-ico{font-size:14px;line-height:1.1}.action-btn .ab-label{font-size:8.5px;font-weight:700;letter-spacing:.03em;color:var(--text-dim);white-space:nowrap}.action-btn.active .ab-label,.action-btn:hover .ab-label{color:inherit}.action-btn:hover{background:#6ee7ff24;border-color:#6ee7ff66}.action-btn.active{background:#6ee7ff38;border-color:var(--accent);color:var(--accent)}.action-btn.danger:hover{background:#ff5a6e33;border-color:#ff5a6e80;color:var(--danger)}.banner-row{display:flex;align-items:center;gap:12px}.banner-name{display:flex;align-items:baseline;gap:8px;font-size:17px}.banner-sub{font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em}.banner-chips{gap:6px}.controls{position:absolute;top:12px;right:12px;display:flex;align-items:center;gap:6px;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:5px 8px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.controls-time{font-size:15px;font-weight:700;font-variant-numeric:tabular-nums;padding:0 8px}.controls .icon-btn{border:none;background:#ffffff0f;width:30px;height:30px}.bottom-cluster{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px}.bc-row{display:flex;align-items:center;gap:8px}.pop-bar{position:relative;width:300px;height:28px;border-radius:9px;border:1px solid rgba(110,231,255,.35);background:#0a0d18d9;overflow:hidden}.pop-bar-fill{position:absolute;inset:0 auto 0 0;background:linear-gradient(180deg,#2e8fd8,#1f6cb0);transition:width .3s}.pop-bar-used{position:absolute;inset:0 auto 0 0;background:#ffffff2e;transition:width .3s}.pop-bar-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;text-shadow:0 1px 3px rgba(0,0,0,.7);font-variant-numeric:tabular-nums}.bc-dock{display:flex;gap:5px;background:var(--panel);border:1px solid var(--border);border-radius:13px;padding:7px 9px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.dock-btn{position:relative}.dock-btn .hotkey{position:absolute;top:2px;left:4px;font-size:8px;font-weight:800;color:var(--text-dim)}.dock-btn.active .hotkey{color:var(--accent)}.dock-tip{display:none;position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);width:230px;background:var(--panel-solid);border:1px solid rgba(110,231,255,.35);border-radius:12px;padding:12px 14px;text-align:left;pointer-events:none;z-index:40;box-shadow:0 14px 44px #0000008c;flex-direction:column;gap:7px;cursor:default}.dock-btn:hover .dock-tip{display:flex}.dock-tip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:7px solid transparent;border-top-color:#6ee7ff59}.tip-head{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--text)}.tip-head svg{color:var(--accent);flex-shrink:0}.tip-hotkey{margin-left:auto;font-size:10px;font-weight:800;color:var(--text-dim);border:1px solid var(--border);border-radius:5px;padding:1px 6px}.tip-stats{display:flex;gap:10px;flex-wrap:wrap;font-size:11.5px;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums}.tip-gold{color:var(--gold)}.tip-pop{color:#7ee0a3}.dock-tip p{font-size:11.5px;color:var(--text-dim);line-height:1.5;font-weight:500}.dock-tip .tip-how{color:var(--accent);opacity:.85}.tutorial-card{position:absolute;left:12px;bottom:12px;width:248px;background:var(--panel-solid);border:1px solid rgba(110,231,255,.35);border-radius:12px;padding:11px 13px;z-index:30;box-shadow:0 12px 36px #00000080;animation:tutCardIn .25s ease-out}.tutorial-card.anchored{transition:left .2s ease,top .2s ease}.tut-final-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:29;background:radial-gradient(ellipse at center,#060a1266,#060a12c7);animation:tutFadeIn .35s ease-out;pointer-events:none}@keyframes tutFadeIn{0%{opacity:0}to{opacity:1}}.tutorial-card.final{left:50%;top:50%;bottom:auto;width:400px;padding:26px 30px;text-align:center;border-color:#6ee7ff80;box-shadow:0 0 0 1px #6ee7ff40,0 24px 70px #000000a6;transform:translate(-50%,-50%);animation:tutFinalIn .4s ease-out}@keyframes tutFinalIn{0%{transform:translate(-50%,-44%) scale(.92);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.tutorial-card.final .tutorial-progress{justify-content:center}.tutorial-card.final .tut-chapter{font-size:12px;letter-spacing:.2em}.tutorial-card.final .tutorial-count{display:none}.tutorial-card.final h3{font-size:24px;margin-bottom:10px}.tutorial-card.final p{font-size:14px;line-height:1.6;margin-bottom:18px}.tutorial-card.final .row{justify-content:center}@keyframes tutCardIn{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.tutorial-card h3{margin-bottom:5px;font-size:15px;color:var(--accent)}.tutorial-card p{color:var(--text-dim);font-size:12px;line-height:1.45;margin-bottom:10px}.tutorial-progress{display:flex;flex-wrap:wrap;gap:3px;margin-bottom:8px}.tp-dot{width:5px;height:5px;border-radius:50%;background:#ffffff24}.tp-dot.done{background:var(--accent2)}.tp-dot.now{background:var(--accent);box-shadow:0 0 10px var(--accent)}.tutorial-wait{font-size:12px;color:var(--text-dim);font-style:italic}.tut-chapter{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#ffd54f;opacity:.9;margin-bottom:4px}.tut-progress-badge{float:right;font-size:12px;font-weight:700;color:#ffd54f;background:#ffd54f1f;border:1px solid rgba(255,213,79,.4);border-radius:999px;padding:1px 9px;margin-left:8px}.tut-check{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:38px;font-weight:800;color:#5eea6e;background:#0a101c8c;border-radius:12px;z-index:2;animation:tutCheckPop .35s ease-out;pointer-events:none}@keyframes tutCheckPop{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}.tut-pointer{position:fixed;transform:translate(-50%);z-index:70;font-size:20px;color:#ffd54f;text-shadow:0 0 10px rgba(255,213,79,.8);pointer-events:none;animation:tutPointerBob .9s ease-in-out infinite}@keyframes tutPointerBob{0%,to{margin-top:0}50%{margin-top:6px}}.tut-pointer.up{animation-name:tutPointerBobUp}@keyframes tutPointerBobUp{0%,to{margin-top:0}50%{margin-top:-6px}}.tut-glow{animation:tutGlow 1.1s ease-in-out infinite;border-radius:10px}.dock-btn.tut-glow{z-index:5}@keyframes tutGlow{0%,to{box-shadow:0 0 0 2px #ffd54ff2,0 0 18px #ffd54f8c}50%{box-shadow:0 0 0 2px #ffd54f59,0 0 6px #ffd54f33}}.howto{height:100%;overflow-y:auto;background:radial-gradient(ellipse at 50% 0%,#131a30,var(--bg) 60%)}.howto-inner{max-width:760px;margin:0 auto;padding:32px 20px 60px}.howto h1{font-family:var(--font-display);letter-spacing:.08em;margin:14px 0 8px}.howto section{margin-top:28px}.howto h2{font-size:19px;margin-bottom:10px}.howto p,.howto li{color:var(--text-dim);line-height:1.65;font-size:15px}.howto ul{padding-left:22px;display:flex;flex-direction:column;gap:6px}.howto b{color:var(--text)}.howto table{width:100%;border-collapse:collapse;font-size:14px}.howto th,.howto td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--border)}.howto th{color:var(--text-dim);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.triangle{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:14px 18px;font-size:16px!important;color:var(--text)!important;margin-bottom:12px}.triangle span{color:var(--accent);font-size:12px;text-transform:uppercase;letter-spacing:.1em;margin:0 8px}.howto-ad{display:flex;justify-content:center;margin:36px 0 24px}.tutorial-count{float:right;font-size:11px;font-weight:600;color:#8b93a7;letter-spacing:.04em}.player-menu{position:fixed;z-index:60;min-width:200px;background:#0d111cf5;border:1px solid rgba(140,160,200,.22);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:7px;box-shadow:0 12px 32px #00000080;animation:pmIn .12s ease-out}@keyframes pmIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.pm-head{display:flex;align-items:center;gap:8px;font-size:14px}.pm-dot{width:10px;height:10px;border-radius:50%;flex:none}.pm-ai{font-size:9px;font-weight:700;letter-spacing:.06em;color:#8b93a7;border:1px solid rgba(140,160,200,.35);border-radius:4px;padding:1px 4px}.pm-sub{font-size:11.5px;color:#8b93a7}.pm-btn{width:100%;justify-content:center}.pm-danger{border-color:#ff5a5a73;color:#ff8a8a}.pm-danger:hover{background:#ff5a5a1f}.ally-btn.break{margin-left:4px;color:#ff8a8a}.lb{transition:opacity .6s ease}.lb-fading{opacity:0}.pm-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:59}.rift-banner{padding:8px 18px;border-radius:10px;font-size:13px;font-weight:700;letter-spacing:.08em;pointer-events:none}.rift-banner b{font-variant-numeric:tabular-nums}.rift-banner.tearing{background:#781414e0;border:1px solid rgba(255,90,90,.6);color:#ffd7d7;animation:riftPulse .8s ease-in-out infinite}.rift-banner.rejoining{background:#102a42e0;border:1px solid rgba(120,190,255,.45);color:#cfe7ff}@keyframes riftPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.drift-banner{padding:8px 18px;border-radius:10px;font-size:13px;font-weight:700;letter-spacing:.08em;font-family:inherit;pointer-events:auto;cursor:pointer;background:#0e2c38e0;border:1px solid rgba(127,231,255,.45);color:#d8f4ff}.drift-banner:hover{border-color:#7fe7ffd9;background:#143a4aeb}.drift-banner b{font-variant-numeric:tabular-nums}.drift-banner .db-dot{display:inline-block;width:9px;height:9px;border-radius:50%;vertical-align:-1px}.drift-banner.winning{border-color:#78ffaa99;color:#dcffe9;animation:riftPulse .8s ease-in-out infinite}.drift-banner.losing{background:#781414e0;border-color:#ff5a5a99;color:#ffd7d7;animation:riftPulse .8s ease-in-out infinite}.foothold-banner{padding:8px 18px;border-radius:10px;font-size:13px;font-weight:700;letter-spacing:.08em;pointer-events:none}.foothold-banner b{font-variant-numeric:tabular-nums}.foothold-banner.racing{background:#42320ae0;border:1px solid rgba(255,213,79,.55);color:#ffedb8}.foothold-banner.urgent{background:#781414e0;border:1px solid rgba(255,90,90,.6);color:#ffd7d7;animation:riftPulse .7s ease-in-out infinite}.foothold-banner.secured{background:#12381ee0;border:1px solid rgba(120,255,170,.5);color:#dcffe9}.foothold-banner.exempt,.foothold-banner.waiting{background:#102a42e0;border:1px solid rgba(120,190,255,.45);color:#cfe7ff}.lb-obj{min-width:104px}.lb-bar{position:relative;display:block;width:96px;height:13px;margin:0 auto;background:#ffffff14;border-radius:7px;overflow:hidden}.lb-bar-fill{position:absolute;top:0;bottom:0;left:0;border-radius:7px;opacity:.85}.lb-bar-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:9.5px;font-weight:700;font-variant-numeric:tabular-nums;color:#f2fbff;text-shadow:0 1px 2px rgba(0,0,0,.75)}.lb-sec{font-weight:800}.lb-sec.lb-in{color:#7dffb0}.lb-sec.lb-out{color:#ff8a8a}.of-preview{margin-top:7px;width:190px}.of-preview img{display:block;width:100%;height:76px;object-fit:cover;border-radius:8px;border:1px solid rgba(140,160,200,.22)}.of-preview small{display:block;margin-top:4px;font-size:10px;line-height:1.35;color:#8b93a7}.of-label{display:block;margin-bottom:8px;font-size:10.5px;font-weight:800;letter-spacing:.16em;color:var(--text-dim)}.pick-row{display:flex;gap:12px}.pick-card{flex:1;min-width:0;text-align:left;background:#ffffff08;border:1px solid rgba(140,160,200,.18);border-radius:10px;padding:8px 8px 9px;cursor:pointer;color:var(--text, #e8ecf6);transition:border-color .15s ease,box-shadow .15s ease}.pick-card:hover{border-color:#8ca0c873}.pick-card.active{border-color:#57c8ff;box-shadow:0 0 0 1px #57c8ff inset,0 6px 18px #57c8ff24}.pick-card img{display:block;width:100%;aspect-ratio:16 / 10;height:auto;max-height:232px;object-fit:cover;border-radius:7px}.pick-card b{display:block;margin-top:7px;font-size:13px}.pick-card small{display:block;margin-top:2px;font-size:10px;line-height:1.35;color:var(--text-dim)}.of-inline{display:flex;gap:26px;align-items:flex-end}.of-adv-toggle{align-self:flex-start;background:none;border:1px solid rgba(140,160,200,.22);border-radius:8px;color:var(--text-dim);font-size:12px;font-weight:600;padding:7px 12px;cursor:pointer}.of-adv-toggle:hover{color:#e8ecf6;border-color:#8ca0c873}.of-adv{display:flex;flex-wrap:wrap;gap:22px;align-items:flex-end;padding:14px 16px;background:#ffffff05;border:1px solid rgba(140,160,200,.12);border-radius:10px}.of-adv-row{display:flex;align-items:center;gap:18px}.of-code-inline{display:flex;align-items:center;gap:10px}.of-code-inline .of-label-inline{font-size:10.5px;font-weight:800;letter-spacing:.16em;color:var(--text-dim)}.of-ad-rail{position:fixed;top:50%;transform:translateY(-50%);z-index:4}.of-ad-rail.left{left:max(12px,calc((100vw - 960px)/2 - 188px))}.of-ad-rail.right{right:max(12px,calc((100vw - 960px)/2 - 188px))}@media (max-width: 1360px){.of-ad-rail{display:none}}.intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;background:radial-gradient(ellipse at 50% 45%,#0c1226,#05060d 68%,#000);transition:opacity .9s ease;animation:introBoot .4s ease}@keyframes introBoot{0%{opacity:0}to{opacity:1}}.intro-hit{animation:introShake .6s linear .04s both}@keyframes introShake{0%{transform:translate(0)}8%{transform:translate(-11px,8px)}17%{transform:translate(13px,-9px)}26%{transform:translate(-14px,-7px)}35%{transform:translate(11px,10px)}44%{transform:translate(-9px,-8px)}53%{transform:translate(8px,6px)}62%{transform:translate(-6px,5px)}71%{transform:translate(5px,-4px)}80%{transform:translate(-3px,2px)}90%{transform:translate(2px,-1px)}to{transform:translate(0)}}.intro-exit{opacity:0;pointer-events:none}.intro-stars{position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;background-repeat:no-repeat;opacity:.8;animation:introTwinkle 4.5s ease-in-out infinite alternate,introDrift 42s linear infinite;background-image:radial-gradient(1.5px 1.5px at 12% 22%,#fff,transparent),radial-gradient(1px 1px at 27% 68%,#cfe3ff,transparent),radial-gradient(1.5px 1.5px at 42% 15%,#fff,transparent),radial-gradient(1px 1px at 58% 82%,#bcd0ff,transparent),radial-gradient(1.5px 1.5px at 71% 38%,#fff,transparent),radial-gradient(1px 1px at 83% 60%,#dfe8ff,transparent),radial-gradient(1px 1px at 9% 84%,#fff,transparent),radial-gradient(1.5px 1.5px at 91% 12%,#fff,transparent),radial-gradient(1px 1px at 35% 45%,#afc4ff,transparent),radial-gradient(1px 1px at 64% 25%,#fff,transparent),radial-gradient(1px 1px at 48% 55%,#fff,transparent),radial-gradient(1.5px 1.5px at 21% 40%,#fff,transparent)}@keyframes introTwinkle{0%{opacity:.35}to{opacity:.9}}@keyframes introDrift{0%{transform:translateY(0)}to{transform:translateY(-22px)}}.intro-grid{position:absolute;left:50%;bottom:-22%;width:220%;height:72%;transform:translate(-50%) perspective(420px) rotateX(69deg);transform-origin:bottom center;background-image:linear-gradient(to right,rgba(110,231,255,.12) 1px,transparent 1px),linear-gradient(to bottom,rgba(110,231,255,.12) 1px,transparent 1px);background-size:62px 62px;-webkit-mask-image:linear-gradient(to top,#000,transparent 78%);mask-image:linear-gradient(to top,#000,transparent 78%);opacity:.5;animation:introGridMove 6s linear infinite}@keyframes introGridMove{0%{background-position:0 0}to{background-position:0 62px}}.intro-hexes{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.intro-hex-float{position:absolute;line-height:1;color:#6ee7ff29;text-shadow:0 0 18px rgba(110,231,255,.22);opacity:0;animation:introFloat var(--dur, 16s) linear var(--delay, 0s) infinite}@keyframes introFloat{0%{opacity:0;transform:translateY(40px) rotate(0)}12%{opacity:1}85%{opacity:1}to{opacity:0;transform:translateY(-150px) rotate(70deg)}}.intro-vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at 50% 45%,transparent 34%,rgba(0,0,0,.78) 100%)}.intro-flash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(circle at 50% 50%,rgba(190,244,255,.95),rgba(124,107,255,.4) 42%,transparent 70%);animation:introFlash .65s ease-out both}@keyframes introFlash{0%{opacity:0}9%{opacity:1}to{opacity:0}}.intro-shock{position:absolute;left:50%;top:50%;z-index:1;width:60px;aspect-ratio:1;transform:translate(-50%,-50%);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:radial-gradient(circle,rgba(255,255,255,.98) 0%,rgba(110,231,255,.92) 26%,rgba(124,107,255,.55) 44%,transparent 52%,rgba(110,231,255,.65) 60%,rgba(124,107,255,.5) 68%,transparent 77%);filter:drop-shadow(0 0 34px rgba(110,231,255,.75));pointer-events:none;animation:introShock 1.25s cubic-bezier(.13,.75,.24,1) .05s both}@keyframes introShock{0%{opacity:0;transform:translate(-50%,-50%) scale(.12) rotate(0)}10%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(26) rotate(42deg)}}.intro-stage{position:relative;z-index:1;text-align:center;padding:24px}.intro-studio{display:flex;flex-direction:column;align-items:center;gap:20px;animation:introStudio 7s ease both}@keyframes introStudio{0%{opacity:0;filter:blur(8px);transform:translateY(10px) scale(.98)}13%{opacity:1;filter:blur(0);transform:translateY(0) scale(1)}85%{opacity:1;filter:blur(0);transform:translateY(0) scale(1)}to{opacity:0;filter:blur(6px);transform:translateY(-6px) scale(1.02)}}.intro-amark{width:clamp(62px,11vw,116px);height:auto;color:#eef4ff;filter:drop-shadow(0 0 30px rgba(110,231,255,.55)) drop-shadow(0 0 62px rgba(124,107,255,.4));animation:introMarkIn 1s cubic-bezier(.16,1,.3,1) both}.intro-amark-counter{fill:#7c6bff8c}@keyframes introMarkIn{0%{opacity:0;transform:translateY(8px) scale(.82)}to{opacity:1;transform:translateY(0) scale(1)}}.intro-studio-name{font-family:var(--font-display);font-weight:600;font-size:clamp(15px,2.6vw,27px);color:#dfe8ff;letter-spacing:.3em;text-indent:.3em;text-shadow:0 0 26px rgba(124,107,255,.4);animation:introSpread 1.3s ease .2s both}@keyframes introSpread{0%{opacity:0;letter-spacing:.5em}to{opacity:1;letter-spacing:.3em}}.intro-presents{font-family:var(--font);font-style:italic;font-weight:500;font-size:clamp(15px,2.2vw,23px);color:var(--text-dim);letter-spacing:.12em;animation:introPresentsIn .8s ease 2.5s both}@keyframes introPresentsIn{0%{opacity:0;transform:translateY(8px)}to{opacity:.9;transform:translateY(0)}}.intro-title-wrap{display:flex;flex-direction:column;align-items:center;gap:12px;animation:introTitleIn 1.2s cubic-bezier(.16,1,.3,1) both}@keyframes introTitleIn{0%{opacity:0;transform:scale(.8);filter:blur(14px)}to{opacity:1;transform:scale(1);filter:blur(0)}}.intro-exit .intro-title-wrap{animation:introTitleOut 1s cubic-bezier(.5,0,.75,0) both}@keyframes introTitleOut{0%{opacity:1;transform:scale(1);filter:blur(0)}to{opacity:0;transform:scale(1.55);filter:blur(9px)}}.intro-hex{font-size:clamp(46px,8vw,88px);line-height:1;color:var(--accent);text-shadow:0 0 50px rgba(110,231,255,.75),0 0 95px rgba(124,107,255,.5);animation:introHex 3s ease-in-out infinite}@keyframes introHex{0%,to{transform:translateY(0);text-shadow:0 0 40px rgba(110,231,255,.6),0 0 80px rgba(124,107,255,.4)}50%{transform:translateY(-5px);text-shadow:0 0 65px rgba(110,231,255,.95),0 0 115px rgba(124,107,255,.6)}}.intro-title{position:relative;font-family:var(--font-display);font-weight:800;font-size:clamp(54px,12vw,132px);line-height:1;letter-spacing:.16em;text-indent:.16em;background:linear-gradient(120deg,#ffffff 0%,var(--accent) 46%,var(--accent2) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 32px rgba(110,231,255,.35))}.intro-title:after{content:attr(data-text);position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 32%,rgba(255,255,255,.9) 50%,transparent 68%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:introSweep 2.8s ease-in-out .6s infinite}@keyframes introSweep{0%{background-position:130% 0}55%,to{background-position:-60% 0}}.intro-skip{position:absolute;bottom:28px;right:32px;z-index:2;padding:9px 16px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:var(--text-dim);font-family:var(--font-display);font-size:12px;font-weight:600;letter-spacing:.18em;cursor:pointer;transition:color .15s ease,background .15s ease,border-color .15s ease;animation:introSkipIn .6s ease .9s both}.intro-skip:hover{color:var(--text);background:#ffffff1f;border-color:var(--accent)}@keyframes introSkipIn{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){.intro-stars,.intro-grid,.intro-hex,.intro-hex-float,.intro-shock,.intro-flash,.intro-hit,.intro-title:after{animation:none}.intro-hex-float,.intro-shock,.intro-flash{opacity:0}}