:root{color:#edf4fb;font-synthesis:none;text-rendering:optimizelegibility;background:#08111c;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 20% 20%,#4a709038,#0000 30rem),linear-gradient(145deg,#07101a 0%,#0c1724 55%,#111d28 100%);min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}#app{min-height:100vh}.shell{width:min(1180px,100% - 32px);margin:0 auto;padding:56px 0}.hero{max-width:820px}.compact-hero h1{font-size:clamp(3rem,8vw,5.8rem)}.eyebrow,.kicker{letter-spacing:.22em;color:#9cb4c9;margin:0 0 12px;font-size:.74rem;font-weight:700}h1{letter-spacing:-.055em;margin:0;line-height:.95}.subtitle{color:#b9c9d7;margin:20px 0 0;font-size:clamp(1rem,2.2vw,1.24rem)}.meta{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.meta span{color:#cad8e4;background:#ffffff09;border:1px solid #c5d8e72e;border-radius:999px;padding:7px 10px;font-size:.78rem}.status-card,.game-panel,.map-card,.region-details{background:#0e1b29bd;border:1px solid #c5d8e729;border-radius:22px;box-shadow:0 24px 60px #0000002e}.status-card{margin-top:42px;padding:clamp(22px,3.5vw,34px)}.interactive-card{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:28px;display:grid}.status-card h2{margin:0;font-size:clamp(1.7rem,4vw,2.5rem)}.status-copy{color:#b8c8d6;max-width:780px;margin:14px 0 0;line-height:1.75}.turn-display{justify-items:end;gap:4px;min-width:130px;display:grid}.turn-display span{color:#96aabd;font-size:.82rem}.turn-display strong{font-variant-numeric:tabular-nums;font-size:clamp(3rem,8vw,5rem);line-height:.9}.world-layout{grid-template-columns:minmax(0,1fr) 280px;gap:14px;margin-top:14px;display:grid}.map-card{min-width:0;padding:14px;overflow:hidden}.prototype-map{aspect-ratio:980/520;width:100%;min-height:350px;display:block}.route-line{stroke:#a8c1d42e;stroke-width:3px;stroke-dasharray:9 9;pointer-events:none}.map-side-label{fill:#93aabd;letter-spacing:.08em;font-size:16px;font-weight:700}.map-side-label-right{text-anchor:start}.map-region{cursor:pointer;outline:none}.map-region rect{stroke-width:2px;transition:filter .12s,stroke-width .12s,opacity .12s}.map-region.region-starsea rect{fill:#173b58;stroke:#6ca3c9}.map-region.region-redplain rect{fill:#55302e;stroke:#bd8179}.map-region.region-client rect{opacity:.78;stroke-dasharray:6 5}.map-region:hover rect,.map-region:focus rect{filter:brightness(1.22)}.map-region.is-selected rect{stroke:#f0f6fb;stroke-width:4px;filter:brightness(1.2)}.region-name,.region-resource,.region-slots{pointer-events:none;fill:#eef5fb}.region-name{font-size:16px;font-weight:700}.region-resource{fill:#c3d2de;font-size:13px}.region-slots{fill:#95aabd;font-size:12px}.map-legend{color:#9fb2c2;flex-wrap:wrap;gap:9px 16px;padding:4px 8px 8px;font-size:.78rem;display:flex}.map-legend span{align-items:center;gap:7px;display:inline-flex}.legend-swatch,.legend-client{border:1px solid #ffffff80;border-radius:3px;width:13px;height:13px;display:inline-block}.legend-starsea{background:#173b58}.legend-redplain{background:#55302e}.legend-client{background:#ffffff14;border-style:dashed;border-radius:6px}.region-details{padding:22px}.region-details h3{margin:0;font-size:1.5rem}.region-details dl{gap:12px;margin:22px 0 0;display:grid}.region-details dl div{border-bottom:1px solid #c5d8e71a;gap:3px;padding-bottom:10px;display:grid}.region-details dt{color:#899fb1;font-size:.74rem}.region-details dd{color:#e4edf4;margin:0;line-height:1.45}.region-note{color:#91a6b8;margin:18px 0 0;font-size:.82rem;line-height:1.6}.game-panel{margin-top:14px;padding:clamp(20px,3vw,28px)}.state-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.state-grid article{background:#ffffff09;border-radius:14px;gap:7px;padding:16px;display:grid}.state-grid span{color:#8fa5b8;font-size:.78rem}.state-grid strong{overflow-wrap:anywhere;font-size:.98rem}.action-row{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.action-row button{color:#e7f0f8;cursor:pointer;background:#ffffff0d;border:1px solid #c5d8e733;border-radius:12px;min-height:46px;padding:0 16px}.action-row button:hover:not(:disabled){background:#ffffff17}.action-row button:active:not(:disabled){transform:translateY(1px)}.action-row button:disabled{cursor:not-allowed;opacity:.42}.action-row .primary-action{color:#08111c;background:#e4edf5;border-color:#e4edf5;font-weight:700}.notice{color:#b8c8d6;min-height:24px;margin:18px 0 0;line-height:1.6}.notice-success{color:#c8e7d1}.notice-error{color:#f0c3c3}.test-hint{border-top:1px solid #c5d8e71f;gap:5px;margin-top:16px;padding-top:16px;display:grid}.test-hint strong{font-size:.86rem}.test-hint span{color:#93a9bb;font-size:.88rem;line-height:1.6}.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}@media (width<=900px){.world-layout{grid-template-columns:1fr}.region-details dl{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=760px){.shell{width:min(100% - 20px,680px);padding-top:34px}.interactive-card{grid-template-columns:1fr;align-items:start}.turn-display{justify-items:start}.state-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.map-card{overflow-x:auto}.prototype-map{width:820px;min-height:435px}}@media (width<=520px){.state-grid,.region-details dl{grid-template-columns:1fr}.action-row{grid-template-columns:1fr 1fr;display:grid}.action-row button{width:100%}.map-card{padding:8px}.prototype-map{width:760px}}