/* Remastered command deck */
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#0a1014;color:#ccd7dc;font-family:Consolas,"Malgun Gothic",monospace;font-size:12px}button{font:inherit;color:inherit;cursor:pointer;border:1px solid #344550;background:#192730;border-radius:3px;padding:8px 12px}button:hover{border-color:#62d4d4;color:#a0fbf0;background:#203a42}button:focus-visible{outline:2px solid #90e8dc;outline-offset:2px}button:disabled{opacity:.35;cursor:not-allowed}header{height:77px;display:flex;align-items:center;justify-content:space-between;padding:0 26px;border-bottom:1px solid #26353b;background:#10191f;gap:20px}.brand{display:flex;align-items:center;gap:12px;letter-spacing:3px;font-size:21px;color:#f3f4e9;font-weight:900}.brand b{font-size:12px;letter-spacing:2px;color:#9aadaf}.brand small{display:block;font-size:9px;letter-spacing:2px;color:#72878e;margin-top:6px}.emblem{font-size:42px;color:#e8c481;line-height:1}.resources{display:flex;gap:36px}.resources>span{position:relative;padding-left:26px;min-width:80px}.resources i{position:absolute;left:0;top:1px;font-style:normal;color:#c3ccd1;font-size:22px}.resources i.mineral{color:#6fd3fb}.resources i.gas{color:#a5df77}.resources b{font-size:21px;color:#ebf3ef;font-weight:500}.resources small{display:block;font-size:8px;letter-spacing:1px;color:#6f858d;margin-top:4px}.header-actions{display:flex;align-items:center;gap:9px}.header-actions>span{color:#8eaaad;margin-right:8px}.header-actions button{font-size:10px;padding:8px}.mission{height:43px;background:#152228;display:flex;align-items:center;justify-content:space-between;padding:0 27px;font-size:10px;color:#6c959b;border-bottom:1px solid #293a3c;gap:14px}.mission b{color:#d3dedd;margin-left:15px;font-weight:500}.mission i,footer i{display:inline-block;background:#7bd9bb;width:5px;height:5px;border-radius:50%;margin-right:8px;box-shadow:0 0 7px #7bd9bb}#objective{color:#99a9a9}#wave{color:#d7b582}main{position:relative;height:clamp(340px,57vh,750px);background:#141e24;overflow:hidden;border-bottom:2px solid #41545b}#battlefield{display:block;width:100%;height:100%;touch-action:none;outline:none;cursor:crosshair}.map-label{position:absolute;left:24px;top:18px;font-size:9px;letter-spacing:2px;color:#9bafa780;pointer-events:none}.map-label span{display:block;font-size:8px;color:#697f7380;margin-top:6px}#toast{position:absolute;left:50%;top:20px;transform:translateX(-50%);background:#101d24ed;border:1px solid #b69b5f;color:#f3d7a4;padding:12px 22px;opacity:0;transition:opacity .2s;pointer-events:none;max-width:90%;text-align:center;font-size:12px}#placement{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);background:#101f27df;color:#99e9d3;padding:10px 20px;border:1px solid #48716d;display:none;pointer-events:none;white-space:nowrap}.console{display:grid;grid-template-columns:260px 1fr 1.2fr;gap:0;background:linear-gradient(#17252d,#111d24);padding:17px 22px;min-height:220px;border-bottom:1px solid #35464c}.panel-title{font-size:9px;color:#819aa4;letter-spacing:1.5px;display:flex;justify-content:space-between;margin-bottom:12px}.panel-title>span{color:#63b8ab;font-size:8px;letter-spacing:0}.radar-panel{padding-right:20px}.radar-panel canvas{width:100%;height:125px;background:#0b1418;border:1px solid #3b5157;display:block}.radar-footer{font-size:9px;color:#718890;margin-top:9px;display:flex;gap:8px}.radar-footer b{color:#b6d3d1}.radar-footer span{margin-left:auto}.selection-panel{padding:0 24px;border-left:1px solid #2c3c44;border-right:1px solid #2c3c44}.unit-info{display:flex;align-items:center;gap:16px}.unit-info>div:last-child{flex:1}#portrait{width:72px;height:76px;flex-shrink:0;display:grid;place-items:center;font-size:36px;color:#8bc8c3;border:1px solid #49616a;background:repeating-linear-gradient(0deg,#20333b 0px,#20333b 2px,#192c35 3px,#192c35 4px);text-shadow:0 0 18px #66ccb8}h2{font-size:17px;margin:0 0 7px;color:#e5eee9;font-weight:500}#unit-detail{font-size:10px;color:#879fa5;margin:0 0 12px;line-height:1.6}.hp-track{height:4px;background:#25373a}#hp-fill{height:100%;background:#66bb95;display:block;width:100%}#unit-hp{display:block;font-size:9px;color:#7b9e93;margin-top:5px}#selection-list{display:flex;gap:4px;flex-wrap:wrap;margin-top:12px}#selection-list span{background:#263c44;border:1px solid #47716e;padding:3px 6px;color:#9ed2c3;font-size:9px}#queue{color:#c8b786;font-size:10px;margin-top:9px;line-height:1.6}.command-panel{padding-left:24px}#commands{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}#commands button{padding:8px 5px;text-align:left;min-height:51px;border-color:#354b56;background:#1c2e38;font-size:11px}#commands button small{display:block;color:#95aaa7;font-size:9px;margin-top:5px}#commands button.active{border-color:#d3bd7e;background:#3d3e30}.keyboard-help{font-size:9px;color:#6c858f;line-height:1.8;margin-top:12px}footer{display:flex;justify-content:space-between;padding:10px 24px;align-items:center;color:#55717c;font-size:9px;gap:16px}footer button{border:0;background:none;padding:0;font-size:10px;color:#879ca3}.overlay{position:absolute;inset:0;z-index:5;background:radial-gradient(ellipse at center,#10232ee0,#061016ed);display:flex;align-items:center;justify-content:center;backdrop-filter:blur(3px)}.intro-card{text-align:center;max-width:620px;padding:20px}.overline{font-size:9px;letter-spacing:4px;color:#7e9caa}h1{font-family:Georgia,serif;font-size:66px;letter-spacing:11px;margin:12px 0 0;color:#e5e6d4;text-shadow:0 2px 0 #a8ac9b,0 6px 25px #7894a455;line-height:1.1}h1>span{display:block;font-family:Consolas,monospace;font-size:15px;color:#c5a56b;letter-spacing:14px;margin-top:8px}.intro-line{width:70px;height:1px;background:#b99863;margin:20px auto}.intro-card p{font-size:12px;color:#a9b7b9;line-height:1.9;margin:12px 0}.instructions{display:flex;text-align:left;gap:25px;margin:20px 0}.instructions>div{flex:1}.instructions b{display:block;font-size:11px;font-weight:500;color:#d6c091;margin-bottom:6px}.instructions span{font-size:10px;line-height:1.8;color:#819da4}.primary{background:#b99b61;color:#111d23;font-size:14px;border-color:#d3ba7f;min-width:230px;padding:12px 20px;font-weight:bold;letter-spacing:2px}.primary span{margin-left:40px}.primary:hover{background:#d7ba7c;color:#0a1b20}.fan-note{display:block;color:#587381;font-size:8px;line-height:1.7;margin-top:13px}@media(min-width:1600px){.game-shell{max-width:1900px;margin:auto}}@media(max-width:1000px){header{padding:0 14px}.resources{gap:12px}.brand{font-size:17px}.brand b{display:none}.header-actions{gap:5px}.header-actions>span{display:none}.console{grid-template-columns:170px 1fr 1.2fr;padding:13px}.radar-panel{padding-right:12px}.selection-panel{padding:0 12px}.command-panel{padding-left:12px}#portrait{display:none}#commands{grid-template-columns:repeat(3,1fr)}.mission{padding:0 15px}.mission b{display:none}#objective{font-size:9px}.panel-title{font-size:8px;letter-spacing:.5px}}@media(max-width:620px){header{height:65px;gap:8px}.brand{font-size:13px;letter-spacing:1px}.brand small{font-size:7px;letter-spacing:0}.emblem{font-size:25px}.resources{gap:9px}.resources>span{min-width:35px;padding-left:0}.resources i{display:none}.resources b{font-size:14px}.resources small{font-size:6px;letter-spacing:0}.header-actions button{padding:5px;font-size:9px}#sound,#help{display:none}.mission{height:52px;flex-wrap:wrap;gap:3px;padding:7px 12px}.mission>span:first-child{display:none}#objective{font-size:10px}main{height:49vh;min-height:320px}.console{grid-template-columns:1fr 1.2fr;padding:12px 8px}.radar-panel{display:none}.selection-panel{border-left:0;padding:0 9px}.command-panel{padding-left:10px}#commands{grid-template-columns:repeat(2,1fr)}#commands button{font-size:10px;min-height:46px;padding:5px}.keyboard-help{font-size:8px}.panel-title>span{display:none}h2{font-size:15px}footer>span:nth-child(2){display:none}.overline{font-size:8px;letter-spacing:2px}h1{font-size:43px;letter-spacing:7px}.intro-card{padding:12px}.intro-line{margin:15px auto}.instructions{gap:12px;margin:14px 0}.instructions span{font-size:8px}.intro-card p{font-size:11px}.map-label{top:10px;left:12px;font-size:8px}#placement{font-size:10px;max-width:95%;white-space:normal;text-align:center}.fan-note{font-size:7px;margin-top:10px}}