:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:geometricprecision;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{overflow:hidden}button,input,textarea,select{font:inherit}.game-shell{color:#f8f4ff;background:radial-gradient(circle at 24% 16%,#ff2bd647,#0000 34%),radial-gradient(circle at 76% 12%,#16f7ff38,#0000 30%),linear-gradient(#25104c 0%,#130722 42%,#05030a 100%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:fixed;inset:0;overflow:hidden}.skyline-bg{pointer-events:none;mix-blend-mode:screen;opacity:.75;background:linear-gradient(90deg,#0000 0 8%,#ff2bd624 8.2% 8.5%,#0000 8.8% 100%),repeating-linear-gradient(90deg,#16f7ff12 0 1px,#0000 1px 92px),repeating-linear-gradient(0deg,#ffb0000d 0 1px,#0000 1px 78px);position:absolute;inset:0}.viewport{cursor:crosshair;position:absolute;inset:0}.viewport canvas{width:100%;height:100%;image-rendering:pixelated;display:block}.hud{z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#05030a85;border:1px solid #16f7ff59;position:absolute;box-shadow:0 0 28px #ff2bd62e,inset 0 0 24px #16f7ff14}.hud-top{justify-content:space-between;gap:12px;padding:12px 14px;display:flex;top:18px;left:18px;right:18px}.hud-top div{min-width:92px}.label{color:#16f7ff;letter-spacing:.2em;text-transform:uppercase;text-shadow:0 0 10px #16f7ffe6;margin-bottom:2px;font-size:.7rem;font-weight:800;display:block}strong{color:#fff7ff;text-shadow:0 0 16px #ff2bd6cc;font-size:clamp(1rem,2.2vw,1.45rem)}.controls{color:#f8f4ffd6;padding:10px 13px;font-size:clamp(.78rem,1.7vw,.95rem);bottom:18px;left:18px;right:18px}.controls p{margin:0}.controls strong{font-size:inherit;color:#ffb000;text-shadow:0 0 14px #ffb000cc}.modal{z-index:10;background:#05030a61;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.modal-card{text-align:left;background:linear-gradient(135deg,#0e061eeb,#340c42d1);border:1px solid #ff2bd694;width:min(520px,92vw);padding:clamp(22px,5vw,40px);box-shadow:0 0 70px #ff2bd652,inset 0 0 32px #16f7ff14}.modal-card h1{color:#fff;letter-spacing:-.06em;text-transform:uppercase;text-shadow:0 0 24px #ff2bd6e6;margin:4px 0 10px;font-size:clamp(2rem,7vw,4rem);line-height:.95}.modal-card p{color:#f8f4ffc7;margin:0 0 18px}.modal-card button{color:#061014;letter-spacing:.08em;text-transform:uppercase;background:#16f7ff;border:1px solid #16f7ffb3;border-radius:0;width:100%;padding:12px 14px;font-weight:900;box-shadow:0 0 24px #16f7ff73}@media (width<=700px){.hud-top{align-items:stretch;padding:9px;top:10px;left:10px;right:10px}.hud-top div{min-width:auto}.controls{bottom:10px;left:10px;right:10px}}