:root{--bg:#eaf3df;--fg:#1f2d1c;--muted:#5d6f58;--card:#fff;--accent:#2f6b3a;--accent-fg:#fff;--line:#c9dbbb;--trunk:#8a5a2b;--banner:#fff3c4;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-theme=light]){--bg:#14201a;--fg:#e3efdc;--muted:#9fb596;--card:#1d2d24;--accent:#6fb04f;--accent-fg:#0f1a12;--line:#2f4637;--trunk:#6b4a24;--banner:#4a4220}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0;font:16px/1.4 system-ui,sans-serif}header{z-index:5;background:var(--accent);color:var(--accent-fg);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px;padding:8px 16px;display:flex;position:sticky;top:0}h1{margin:0;font-size:1.2rem}h2{margin:0 0 8px;font-size:1rem}.hud{align-items:baseline;gap:14px;font-weight:600;display:flex}.hud .muted{color:inherit;opacity:.8;font-size:.85rem;font-weight:400}main,footer{max-width:720px;margin:0 auto;padding:12px 16px}button{font:inherit;border:2px solid var(--line);background:var(--card);min-height:40px;color:var(--fg);cursor:pointer;border-radius:8px;padding:8px 12px}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.row{gap:8px;display:flex}.wrap{flex-wrap:wrap}.muted{color:var(--muted)}small{opacity:.8}.build{background:var(--card);border:1px solid var(--line);border-radius:12px;margin-bottom:12px;padding:12px}.tower{flex-direction:column;align-items:stretch;display:flex}.canopy{background:radial-gradient(circle at 50% 100%,#58a043 0 60%,#0000 61%),radial-gradient(circle at 25% 100%,#6fb04f 0 45%,#0000 46%),radial-gradient(circle at 75% 100%,#6fb04f 0 45%,#0000 46%);height:56px}.stack{border-left:10px solid var(--trunk);border-right:10px solid var(--trunk);background:var(--card);display:flex;position:relative}.floors{flex:1;min-width:0;margin:0;padding:0;list-style:none}.floor{border-bottom:2px dashed var(--line);align-items:center;gap:10px;padding:8px;display:flex}.scene{border-radius:8px;flex:none;width:120px}.floor-info{flex-direction:column;gap:4px;min-width:0;display:flex}.floor-info button{min-height:36px;padding:4px 8px;font-size:.85rem}.shaft{background:repeating-linear-gradient(var(--line) 0 2px, transparent 2px 8px);border-left:2px solid var(--line);flex:none;width:36px;position:relative}.car{will-change:transform;background:#d9b25f;border:2px solid #8a6a24;border-radius:6px;position:absolute;top:12px;left:3px;right:3px}.trunk{background:var(--trunk);color:#fff;border-color:var(--trunk);border-radius:0 0 14px 14px;min-height:56px;margin:0;font-weight:600}footer{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.banner{background:var(--banner);text-align:center;padding:8px 16px}.center{text-align:center;place-content:center;gap:8px;min-height:60vh;padding:16px;display:grid}.modal{z-index:10;background:#0008;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.card{background:var(--card);text-align:center;border-radius:14px;width:100%;max-width:320px;padding:20px}.big{margin:4px 0 12px;font-size:2rem}@media (prefers-reduced-motion:reduce){.car{transition:none}}
