:root{--ink:#5b4636;--ink-soft:#8a7362;--panel:#fffbf4eb;--panel-edge:#966e502e;--accent:#f08aa8;--accent-soft:#ffe1ea;--ok:#7cc96b;font-family:ui-rounded,SF Pro Rounded,Nunito,Quicksand,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body{overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;height:100%;color:var(--ink);background:#bfe6f5;margin:0;overflow:hidden}body{background:radial-gradient(80% 60% at 50% 105%,#fff3dc 0%,#fff3dc00 60%),linear-gradient(#a9dcf2 0%,#c8ebf6 45%,#fde9d6 100%)}#app{position:fixed;inset:0}#app canvas{cursor:default;width:100%;height:100%;display:block}#app canvas.panning{cursor:grabbing}.gallery-labels{pointer-events:none;position:fixed;inset:0}.gallery-label{white-space:nowrap;color:var(--ink);background:#fffbf4d9;border-radius:10px;padding:2px 8px;font-size:12px;font-weight:600;position:absolute;top:0;left:0}.gallery-title{background:var(--panel);color:var(--ink-soft);border-radius:12px;padding:6px 12px;font-size:14px;position:fixed;top:12px;left:16px}.gallery-title a{color:var(--accent);font-weight:700;text-decoration:none}.hud{pointer-events:none;position:fixed;inset:0}.hud>*{pointer-events:auto}.hud .hidden{display:none!important}.title{background:var(--panel);letter-spacing:.2px;color:var(--ink);border-radius:18px;padding:8px 16px 8px 12px;font-size:18px;font-weight:800;position:absolute;top:14px;left:16px;box-shadow:0 4px 14px #7850321f}.title span{margin-right:4px;font-size:22px}.hint{max-width:min(720px,100vw - 680px);color:var(--ink-soft);text-align:center;background:#fffbf4c7;border-radius:16px;padding:8px 16px;font-size:14px;font-weight:600;position:absolute;top:16px;left:50%;transform:translate(-50%);pointer-events:none!important}.corner{gap:10px;display:flex;position:absolute;top:14px;right:16px}.round{background:var(--panel);width:56px;height:56px;color:var(--ink);cursor:pointer;border:none;border-radius:50%;font-size:28px;font-weight:700;line-height:1;transition:transform .12s,background .12s;box-shadow:0 4px 14px #78503226}.round:hover{background:#fff;transform:translateY(-2px)}.round:active{transform:scale(.94)}.dock{flex-direction:column;align-items:center;gap:8px;max-width:calc(100vw - 24px);display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.groups,.tray,.options{background:var(--panel);border:1px solid var(--panel-edge);scrollbar-width:none;border-radius:24px;gap:8px;max-width:100%;padding:8px;display:flex;overflow-x:auto;box-shadow:0 6px 20px #78503229}.tray{background:#fff6ecf0}.options{align-items:center;gap:14px;padding:6px 12px}.tool{min-width:72px;height:72px;color:var(--ink);font:inherit;cursor:pointer;background:#fff;border:2px solid #0000;border-radius:18px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:3px;padding:6px 8px 5px;transition:transform .12s,border-color .12s,background .12s;display:flex;box-shadow:0 2px #966e5026}.tool .icon{font-size:30px;line-height:1}.tool .label{white-space:nowrap;font-size:12px;font-weight:700}.tool:hover{transform:translateY(-2px)}.tool:active{transform:scale(.95)}.tool.active{border-color:var(--accent);background:var(--accent-soft)}.tool.group.open:not(.active){border-color:#f6c9d6}.tool.action .icon{font-size:28px}.tool.small{min-width:64px;height:64px}.tool.small .icon{font-size:24px}.axis{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.axis-label{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.5px;padding-left:2px;font-size:11px;font-weight:800}.chips{gap:6px;display:flex}.chip{cursor:pointer;border:3px solid #fff;border-radius:50%;width:40px;height:40px;transition:transform .12s;box-shadow:0 1px 4px #5a3c2840}.chip:hover{transform:scale(1.08)}.chip{font:inherit;color:var(--ink);padding:0;font-size:16px;font-weight:800}.chip.active{outline:3px solid var(--accent);outline-offset:1px;transform:scale(1.1)}.modal-back{background:#5a3c2840;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.modal{text-align:center;background:#fffaf2;border-radius:28px;min-width:320px;padding:24px 28px;box-shadow:0 20px 50px #5a3c284d}.modal-q{margin-bottom:6px;font-size:22px;font-weight:800}.modal-d{color:var(--ink-soft);margin-bottom:18px;font-size:15px}.modal-row{justify-content:center;gap:12px;display:flex}.tool.wide{min-width:130px}.tool.yes{border-color:var(--ok);background:#eaf8e4}@media (width<=1060px){.hint{max-width:calc(100vw - 220px);top:80px}}@media (width<=760px){.hint{display:none}.tool{min-width:64px;height:64px}.tool .icon{font-size:26px}}.energy-bars{pointer-events:none;position:fixed;inset:0;overflow:hidden}.ebar{will-change:transform;background:#ffffffd9;border-radius:6px;width:40px;height:9px;margin:-9px 0 0 -20px;padding:2px;position:absolute;top:0;left:0;box-shadow:0 1px 3px #5a3c2859}.ebar .fill{transform-origin:0;background:linear-gradient(#8fe07a,#5cc24f);border-radius:4px;width:100%;height:100%;transition:transform .35s,background .3s}.ebar[data-level=mid] .fill{background:linear-gradient(#ffd96a,#f4b73a)}.ebar[data-level=low] .fill{background:linear-gradient(#ff8a7a,#ee5547)}.ebar[data-level=low]{animation:.9s ease-in-out infinite ebar-blink}.ebar.bump{animation:.4s ebar-bump}@keyframes ebar-blink{50%{box-shadow:0 0 0 3px #ff5a5073}}@keyframes ebar-bump{40%{scale:1.25}}.float-emoji{font-size:26px;animation:1.1s ease-out forwards float-up;position:absolute;transform:translate(-50%,-50%)}@keyframes float-up{0%{opacity:0;transform:translate(-50%,-20%)scale(.6)}20%{opacity:1;transform:translate(-50%,-60%)scale(1.15)}to{opacity:0;transform:translate(-50%,-200%)scale(1)}}.ebar.grow{border-radius:8px;align-items:center;gap:2px;width:58px;height:14px;margin:-14px 0 0 -29px;padding:2px 3px 2px 2px;display:flex}.ebar.grow .bar-icon{text-align:center;width:13px;font-size:11px;line-height:1}.ebar.grow .track{background:#78a0be2e;border-radius:4px;flex:1;height:7px;overflow:hidden}.ebar.grow .fill{background:linear-gradient(#8fd3ff,#4fa8e6);transition:none}.ebar.grow.full .fill{background:linear-gradient(#c9b8ff,#9b7fe8)}.ready-badge{color:var(--ink);white-space:nowrap;background:#fff;border-radius:12px;margin-bottom:4px;padding:2px 8px;font-size:15px;font-weight:800;animation:1.2s ease-in-out infinite badge-bob;position:absolute;bottom:100%;left:50%;transform:translate(-50%);box-shadow:0 2px 6px #5a3c2840}.ready-badge.hidden{display:none}@keyframes badge-bob{50%{transform:translate(-50%,-4px)}}.inventory{scrollbar-width:none;background:var(--panel);border:1px solid var(--panel-edge);border-radius:24px;flex-direction:column;align-items:center;gap:8px;height:fit-content;max-height:calc(100% - 100px);margin:auto 0;padding:10px 8px;display:flex;position:absolute;top:84px;bottom:16px;right:16px;overflow-y:auto;box-shadow:0 6px 20px #78503229}.inv-title{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:800}.inv-item{cursor:pointer;width:68px;height:68px;font:inherit;color:var(--ink);background:#fff;border:2px solid #0000;border-radius:18px;transition:transform .12s,border-color .12s;position:relative;box-shadow:0 2px #966e5026}.inv-item .icon{font-size:34px;line-height:1}.inv-item .count{background:var(--accent);color:#fff;border-radius:13px;justify-content:center;align-items:center;min-width:26px;height:26px;padding:0 6px;font-size:15px;font-weight:800;display:flex;position:absolute;bottom:-6px;right:-6px;box-shadow:0 2px 4px #00000026}.inv-item.empty .icon{opacity:.35;filter:grayscale(.6)}.inv-item.empty .count{background:#cbb8a8}.inv-item:hover{transform:translateY(-2px)}.inv-item.active{border-color:var(--accent);background:var(--accent-soft)}.inv-item.bump{animation:.35s inv-bump}.inv-item.shake{animation:.4s inv-shake}@keyframes inv-bump{40%{transform:scale(1.18)}}@keyframes inv-shake{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.fly-emoji{pointer-events:none;z-index:10;font-size:30px;position:fixed}.tool .count{background:var(--accent);color:#fff;border-radius:11px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 5px;font-size:12px;font-weight:800;display:flex;position:absolute;top:4px;right:4px}.tool{position:relative}.tool.empty .icon{opacity:.35}.tool.empty .count{background:#cbb8a8}.ebar.grow.stacked{margin-top:-31px}.ebar.grow.paused .fill{background:linear-gradient(#d9d2cb,#b8aea5)}.ebar.grow.paused .bar-icon{filter:grayscale();opacity:.6}.inv-sep{background:var(--panel-edge);border-radius:1px;width:44px;height:2px;margin:2px 0}.inv-item.product{cursor:default}.inv-item.product:hover{transform:none}.inv-item.product .count{background:#8fb7d9}@media (height<=1080px){.inventory{grid-template-columns:auto auto;justify-items:center;display:grid}.inv-title,.inv-sep{grid-column:1/-1}.inv-sep{width:100%}}@media (height<=860px){.inventory{gap:6px;padding:8px 7px}.inv-item{border-radius:15px;width:56px;height:56px}.inv-item .icon{font-size:28px}.inv-item .count{min-width:22px;height:22px;font-size:13px;bottom:-5px;right:-5px}}@media (height<=680px){.inv-item{border-radius:13px;width:46px;height:46px}.inv-item .icon{font-size:23px}}.coins{background:var(--panel);color:#b07a12;border-radius:28px;align-items:center;gap:6px;min-width:96px;height:56px;padding:0 18px 0 12px;font-size:26px;font-weight:800;display:flex;box-shadow:0 4px 14px #78503226}.coins .coin{font-size:30px}.coins.bump{animation:.3s inv-bump}.ebar.grow.car .fill{background:linear-gradient(#ffd96a,#f4b73a)}.ebar.grow.dentist .fill{background:linear-gradient(#fff,#a9d8f5)}.toothache{pointer-events:none;will-change:transform;width:30px;height:30px;margin:-40px 0 0 22px;position:absolute;top:0;left:0}.toothache svg{filter:drop-shadow(0 2px 2px #5a3c2859);animation:1.6s ease-in-out infinite tooth-ache;display:block}@keyframes tooth-ache{0%,60%,to{transform:rotate(0)}70%{transform:rotate(-14deg)scale(1.1)}80%{transform:rotate(12deg)scale(1.1)}90%{transform:rotate(-6deg)}}.coins{position:relative}.coins.shake{animation:.4s inv-shake}.coin-delta{pointer-events:none;font-size:20px;font-weight:800;animation:1.2s ease-out forwards coin-delta;position:absolute;top:100%;right:10px}.coin-delta.minus{color:#e5534b}.coin-delta.plus{color:#3fa34d}@keyframes coin-delta{0%{opacity:0;transform:translateY(-6px)}15%{opacity:1}to{opacity:0;transform:translateY(26px)}}.tool .price{color:#9a6a0a;background:#fff3c4;border-radius:9px;padding:1px 6px;font-size:11px;font-weight:800;position:absolute;top:-7px;right:-5px;box-shadow:0 1px 2px #0000001f}.tool.empty .price{color:#a8988a;background:#eee5dc}.energy-bars.compact .ebar:not([data-level=low]):not(.urgent),.energy-bars.compact .ebar.urgent .track,.energy-bars.compact .ebar.urgent .bar-icon{display:none}.energy-bars.compact .ebar.urgent{box-shadow:none;background:0 0}#app.soundboard{background:var(--bg,#fdf3e7);padding:16px;overflow:auto}.sb-head{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:14px;display:flex}.sb-head h1{color:var(--ink);margin:0;font-size:24px}.sb-music,.sb-card{font:inherit;color:var(--ink);border:2px solid var(--panel-edge);cursor:pointer;background:#fff;border-radius:18px;box-shadow:0 2px #966e5026}.sb-music{padding:10px 16px;font-weight:800}.sb-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;display:grid}.sb-card{flex-direction:column;align-items:center;gap:4px;padding:12px 8px;display:flex}.sb-card:active{transform:scale(.96)}.sb-card canvas{border-radius:8px;width:100%;height:auto}.sb-icon{font-size:36px;line-height:1}.sb-label{font-weight:800}.sb-name{color:var(--ink-soft);font-size:11px}.sound{position:relative}.round.off{opacity:.7}.sound-panel{z-index:5;background:var(--panel);border:1px solid var(--panel-edge);border-radius:22px;flex-direction:column;gap:8px;padding:10px;display:flex;position:absolute;top:64px;right:0;box-shadow:0 6px 20px #78503233}.sound-toggle{width:190px;height:56px;color:var(--ink);font:inherit;cursor:pointer;background:#fff;border:2px solid #0000;border-radius:16px;align-items:center;gap:10px;padding:0 12px;font-size:16px;font-weight:800;display:flex;box-shadow:0 2px #966e5026}.sound-toggle .icon{font-size:26px}.sound-toggle .label{text-align:left;flex:1}.sound-toggle .pill{color:#8a7466;background:#e4d8cc;border-radius:12px;min-width:44px;padding:4px 8px;font-size:13px}.sound-toggle.on{border-color:var(--accent);background:var(--accent-soft)}.sound-toggle.on .pill{background:var(--ok);color:#fff}