:root{--bg: rgba(16, 24, 32, .82);--bg-solid: #101820;--fg: #e8f0f4;--muted: #8fa3ad;--accent: #38bdf8;--accent-dim: rgba(56, 189, 248, .18);--border: rgba(255, 255, 255, .09);--danger: #f87171;--radius: 12px;font-size:15px}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:var(--bg-solid);color:var(--fg);font-family:Segoe UI,system-ui,-apple-system,sans-serif}#app{position:fixed;inset:0}#app canvas{display:block}.hidden{display:none!important}#fallback{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:var(--bg-solid)}.fallback-card{max-width:420px;padding:2rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);text-align:center}.fallback-card h2{margin-bottom:.75rem;color:var(--danger)}.fallback-card p{color:var(--muted);line-height:1.5}#topbar{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:10;display:flex;align-items:baseline;gap:10px;pointer-events:none;user-select:none}#topbar h1{font-size:1.25rem;font-weight:700;letter-spacing:.02em;text-shadow:0 2px 8px rgba(0,0,0,.6)}#topbar .tagline{font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.14em}#panel{position:fixed;top:14px;right:14px;bottom:14px;z-index:10;width:250px;display:flex;flex-direction:column;gap:12px;padding:14px;overflow-y:auto;background:var(--bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--border);border-radius:var(--radius);scrollbar-width:thin}@media(max-width:720px){#panel{inset:auto 10px 10px;width:auto;max-height:46vh}#hint{display:none}}#panel h3{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.13em;color:var(--muted);margin-bottom:8px}#panel section{display:flex;flex-direction:column;gap:4px}label{display:flex;justify-content:space-between;align-items:baseline;font-size:.76rem;color:var(--fg);margin-top:6px}output{color:var(--accent);font-variant-numeric:tabular-nums}input[type=range]{width:100%;height:22px;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:linear-gradient(90deg,var(--accent) 0%,var(--accent-dim) 100%);opacity:.55}input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:14px;height:14px;margin-top:-5px;border-radius:50%;background:var(--fg);border:2px solid var(--accent);box-shadow:0 1px 4px #00000080}input[type=range]::-moz-range-track{height:4px;border-radius:2px;background:var(--accent-dim)}input[type=range]::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--fg);border:2px solid var(--accent)}#object-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.obj-btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 2px 6px;background:#ffffff0a;border:1px solid var(--border);border-radius:9px;color:var(--fg);cursor:pointer;transition:all .15s ease;font-family:inherit}.obj-btn:hover{background:var(--accent-dim)}.obj-btn.active{background:var(--accent-dim);border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.obj-btn .icon{font-size:1.15rem;line-height:1;filter:grayscale(.15)}.obj-btn .label{font-size:.58rem;color:var(--muted);text-align:center}.obj-btn.active .label{color:var(--accent)}.btn-row{display:flex;gap:6px;margin-top:6px}.btn-row button{flex:1;padding:7px 4px;background:#ffffff0d;border:1px solid var(--border);border-radius:8px;color:var(--fg);font-size:.74rem;cursor:pointer;transition:all .15s ease;white-space:nowrap;font-family:inherit}.btn-row button:hover{background:var(--accent-dim);border-color:var(--accent)}.btn-row button.active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.btn-row button.danger:hover{background:#f8717126;border-color:var(--danger);color:var(--danger)}#statsbar{margin-top:auto;padding-top:10px;display:flex;gap:6px;align-items:center;justify-content:center;font-size:.68rem;color:var(--muted);border-top:1px solid var(--border)}#statsbar b{color:var(--accent);font-variant-numeric:tabular-nums}#hint{position:fixed;bottom:16px;left:50%;transform:translate(-50%);z-index:5;padding:7px 16px;font-size:.74rem;color:var(--muted);background:var(--bg);border:1px solid var(--border);border-radius:99px;backdrop-filter:blur(10px);pointer-events:none;user-select:none;animation:fadeHint 1s ease 6s forwards}@keyframes fadeHint{to{opacity:0;visibility:hidden}}