@font-face{font-family:"Press Start 2P";src:url(/fonts/PressStart2P-400.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Chakra Petch;src:url(/fonts/ChakraPetch-400.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Chakra Petch;src:url(/fonts/ChakraPetch-500.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Chakra Petch;src:url(/fonts/ChakraPetch-600.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Chakra Petch;src:url(/fonts/ChakraPetch-700.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}:root{color-scheme:dark;--font-display: "Press Start 2P", monospace;--font-body: "Chakra Petch", sans-serif;--ui-scale: 1;--font-size-multiplier: 1;--hud-opacity: .9;--theme-sky-top: #0f172a;--theme-sky-bottom: #312e81;--theme-ground: #1e293b;--theme-accent: #22d3ee;--theme-accent-soft: rgba(34, 211, 238, .18);--theme-panel: rgba(14, 20, 37, .8);--theme-panel-strong: rgba(14, 20, 37, .92);--theme-panel-border: rgba(34, 211, 238, .35);--theme-panel-shadow: rgba(34, 211, 238, .22);--theme-text-primary: #f8fafc;--theme-text-muted: rgba(226, 232, 240, .8);--theme-positive: #86efac;--theme-danger: #fca5a5;--theme-road-mark: rgba(248, 250, 252, .72)}html,body,#root{min-height:100%}html{background:var(--theme-sky-top)}body{margin:0;font-family:var(--font-body);color:var(--theme-text-primary);background:radial-gradient(circle at top center,var(--theme-accent-soft),transparent 32%),linear-gradient(180deg,var(--theme-sky-top) 0%,var(--theme-sky-bottom) 56%,#050811 100%)}body *{box-sizing:border-box}button,input,textarea{font:inherit}.app-shell{position:relative;min-height:100vh;overflow:hidden;background:linear-gradient(180deg,transparent 0%,rgba(5,8,17,.2) 42%,rgba(5,8,17,.6) 100%)}.app-shell:before,.app-shell:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.app-shell:before{background:radial-gradient(circle at 50% -5%,rgba(255,255,255,.18),transparent 18%),radial-gradient(circle at 50% 20%,var(--theme-accent-soft),transparent 36%);opacity:.9;z-index:1}.app-shell:after{background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:100% 20px,20px 100%;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.7),transparent 94%);mask-image:linear-gradient(180deg,rgba(0,0,0,.7),transparent 94%);opacity:.35;z-index:2}.app-noise{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;background-image:repeating-linear-gradient(180deg,rgba(255,255,255,.06) 0,rgba(255,255,255,.06) 1px,transparent 1px,transparent 3px),linear-gradient(180deg,rgba(255,255,255,.07),transparent 20%,transparent 80%,rgba(0,0,0,.4));opacity:.12;mix-blend-mode:screen}.game-canvas-host canvas{image-rendering:pixelated;image-rendering:crisp-edges}.pixel-font{font-family:var(--font-display)}.pixel-heading{font-family:var(--font-display);font-size:clamp(1rem,2vw,1.35rem);line-height:1.5;text-transform:uppercase;letter-spacing:.06em;text-shadow:0 0 20px var(--theme-panel-shadow)}.pixel-eyebrow{font-family:var(--font-display);font-size:.62rem;line-height:1.5;letter-spacing:.18em;text-transform:uppercase;color:var(--theme-accent)}.pixel-label{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--theme-text-muted)}.pixel-muted{color:var(--theme-text-muted)}.pixel-value{font-family:var(--font-display);font-size:clamp(.85rem,1.6vw,1.1rem);line-height:1.45}.pixel-panel{position:relative;overflow:hidden;border:2px solid var(--theme-panel-border);border-radius:18px;background:var(--theme-panel);box-shadow:0 0 0 1px #ffffff14 inset,0 18px 60px #00000059,0 0 36px var(--theme-panel-shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transform-origin:top left}.pixel-panel:before{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border-radius:10px;border:1px solid rgba(255,255,255,.07);pointer-events:none}.pixel-panel--strong{background:var(--theme-panel-strong)}.pixel-panel--ghost{background:#0508117a;border-style:dashed}.pixel-panel__inner{position:relative;z-index:1;display:flex;min-height:100%;height:100%;flex-direction:column;gap:.75rem;padding:.75rem}.pixel-panel__header{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem}.pixel-stat{display:flex;flex-direction:column;gap:.65rem;min-height:110px}.pixel-stat__top{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.pixel-stat__icon{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:.75rem;background:var(--theme-accent-soft);box-shadow:0 0 0 1px #ffffff14 inset}.pixel-stat__value{font-family:var(--font-display);font-size:clamp(.95rem,2vw,1.25rem);line-height:1.45}.pixel-stat__hint{font-size:.95rem;color:var(--theme-text-muted)}.pixel-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem .9rem;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#05081194;font-family:var(--font-display);font-size:.62rem;line-height:1.4;letter-spacing:.12em;text-transform:uppercase}.pixel-pill:before{content:"";width:.55rem;height:.55rem;border-radius:999px;background:currentColor;box-shadow:0 0 10px currentColor}.pixel-pill--accent{border-color:var(--theme-panel-border);color:var(--theme-accent)}.pixel-pill--positive{border-color:#86efac66;color:var(--theme-positive)}.pixel-pill--danger{border-color:#fca5a566;color:var(--theme-danger)}.pixel-pill--neutral{color:var(--theme-text-muted)}.pixel-button{--button-bg: var(--theme-accent);--button-fg: #07111b;--button-shadow: var(--theme-panel-shadow);-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.65rem;padding:.95rem 1.2rem;border:none;border-radius:14px;background:var(--button-bg);color:var(--button-fg);cursor:pointer;text-transform:uppercase;text-decoration:none;font-family:var(--font-display);font-size:.66rem;line-height:1.5;letter-spacing:.1em;box-shadow:0 8px #00000057,0 0 28px var(--button-shadow);transition:transform .12s ease,box-shadow .12s ease,filter .12s ease,opacity .12s ease}.pixel-button:hover:not(:disabled){transform:translateY(-2px);filter:saturate(1.06) brightness(1.03)}.pixel-button:active:not(:disabled){transform:translateY(5px);box-shadow:0 3px #0000005c,0 0 16px var(--button-shadow)}.pixel-button:disabled{cursor:not-allowed;opacity:.55;box-shadow:0 8px #00000038}.pixel-button--sm{padding:.8rem 1rem;border-radius:12px}.pixel-button--lg{padding:1.05rem 1.5rem;border-radius:16px;font-size:.72rem}.pixel-button--neutral{--button-bg: rgba(15, 23, 42, .88);--button-fg: var(--theme-text-primary);--button-shadow: rgba(0, 0, 0, .3);border:1px solid rgba(255,255,255,.08)}.pixel-button--ghost{--button-bg: rgba(5, 8, 17, .45);--button-fg: var(--theme-text-primary);--button-shadow: rgba(0, 0, 0, .22);border:1px dashed rgba(255,255,255,.18)}.pixel-button--success{--button-bg: #4ade80;--button-fg: #072412;--button-shadow: rgba(74, 222, 128, .28)}.pixel-button--danger{--button-bg: #fb7185;--button-fg: #fff1f2;--button-shadow: rgba(251, 113, 133, .34)}.pixel-button--active{outline:2px solid var(--theme-accent);outline-offset:2px}.pixel-input{width:100%;padding:.9rem 1rem;border-radius:14px;border:2px solid rgba(255,255,255,.12);background:#040913ad;color:var(--theme-text-primary);box-shadow:0 0 0 1px #ffffff0a inset;transition:border-color .12s ease,box-shadow .12s ease}.pixel-input::placeholder{color:#e2e8f07a}.pixel-input:focus{outline:none;border-color:var(--theme-accent);box-shadow:0 0 0 3px var(--theme-accent-soft),0 0 0 1px #ffffff0a inset}.pixel-progress{display:flex;flex-direction:column;gap:.6rem}.pixel-progress__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.pixel-progress__track{position:relative;height:14px;overflow:hidden;border-radius:999px;border:2px solid rgba(255,255,255,.1);background:#040812d6}.pixel-progress__bar{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--theme-accent),rgba(255,255,255,.86));box-shadow:0 0 18px var(--theme-panel-shadow);transition:width .24s ease}.pixel-scroll{scrollbar-width:thin;scrollbar-color:var(--theme-accent) rgba(5,8,17,.4)}.pixel-scroll::-webkit-scrollbar{width:8px;height:8px}.pixel-scroll::-webkit-scrollbar-track{background:#05081152}.pixel-scroll::-webkit-scrollbar-thumb{background:var(--theme-accent);border-radius:999px}.pixel-modal{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:1rem;background:#02060cc7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pixel-modal__card{width:100%;max-width:760px;max-height:min(88vh,900px)}.pixel-modal__body{overflow:auto}.pixel-build-wrap{display:flex;flex-direction:column;gap:.9rem;align-items:center;width:min(100%,440px)}.pixel-build-button{position:relative;width:min(100%,420px);min-height:170px;padding:1.25rem 1.4rem;border:none;border-radius:24px;cursor:pointer;color:#07111b;background:linear-gradient(180deg,#fef08a,#facc15 48%,#ca8a04);box-shadow:0 14px #713f12b8,0 0 44px #facc155c;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease,opacity .12s ease}.pixel-build-button:hover:not(:disabled){transform:translateY(-3px);filter:brightness(1.03)}.pixel-build-button:active:not(:disabled){transform:translateY(8px);box-shadow:0 6px #713f12b8,0 0 22px #facc1547}.pixel-build-button:disabled{cursor:not-allowed;opacity:.58;box-shadow:0 10px #1e293bbd}.pixel-build-button--attack{color:#fff1f2;background:linear-gradient(180deg,#fb7185,#ef4444 48%,#991b1b);box-shadow:0 14px #450a0ad6,0 0 44px #ef444457}.pixel-build-button:before,.pixel-build-button:after{content:"";position:absolute;top:12px;right:12px;bottom:12px;left:12px;border-radius:16px;pointer-events:none}.pixel-build-button:before{border:2px solid rgba(255,255,255,.18)}.pixel-build-button:after{border:1px dashed rgba(0,0,0,.12)}.pixel-build-button__content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.65rem;min-height:100%}.pixel-build-button__title{font-family:var(--font-display);font-size:clamp(1.1rem,2.6vw,1.55rem);line-height:1.4;text-transform:uppercase;letter-spacing:.1em}.pixel-build-button__power{font-family:var(--font-display);font-size:.72rem;line-height:1.5;text-transform:uppercase;letter-spacing:.12em}.pixel-build-button__hint{max-width:18rem;font-size:1rem;line-height:1.2;color:#07111bb8;text-align:center}.pixel-build-button--attack .pixel-build-button__hint{color:#fff1f2c7}@media (max-width: 1023px){.pixel-heading{font-size:.92rem}.pixel-build-button{min-height:154px}}@media (max-width: 767px){.app-shell:after,.app-noise{opacity:.08}.pixel-panel__inner{padding:.9rem}.pixel-build-button{min-height:144px}}