:root{color:#e8eadf;font-synthesis:none;background:#14261f;font-family:DM Sans,system-ui,sans-serif}body{margin:0}main{max-width:720px;margin:auto;padding:64px 24px}.eyebrow{text-transform:uppercase;letter-spacing:.24em;color:#a9bfad;font-size:.8rem}h1{margin:16px 0;font-family:Georgia,serif;font-size:clamp(2.4rem,7vw,3.8rem);font-weight:400;line-height:1.1}.intro{color:#bbcabe;margin-bottom:36px}.card{background:#20372b;border:1px solid #4b6553;border-radius:16px;padding:24px}.scene{place-items:center;height:260px;display:grid;overflow:hidden}canvas{max-width:100%;height:auto}h2{font-size:1.1rem}p{line-height:1.6}.detail{color:#b0c3b4;font-size:.85rem}button{color:#e8eadf;font:inherit;cursor:pointer;background:0 0;border:1px solid #8aa88f;border-radius:6px;padding:10px 16px}button:disabled{opacity:.5}button:focus-visible{outline-offset:4px;outline:2px solid #d9dab7}.city-camera{touch-action:none;background:#14261f;border-radius:8px;height:320px;display:block}.city-camera canvas{width:100%;height:100%;display:block}.place-list{flex-wrap:wrap;gap:8px;padding:0;list-style:none;display:flex}.place-list button{min-height:44px}.place-list button[aria-pressed=true]{color:#14261f;background:#ffe49a}.town-warnings{padding-left:20px}.town-warnings button{color:#ffe49a;text-align:left;margin-bottom:8px}.city-view li{line-height:1.6}.market-sample .city-camera{background:#34473a;height:clamp(300px,66vw,440px)}