*{box-sizing:border-box}body{margin:0;background:#070b10;color:#c3cbd1;font:13px Courier New,monospace}button,input{font:inherit}button{background:#334453;color:#e4e8db;border:2px outset #607080;padding:9px;cursor:pointer}button:hover{background:#466071}button:disabled{opacity:.45;cursor:not-allowed}input{display:block;background:#101b24;color:#e1e5dd;border:1px solid #687d85;padding:12px;width:100%;margin:10px 0}#entry{width:480px;max-width:90vw;margin:16vh auto;border:2px solid #4c6068;padding:38px;background:#17242c;box-shadow:8px 8px #020405}h1{font-size:48px;letter-spacing:4px;color:#e9e6d5;margin:18px 0}.eyebrow{color:#80abbb;font-size:11px;letter-spacing:2px}#play{width:100%;font-weight:700;font-size:24px;margin:18px 0}#availability.good{color:#7fd48c}#availability.bad{color:#e38676}#game{height:100vh;position:relative}#top{height:42px;display:flex;gap:24px;align-items:center;padding:8px 14px;background:#26353e;border-bottom:2px solid #617078}#battlefield{position:absolute;inset:42px 230px 56px 0;overflow:hidden}canvas{display:block;image-rendering:pixelated}#sidebar{position:absolute;right:0;top:42px;bottom:56px;width:230px;background:#24323b;border-left:2px solid #617078;padding:10px;overflow:auto}#selection{position:absolute;bottom:0;left:0;right:0;height:56px;background:#26353e;border-top:2px solid #617078;padding:6px}#notice{position:absolute;left:18px;bottom:74px;background:#111d27dd;padding:10px;pointer-events:none;color:#f2d18c;max-width:60%}.tabs{display:flex;flex-wrap:wrap;gap:3px}.tabs button{padding:6px;font-size:11px}.item{display:block;width:100%;text-align:left;margin:8px 0}.item small{display:block;margin:4px 0;color:#a9c5cc}.meter{height:5px;background:#111;margin:5px 0}.meter span{display:block;height:100%;background:#87b67b}.shortage{color:#ff8073}#radar{width:100%;max-width:200px;height:auto;border:1px solid #6f8980;margin-top:12px}#selection button{padding:6px;margin:5px}p{line-height:1.5}[hidden]{display:none!important}#construction{padding:6px 0;border-bottom:1px solid #607080}#construction:empty{display:none}#construction button{width:100%;padding:5px;margin:3px 0}progress{width:100%;height:8px;accent-color:#87b67b}#selection{overflow:auto}#battlefield{right:clamp(270px,29vw,430px)}#sidebar{width:clamp(270px,29vw,430px);display:flex;flex-direction:column;gap:6px;overflow:hidden;padding:9px;background:linear-gradient(90deg,#06101c,#0b1b2b 5%,#061421);border-left:3px solid #129beb;box-shadow:inset 4px 0 #020913,-8px 0 22px #0009;color:#cdeeff}.radar-frame{flex:0 0 auto;min-height:75px;max-height:24vh;display:grid;place-items:center;background:#020a12;border:2px solid #147dc4;box-shadow:inset 0 0 0 3px #031723,0 0 9px #087fce66;color:#3389b6;font-size:11px;letter-spacing:.08em}#radar{width:100%;max-width:none;max-height:23vh;object-fit:contain;margin:0;border:0}.resource-credits{display:flex;justify-content:space-between;align-items:center;padding:6px 9px;color:#70d9ff;background:#061b30;border:1px solid #168fe0;font-weight:700;letter-spacing:.04em}.resource-credits strong{color:#e8f6ff;font-size:18px;text-shadow:0 0 8px #399dff}.tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));flex:0 0 auto;gap:2px}.tabs button{min-width:0;padding:8px 2px;background:#09213a;color:#a9d4e9;border:1px solid #2478ac;font:700 clamp(9px,.85vw,12px) Arial,sans-serif}.tabs button.active,.tabs button:hover{background:linear-gradient(#1177d4,#043c9e);color:#fff;box-shadow:inset 0 0 8px #5ecaff,0 0 7px #128dff}.catalog{min-height:0;flex:1;overflow:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(105px,1fr));grid-auto-rows:max-content;align-content:start;gap:6px;padding:3px;scrollbar-color:#158fe0 #071524;scrollbar-width:thin}.catalog::-webkit-scrollbar{width:8px}.catalog::-webkit-scrollbar-thumb{background:#158fe0;border:2px solid #071524}.catalog p,.catalog #construction,.catalog>button:not(.item){grid-column:1/-1}.item{position:relative;min-width:0;min-height:112px;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-align:center;padding:7px 3px;background:linear-gradient(145deg,#0b3152,#071726 65%);border:1px solid #157fca;box-shadow:inset 0 0 0 2px #041321;color:#e6f6ff}.item:before,.item:after{content:"";position:absolute;width:12px;height:12px;border-color:#20baff;border-style:solid}.item:before{top:2px;left:2px;border-width:2px 0 0 2px}.item:after{right:2px;bottom:2px;border-width:0 2px 2px 0}.item:hover:not(:disabled){background:#10518a;box-shadow:inset 0 0 14px #148ef5}.item:disabled{opacity:.55}.item-icon{font:38px Arial,sans-serif;color:#61b9ff;text-shadow:0 0 10px #047fe2;line-height:1}.item-name{font:700 12px Arial,sans-serif}.item small{display:block;margin:0;color:#70c4ea;font:10px Arial,sans-serif}.sidebar-utility{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:5px;color:#72a8c6;font:10px Arial,sans-serif}.sidebar-utility button{padding:3px 5px;background:#0b2740;border:1px solid #246ca0;font-size:10px}.sidebar-utility details{position:relative}.sidebar-utility details[open] p{position:absolute;right:0;bottom:20px;width:230px;padding:8px;background:#061421;border:1px solid #168fe0;z-index:2}.sidebar-meters{flex:0 0 auto;display:grid;gap:4px;padding:6px 8px;background:#061729;border:1px solid #1769a8;font:700 12px Arial,sans-serif;color:#83caff}.sidebar-meters>div{display:flex;justify-content:space-between;flex-wrap:wrap}.sidebar-meters span{color:#e8f5ff}.sidebar-meters progress{height:7px;flex-basis:100%;accent-color:#139af3;margin-top:3px}@media(max-width:760px){#battlefield{right:235px}#sidebar{width:235px}.catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.tabs button{font-size:9px}.radar-frame{max-height:17vh}}#radar{height:auto;max-height:none;aspect-ratio:auto;align-self:center}.item:focus-visible,.tabs button:focus-visible,.sidebar-utility button:focus-visible{outline:2px solid #f9cf59;outline-offset:2px}.sidebar-meters .shortage{color:#ff8a70}.sidebar-meters .shortage progress{accent-color:#f16d4e}.item-art{display:block;max-width:100%;flex:none;background-image:url(/art/1963-transparent.png);background-repeat:no-repeat;filter:drop-shadow(0 2px 5px #168bf9)}#idle-warning{position:fixed;top:16px;left:16px;z-index:1000;max-width:420px;padding:16px;background:#382616;color:#ffe2a2;border:2px solid #e7ad45;pointer-events:none}#idle-countdown{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;font-size:clamp(64px,12vw,144px);font-weight:700;color:#ffcf78;text-shadow:0 3px 12px #000;pointer-events:none}#exit-reason{margin-top:16px;padding:12px;border:1px solid #e7ad45;background:#251e15;text-align:left}#exit-reason summary{cursor:pointer;color:#ffe2a2}#exit-reason p{line-height:1.5}#selection{height:110px;line-height:1.35}#battlefield,#sidebar{bottom:110px}#notice{bottom:128px}#selection small{display:block;color:#a9c5cc}