:root{--sky:#c9e4f0;--ink:#2f3a2c;--panel:#fffdf6;--panel-edge:#e2dcc8;--kumara:#b5643f;--radius:18px;--shadow:0 6px 0 #2f3a2c24}*{box-sizing:border-box}html,body{background:var(--sky);height:100%;color:var(--ink);overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;margin:0;font-family:ui-rounded,SF Pro Rounded,-apple-system,Segoe UI,system-ui,sans-serif;overflow:hidden}#stage{position:fixed;inset:0}#stage canvas{width:100%;height:100%;display:block}#ui{pointer-events:none;padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));position:fixed;inset:0}.basket{top:max(16px, env(safe-area-inset-top));right:max(16px, env(safe-area-inset-right));background:var(--panel);border:3px solid var(--panel-edge);border-radius:var(--radius);box-shadow:var(--shadow);font-variant-numeric:tabular-nums;transform-origin:80%;align-items:center;gap:10px;padding:10px 18px 10px 12px;font-size:26px;font-weight:700;transition:transform 90ms ease-out;display:flex;position:absolute}.basket__icon{background:var(--kumara);border-radius:50%;width:30px;height:20px;box-shadow:inset -4px -3px #0000001f}.hint{left:50%;bottom:max(22px, env(safe-area-inset-bottom));white-space:nowrap;background:#fffdf6e6;border-radius:999px;margin:0;padding:10px 20px;font-size:17px;font-weight:600;transition:opacity .5s ease-out;position:absolute;transform:translate(-50%)}.hint[hidden]{opacity:0;display:block}@media (prefers-reduced-motion:reduce){.basket,.hint{transition:none}}