:root{color:#e9eef2;background:#151816;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{border:1px solid #46605c;background:#263d39;color:#f4f7f2;border-radius:6px;padding:.65rem .8rem;display:inline-flex;gap:.45rem;align-items:center;justify-content:center;cursor:pointer}button:hover,button.active{background:#b8873a;color:#14100a;border-color:#d0a14d}button:disabled{opacity:.45;cursor:not-allowed}input{width:100%;border:1px solid #46504b;border-radius:6px;background:#101310;color:#f8f8f2;padding:.75rem}h1,h2,h3,p{margin-top:0}.shell{min-height:100vh;display:grid;grid-template-columns:260px 1fr;background:radial-gradient(circle at top left,#314742,#161916 42%,#0d1112)}.sidebar{padding:1.2rem;border-right:1px solid #32413d;display:flex;flex-direction:column;gap:1.4rem;background:#080c0cb8}.sidebar h1{font-size:1.55rem;margin-bottom:.2rem}.coords,.eyebrow{color:#9fb5ae}.eyebrow{text-transform:uppercase;letter-spacing:0;font-size:.78rem;font-weight:800}nav{display:grid;gap:.55rem}nav button,.ghost{justify-content:flex-start}main{padding:1.1rem;display:grid;gap:1rem;align-content:start}.topbar,.notice,.panel,.map-panel,.auth-panel{border:1px solid #35443f;background:#121816e0;border-radius:8px}.topbar{min-height:58px;display:flex;align-items:center;gap:1rem;justify-content:space-between;padding:.8rem 1rem;flex-wrap:wrap}.resource-strip{display:flex;gap:.55rem;flex-wrap:wrap}.resource-strip span,.energy,.commander{padding:.38rem .55rem;border:1px solid #40504c;border-radius:6px;background:#111715}.resource-strip b{color:#d5b45d;margin-right:.25rem}.notice{padding:.8rem 1rem;color:#ffe6a6;border-color:#8a6b2d}.grid-layout{display:grid;grid-template-columns:minmax(320px,1.3fr) minmax(260px,.7fr);gap:1rem;align-items:start}.panel,.map-panel{padding:1rem}.wide{grid-column:1 / -1}.movement{display:grid;grid-template-columns:repeat(4,56px);gap:.5rem;margin-bottom:.9rem}.tile-grid{display:grid;grid-template-columns:repeat(7,minmax(34px,1fr));gap:.35rem;max-width:620px}.tile{aspect-ratio:1;display:grid;place-items:center;border:1px solid #3f4e4b;border-radius:6px;background:#1d2522;font-weight:800}.tile.resource{background:#38452c;color:#e7d880}.tile.ruin{background:#3d3438;color:#d99baf}.tile.rare{background:#173c45;color:#80e9ff}.tile.base{background:#6d342c;color:#ffd1c7}.tile.here{outline:3px solid #d7b454}.tile.fog{opacity:.35}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.75rem}.card,.report,.target{border:1px solid #3c4d49;background:#111715;border-radius:8px;padding:.8rem;display:grid;gap:.5rem}.target{margin-top:.7rem}.report span,.card span,.target span{color:#9eb1ab;font-size:.9rem}.auth{min-height:100vh;display:grid;place-items:center;padding:1rem;background:linear-gradient(135deg,#0f1412,#24382f 45%,#3c2d24)}.auth-panel{width:min(440px,100%);padding:1.4rem}.auth-panel h1{font-size:2.4rem}form{display:grid;gap:.75rem}.link{margin-top:.7rem;background:transparent;border:0;color:#e7c166;padding-left:0}.error{color:#ff9a8b}@media(max-width:820px){.shell{grid-template-columns:1fr}.sidebar{position:static;border-right:0;border-bottom:1px solid #32413d}nav{grid-template-columns:repeat(2,1fr)}.grid-layout{grid-template-columns:1fr}.movement{grid-template-columns:repeat(4,1fr)}}