:root{--ink: #0d0a06;--paper-dim: rgba(232, 220, 196, .55)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--ink);font-family:Geist,system-ui,-apple-system,sans-serif;color:var(--paper-dim);overflow:hidden;-webkit-font-smoothing:antialiased}#stage{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100dvh;display:block;cursor:grab}#stage:active{cursor:grabbing}.hint{position:fixed;left:50%;bottom:22px;transform:translate(-50%);font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--paper-dim);pointer-events:none;-webkit-user-select:none;user-select:none;z-index:5;font-weight:500}@media (max-width: 640px){.hint{font-size:9px;letter-spacing:2px;bottom:16px}}.insert-sign{position:fixed;top:0;left:0;pointer-events:none;z-index:100;transform:translate(-50%,-110%);font-family:Lilita One,Bowlby One,Arial Black,sans-serif;text-align:center;animation:insert-bob 1.2s ease-in-out infinite;display:none}.insert-sign-text{display:inline-block;font-size:clamp(16px,2.4vmin,28px);letter-spacing:1px;line-height:1.1;color:#fff8e7;background:linear-gradient(180deg,#ff4848,#c01818);border:clamp(2px,.4vmin,4px) solid #fff8e7;border-radius:clamp(8px,1.4vmin,16px);padding:clamp(5px,.9vmin,10px) clamp(8px,1.5vmin,16px) clamp(4px,.7vmin,8px);box-shadow:clamp(2px,.4vmin,4px) clamp(2px,.4vmin,4px) 0 #1a1410,0 0 0 1px #1a1410;text-shadow:1.5px 1.5px 0 #6a0000}.insert-sign-arrow{font-size:clamp(28px,4vmin,48px);line-height:1;color:#ff4848;text-shadow:1.5px 0 0 #fff8e7,-1.5px 0 0 #fff8e7,0 1.5px 0 #fff8e7,0 -1.5px 0 #fff8e7,2.5px 2.5px 0 #1a1410;margin-top:2px}@keyframes insert-bob{0%,to{transform:translate(-50%,-110%)}50%{transform:translate(-50%,calc(-110% - 10px))}}.toon-sign{position:fixed;top:0;left:0;pointer-events:none;z-index:100;text-align:center;font-family:Comic Sans MS,Chalkboard SE,Comic Neue,Lilita One,cursive,sans-serif;display:none;will-change:transform,left,top}.toon-sign-text{display:inline-block;font-size:clamp(13px,1.9vmin,22px);font-weight:700;letter-spacing:.5px;line-height:1.1;color:#1a1410;background:#fff2a8;border:clamp(2px,.35vmin,3px) solid #1a1410;border-radius:clamp(8px,1.2vmin,14px);padding:clamp(4px,.7vmin,8px) clamp(7px,1.2vmin,13px);box-shadow:clamp(2px,.4vmin,4px) clamp(2px,.4vmin,4px) 0 #1a1410;text-shadow:1px 1px 0 #fff8d0;white-space:nowrap}.toon-sign-arrow{font-size:clamp(26px,3.6vmin,44px);line-height:1;color:#ffd23f;text-shadow:1.5px 0 0 #1a1410,-1.5px 0 0 #1a1410,0 1.5px 0 #1a1410,0 -1.5px 0 #1a1410,2.5px 2.5px 0 #1a1410}.toon-sign.toon-cart{transform:translate(-50%,-100%);animation:toon-bob-down 1.4s ease-in-out infinite}.toon-sign.toon-cart .toon-sign-arrow{margin-top:2px}.toon-sign.toon-buttons{transform:translate(8%,-50%);animation:toon-wiggle 1.6s ease-in-out infinite}.toon-sign.toon-buttons .toon-row{display:flex;align-items:center;gap:clamp(4px,.8vmin,10px)}.toon-sign.toon-buttons .toon-sign-arrow{font-size:clamp(28px,4vmin,48px)}@keyframes toon-bob-down{0%,to{transform:translate(-50%,-100%)}50%{transform:translate(-50%,calc(-100% - 8px))}}@keyframes toon-wiggle{0%,to{transform:translate(8%,-50%) rotate(0)}50%{transform:translate(calc(8% + 8px),-50%) rotate(-2deg)}}.mobile-warning{display:none}.mobile-warning.is-open{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;align-items:center;justify-content:center;background:#08060473;padding:24px}.mobile-warning-text{text-align:center;font-family:Geist,system-ui,-apple-system,sans-serif;font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--paper-dim);font-weight:500;line-height:2.4}.mobile-warning-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--paper-dim);background:transparent;color:var(--paper-dim);font:inherit;letter-spacing:3px;text-transform:uppercase;padding:8px 16px;margin-top:14px;cursor:pointer}.mobile-warning-btn:active{color:#fff;border-color:#fff}@supports (-webkit-touch-callout: none){html,body{color-scheme:only light}body{-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto;text-rendering:geometricPrecision;font-synthesis:none;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}#stage{color-scheme:only light}}.volume-widget{position:fixed;top:14px;right:14px;z-index:200;display:flex;align-items:center;gap:10px;font-family:Geist,system-ui,-apple-system,sans-serif}.volume-toggle{width:44px;height:44px;border-radius:22px;border:1px solid rgba(255,255,255,.18);background:#14100c8c;color:#f0e6cf;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:background .15s ease,border-color .15s ease}.volume-toggle:hover{background:#14100cbf;border-color:#ffffff52}.volume-toggle:active{transform:scale(.96)}.volume-toggle svg{display:block}.volume-panel{display:none;align-items:center;background:#14100cd9;border:1px solid rgba(255,255,255,.18);border-radius:22px;padding:0 14px;height:44px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.volume-panel.is-open{display:flex}#volume-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:160px;height:6px;background:#f0e6cf40;border-radius:3px;outline:none;cursor:pointer}#volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#f0e6cf;border:2px solid rgba(20,16,12,.9);cursor:pointer}#volume-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#f0e6cf;border:2px solid rgba(20,16,12,.9);cursor:pointer}@media (max-width: 820px),(pointer: coarse){.volume-widget{top:12px;right:12px;gap:8px}.volume-toggle{width:52px;height:52px;border-radius:26px}.volume-toggle svg{width:26px;height:26px}.volume-panel{height:52px;border-radius:26px;padding:0 16px}#volume-slider{width:180px;height:8px}#volume-slider::-webkit-slider-thumb{width:24px;height:24px}}