:root{--ink: #4e4677;--ink2: #6a6199;--cream: #fdf2e0;--cream1: #fbe3c8;--cream2: #edd6b0;--leaf: #5fbb6e;--leaf1: #86cc93;--stone: #d5a46b;--stone1: #c0894b;--orange: #f58a4b;--sky2: #c2d9f7}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;background:var(--sky2);overscroll-behavior:none}body{font-family:system-ui,-apple-system,Apple SD Gothic Neo,Malgun Gothic,sans-serif;color:var(--ink);touch-action:none;user-select:none;-webkit-user-select:none}.court{position:relative;width:100%;height:100%;overflow:hidden;cursor:grab}.court svg{display:block;width:100%;height:100%}.floor{fill:var(--stone);stroke:var(--ink);stroke-width:2.5}.rung{fill:none;stroke:var(--cream);stroke-width:3;stroke-linecap:round;opacity:.75}.rung--here{stroke:var(--cream);stroke-width:6;opacity:1}.steps ellipse{fill:#fdf2e04d;stroke:var(--cream);stroke-width:2.5;stroke-dasharray:6 7;opacity:.7}.post{fill:#8a81b8;stroke:var(--ink);stroke-width:2.5}.board{fill:var(--cream);stroke:var(--ink);stroke-width:3}.boardmark{fill:none;stroke:var(--ink);stroke-width:2.5;transition:fill .12s linear,stroke .12s linear}.boardmark--on{fill:var(--orange);stroke:var(--orange);stroke-width:4}.rim{fill:none;stroke:var(--orange);stroke-width:5}.net path,.net ellipse{fill:none;stroke:var(--cream2);stroke-width:2;stroke-linecap:round}.ball circle{fill:var(--orange)}.ball circle,.ball path{stroke:var(--ink);stroke-width:2}.ball path{stroke-width:1.6}.ball--hot .ball__fire{fill:var(--orange);stroke:var(--cream1);stroke-width:4;opacity:.42;animation:flicker .46s ease-in-out infinite alternate}@keyframes flicker{0%{opacity:.26;transform:scale(.86)}to{opacity:.58;transform:scale(1.12)}}.loose__ring{fill:#5fbb6e2e;stroke:var(--leaf);stroke-width:5;stroke-dasharray:9 7}.crowd--cheer image{animation:cheerhop .42s ease-out}@keyframes cheerhop{0%{transform:translateY(0)}45%{transform:translateY(-11px)}to{transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.ball--hot .ball__fire,.crowd--cheer image{animation:none}}.preview{fill:none;stroke:var(--cream);stroke-width:3;stroke-linecap:round;stroke-dasharray:2 13;opacity:.85}.power__bg{fill:#4e467738}.power__fill{fill:var(--leaf)}.rungline{position:absolute;top:10px;left:12px;margin:0;padding:4px 18px;border:3px solid var(--ink);border-radius:18px;background:var(--cream);font-size:26px;font-weight:800}.board2{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 14px calc(8px + env(safe-area-inset-bottom));background:#fdf2e0eb;border-top:3px solid var(--ink);font-size:17px;font-weight:700;min-width:0}.board2__side{display:flex;align-items:center;gap:7px;min-width:0}.shout--bank{background:var(--leaf1);font-size:30px;padding:9px 26px}.board2__mid--hot{color:var(--orange);font-weight:800}.board2__side b{font-size:26px;display:inline-block;animation:numpop .34s cubic-bezier(.2,1.6,.4,1)}@keyframes numpop{0%{transform:scale(1.9);color:var(--orange)}to{transform:scale(1)}}@media (prefers-reduced-motion: reduce){.board2__side b{animation:none}}.board2__mid{color:var(--ink2);font-size:15px;min-width:0}.shout{position:absolute;top:25%;left:50%;transform:translate(-50%);margin:0;padding:8px 22px;border:3px solid var(--ink);border-radius:20px;background:var(--leaf);color:var(--ink);font-size:24px;font-weight:800;pointer-events:none;animation:shoutpop .26s cubic-bezier(.2,1.5,.4,1)}.shout--goal{background:var(--orange);font-size:34px;padding:10px 30px}.shout--grab{background:var(--cream1);font-size:21px;padding:6px 18px}@keyframes shoutpop{0%{transform:translate(-50%) scale(.4)}to{transform:translate(-50%) scale(1)}}@media (prefers-reduced-motion: reduce){.shout{animation:none}}.over{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:#fdf2e0db}.over__line{margin:0;font-size:40px;font-weight:800}.over__again{padding:16px 42px;border:3px solid var(--ink);border-radius:22px;background:var(--leaf);color:var(--ink);font:inherit;font-size:22px;font-weight:800;box-shadow:0 4px #4e467773;cursor:pointer}.rungline{display:none}.burst circle{fill:none;stroke:var(--cream);stroke-width:5}.confetti rect{stroke:var(--ink);stroke-width:2}.confetti .c0{fill:var(--orange)}.confetti .c1{fill:var(--leaf)}.confetti .c2{fill:var(--cream1)}.confetti .c3{fill:var(--sky2)}.app{position:relative;width:100%;height:100%}.pick{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:var(--cream);overflow:hidden}.pick__title{margin:0;padding:14px 56px 6px;text-align:center;font-size:clamp(19px,5vw,25px)}.pick__grid{flex:1;min-height:0;margin:0;padding:0 6px 6px;list-style:none;overflow-y:auto;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:26px 2px;align-content:center}.card{position:relative;display:flex;flex-direction:column;align-items:center;gap:0;width:100%;min-width:0;padding:3px 1px 1px;border:2.5px solid transparent;border-radius:14px;background:none;font:inherit;color:var(--ink);cursor:pointer}.card--on{border-color:var(--ink);background:var(--cream1)}.card__who{width:100%;aspect-ratio:1}.card__name{margin-top:-5px;font-size:11px;font-weight:700}.card__slot{position:absolute;top:2px;left:50%;transform:translate(-50%);padding:0 5px;border-radius:8px;background:var(--ink);color:var(--cream);font-size:9px;font-weight:700;white-space:nowrap}.pick__foot{display:flex;align-items:center;gap:10px;padding:8px 14px calc(10px + env(safe-area-inset-bottom));border-top:3px solid var(--ink);background:var(--cream1);min-width:0}.pick__go{flex:1;min-width:0;padding:15px 20px;border:3px solid var(--ink);border-radius:22px;background:var(--leaf);color:var(--ink);font:inherit;font-size:21px;font-weight:800;box-shadow:0 4px #4e467773;cursor:pointer}.pick__go:disabled{background:var(--cream2);box-shadow:none;cursor:default}.pick__book{padding:13px 16px;border:3px solid var(--ink);border-radius:18px;background:var(--cream);color:var(--ink);font:inherit;font-size:15px;font-weight:700;cursor:pointer}.book{position:absolute;top:0;right:0;bottom:0;left:0;padding:16px 18px calc(80px + env(safe-area-inset-bottom));background:var(--cream);overflow-y:auto}.book__title{margin:0 0 12px;font-size:24px}.book__h2{margin:22px 0 8px;font-size:17px;color:var(--ink2)}.book__empty{color:var(--ink2)}.book__best{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0;padding:12px 18px;border:3px solid var(--ink);border-radius:20px;background:var(--cream1);min-width:0}.book__best b{font-size:27px}.book__totals,.book__friends,.book__games{margin:0;padding:0;list-style:none}.book__totals{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:12px}.book__totals li{color:var(--ink2);font-size:14px;min-width:0}.book__totals b{color:var(--ink);font-size:19px;margin-right:4px}.book__friends li,.gamecard{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 14px;margin-bottom:6px;border:2.5px solid var(--ink);border-radius:15px;background:#fff;min-width:0}.gamecard--win{background:var(--leaf1)}.gamecard--lose{background:#fff}.gamecard__who{font-size:14px;min-width:0}.gamecard__score{font-weight:800;white-space:nowrap}.book__close{position:fixed;left:18px;right:18px;bottom:calc(16px + env(safe-area-inset-bottom));padding:14px;border:3px solid var(--ink);border-radius:20px;background:var(--cream1);color:var(--ink);font:inherit;font-size:18px;font-weight:800;cursor:pointer}.leave{position:absolute;top:calc(8px + env(safe-area-inset-top));right:10px;width:38px;height:38px;border:2.5px solid var(--ink);border-radius:50%;background:#fdf2e0e6;color:var(--ink);font:inherit;font-size:20px;line-height:1;cursor:pointer}.gate{position:absolute;top:8px;right:8px;z-index:3;width:44px;height:44px;padding:0;border:0;background:none;cursor:pointer}.gate svg{width:100%;height:100%}.sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4;display:grid;place-items:center;padding:16px;background:#4e467759}.sheet__card{display:flex;flex-direction:column;gap:12px;width:100%;max-width:380px;padding:18px;border:3px solid var(--ink);border-radius:22px;background:var(--cream)}.sheet__title{margin:0;font-size:20px}.sheet__row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:16px;font-weight:700;min-width:0}.sheet__row--stack{flex-direction:column;align-items:stretch}.segs{display:flex;gap:6px}.seg{flex:1;min-width:0;padding:9px 4px;border:2.5px solid var(--ink);border-radius:13px;background:var(--cream);font:inherit;font-size:14px;font-weight:700;cursor:pointer}.seg--on{background:var(--leaf);color:#fff}.sheet__danger,.sheet__close{padding:11px;border:2.5px solid var(--ink);border-radius:15px;font:inherit;font-size:16px;font-weight:700;cursor:pointer}.sheet__danger{background:var(--red);color:#fff}.sheet__close{background:var(--cream)}.sheet input[type=checkbox]{width:46px;height:28px;accent-color:var(--leaf)}@media (prefers-reduced-motion: reduce){.go:active{transform:none}}.cue__target{fill:#5fbb6e33;stroke:var(--leaf);stroke-width:3;stroke-dasharray:7 9;opacity:.75}.cue__ring{fill:none;stroke:var(--leaf);stroke-width:7}