:root{--bg: #050208;--cyan: #3ef0e0;--cyan-dim: #1a7a74;--violet: #b36bff;--orange: #ff9a3c;--green: #5dff5d;--red: #ff4040;--amber: #ffd24a;--panel-bg: rgba(4, 10, 14, .94);--line: #134d48}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:#000;overflow:hidden;font-family:Courier New,Lucida Console,monospace;color:var(--cyan)}#app{position:relative;width:100vw;height:100vh;max-width:160vh;max-height:62.5vw;margin:auto;top:50%;transform:translateY(-50%);background:var(--bg);-webkit-user-select:none;user-select:none}#game{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;background:var(--bg)}#scanlines{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(to bottom,#0000,#0000 2px,#00000038,#0000 4px);mix-blend-mode:multiply;z-index:40}#vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at center,#0000 58%,#00000073);z-index:41}.hidden{display:none!important}#hud{position:absolute;left:0;right:0;bottom:0;z-index:50;display:flex;gap:10px;align-items:center;padding:4px 10px;font-size:clamp(9px,1.5vh,13px);background:linear-gradient(to top,#020609f2,#020609bf);border-top:1px solid var(--line);text-shadow:0 0 4px currentColor;white-space:nowrap;overflow:hidden}#hud .hud-item{display:flex;align-items:center;gap:4px}#hud .bar{width:52px;height:8px;border:1px solid var(--cyan-dim);position:relative}#hud .bar i{position:absolute;left:0;top:0;bottom:0;display:block}#hud .lab{color:var(--cyan-dim)}#hud .v-fuel i{background:var(--orange)}#hud .v-hull i{background:var(--red)}#hud .v-shld i{background:var(--violet)}#hud .cr{color:var(--amber)}#hud .keys{margin-left:auto;color:var(--cyan-dim);font-size:.85em}#toasts{position:absolute;top:8px;right:8px;z-index:60;display:flex;flex-direction:column;gap:4px;align-items:flex-end;pointer-events:none}.toast{background:var(--panel-bg);border:1px solid var(--cyan-dim);padding:4px 10px;font-size:clamp(9px,1.5vh,13px);max-width:46ch;text-shadow:0 0 4px currentColor;animation:toast-in .15s steps(3) both}.toast.good{color:var(--green);border-color:var(--green)}.toast.bad{color:var(--red);border-color:var(--red)}.toast.event{color:var(--violet);border-color:var(--violet)}@keyframes toast-in{0%{transform:translate(20px);opacity:0}to{transform:none;opacity:1}}#tutor{position:absolute;top:8px;left:50%;transform:translate(-50%);z-index:55;background:var(--panel-bg);border:1px dashed var(--amber);color:var(--amber);padding:4px 12px;font-size:clamp(9px,1.6vh,13px);text-shadow:0 0 5px currentColor;max-width:70ch;text-align:center}#panel{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);z-index:70;width:min(92%,780px);max-height:86%;overflow-y:auto;background:var(--panel-bg);border:1px solid var(--cyan);box-shadow:0 0 18px #3ef0e040,inset 0 0 40px #3ef0e00a;padding:10px 14px;font-size:clamp(9px,1.6vh,13px);text-shadow:0 0 3px currentColor}#panel h2{font-size:1.1em;letter-spacing:2px;border-bottom:1px solid var(--line);padding-bottom:4px;margin-bottom:6px;color:var(--cyan)}#panel h3{color:var(--violet);margin:8px 0 3px;font-size:1em}#panel .close-hint{float:right;color:var(--cyan-dim);font-size:.85em}#panel table{width:100%;border-collapse:collapse}#panel th{text-align:left;color:var(--cyan-dim);border-bottom:1px solid var(--line);font-weight:400;padding:1px 4px}#panel td{padding:1px 4px;border-bottom:1px dotted #0c2826}#panel tr:hover td{background:#3ef0e00f}#panel .num{text-align:right}#panel .dim{color:var(--cyan-dim)}#panel .good{color:var(--green)}#panel .bad{color:var(--red)}#panel .warn{color:var(--orange)}#panel .vio{color:var(--violet)}#panel .amber{color:var(--amber)}#panel .illegal{color:var(--red);font-size:.85em}#panel .small{font-size:.85em}#panel p{margin:4px 0}#panel ul{margin:4px 0 4px 18px}button,#panel button{font-family:inherit;background:transparent;border:1px solid var(--cyan-dim);color:var(--cyan);padding:2px 8px;cursor:pointer;font-size:inherit;text-shadow:0 0 3px currentColor}button:hover{background:#3ef0e01f;border-color:var(--cyan)}button:disabled{opacity:.35;cursor:default}button.buy{color:var(--green);border-color:var(--green)}button.sell{color:var(--orange);border-color:var(--orange)}button.danger{color:var(--red);border-color:var(--red)}#surfbar{position:absolute;left:0;right:0;bottom:0;z-index:50;display:flex;gap:6px;align-items:center;padding:3px 8px;font-size:clamp(9px,1.5vh,12px);background:#020609eb;border-top:1px solid var(--line);overflow-x:auto;white-space:nowrap}#surfbar .stat{color:var(--amber);margin-right:6px}#start{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;background:radial-gradient(ellipse at 50% 30%,#0a0418 0%,var(--bg) 70%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3vh}#logo{color:var(--cyan);text-shadow:0 0 8px var(--cyan),0 0 24px rgba(62,240,224,.4);font-size:clamp(6px,1.4vw,13px);line-height:1.1}.subtitle{text-align:center;color:var(--violet);letter-spacing:4px;margin-top:1vh;font-size:clamp(9px,1.6vh,14px)}.start-box{display:flex;flex-direction:column;gap:8px;width:min(80%,360px);border:1px solid var(--line);padding:16px;background:#03080ccc}.start-box label{color:var(--cyan-dim);font-size:.85em;letter-spacing:2px}.seed-row{display:flex;gap:6px}.seed-row input{flex:1;font-family:inherit;background:#02080a;border:1px solid var(--cyan-dim);color:var(--amber);padding:4px 8px;font-size:1em;letter-spacing:2px;text-transform:uppercase}.seed-row input:focus{outline:none;border-color:var(--cyan)}button.big{padding:7px;letter-spacing:2px}.start-hint,.start-foot{color:var(--cyan-dim);font-size:clamp(8px,1.4vh,11px);text-align:center}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#03100e}::-webkit-scrollbar-thumb{background:var(--cyan-dim)}