:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#09171e;color:#deebe9}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top right,#163d40,transparent 65%)}main{max-width:1120px;margin:auto;padding:36px 24px}header{padding:20px 0 32px}h1{font-size:clamp(2rem,5vw,3.5rem);margin:.3em 0;letter-spacing:-.04em}h2{font-size:1.3rem;margin:0 0 16px}p{line-height:1.6;color:#b1c9c9}.eyebrow,small{color:#64ded0;font-size:.75rem;letter-spacing:.12em}section{margin-bottom:24px;padding:24px;background:#10252dcc;border:1px solid #2b474e;border-radius:12px}.notice{border-left:3px solid #63dacb}.notice p{margin-bottom:0}.resources{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.resources strong{display:block;font-size:1.6rem;margin-top:8px}.buildings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.building{padding:20px;background:#132f35;border:1px solid #395861;border-radius:8px}.building h3{margin:0 0 8px}.building p{font-size:.9rem}.heading{display:flex;justify-content:space-between;gap:12px}.heading span,#updated,footer{color:#92b0b3;font-size:.8rem}button{font:inherit;font-size:.9rem;cursor:pointer;color:#d5fff7;background:#194441;border:1px solid #4a9990;border-radius:6px;padding:12px 16px;margin:4px 8px 4px 0}button:hover{background:#266059}button:focus-visible{outline:3px solid #f0c674;outline-offset:3px}button:disabled{opacity:.4;cursor:wait}#status{min-height:3em;color:#f2cd87}li{line-height:1.7;color:#b1c9c9}footer{line-height:1.8;padding-bottom:20px}@media(max-width:650px){main{padding:18px 12px}.resources{grid-template-columns:repeat(2,1fr)}.buildings{grid-template-columns:1fr}section{padding:16px}.heading{display:block}button{min-height:46px}}