:root{--ui-bg:#fffcf885;--ui-fg:#3a3028;--ui-border:#ffffffb8;--ui-shadow:0 8px 32px #7850281a, inset 0 1px 1px #ffffffe6;--glass-blur:18px}[data-theme=dark]{--ui-bg:#2e2e327a;--ui-fg:#e8e6e2;--ui-border:#ffffff1f;--ui-shadow:0 8px 36px #00000080, inset 0 1px 1px #ffffff0f}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{width:100%;height:100%;overflow:hidden}body{background:#d8d4cf;font-family:Fredoka,Nunito,system-ui,sans-serif;transition:background .3s}[data-theme=dark] body{background:#0f0f10}canvas{width:100%;height:100%;display:block}#topbar{pointer-events:none;z-index:10;justify-content:space-between;align-items:center;display:flex;position:absolute;top:18px;left:18px;right:18px}#topbar>*{pointer-events:auto}#ui{color:var(--ui-fg);background:var(--ui-bg);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.35);border:1.5px solid var(--ui-border);box-shadow:var(--ui-shadow);border-radius:999px;padding:11px 18px;font:500 14px/1.4 Fredoka,Nunito,sans-serif;transition:background .3s,color .3s}#palette{background:var(--ui-bg);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.3);border:1.5px solid var(--ui-border);box-shadow:var(--ui-shadow);border-radius:28px;flex-direction:column;gap:12px;padding:16px 13px;transition:background .3s;display:flex;position:absolute;top:50%;left:22px;transform:translateY(-50%)}.palette-icon{text-align:center;color:var(--ui-fg);opacity:.55;margin-bottom:-2px;font-size:18px}.swatch{background:var(--col);cursor:pointer;color:#00000047;border:3px solid #0000;justify-content:center;align-items:center;width:50px;height:50px;transition:transform .15s,border-color .14s;display:flex}.swatch i{pointer-events:none;font-size:18px}[data-theme=dark] .swatch i{color:#ffffff52}.swatch[data-mat=sand]{border-radius:14px 18px 13px 17px;transform:rotate(-2.5deg)}.swatch[data-mat=grass]{border-radius:17px 13px 18px 14px;transform:rotate(2deg)}.swatch[data-mat=water]{border-radius:15px 16px 14px 19px;transform:rotate(-1.2deg)}.swatch[data-mat=stone]{border-radius:18px 14px 16px 13px;transform:rotate(1.8deg)}.swatch[data-mat=light]{border-radius:16px 15px 17px 14px;transform:rotate(-1.5deg)}.swatch[data-mat=light] i{color:#0000008c}.swatch:hover{transform:scale(1.08) rotate(var(--r,0deg))}.swatch[data-mat=sand]:hover{transform:scale(1.08)rotate(-1deg)}.swatch[data-mat=grass]:hover{transform:scale(1.08)rotate(1deg)}.swatch[data-mat=water]:hover{transform:scale(1.08)rotate(0)}.swatch[data-mat=stone]:hover{transform:scale(1.08)rotate(.5deg)}.swatch[data-mat=light]:hover{transform:scale(1.08)rotate(0)}.swatch.active{border-color:var(--ui-border);animation:.55s ease-in-out infinite swatch-jiggle;transform:scale(1.02)rotate(0)}.palette-sep{background:var(--ui-border);opacity:.8;height:1.5px;margin:4px 6px}.tool-btn{width:50px;height:50px;color:var(--ui-fg);cursor:pointer;background:#0000000f;border:2px solid #0000;border-radius:14px;justify-content:center;align-items:center;transition:transform .15s,background .15s,border-color .15s;display:flex}.tool-btn i{opacity:.7;font-size:18px}.tool-btn:hover{background:#0000001a;transform:scale(1.06)}.tool-btn.active{border-color:var(--ui-border);background:#00000024}.tool-btn.active i{opacity:1}[data-theme=dark] .tool-btn{background:#ffffff0f}[data-theme=dark] .tool-btn:hover{background:#ffffff1a}[data-theme=dark] .tool-btn.active{background:#ffffff1f}@keyframes swatch-jiggle{0%,to{transform:scale(1.02)rotate(-1.5deg)}25%{transform:scale(1.04)rotate(1.5deg)}50%{transform:scale(1.02)rotate(-1deg)}75%{transform:scale(1.04)rotate(1deg)}}.theme-btn{border:1.5px solid var(--ui-border);background:var(--ui-bg);width:48px;height:48px;-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.3);color:var(--ui-fg);cursor:pointer;box-shadow:var(--ui-shadow);border-radius:999px;justify-content:center;align-items:center;transition:transform .16s cubic-bezier(.34,1.56,.64,1),background .3s,color .3s;display:flex}.theme-btn:hover{transform:scale(1.08)rotate(5deg)}.theme-btn:active{transform:scale(.97)}.theme-btn i{font-size:20px}.theme-btn .icon-moon,[data-theme=dark] .theme-btn .icon-sun{display:none}[data-theme=dark] .theme-btn .icon-moon{display:block}#daynight{z-index:10;-webkit-user-select:none;user-select:none;position:absolute;bottom:20px;left:22px}.daynight{background:var(--ui-bg);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.3);border:1.5px solid var(--ui-border);box-shadow:var(--ui-shadow);border-radius:50%;padding:10px;transition:background .3s}.dn-sky{background:radial-gradient(circle,#b8ecff,#7cc8ff);border-radius:50%;width:76px;height:76px;position:relative;overflow:hidden}.dn-orb{filter:drop-shadow(0 1px 2px #0000001f);font-size:20px;transition:opacity .35s;position:absolute;transform:translate(-50%,-50%)}.dn-sun{color:#ffc13a}.dn-moon{color:#f0e8d0}.dn-stars{pointer-events:none;transition:opacity .5s;position:absolute;inset:0}.dn-stars i{color:#fff;opacity:.85;font-size:6px;position:absolute}#debug{z-index:20;color:var(--ui-fg);font:500 12.5px/1.4 Fredoka,Nunito,sans-serif;position:absolute;top:76px;right:22px}#debugToggle{border:1.5px solid var(--ui-border);background:var(--ui-bg);width:40px;height:40px;-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.3);color:var(--ui-fg);cursor:pointer;box-shadow:var(--ui-shadow);border-radius:50%;justify-content:center;align-items:center;margin-left:auto;transition:transform .12s;display:flex}#debugToggle i{font-size:16px}#debugToggle:hover{transform:scale(1.06)}.debug-body{background:var(--ui-bg);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.3);border:1.5px solid var(--ui-border);box-shadow:var(--ui-shadow);border-radius:16px;min-width:210px;margin-top:8px;padding:14px 15px}#debug.collapsed .debug-body{display:none}.debug-title{opacity:.85;margin-bottom:10px;font-weight:700}#debug label{opacity:.85;margin-bottom:4px;font-size:12px;display:block}#timeSlider{accent-color:#ff9a55;cursor:pointer;width:100%;margin:6px 0}#timeLabel{font-variant-numeric:tabular-nums;opacity:.75;font-size:11.5px}.dbg-btn{border:1.5px solid var(--ui-border);color:var(--ui-fg);cursor:pointer;background:#fff3;border-radius:10px;width:100%;margin-top:8px;padding:6px 12px;font:500 12px Fredoka,Nunito,sans-serif}.dbg-btn:hover{background:#ffffff52}[data-theme=dark] .dbg-btn{background:#ffffff0f}[data-theme=dark] .dbg-btn:hover{background:#ffffff1a}@media (width<=600px){#topbar{top:12px;left:12px;right:12px}#ui{padding:9px 14px;font-size:12px}.theme-btn{width:44px;height:44px}.theme-btn i{font-size:18px}#palette{border-radius:26px;flex-direction:row;align-items:center;gap:10px;padding:12px 14px;top:auto;bottom:18px;left:50%;transform:translate(-50%)}.palette-icon{margin-bottom:0;margin-right:2px}.swatch{width:48px;height:48px}#daynight{bottom:88px;left:12px}.daynight{padding:8px}.dn-sky{width:60px;height:60px}#debug{top:62px;right:12px}.debug-body{min-width:170px}}