:root{--bg:#f6f3ea;--fg:#1d2a1a;--card:#fff;--accent:#3f7d2a;--muted:#667260;--danger:#a3341f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#141a12;--fg:#e9efe2;--card:#1f281c;--accent:#7ccf5c;--muted:#9aa893;--danger:#ff8a73}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0;font:16px/1.4 system-ui,sans-serif}.app{flex-direction:column;max-width:720px;min-height:100dvh;margin:0 auto;padding:0 16px 64px;display:flex}.main{flex:1;align-content:start;gap:12px;padding-top:12px;display:grid}.card{background:var(--card);border-radius:8px;padding:12px}.card h1,.card h2{margin:0 0 8px;font-size:1.1rem}.error-card,[role=alert]{color:var(--danger)}input,select,button{font:inherit;min-height:44px;padding:0 12px}label{gap:4px;margin-bottom:8px;display:grid}.radio-row{align-items:center;gap:8px;display:flex}.footer{color:var(--muted);padding:16px 0;font-size:.8rem}.tab-bar{background:var(--card);border-top:1px solid var(--muted);display:flex;position:fixed;inset:auto 0 0}.tab-bar a{text-align:center;color:var(--fg);flex:1;padding:14px 0;text-decoration:none}.tab-bar a.active{color:var(--accent);font-weight:600}.hud{flex-wrap:wrap;gap:4px 16px;display:flex}.map-wrap{justify-items:center;display:grid}.map-wrap canvas{image-rendering:pixelated}.gauge{background:var(--bg);border-radius:5px;height:10px;overflow:hidden}.gauge>span{background:var(--accent);height:100%;display:block}.sheet-backdrop{z-index:10;background:#0006;position:fixed;inset:0}.sheet{z-index:11;background:var(--card);max-height:70dvh;padding:16px 16px calc(16px + env(safe-area-inset-bottom));border-radius:12px 12px 0 0;position:fixed;inset:auto 0 0;overflow:auto;box-shadow:0 -4px 16px #0000004d}.sr-only{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.crop-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;margin:8px 0;display:grid}