:root{color:#17211c;background:#eef2f1;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}.shell{background:linear-gradient(#ffffffb8,#eef2f1fa),#eef2f1;min-height:100vh}.homepage{background:#edf0ed}.topbar{justify-content:space-between;align-items:center;max-width:1180px;margin:0 auto;padding:18px 24px;display:flex}.brand,.topbar nav,.actions,footer,.button,.district-list article{align-items:center;display:flex}.brand{gap:10px;font-size:18px;font-weight:800}.brand svg{color:#b5544a}.topbar nav{color:#4b5e53;gap:20px;font-size:14px}.hero{grid-template-columns:minmax(300px,.7fr) minmax(420px,1fr);align-items:center;gap:36px;max-width:1180px;min-height:min(780px,100vh - 80px);margin:0 auto;padding:24px 24px 56px;display:grid}.dashboard-hero,.public-city-stage{grid-template-columns:minmax(300px,.76fr) minmax(420px,1fr);align-items:center;gap:28px;max-width:1180px;margin:0 auto;padding:34px 24px 42px;display:grid}.dashboard-hero .scene-wrap,.public-city-stage .scene-wrap{height:clamp(380px,48vw,590px)}.hero-copy h1{letter-spacing:0;margin:0 0 22px;font-size:clamp(54px,7.2vw,104px);line-height:.9}.panel-copy h1,.page-heading h1,.public-copy h1{letter-spacing:0;margin:0 0 18px;font-size:clamp(44px,6vw,82px);line-height:.95}.panel-copy p,.page-heading p,.public-copy p{color:#33443a;max-width:660px;margin:0;font-size:18px;line-height:1.6}.hero-copy p{color:#33443a;max-width:620px;margin:0;font-size:20px;line-height:1.6}.eyebrow{color:#a54942;letter-spacing:0;text-transform:uppercase;margin:0 0 12px;font-size:12px;font-weight:800}.actions{flex-wrap:wrap;gap:12px;margin-top:30px}.button{cursor:pointer;border:1px solid #26382f;border-radius:8px;gap:8px;min-height:44px;padding:0 16px;font-weight:800}.button svg,.auth-button svg,.icon-button svg{width:18px;height:18px}.button.primary{color:#fff;background:#26382f}.button.secondary{color:#26382f;background:#f6efe4}.landing-topbar{z-index:3;max-width:1360px;position:relative}.landing-hero{grid-template-columns:minmax(360px,.58fr) minmax(520px,1fr);align-items:center;gap:28px;max-width:1360px;min-height:min(860px,100vh - 74px);margin:0 auto;padding:10px 24px 42px;display:grid}.landing-copy{z-index:2;position:relative}.landing-copy h1{color:#17211c;letter-spacing:0;max-width:760px;margin:0 0 24px;font-size:clamp(48px,6.2vw,92px);line-height:.94}.landing-copy>p:not(.eyebrow){color:#33443a;max-width:620px;margin:0;font-size:clamp(18px,1.5vw,22px);line-height:1.58}.auth-button,.auth-panel{border:1px solid #26382f2e;border-radius:8px;align-items:center;gap:12px;min-height:52px;margin-top:16px;padding:0 14px;display:inline-flex}.auth-button{color:#17211c;cursor:pointer;font:inherit;background:#fff;font-weight:800}.auth-button:disabled,.icon-button:disabled{cursor:wait;opacity:.66}.auth-panel{background:#ffffffb8;max-width:420px}.auth-panel strong,.auth-panel span{display:block}.auth-panel strong{font-size:14px}.auth-panel span{color:#526257;margin-top:2px;font-size:13px}.auth-panel.muted svg{color:#8c6d4c}.auth-panel.signed-in{background:#f6efe4}.icon-button{color:#fff;cursor:pointer;background:#26382f;border:0;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;margin-left:auto;display:inline-flex}.square-scene{aspect-ratio:16/10;width:100%;min-height:min(680px,100vh - 140px);position:relative;overflow:hidden}.square-scene canvas{width:100%;height:100%;display:block}.square-scene-label{pointer-events:none;background:#edf0edd1;border:1px solid #26382f1f;border-radius:8px;padding:10px 12px;position:absolute;top:clamp(16px,3vw,34px);left:clamp(16px,3vw,34px)}.square-scene-label span,.square-scene-label strong{display:block}.square-scene-label span{color:#667269;text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:800}.square-scene-label strong{color:#1b251f;font-size:15px;line-height:1}.signal-strip,.landing-section{max-width:1180px;margin:0 auto;padding:36px 24px}.signal-strip{grid-template-columns:repeat(4,1fr);gap:1px;padding-top:0;display:grid}.signal-strip div{color:#fff;background:#26382f;min-height:104px;padding:20px}.signal-strip strong{margin-bottom:12px;font-size:34px;line-height:1;display:block}.signal-strip span{color:#ffffffb8;text-transform:uppercase;font-size:13px}.split-section{grid-template-columns:minmax(300px,.75fr) minmax(420px,1fr);gap:28px;display:grid}.explain-grid,.runtime-grid,.privacy-grid{gap:14px;display:grid}.explain-grid{grid-template-columns:1fr}.runtime-grid,.privacy-grid{grid-template-columns:repeat(3,1fr);margin-top:26px}.explain-grid article,.runtime-grid article,.privacy-grid article{background:#ffffffb8;border:1px solid #26382f29;border-radius:8px;min-height:174px;padding:22px}.explain-grid svg,.runtime-grid svg,.privacy-grid svg{color:#b5544a}.explain-grid h3,.runtime-grid h3,.privacy-grid h3{margin:18px 0 8px;font-size:18px}.explain-grid p,.runtime-grid p,.privacy-grid p{color:#526257;margin:0;line-height:1.5}.install-section{grid-template-columns:minmax(300px,.7fr) minmax(480px,1fr);gap:28px;display:grid}.terminal-panel{color:#f6efe4;background:#1f2d27;border:1px solid #26382f33;border-radius:8px;overflow:hidden}.terminal-header{background:#17211c;align-items:center;gap:8px;min-height:44px;padding:0 14px;display:flex}.terminal-header span{background:#b5544a;border-radius:999px;width:10px;height:10px}.terminal-header span:nth-child(2){background:#b5a165}.terminal-header span:nth-child(3){background:#91a37d}.terminal-header strong{color:#ffffffc7;margin-left:6px;font-size:13px}.terminal-panel ol{counter-reset:step;gap:12px;margin:0;padding:20px;list-style:none;display:grid}.terminal-panel li{grid-template-columns:26px 1fr;gap:12px;display:grid}.terminal-panel li:before{color:#ffffff75;content:counter(step);counter-increment:step;padding-top:2px;font-size:12px}.terminal-panel code{color:#f6efe4;overflow-wrap:anywhere;font-size:13px;line-height:1.45}.community-cta{align-items:center;gap:12px;display:flex}.community-cta div{flex:1}.community-cta h2{max-width:760px;margin:0;font-size:clamp(30px,4.2vw,52px);line-height:1.04}.scene-wrap{aspect-ratio:4/3;border:1px solid #26382f38;border-radius:8px;height:clamp(340px,44vw,520px);overflow:hidden}.scene-wrap canvas,.scene-wrap>div{display:block;width:100%!important;height:100%!important}.metrics,.grid-section,.gameplay,.ops-grid,.page-heading,.leaderboard{max-width:1180px;margin:0 auto;padding:34px 24px}.metrics{grid-template-columns:repeat(4,1fr);gap:1px;display:grid}.metrics div{color:#fff;background:#26382f;min-height:104px;padding:20px}.metrics span,.resource-row span{color:#ffffffb8;text-transform:uppercase;margin-bottom:10px;font-size:13px;display:block}.metrics strong{font-size:34px}.section-heading h2{letter-spacing:0;max-width:720px;margin:0;font-size:36px;line-height:1.12}.feature-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px;display:grid}.feature-grid article,.resource-panel,.district-list article,.ops-panel,.leaderboard article{background:#ffffffb8;border:1px solid #26382f29;border-radius:8px}.ops-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.ops-panel{min-height:220px;padding:22px}.ops-panel svg{color:#b5544a}.ops-panel h2{margin:18px 0 8px;font-size:20px}.ops-panel p{color:#526257;margin:0 0 16px;line-height:1.5}.ops-panel code{color:#f6efe4;overflow-wrap:anywhere;background:#26382f;border-radius:6px;margin-top:8px;padding:8px;font-size:12px;display:block}.feature-grid article{min-height:190px;padding:22px}.feature-grid svg,.district-list svg{color:#b5544a}.feature-grid h3,.district-list h3{margin:18px 0 8px;font-size:18px}.feature-grid p,.district-list p{color:#526257;margin:0;line-height:1.5}.gameplay{grid-template-columns:.9fr 1.1fr;align-items:start;gap:18px;display:grid}.resource-panel{padding:24px}.compact h2{font-size:28px}.resource-list{gap:16px;margin-top:24px;display:grid}.resource-row{grid-template-columns:100px 1fr 54px;align-items:center;gap:12px;display:grid}.resource-row span{color:#526257;margin:0}.resource-row meter{width:100%;height:10px}.district-list{gap:12px;display:grid}.district-list article{gap:16px;min-height:98px;padding:18px}.district-list h3{margin:0 0 6px}footer{color:#526257;justify-content:center;gap:10px;padding:28px 24px 44px}.leaderboard{gap:12px;display:grid}.leaderboard article{grid-template-columns:54px 1fr 96px 28px;align-items:center;gap:16px;min-height:92px;padding:18px;display:grid}.leaderboard h2{margin:0 0 6px;font-size:20px}.leaderboard p{color:#526257;margin:0}.leaderboard strong{color:#26382f;text-align:right;font-size:28px}.rank-mark{color:#b5544a;background:#f6efe4;border-radius:8px;justify-content:center;align-items:center;width:54px;height:54px;display:flex}.badge-row{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.badge-row span{color:#fff;background:#26382f;border-radius:8px;align-items:center;gap:8px;min-height:38px;padding:0 12px;font-size:13px;font-weight:800;display:inline-flex}@media (max-width:820px){.topbar nav{display:none}.hero,.landing-hero,.dashboard-hero,.gameplay,.public-city-stage,.split-section,.install-section{grid-template-columns:1fr}.hero,.landing-hero{min-height:auto}.landing-hero{padding-top:22px}.metrics,.signal-strip,.feature-grid,.ops-grid,.runtime-grid,.privacy-grid{grid-template-columns:repeat(2,1fr)}.square-scene{min-height:460px}.community-cta{flex-direction:column;align-items:stretch}}@media (max-width:560px){.metrics,.signal-strip,.feature-grid,.ops-grid,.runtime-grid,.privacy-grid{grid-template-columns:1fr}.landing-copy h1{font-size:44px}.square-scene{aspect-ratio:4/5;min-height:420px}.resource-row{grid-template-columns:82px 1fr 42px}.leaderboard article{grid-template-columns:44px 1fr}.leaderboard strong{text-align:left}}