*{box-sizing:border-box}html,body,#app{touch-action:none;background:#071522;width:100%;height:100%;margin:0;font-family:system-ui,sans-serif;overflow:hidden}.prototype{background:radial-gradient(circle at 50% 15%,#173750,#071522 68%);place-items:center;width:100%;height:100%;display:grid;position:relative}.board{filter:drop-shadow(0 10px 20px #000b);width:min(100vw,55.56vh);height:min(100vh,180vw);display:block}.pin-hit{pointer-events:stroke;cursor:grab;touch-action:none}.pin-visual{pointer-events:none;filter:drop-shadow(0 5px 3px #0009);transform-box:fill-box;transform-origin:50%;transition:opacity .22s,transform .3s}.pin-group.is-pulled .pin-visual{opacity:0;transform:translate(170px)}.hud{top:max(10px,env(safe-area-inset-top));z-index:2;gap:10px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.badge{color:#ffd64e;text-align:center;background:#3b291fcc;border:3px solid #fff3d0;border-radius:999px;min-width:88px;padding:8px 14px;font-size:18px;font-weight:900}.reset{color:#613a21;background:#fff7dc;border:3px solid #fff3d0;border-radius:50%;width:48px;height:48px;font-size:24px}.hint{bottom:max(12px,env(safe-area-inset-bottom));color:#fff4c9;white-space:nowrap;background:#342214d9;border:2px solid #f6d18b;border-radius:999px;padding:7px 14px;font-weight:800;position:absolute;left:50%;transform:translate(-50%)}.stage{width:min(100vw,55.56vh);height:min(100vh,180vw);position:relative;overflow:hidden}.cabinet,.three-board,.board{width:100%;height:100%;display:block;position:absolute;inset:0}.cabinet{z-index:0;object-fit:fill}.three-board{z-index:2}.board{z-index:3;filter:none}.bag-art{z-index:1;left:var(--bag-x);top:var(--bag-top);width:var(--bag-width);clip-path:inset(32% 0 0);pointer-events:none;filter:drop-shadow(0 8px 8px #0009);height:auto;position:absolute;transform:translate(-50%,-8%)}.board>rect,.board>path,.board>line:not(.pin-hit),.board>circle,.pin-visual{opacity:0}.pin-hit{pointer-events:stroke}.prototype{isolation:isolate}.sound{color:#613a21;background:#fff7dc;border:3px solid #fff3d0;border-radius:50%;width:48px;height:48px;font-size:21px}.catch-effects{z-index:4;pointer-events:none;position:absolute;inset:0}.catch-burst{left:var(--bag-x);top:var(--receiver-y);width:1px;height:1px;position:absolute}.catch-burst i{--a:calc(var(--i)*45deg);width:12px;height:12px;transform:rotate(var(--a)) translateX(0);background:#ffe56b;border-radius:50%;animation:.62s ease-out forwards catch-particle;position:absolute;box-shadow:0 0 10px #ffc400}.badge.is-pop{animation:.24s ease-out badge-pop}@keyframes catch-particle{45%{opacity:1}to{opacity:0;transform:rotate(var(--a)) translateX(78px) scale(.2)}}@keyframes badge-pop{50%{background:#6a431f;transform:scale(1.18)}}.round-timer{z-index:5;background:#29180dcc;border:2px solid #fff4ca;border-radius:8px;width:132px;height:12px;position:absolute;top:74px;left:50%;overflow:hidden;transform:translate(-50%)}.round-timer[hidden]{display:none}.round-timer i{transform-origin:0;background:linear-gradient(90deg,#ffc928,#fff078);width:100%;height:100%;display:block}.round-result{z-index:10;background:#06111bb8;place-items:center;display:grid;position:absolute;inset:0}.round-result[hidden]{display:none}.round-result section{color:#633214;background:linear-gradient(160deg,#fff9dd,#ffd77d);border:5px solid #fff0ba;border-radius:30px;place-items:center;min-width:270px;padding:24px;display:grid;box-shadow:0 11px #6d3515,0 0 35px #ffd44299}.result-old{opacity:.7;font-size:17px}.result-gain{color:#dc7212;text-shadow:0 2px #fff;margin:5px;font-size:38px}.result-total{font-size:27px}.result-timeout{color:#a93b22;order:-1;margin-bottom:6px;font-size:25px;font-style:normal;font-weight:900}.result-timeout[hidden]{display:none}.result-home{touch-action:manipulation;background:#ffba38;border:4px solid #fff8dc;border-radius:24px;width:88px;height:72px;margin-top:16px;font-size:39px;box-shadow:0 6px #955019}