:root{color-scheme:dark;--bg-0: #05090a;--bg-1: #07110b;--bg-2: #0b1a12;--panel: rgba(10, 22, 16, .72);--panel-solid: #0a160f;--line: rgba(86, 220, 150, .18);--line-strong: rgba(86, 220, 150, .4);--ink: #dff7e6;--ink-dim: #7fa890;--ink-faint: #4f6f5d;--amber: #ffb627;--orange: #ff7a18;--red: #ff3838;--green: #43f59b;--green-deep: #0f8b4c;--glow-green: 0 0 .6em rgba(67, 245, 155, .55);--glow-amber: 0 0 .7em rgba(255, 182, 39, .55);--font-display: "Press Start 2P", "Chakra Petch", monospace;--font-ui: "Chakra Petch", "Segoe UI", system-ui, sans-serif;--radius: 4px;font-family:var(--font-ui);background:var(--bg-0);color:var(--ink)}*{box-sizing:border-box}html,body{margin:0;min-height:100%}html:has(.game-shell),html:has(.game-shell) body{overflow:hidden;height:100%}body{min-height:100vh;background:radial-gradient(120% 80% at 50% -10%,rgba(15,139,76,.22),transparent 60%),radial-gradient(90% 60% at 85% 110%,rgba(255,122,24,.12),transparent 55%),linear-gradient(180deg,var(--bg-1),var(--bg-0) 70%);background-attachment:fixed;overflow-x:hidden}body:before,body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9000}body:before{background-image:linear-gradient(rgba(67,245,155,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(67,245,155,.05) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(120% 120% at 50% 30%,#000 35%,transparent 80%);mask-image:radial-gradient(120% 120% at 50% 30%,#000 35%,transparent 80%);opacity:.7}body:after{background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000047,#0000 4px);box-shadow:inset 0 0 220px #000000e6;mix-blend-mode:multiply;animation:scan 8s linear infinite}@keyframes scan{0%{background-position-y:0}to{background-position-y:100px}}button,input{font:inherit}::selection{background:var(--orange);color:#1a0d00}.app{position:relative;z-index:1;max-width:1040px;margin:0 auto;padding:clamp(20px,5vw,56px) clamp(16px,4vw,32px) 64px}.hero{text-align:center;margin-bottom:clamp(28px,5vw,48px);animation:rise .7s cubic-bezier(.16,1,.3,1) both}.hero__tag{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:9px;letter-spacing:2px;color:var(--green);text-shadow:var(--glow-green);padding:7px 12px;border:1px solid var(--line-strong);border-radius:999px;background:#43f59b0f;margin-bottom:22px}.hero__tag:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:var(--glow-green);animation:blink 1.4s steps(1) infinite}@keyframes blink{50%{opacity:.25}}.wordmark{font-family:var(--font-display);font-size:clamp(34px,9vw,86px);line-height:.96;margin:0;color:var(--red);letter-spacing:2px;-webkit-text-stroke:2px rgba(255,230,150,.92);text-shadow:4px 4px 0 #7a0f0f,7px 7px 0 rgba(0,0,0,.55),0 0 28px rgba(255,56,56,.45);transform:skew(-5deg)}.wordmark__sub{display:block;font-family:var(--font-display);font-size:clamp(11px,2.4vw,19px);letter-spacing:6px;color:var(--amber);-webkit-text-stroke:0;text-shadow:var(--glow-amber);margin-top:16px;transform:skew(-5deg)}.hero__line{margin:22px auto 0;max-width:560px;color:var(--ink-dim);font-size:14px;letter-spacing:.5px}.hero__line b{color:var(--ink);font-weight:600}.statusbar{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:22px}.pill{display:inline-flex;align-items:center;gap:8px;font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--ink-dim);padding:6px 12px;border:1px solid var(--line);border-radius:999px;background:#00000040}.pill__dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:var(--glow-green)}.pill__dot--amber{background:var(--amber);box-shadow:var(--glow-amber)}.pill__dot--red{background:var(--red);box-shadow:0 0 .6em #ff383899}.panel{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(18px,3vw,28px);margin-bottom:18px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset 0 1px #ffffff0a,0 24px 60px -30px #000000e6;animation:rise .7s cubic-bezier(.16,1,.3,1) both}.panel:before,.panel:after{content:"";position:absolute;width:16px;height:16px;border:2px solid var(--orange);opacity:.7}.panel:before{top:-1px;left:-1px;border-right:none;border-bottom:none}.panel:after{bottom:-1px;right:-1px;border-left:none;border-top:none}.panel--delay{animation-delay:.12s}.panel__head{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:11px;letter-spacing:1.5px;color:var(--amber);text-shadow:var(--glow-amber);margin-bottom:18px}.panel__head span{color:var(--ink-faint);font-family:var(--font-ui);font-size:12px;letter-spacing:.5px;margin-left:auto;text-shadow:none}.field{display:flex;flex-direction:column;gap:7px;flex:1 1 240px}.field__label{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--ink-dim)}.row{display:flex;gap:14px;flex-wrap:wrap;align-items:center}input[type=text]{width:100%;background:#00000073;border:1px solid var(--line);border-bottom:2px solid var(--line-strong);border-radius:var(--radius);color:var(--ink);padding:12px 14px;letter-spacing:1px;transition:border-color .18s ease,box-shadow .18s ease}input[type=text]::placeholder{color:var(--ink-faint)}input[type=text]:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 1px #43f59b59,0 0 22px -6px #43f59b99}button{position:relative;font-family:var(--font-display);font-size:11px;letter-spacing:1px;color:#0a160f;background:linear-gradient(180deg,var(--amber),var(--orange));border:none;border-radius:var(--radius);padding:14px 18px;cursor:pointer;text-transform:uppercase;box-shadow:0 0 0 1px #ffb62766,0 10px 24px -12px #ff7a18e6;transition:transform .12s ease,box-shadow .18s ease,filter .18s ease}button:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 0 0 1px #ffb62799,0 16px 30px -12px #ff7a18}button:active:not(:disabled){transform:translateY(0)}button.secondary{color:var(--green);background:#43f59b14;box-shadow:inset 0 0 0 1px var(--line-strong)}button.secondary:hover:not(:disabled){background:#43f59b29;box-shadow:inset 0 0 0 1px var(--green);filter:none}button.ghost{color:var(--ink-dim);background:#ffffff08;box-shadow:inset 0 0 0 1px var(--line)}button.ghost:hover:not(:disabled){color:var(--ink);background:#ffffff12;filter:none}button:disabled{opacity:.4;cursor:not-allowed;filter:grayscale(.4)}.deploy{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-top:20px}.deploy button{padding:18px 16px;text-align:left;line-height:1.5}.deploy button small{display:block;font-family:var(--font-ui);font-size:11px;letter-spacing:.5px;text-transform:none;opacity:.78;margin-top:6px}.status{color:var(--ink-dim);font-size:13px;letter-spacing:.5px}.error{margin:14px 0 0;color:#160404;background:var(--red);padding:9px 13px;border-radius:var(--radius);font-size:13px;font-weight:600;letter-spacing:.5px}.divider{height:1px;margin:18px 0;background:linear-gradient(90deg,transparent,var(--line-strong),transparent)}.keymap{display:grid;gap:14px}.keymap__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.keycard{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius);background:#0000004d}.keycard kbd{font-family:var(--font-display);font-size:10px;color:var(--ink);background:linear-gradient(180deg,#1c2f24,#0c160f);border:1px solid var(--line-strong);border-bottom-width:3px;border-radius:var(--radius);padding:7px 9px;white-space:nowrap}.keycard__meta{display:flex;flex-direction:column;gap:2px}.keycard__meta b{font-size:13px;letter-spacing:.5px}.keycard__meta small{color:var(--ink-faint);font-size:11px;letter-spacing:1px;text-transform:uppercase}.note{font-size:12.5px;color:var(--ink-faint);line-height:1.7;letter-spacing:.3px}.app.game-shell{max-width:none;width:100%;height:100dvh;max-height:100dvh;overflow:hidden;padding:8px 12px;box-sizing:border-box;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:8px}.game-shell{width:100%;min-height:0}.hud{flex-shrink:0;display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hud__title{font-family:var(--font-display);font-size:12px;letter-spacing:1px;color:var(--red);text-shadow:2px 2px 0 #5c0c0c}.hud__status{flex:1 1 260px;min-width:0;font-size:13px;letter-spacing:.3px;color:var(--green);text-shadow:var(--glow-green);font-variant-numeric:tabular-nums}.hud__actions{display:flex;gap:10px;margin-left:auto}.hud__actions button{padding:10px 14px}.monitor-slot{display:flex;align-items:center;justify-content:center;min-height:0;min-width:0;overflow:hidden;container-type:size}.monitor{--monitor-pad: clamp(14px, 2.4vw, 26px);position:relative;display:flex;justify-content:center;align-items:center;width:fit-content;max-width:100%;max-height:100%;margin:0 auto;padding:var(--monitor-pad);border-radius:10px;background:linear-gradient(180deg,#11201704,transparent),linear-gradient(180deg,#1a2c20,#0a130d);border:1px solid var(--line-strong);box-shadow:inset 0 0 0 2px #0009,0 40px 90px -40px #000}.monitor:fullscreen{--monitor-pad: clamp(16px, 3vmin, 40px);display:flex;align-items:center;justify-content:center;width:100%;height:100%;max-width:none;max-height:none;container-type:size;border-radius:0}.monitor:fullscreen:after{inset:var(--monitor-pad);border-radius:4px}.monitor:after{content:"";position:absolute;inset:var(--monitor-pad);pointer-events:none;border-radius:6px;background:repeating-linear-gradient(0deg,transparent 0,transparent 2px,rgba(0,0,0,.22) 3px);box-shadow:inset 0 0 90px #000c}.monitor-slot .monitor canvas,.monitor:fullscreen canvas{display:block;width:min(calc(100cqw - 2 * var(--monitor-pad)),calc((100cqh - 2 * var(--monitor-pad)) * 256 / 240));height:auto;max-width:calc(100cqw - 2 * var(--monitor-pad));max-height:calc(100cqh - 2 * var(--monitor-pad));aspect-ratio:256 / 240;image-rendering:pixelated;image-rendering:crisp-edges;background:#000;border-radius:4px}.telemetry{flex-shrink:0;display:flex;flex-wrap:wrap;gap:10px 24px;padding:12px 16px;border:1px solid var(--line);border-radius:var(--radius);background:#0000004d;font-size:12.5px;letter-spacing:1px;color:var(--ink-dim);font-variant-numeric:tabular-nums}.telemetry b{color:var(--green);font-weight:600}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*,body:after{animation:none!important}}footer.creds{margin-top:32px;text-align:center;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--ink-faint)}