:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#edf4ff;background:#05070a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 0 0,#2a6a4f47,#0000 38%),linear-gradient(135deg,#05070a,#0d1420 55%,#12100b);min-height:100vh;margin:0}button{font:inherit;color:inherit}#app{width:min(1480px,100vw - 28px);margin:0 auto;padding:22px 0 36px}.hero{justify-content:space-between;align-items:stretch;gap:18px;margin-bottom:18px;display:flex}.eyebrow{color:#8fe3b0;letter-spacing:.16em;margin:0 0 8px;font-size:12px;font-weight:800}h1{margin:0;font-size:clamp(30px,5vw,58px);line-height:.95}h2,h3{margin:0 0 10px}.subtitle{color:#aebbd0;max-width:820px;font-size:17px}.status-card{background:#080d15c7;border:1px solid #263449;border-radius:20px;grid-template-columns:1fr auto;align-content:center;gap:8px 18px;min-width:190px;padding:18px;display:grid;box-shadow:0 20px 60px #0000004d}.status-card span{color:#93a3b9;text-transform:uppercase;font-size:12px}.status-card strong{font-size:24px}.status-card.win{border-color:#66f0a2;box-shadow:0 0 35px #45ec8e47}.layout{grid-template-columns:1.55fr .9fr;gap:16px;display:grid}.panel{background:#090e16d1;border:1px solid #253247;border-radius:22px;padding:18px;box-shadow:0 16px 50px #00000038}.board-panel{grid-row:span 2;overflow:hidden}.panel-head{justify-content:space-between;align-items:end;gap:16px;display:flex}.panel-head h2{min-width:max-content}.panel-head p,.small{color:#9fb0c8;margin:0 0 12px}.hex-map{background:radial-gradient(circle at 25% 25%,#487d582e,#0000 40%),#070b12;border:1px solid #162338;border-radius:18px;min-height:360px;padding:14px;overflow:auto}.hex-field{position:relative}.hex{text-align:center;cursor:pointer;clip-path:polygon(25% 3%,75% 3%,100% 50%,75% 97%,25% 97%,0 50%);background:#101826;border:1px solid #2a3b52;flex-direction:column;justify-content:center;align-items:center;padding:20px 14px 14px;transition:transform .12s,border-color .12s,box-shadow .12s,filter .12s;display:flex;position:absolute;overflow:hidden}.hex:before{content:"";clip-path:inherit;pointer-events:none;border:1px solid #ffffff14;position:absolute;inset:5px}.hex:hover:not(:disabled){z-index:4;border-color:#86d7ff;transform:translateY(-3px)scale(1.025)}.hex.selected{z-index:5;border-color:#f5d15a;outline:none;box-shadow:0 0 0 3px #f5d15a99,0 0 28px #f5d15a47}.hex.adjacent:not(.selected){box-shadow:inset 0 0 0 2px #67b8ff38}.hex.base{background:linear-gradient(135deg,#193c56,#0e1b2c)}.hex.plain{background:linear-gradient(135deg,#172a24,#0b1718)}.hex.basin{background:linear-gradient(135deg,#23483f,#11241e)}.hex.ridge{background:linear-gradient(135deg,#4a3a24,#1e170e)}.hex.storm{background:linear-gradient(135deg,#402b54,#17101f)}.hex.deep{background:linear-gradient(135deg,#553039,#150b12)}.hex.fog{filter:grayscale(.7);opacity:.45}.hex.route:after{content:"";background:#7ee0a1;border-radius:8px;height:4px;position:absolute;bottom:22px;left:24%;right:24%;box-shadow:0 0 14px #7ee0a1}.hex-coord{color:#7890aa;letter-spacing:.08em;font-size:10px;position:absolute;top:15px;left:0;right:0}.cell-name{max-width:86px;font-size:14px;font-weight:850;line-height:1.08;display:block}.badges{color:#b8c8dd;min-height:16px;margin-top:6px;font-size:11px;display:block}.local-stock{color:#e8d28a;font-size:11px;position:absolute;bottom:18px;left:0;right:0}.unit-on-map{z-index:3;border:2px solid #ffffff8c;border-radius:999px;place-items:center;width:34px;height:34px;font-size:22px;font-weight:900;display:grid;position:absolute;bottom:31px;right:18px;box-shadow:0 10px 24px #00000059}.unit-on-map.chosen{outline:3px solid #f5d15a}.surveyor,.unit-token.surveyor{color:#061019;background:#54c8ff}.convoy,.unit-token.convoy{color:#161000;background:#e5bf57}.escort,.unit-token.escort{color:#170407;background:#ff6d7a}.selected-unit{background:#0d1623;border:1px solid #26354b;border-radius:16px;align-items:center;gap:12px;margin-bottom:12px;padding:12px;display:flex}.selected-unit p{color:#aebbd0;margin:0}.unit-token{border-radius:999px;place-items:center;width:52px;height:52px;font-size:28px;font-weight:900;display:grid}.unit-row{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px;display:grid}.unit-select,.orders button,.utility-row button{cursor:pointer;background:#111c2b;border:1px solid #30425c;border-radius:14px;padding:10px}.unit-select.active{background:#2b250e;border-color:#f5d15a}.unit-select span{color:#99aac0;font-size:11px}.orders{grid-template-columns:1fr 1fr;gap:8px;display:grid}.orders button:first-child{background:#1d3d31;border-color:#55d28a;grid-column:1/-1}button:disabled{opacity:.38;cursor:not-allowed}.utility-row{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;display:grid}.utility-row button:first-child{background:#244061;border-color:#67b8ff}.objectives{color:#c4d2e5;padding-left:22px}.objectives li{margin-bottom:8px}.objectives li.done{color:#7cf0a2}.stock-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.stock-grid div{background:#0a121d;border:1px solid #24344a;border-radius:14px;padding:10px}.stock-grid span{color:#94a6be;font-size:12px;display:block}.stock-grid strong{font-size:24px}.log-panel{grid-column:2}.log-panel ul{color:#c8d6e8;margin:0;padding-left:20px}.log-panel li{margin-bottom:8px}@media (width<=1050px){.layout{grid-template-columns:1fr}.board-panel,.log-panel{grid-area:auto}.hero{flex-direction:column}.hex-map{min-height:380px}}