:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#edf4ff;background:#04080e;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:#04080e}button{font:inherit;color:inherit}#app{position:relative}#world{background:#07101a;width:100%;height:100%;display:block;position:absolute;inset:0}.hud{z-index:5;color:#edf4ff;position:absolute}.hud:before{content:"";z-index:-1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#080f19e0,#080d15ad);border:1px solid #9fbfdc3d;position:absolute;inset:0;box-shadow:0 18px 52px #00000057,inset 0 1px #ffffff0d}.top-left{width:min(380px,100vw - 420px);padding:11px 13px;top:16px;left:18px}.eyebrow{color:#8fe3b0;letter-spacing:.16em;margin:0 0 7px;font-size:12px;font-weight:900}h1{text-transform:uppercase;letter-spacing:-.04em;margin:0;font-size:clamp(24px,2.6vw,38px);line-height:.9}h2,h3{margin:0 0 8px}.subtitle{color:#b7c8dc;margin:6px 0 0;font-size:12px;line-height:1.3}.top-bar{align-items:center;gap:10px;min-width:440px;padding:10px 14px;display:flex;top:16px;left:50%;transform:translate(-44%)}.top-bar span{color:#aebdd2;white-space:nowrap;font-size:13px}.top-bar strong{color:#f2f7ff;margin-left:4px;font-size:18px}.victory.yes strong{color:#7cf0a2}.command-panel{width:340px;max-height:calc(100vh - 236px);padding:12px;top:92px;right:16px;overflow:auto}.selected-unit{border-bottom:1px solid #b4d2f029;align-items:center;gap:12px;padding-bottom:12px;display:flex}.selected-unit p{color:#aebdd2;margin:0;font-size:13px}.unit-token{border-radius:999px;place-items:center;width:52px;height:52px;font-size:28px;font-weight:900;display:grid;box-shadow:inset 0 5px 12px #ffffff47,0 0 24px #ffffff26}.surveyor{color:#06121b;background:radial-gradient(circle at 32% 25%,#c5f5ff,#52cdf5 54%,#17627b)}.convoy{color:#171001;background:radial-gradient(circle at 32% 25%,#fff0b7,#f2c85a 54%,#795711)}.escort{color:#1a0508;background:radial-gradient(circle at 32% 25%,#ffc1c7,#ff6672 54%,#8d1f2c)}.unit-grid{grid-template-columns:1fr;gap:8px;margin:12px 0;display:grid}.unit-select,.orders button,.utility-row button,.end-turn{cursor:pointer;text-align:left;background:#0c1522c7;border:1px solid #a0bedc47;border-radius:8px;padding:9px 10px}.unit-select.active{background:#403312db;border-color:#f5d15a;box-shadow:0 0 20px #f5d15a29}.unit-select span{color:#a8b9cf;font-size:12px}.tile-readout{background:#04080e7a;border:1px solid #78a0c833;border-radius:10px;margin-bottom:10px;padding:10px}.tile-readout span,.tile-readout small{color:#91a4bd;font-size:12px;display:block}.tile-readout strong{margin:2px 0;font-size:18px;display:block}.orders{grid-template-columns:1fr 1fr;gap:8px;display:grid}.orders button:first-child{background:#1e4f38e0;border-color:#55d28a;grid-column:1/-1}button:disabled{opacity:.42;cursor:not-allowed}.utility-row{grid-template-columns:1.3fr .7fr;gap:8px;margin-top:8px;display:grid}.utility-row button:first-child{background:#1b3b5acc;border-color:#67b8ff}.objectives-panel{opacity:.86;width:320px;max-height:46px;padding:10px 12px;transition:max-height .18s,opacity .18s;top:130px;bottom:auto;left:18px;overflow:hidden}.objectives-panel:hover{opacity:1;max-height:230px}.objectives-panel ol{color:#cbd8e8;margin:0;padding-left:0;list-style:none}.objectives-panel li{margin:6px 0;font-size:13px}.objectives-panel li.done{color:#7cf0a2}.log-panel{opacity:.84;width:360px;min-width:0;max-height:48px;padding:10px 12px;transition:max-height .18s,opacity .18s;bottom:82px;left:18px;right:auto;overflow:hidden}.log-panel:hover{opacity:1;max-height:188px}.log-panel ul{color:#cbd8e8;max-height:128px;margin:0;padding-left:18px;font-size:13px;overflow:hidden}.log-panel li{margin-bottom:6px}.bottom-menu{color:#aebdd2;letter-spacing:.05em;justify-content:center;gap:14px;min-width:min(620px,100vw - 360px);padding:9px 16px;font-size:11px;display:flex;bottom:18px;left:50%;transform:translate(-56%)}.end-turn{text-align:center;background:radial-gradient(circle,#2c535deb,#0b1521e0);border-color:#aad7e873;border-radius:999px;place-items:center;width:92px;height:92px;font-weight:900;display:grid;bottom:22px;right:32px;box-shadow:0 0 0 5px #78b4dc14,0 0 34px #57abcd38}@media (width<=980px){.top-left{width:calc(100vw - 32px)}.top-bar{min-width:0;top:118px;left:16px;right:16px;overflow-x:auto;transform:none}.command-panel{width:min(360px,100vw - 24px);top:auto;bottom:116px;right:12px}.objectives-panel,.log-panel,.bottom-menu{display:none}}