:root{font-family:ui-rounded,SF Pro Rounded,Segoe UI,sans-serif;color-scheme:light dark;--background: #e9efec;--background-deep: #cfdcd7;--surface: #f7faf8;--surface-edge: #b7c8c1;--board-top: #f9fbfa;--board-bottom: #dce7e2;--bin-top: #d7e4df;--bin-bottom: #c5d6cf;--rail: #6e8881;--peg: #46645e;--peg-halo: #c2d2cc;--bead-coral: #ec796f;--bead-sky: #5597a4;--bead-mint: #6aa78d;--ghost: #ec796f;--ghost-wash: #f1aaa2;--bin-light: #f1aca4;--count-dot: #78928b;--control: #f6f9f7;--control-edge: #9fb5ad;--control-icon: #506d66;--focus: #216f85;--press-wash: #d8e7e2;--shadow: rgba(55, 79, 72, .16)}@media(prefers-color-scheme:dark){:root{--background: #172320;--background-deep: #0d1715;--surface: #1f302c;--surface-edge: #405b54;--board-top: #243934;--board-bottom: #172823;--bin-top: #1d322c;--bin-bottom: #14251f;--rail: #78958d;--peg: #bdd0ca;--peg-halo: #385149;--bead-coral: #f48a81;--bead-sky: #73adba;--bead-mint: #81b99f;--ghost: #f48a81;--ghost-wash: #9c5c57;--bin-light: #bd6962;--count-dot: #759189;--control: #263a35;--control-edge: #58736b;--control-icon: #c0d1cc;--focus: #8ed7e7;--press-wash: #304c44;--shadow: rgba(0, 0, 0, .3)}}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{min-height:100vh;overflow:hidden;background:radial-gradient(circle at 50% 16%,var(--surface) 0%,transparent 42%),linear-gradient(160deg,var(--background),var(--background-deep));-webkit-tap-highlight-color:transparent}button{font:inherit}.app{position:relative;display:grid;width:100%;min-height:100vh;min-height:100svh;place-items:center;overflow:hidden;padding:max(0px,env(safe-area-inset-top)) max(0px,env(safe-area-inset-right)) max(0px,env(safe-area-inset-bottom)) max(0px,env(safe-area-inset-left))}.board-shell{position:relative;width:min(100vw,50vh);height:min(100vh,200vw);width:min(100vw,50dvh);height:min(100dvh,200vw);max-width:460px;max-height:920px;filter:drop-shadow(0 18px 28px var(--shadow));touch-action:manipulation;user-select:none;-webkit-user-select:none}.board{display:block;width:100%;height:100%;overflow:visible;pointer-events:none}.board-field{fill:url(#board-wash);stroke:var(--surface-edge);stroke-width:1}.rail{fill:none;stroke:var(--rail);stroke-linecap:round;stroke-width:1;opacity:.48}.bin-bed{fill:url(#bin-wash);stroke:var(--surface-edge);stroke-width:1}.bin-fill{fill:var(--ghost-wash);opacity:.09;transition:opacity .14s ease-out}.bin-fill--lit{opacity:.34;animation:bin-breathe .36s ease-out}.bin-wall,.bin-floor{stroke:var(--rail);stroke-linecap:round;stroke-width:1;opacity:.4}.peg-halo{fill:var(--peg-halo);opacity:.74}.peg{fill:var(--peg)}.ghost-ring{fill:none;stroke:var(--ghost-wash);stroke-width:1.5;transform-box:fill-box;transform-origin:center;animation:ghost-ring 1.8s ease-out infinite}.ghost-core{fill:var(--ghost);stroke:var(--surface);stroke-width:1.1;transform-box:fill-box;transform-origin:center;animation:ghost-core 1.8s ease-in-out infinite;transition:transform .12s ease-out}.app[data-pressing=true] .ghost-core{transform:scale(.76)}.flight-bead,.landed-bead{stroke:var(--surface);stroke-width:.9}.landing-bead{fill:none;stroke:var(--bin-light);stroke-width:2;transform-box:fill-box;transform-origin:center;animation:landing-wave .36s ease-out both}.count-dots circle{fill:var(--count-dot);opacity:.48}.drop-zone{position:absolute;z-index:2;top:6.2%;left:27.8%;width:44.4%;height:18%;min-width:48px;min-height:48px;margin:0;padding:0;cursor:pointer;border:0;border-radius:999px;outline:none;background:transparent;transition:background-color .12s ease-out;touch-action:manipulation}.drop-zone:active{background:var(--press-wash)}.drop-zone:focus-visible,.reset:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.reset{position:absolute;z-index:3;bottom:max(14px,env(safe-area-inset-bottom));left:max(14px,env(safe-area-inset-left));display:grid;width:48px;height:48px;margin:0;padding:11px;place-items:center;cursor:pointer;border:1px solid var(--control-edge);border-radius:50%;color:var(--control-icon);background:var(--control);box-shadow:0 6px 14px var(--shadow);transition:transform .12s ease-out,background-color .12s ease-out;touch-action:manipulation}.reset:active{transform:scale(.91);background:var(--press-wash)}.reset svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}@keyframes ghost-ring{0%{opacity:.7;transform:scale(.62)}70%,to{opacity:0;transform:scale(1.42)}}@keyframes ghost-core{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.05)}}@keyframes landing-wave{0%{opacity:.9;transform:scale(.45)}to{opacity:0;transform:scale(1.75)}}@keyframes bin-breathe{0%{opacity:.58}to{opacity:.34}}@media(prefers-reduced-motion:reduce){.ghost-ring,.ghost-core,.bin-fill--lit{animation:none}.ghost-core,.drop-zone,.reset,.bin-fill{transition-duration:.001ms}.landing-bead{animation-name:landing-fade;animation-duration:.16s}}@keyframes landing-fade{0%{opacity:.72}to{opacity:0}}@media(prefers-contrast:more){.board-field,.bin-bed,.bin-wall,.bin-floor,.rail{stroke:var(--peg);opacity:1}}