:root{color:#243143;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8f3e7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:radial-gradient(circle at 20% 12%,#ffffffc7,#0000 24rem),linear-gradient(145deg,#fff6df 0%,#d8f4ec 58%,#b9dff5 100%);min-width:320px}.game-shell{position:fixed;inset:0;overflow:hidden}.game-canvas{touch-action:none;cursor:pointer;outline:none;width:100%;height:100%;display:block}.hud-stack{z-index:2;pointer-events:none;flex-direction:column;align-items:flex-start;gap:10px;display:flex;position:fixed}.hud-stack--top{top:max(14px, env(safe-area-inset-top));left:max(14px, env(safe-area-inset-left))}.hud-palette{pointer-events:none}.hud-stack,.hud-palette--audio{transition:opacity .24s cubic-bezier(.4,0,.2,1),transform .24s cubic-bezier(.4,0,.2,1),visibility 0s linear .24s}.game-shell[data-hud-hidden=true] .hud-stack,.game-shell[data-hud-hidden=true] .hud-palette--audio{opacity:0;visibility:hidden;transform:scale(.94)}.game-shell[data-hud-hidden=true] .hud-stack--top{transform:translate(-8px)scale(.94)}.hud-reveal{--hold-progress:0%;z-index:3;top:max(14px, env(safe-area-inset-top));right:max(14px, env(safe-area-inset-right));color:#243143;background:conic-gradient(#e3516e var(--hold-progress), transparent 0), #fffaeb80;opacity:0;pointer-events:none;cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;border-radius:50%;place-items:center;width:56px;height:56px;padding:0;transition:opacity .24s cubic-bezier(.4,0,.2,1);display:grid;position:fixed;box-shadow:inset 0 0 0 1.4px #fff9}.game-shell[data-hud-hidden=true] .hud-reveal{opacity:.22;pointer-events:auto}.game-shell[data-hud-hidden=true] .hud-reveal:hover,.game-shell[data-hud-hidden=true] .hud-reveal:active,.game-shell[data-hud-hidden=true] .hud-reveal:focus-visible{opacity:.9}.hud-reveal:focus-visible{outline-offset:4px;outline:3px solid #243143}.hud-reveal:active{transform:translateY(1px)}.hud-reveal__icon{stroke-width:2.4px;width:22px;height:22px}@media (prefers-reduced-motion:reduce){.hud-stack,.hud-palette--audio,.hud-reveal{transition-duration:0s}}.hud-palette--audio{z-index:2;left:max(14px, env(safe-area-inset-left));bottom:max(14px, env(safe-area-inset-bottom));position:fixed}.hud-palette__tray{pointer-events:auto;background:radial-gradient(at 28% 22%,#fff8e08c,#0000 60%),linear-gradient(160deg,#ead7a4 0%,#d6b97a 100%);border-radius:16px;align-items:center;gap:10px;padding:10px;transition:gap .28s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;box-shadow:0 14px 32px #46371e42,0 2px 5px #46371e24,inset 0 0 0 1.5px #fff8de80,inset 0 -5px 12px #78501633,inset 0 4px 10px #fff8de33}.hud-palette[data-collapsed=true] .hud-palette__tray{gap:0}.hud-palette__tray:after{content:"";pointer-events:none;border:1.5px dashed #503c1e38;border-radius:11px;position:absolute;inset:5px}.hud-palette--audio[data-muted=true] .hud-palette__group{gap:0}.hud-palette__handle{z-index:1;color:#243143;pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent;background:radial-gradient(at 30% 25%,#fffcf2bf,#0000 70%),#fffaeb80;border:0;border-radius:9px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:4px;width:30px;height:52px;padding:0;transition:transform .12s;display:flex;position:relative;box-shadow:inset 0 0 0 1.4px #ffffffa6}.hud-palette__handle:active{transform:translateY(1px)}.hud-palette__handle:focus-visible{outline-offset:3px;outline:3px solid #243143}.hud-palette__icon{opacity:.9;width:17px;height:17px}.hud-palette__caret{stroke-width:2.6px;width:14px;height:14px;transition:transform .3s cubic-bezier(.4,0,.2,1)}.hud-palette[data-collapsed=true] .hud-palette__caret{transform:rotate(180deg)}.hud-palette__group-wrap{grid-template-columns:1fr;transition:grid-template-columns .3s cubic-bezier(.4,0,.2,1);display:grid}.hud-palette[data-collapsed=true] .hud-palette__group-wrap{grid-template-columns:0fr}.hud-palette__group{align-items:center;gap:10px;min-width:0;display:flex;overflow:hidden}.hud-palette__divider{background:#503c1e47;border-radius:2px;flex:none;align-self:stretch;width:1.5px;margin:4px 0}.icon-button{--hold-progress:0%;color:#243143;background:conic-gradient(#e3516e var(--hold-progress), transparent 0), #fffaeb99;pointer-events:auto;-webkit-tap-highlight-color:transparent;border:0;border-radius:9px;place-items:center;width:52px;height:52px;display:grid;position:relative;box-shadow:0 10px 22px #3c2d1438,0 2px 4px #3c2d1426,inset 0 0 0 1.5px #ffffffb3}.audio-transports{flex:none;align-items:center;gap:10px;width:176px;min-width:0;transition:width .28s cubic-bezier(.4,0,.2,1),opacity .22s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.hud-palette--audio[data-muted=true] .audio-transports{opacity:0;pointer-events:none;width:0}.icon-button:before{content:"";background:repeating-linear-gradient(48deg,#966e3c0a 0 1px,#0000 1px 3px),repeating-linear-gradient(-42deg,#966e3c08 0 1px,#0000 1px 4px),radial-gradient(at 28% 22%,#fffaec 0%,#f6ebd0 70%,#f0e0bc 100%);border-radius:7px;position:absolute;inset:3px;box-shadow:inset 0 1px #ffffffe6,inset 0 -2px 4px #78501e1f,inset 0 -1px #78501e2e}.icon-button svg{z-index:1;stroke-width:2.4px;width:26px;height:26px;position:relative}.icon-button:active{transform:translateY(1px)}.icon-button:focus-visible{outline-offset:4px;outline:3px solid #243143}.icon-button[aria-pressed=true]{color:#126456}.icon-button[aria-pressed=true]:before{background:repeating-linear-gradient(48deg,#145f500d 0 1px,#0000 1px 3px),repeating-linear-gradient(-42deg,#145f500a 0 1px,#0000 1px 4px),radial-gradient(at 28% 22%,#f0fbf6 0%,#d9f1e7 70%,#c8ebdd 100%);box-shadow:inset 0 1px #ffffffd9,inset 0 -2px 4px #12645629,inset 0 -1px #1264563d}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}