:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f4f7fb;--void-950:#101725;--panel-900:#182233;--panel-800:#263244;--panel-700:#314155;--mist-100:#f4f7fb;--mist-300:#cbd5e1;--player-crystal:#45d6c0;--enemy-crystal:#e85858;--gold:#f6d46b;--income-green:#7ddc86;--arcane-violet:#8b7cf6;--ember:#f97345;--line-dark:#0f172a;background:#101725;font-family:Trebuchet MS,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#game-shell{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:320px;min-height:100vh}button{font:inherit}#game-shell{background:linear-gradient(#101725 0%,#182233 100%);position:relative}#game-canvas{position:absolute;inset:0}#game-canvas canvas{display:block}#ui-root{z-index:2;pointer-events:none;position:absolute;inset:0}#ui-root button,#ui-root a{pointer-events:auto}.screen{background:linear-gradient(90deg,#101725c2,#1017252e),repeating-linear-gradient(0deg,#ffffff07 0 1px,#0000 1px 5px);align-content:center;justify-items:center;gap:18px;padding:28px;display:grid;position:absolute;inset:0}.brand-lockup,.info-card,.result-card,.modal-card{text-align:center;background:linear-gradient(#314155f0,#182233f5),repeating-linear-gradient(90deg,#ffffff07 0 1px,#0000 1px 7px);border:2px solid #f4f7fb33;border-radius:8px;width:min(690px,100vw - 32px);box-shadow:0 18px 42px #0000006b,inset 0 0 0 2px #0f172acc,inset 0 2px #ffffff14}.brand-lockup{padding:18px 26px 26px}.brand-mark{object-fit:contain;background:#101725;border:2px solid #f6d46b47;border-radius:6px;width:min(540px,80vw);max-height:184px;margin-bottom:12px}.eyebrow{color:var(--gold);letter-spacing:0;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:900}h1,h2,p{margin-top:0}h1{margin-bottom:12px;font-size:clamp(34px,6vw,58px);line-height:1}h2{margin-bottom:10px}.menu-copy{max-width:610px;color:var(--mist-300);margin:0 auto;font-size:17px;line-height:1.5}.menu-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.inline-actions{margin-top:8px}.cf-button{min-width:148px;min-height:44px;color:var(--mist-100);cursor:pointer;background:linear-gradient(#45d6c059,#1f2d40fa),linear-gradient(90deg,#f6d46b1f,#0000 50%,#45d6c01a);border:2px solid #f4f7fb38;border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-weight:900;transition:transform .12s,border-color .12s,filter .12s;display:inline-flex;position:relative;box-shadow:inset 0 2px #ffffff1f,inset 0 -3px #0f172ab8,0 7px #0f172a8c}.cf-button:hover,.cf-button:focus-visible{border-color:var(--gold);filter:brightness(1.08);outline-offset:2px;outline:3px solid #f6d46b47}.cf-button:active{transform:translateY(4px);box-shadow:inset 0 2px #ffffff1a,inset 0 -2px #0f172ab8,0 3px #0f172a8c}.cf-button.is-clicking{animation:.18s button-pop}.button-icon{flex:none;width:22px;height:22px}.legal-note{max-width:760px;color:var(--mist-300);text-align:center;text-shadow:0 2px 2px #0000006b;font-size:13px}.info-card,.result-card,.modal-card{padding:28px}.info-card ol{max-width:610px;color:var(--mist-300);text-align:left;margin:18px auto 0;padding-left:26px;line-height:1.65}.battle-overlay{pointer-events:none;grid-template-rows:auto 1fr auto;display:grid;position:absolute;inset:0}.hud-top{pointer-events:auto;background:linear-gradient(#182233f0,#101725e0),repeating-linear-gradient(90deg,#ffffff06 0 1px,#0000 1px 8px);border:2px solid #f4f7fb2e;border-radius:8px;grid-template-columns:minmax(176px,1fr) minmax(330px,1.7fr) minmax(116px,.65fr) minmax(176px,1fr) auto;align-items:center;gap:9px;width:min(1220px,100vw - 20px);margin:10px auto 0;padding:8px;display:grid;box-shadow:inset 0 0 0 2px #0f172ad1,0 14px 30px #00000052}.hud-cluster,.hud-timer,.hud-crystal{background:#263244e0;border:1px solid #cbd5e138;border-radius:6px;box-shadow:inset 0 2px #ffffff12,inset 0 -2px #0f172ab8}.hud-crystal{grid-template-columns:42px 1fr;align-items:center;gap:8px;min-height:50px;padding:6px 9px;display:grid}.hud-crystal.enemy{direction:rtl}.hud-crystal.enemy div{text-align:right;direction:ltr}.hud-crystal img{width:38px;height:38px}.hud-crystal span,.hud-cluster span,.hud-timer span{color:var(--mist-300);text-transform:uppercase;font-size:11px;font-weight:900}.hud-crystal strong,.hud-cluster strong,.hud-timer strong{color:var(--mist-100);font-variant-numeric:tabular-nums;font-size:18px;line-height:1.05;position:relative}.hud-cluster strong[data-delta]:after{content:attr(data-delta);color:var(--gold);text-shadow:0 2px 4px #000000b3;pointer-events:none;font-size:12px;animation:.42s both stat-float;position:absolute;bottom:-22px;left:50%;transform:translate(-50%)}.hud-crystal i{background:#0f172ab3;border:1px solid #0f172ae6;border-radius:999px;width:100%;height:7px;margin-top:5px;display:block;overflow:hidden}.hud-crystal i:before{content:"";width:100%;height:100%;transform:scaleX(var(--hp-ratio,1));transform-origin:0;background:linear-gradient(90deg, var(--player-crystal), #b8fff5);transition:transform .18s;display:block}.hud-crystal.enemy i:before{background:linear-gradient(90deg, var(--enemy-crystal), #ffd0c8)}.hud-crystal.is-hit{animation:.32s crystal-hit}.economy-cluster{grid-template-columns:repeat(3,auto minmax(42px,1fr));align-items:center;gap:4px 8px;min-height:50px;padding:7px 10px;display:grid}.economy-cluster span{align-items:center;gap:5px;display:inline-flex}.economy-cluster img{width:19px;height:19px}.economy-cluster strong:first-of-type{color:var(--gold)}.economy-cluster strong:nth-of-type(2){color:var(--income-green)}.hud-timer{background:linear-gradient(#57431df0,#263244f2);border-color:#f6d46b66;justify-items:center;gap:1px;min-height:58px;padding:4px 10px 6px;display:grid}.hud-timer img{width:24px;height:24px}.hud-timer strong{color:var(--gold);font-size:24px}.hud-toast-region{pointer-events:none;gap:6px;display:grid;position:absolute;top:82px;left:50%;transform:translate(-50%)}.hud-toast{min-width:180px;color:var(--mist-100);text-align:center;background:#182233f0;border:2px solid #f4f7fb38;border-radius:6px;padding:8px 12px;font-size:13px;font-weight:900;animation:.16s both toast-in;box-shadow:0 12px 24px #0000004d}.hud-toast.warn{color:#ffe9a3;border-color:#f6d46b8c}.hud-toast.leaving{animation:.26s both toast-out}.unit-rail{pointer-events:auto;background:linear-gradient(#182233f0,#101725e6),repeating-linear-gradient(90deg,#ffffff06 0 1px,#0000 1px 8px);border:2px solid #f4f7fb2e;border-radius:8px;grid-template-columns:repeat(12,minmax(86px,1fr));align-self:end;gap:7px;width:min(1240px,100vw - 16px);margin:0 auto 8px;padding:9px;display:grid;overflow-x:auto;box-shadow:inset 0 0 0 2px #0f172ad1,0 -12px 28px #00000042}.unit-card{min-width:86px;height:148px;color:var(--mist-100);cursor:pointer;background:linear-gradient(#314155f5,#1b2638fa),linear-gradient(120deg,#45d6c017,#0000 50%,#f6d46b12);border:2px solid #cbd5e138;border-radius:7px;grid-template-rows:16px 58px 31px 18px 15px;place-items:center;gap:2px;padding:6px 6px 7px;transition:transform .12s,border-color .12s,filter .12s,box-shadow .12s;display:grid;position:relative;box-shadow:inset 0 2px #ffffff14,inset 0 -2px #0f172ac2}.unit-card:hover,.unit-card:focus-visible{border-color:var(--player-crystal);filter:brightness(1.06);outline-offset:2px;outline:3px solid #45d6c038}.unit-card.selected{border-color:var(--gold);transform:translateY(-3px);box-shadow:inset 0 0 0 2px #f6d46b7a,0 0 20px #f6d46b33,0 7px #0f172a85}.unit-card.locked{filter:grayscale(.65)brightness(.72)}.unit-card.unaffordable{filter:saturate(.65)brightness(.76)}.unit-hotkey{width:19px;height:19px;color:var(--gold);background:#0f172abd;border:1px solid #f6d46b8a;border-radius:4px;place-items:center;font-size:11px;font-weight:900;display:grid;position:absolute;top:5px;left:6px}.unit-tier{width:34px;height:8px;display:block}.unit-tier:before{content:"";background:var(--gold);border:1px solid #111827;width:7px;height:7px;display:block;transform:rotate(45deg)}.tier-2:before{box-shadow:11px -11px 0 -1px var(--gold), 11px -11px 0 0 #111827}.tier-3:before{box-shadow:11px -11px 0 -1px var(--gold), 11px -11px 0 0 #111827, 22px -22px 0 -1px var(--gold), 22px -22px 0 0 #111827}.unit-portrait{background:radial-gradient(circle at 50% 34%,#f4f7fb29,#0000 45%),#1017258f;border:2px solid #0f172abf;border-radius:8px;place-items:center;width:58px;height:58px;display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #f4f7fb1a,0 6px 12px #00000042}.unit-card img{object-fit:cover;object-position:center top;width:100%;height:100%}.unit-card strong{min-height:28px;color:var(--mist-100);text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.15;display:-webkit-box;overflow:hidden}.unit-meta{justify-content:center;gap:4px;width:100%;display:flex}.unit-meta span{color:#101725;background:#f6d46be6;border-radius:4px;min-width:24px;padding:2px 3px;font-size:10px;font-weight:900;line-height:1}.unit-meta span:nth-child(2){background:#cbd5e1f2}.unit-meta span:nth-child(3){background:#7ddc86f2}.unit-role{max-width:100%;color:var(--mist-300);text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1.1;overflow:hidden}.card-state-icon{background-position:50%;background-repeat:no-repeat;background-size:contain;width:19px;height:19px;position:absolute;bottom:5px;right:5px}.pause-modal{pointer-events:auto;background:linear-gradient(#1017258a,#1017258a),repeating-linear-gradient(0deg,#ffffff08 0 1px,#0000 1px 5px);align-content:center;justify-items:center;gap:14px;display:grid;position:absolute;inset:0}.hidden{display:none}.result-card{width:min(760px,100vw - 32px)}.result-icon{filter:drop-shadow(0 10px 18px #00000047);width:92px;height:92px;margin-bottom:8px}.result-screen.victory .result-card{border-color:#f6d46b80}.result-screen.defeat .result-card{border-color:#e8585880}.result-stats{grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0 0;display:grid}.result-stats div{background:#1017257a;border:1px solid #cbd5e124;border-radius:7px;padding:11px}.result-stats dt{color:var(--mist-300);text-transform:uppercase;font-size:11px;font-weight:900}.result-stats dd{margin:2px 0 0;font-size:22px;font-weight:900}.is-pulsing{animation:.36s pulse-plate}.is-confirmed{animation:.36s card-confirm}.is-gaining{animation:.42s gain-pulse}.is-spending{animation:.36s spend-pulse}@keyframes button-pop{0%{transform:translateY(0)scale(1)}45%{transform:translateY(3px)scale(.97)}to{transform:translateY(0)scale(1)}}@keyframes crystal-hit{0%{filter:brightness();transform:translate(0)}25%{filter:brightness(1.45);transform:translate(-3px)}55%{transform:translate(3px)}to{filter:brightness();transform:translate(0)}}@keyframes stat-float{0%{opacity:0;transform:translate(-50%,6px)scale(.9)}24%{opacity:1}to{opacity:0;transform:translate(-50%,-16px)scale(1.04)}}@keyframes gain-pulse{45%{color:#9affab;filter:brightness(1.35)}}@keyframes spend-pulse{45%{color:#ffe084;filter:brightness(1.2)}}@keyframes pulse-plate{0%{filter:brightness();transform:scale(1)}35%{filter:brightness(1.28);transform:scale(1.045)}to{filter:brightness();transform:scale(1)}}@keyframes card-confirm{0%{transform:translateY(-3px)scale(1)}38%{filter:brightness(1.35);transform:translateY(-7px)scale(1.06)}to{transform:translateY(-3px)scale(1)}}@keyframes toast-in{0%{opacity:0;transform:translateY(-6px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes toast-out{to{opacity:0;transform:translateY(-10px)scale(.96)}}@media (width<=980px){.hud-top{grid-template-columns:repeat(2,minmax(0,1fr))}.hud-top .cf-button{grid-column:span 2}.economy-cluster{grid-template-columns:repeat(3,auto minmax(34px,1fr))}.hud-timer{min-height:50px}.unit-rail{grid-template-columns:repeat(12,82px)}.unit-card{grid-template-rows:13px 47px 28px 18px;min-width:82px;height:132px}.unit-portrait{width:47px;height:47px}.unit-role{display:none}}@media (width<=560px){.screen{padding:14px}.brand-lockup,.info-card,.result-card,.modal-card{padding:16px}.brand-mark{max-height:124px}.menu-copy{font-size:14px}.hud-top{gap:5px;width:calc(100vw - 10px);margin-top:5px;padding:5px}.hud-crystal{grid-template-columns:28px 1fr;min-height:38px;padding:4px 5px}.hud-crystal img{width:26px;height:26px}.hud-crystal span,.hud-cluster span,.hud-timer span{font-size:9px}.hud-crystal strong,.hud-cluster strong{font-size:13px}.economy-cluster{grid-template-columns:repeat(3,1fr);gap:3px;padding:5px}.economy-cluster span{justify-content:center}.economy-cluster span img{display:none}.economy-cluster strong{text-align:center}.hud-timer{min-height:40px;padding:3px}.hud-timer img{display:none}.hud-timer strong{font-size:17px}.cf-button{min-width:116px;min-height:38px;padding:8px 11px}.button-icon{width:18px;height:18px}.unit-rail{grid-template-columns:repeat(12,76px);margin-bottom:6px;padding:6px}.unit-card{grid-template-rows:12px 40px 26px 17px;min-width:76px;height:118px;padding:5px}.unit-portrait{width:40px;height:40px}.unit-card strong{font-size:10px}.unit-meta span{min-width:20px;font-size:9px}.hud-toast-region{top:98px}.result-stats{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}