:root{--panel: rgba(30, 24, 22, .82);--line: rgba(255, 255, 255, .1);--text: #f4ede4;--muted: #b8aa9c;--accent: #e0a463;--accent-ink: #2a1f18;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#14100e;color:var(--text);font:14px/1.5 ui-rounded,-apple-system,Segoe UI,system-ui,sans-serif;-webkit-font-smoothing:antialiased}#scene{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none;cursor:grab}#scene:active{cursor:grabbing}#panel{position:fixed;top:18px;left:18px;width:260px;max-height:calc(100vh - 36px);overflow-y:auto;padding:18px;border-radius:18px;background:var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--line);box-shadow:0 18px 50px #00000073}#panel header h1{margin:0;font-size:19px;letter-spacing:-.01em}#panel header p{margin:2px 0 16px;color:var(--muted);font-size:12px}#panel h2{margin:16px 0 8px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);display:flex;justify-content:space-between}#panel h2 span{color:var(--accent);letter-spacing:0;text-transform:none;font-size:12px}#palette{display:flex;flex-wrap:wrap;gap:6px}.chip{font:inherit;font-size:12.5px;padding:6px 11px;border-radius:999px;border:1px solid var(--line);background:#ffffff0d;color:var(--text);cursor:pointer;transition:background .14s ease,border-color .14s ease}.chip:hover{background:#ffffff1c}.chip.active{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:600}.chip.erase{color:#e79a9a}.chip.erase.active{background:#c86b6b;color:#1a1010;border-color:#c86b6b}input[type=range]{width:100%;accent-color:var(--accent);margin:0}.swatches{display:flex;gap:6px}.swatch{width:30px;height:30px;border-radius:9px;border:2px solid transparent;cursor:pointer;padding:0;transition:transform .12s ease}.swatch:hover{transform:translateY(-2px)}.swatch.on{border-color:var(--accent)}#panel footer{display:grid;gap:7px;margin-top:20px}#panel footer button{font:inherit;padding:10px;border-radius:11px;border:1px solid var(--line);background:#ffffff0d;color:var(--text);cursor:pointer}#panel footer button:hover{background:#ffffff1c}#panel footer button.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:600}#panel footer button.quiet{color:var(--muted);font-size:12.5px;padding:7px}#panel footer button#sound.on{color:var(--accent)}#hint{position:fixed;left:50%;bottom:20px;transform:translate(-50%);margin:0;padding:7px 15px;border-radius:999px;background:#14100e99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--muted);font-size:12px;pointer-events:none;white-space:nowrap}#toast{position:fixed;left:50%;top:22px;transform:translate(-50%,-12px);padding:9px 17px;border-radius:999px;background:var(--accent);color:var(--accent-ink);font-size:13px;font-weight:600;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease}#toast.show{opacity:1;transform:translate(-50%)}@media (max-width: 720px){#panel{top:auto;bottom:0;left:0;width:100%;max-height:46vh;border-radius:18px 18px 0 0}#hint{display:none}}#panel header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}#panel header h1{margin-bottom:12px}#wallet{text-align:right;line-height:1.2}#coins{font-size:17px;font-weight:700;color:var(--accent)}#coins:before{content:"◍ ";opacity:.8}#wallet small{display:block;font-size:10.5px;color:var(--muted)}#tabs{display:flex;gap:4px;margin-bottom:6px}.tab{flex:1;font:inherit;font-size:12.5px;padding:7px;border-radius:9px;border:1px solid var(--line);background:transparent;color:var(--muted);cursor:pointer}.tab.active{background:#ffffff17;color:var(--text);font-weight:600}.muted{color:var(--muted);font-size:11.5px}.shop-intro{margin:8px 0 14px;line-height:1.45}.chip .n{display:inline-block;margin-left:5px;padding:0 5px;border-radius:999px;background:#0000004d;font-size:10.5px}.chip.active .n{background:#00000038}#cozy{color:var(--accent);letter-spacing:0;text-transform:none;font-size:11.5px}#shop-list{display:grid;gap:6px}.shop-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;border:1px solid var(--line);background:#ffffff0a}.shop-row b{font-weight:600;font-size:13px}.shop-row .cozy-val{font-size:10.5px;color:var(--muted);display:block}.shop-row .price{font-size:12.5px;color:var(--accent);font-variant-numeric:tabular-nums}.shop-row button{font:inherit;font-size:12px;font-weight:600;padding:5px 12px;border-radius:8px;border:none;cursor:pointer;background:var(--accent);color:var(--accent-ink)}.shop-row button:disabled{background:#ffffff14;color:var(--muted);cursor:default}#upgrade-box{margin-top:18px}#level-label{color:var(--accent);letter-spacing:0;text-transform:none;font-size:11.5px}#upgrade{width:100%;font:inherit;font-size:12.5px;padding:9px;border-radius:10px;border:1px solid var(--line);background:#ffffff0d;color:var(--text);cursor:pointer}#upgrade:disabled{color:var(--muted);cursor:default}#upgrade:not(:disabled):hover{border-color:var(--accent)}.hidden{display:none!important}