*{box-sizing:border-box;margin:0;padding:0}html,body{background:#6f8a58;width:100%;height:100%;overflow:hidden}body{color:#fff;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}#scene{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}button{font:inherit;color:inherit;cursor:pointer}.hud{pointer-events:none;position:fixed;inset:0}.hud button{pointer-events:auto}.board{left:50%;top:max(14px, env(safe-area-inset-top));-webkit-backdrop-filter:blur(10px)saturate(1.3);color:#2b2a33;white-space:nowrap;background:#fffaeed1;border-radius:999px;align-items:center;gap:14px;padding:6px;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 6px 24px #3c280a38,inset 0 0 0 1px #ffffffb3}.board .team{align-items:center;gap:9px;padding:0 4px 0 12px;font-size:14px;font-weight:600;display:flex}.board .team[data-side="1"]{padding:0 12px 0 4px}.board .team.serving .dot{animation:1.4s ease-in-out infinite serving}@keyframes serving{50%{box-shadow:0 0 0 6px #f3a93a73}}.board .score{color:#fff;background:#22303f;border-radius:999px;align-items:center;gap:2px;padding:4px 6px;display:flex}.board .score b{text-align:center;font-variant-numeric:tabular-nums;min-width:38px;font-size:22px;font-weight:800;line-height:1.25}.board .score i{background:#ffffff40;width:1px;height:18px}.board .score b.bump{animation:.5s ease-out scorebump}.dot{border-radius:50%;width:10px;height:10px;display:block}.dot.blue{background:#3b8ff0;box-shadow:0 0 0 3px #3b8ff038}.dot.red{background:#ef4b55;box-shadow:0 0 0 3px #ef4b5538}@keyframes scorebump{0%{color:#ffe27a;transform:scale(1.6)}to{transform:scale(1)}}.actions{right:max(40px, env(safe-area-inset-right));bottom:max(52px, env(safe-area-inset-bottom));gap:30px;display:flex;position:absolute}.actions button{-webkit-backdrop-filter:blur(6px);touch-action:none;background:radial-gradient(circle at 50% 35%,#3c6e788c,#1234409e);border:2px solid #ffffffd9;border-radius:50%;place-items:center;width:112px;height:112px;transition:transform .12s,box-shadow .2s,border-color .2s;display:grid;box-shadow:0 6px 20px #001e2859,inset 0 1px #ffffff40}.actions svg{color:#fff;width:46px;height:46px}.actions button:not(.on) svg{opacity:.55}@media (hover:hover) and (pointer:fine){.actions{display:none}}.actions button.on{border-color:#ffe27a;transform:scale(1.06);box-shadow:0 0 0 4px #ffe27a59,0 6px 22px #001e2866}.actions button:active{transform:scale(.94)}.corner{right:max(16px, env(safe-area-inset-right));top:max(16px, env(safe-area-inset-top));gap:8px;display:flex;position:absolute}.pause svg{width:16px;height:16px}body:not(.playing) .pause{display:none}.mute,.pause{color:#2b2a33;-webkit-backdrop-filter:blur(10px);background:#fffaeed1;border:0;border-radius:50%;place-items:center;width:40px;height:40px;display:grid;box-shadow:0 6px 24px #3c280a38}.mute svg{width:20px;height:20px}.mute .x,.mute.off .wave{display:none}.mute.off .x{display:inline}.prompt{color:#2b2a33;white-space:nowrap;background:#fffaeed9;border-radius:999px;padding:10px 18px;font-size:15px;font-weight:600;animation:1.6s ease-in-out infinite breathe;position:absolute;bottom:36px;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #3c280a38}@keyframes breathe{50%{opacity:.7}}.callouts{position:absolute;inset:0;overflow:hidden}.callout{letter-spacing:.04em;white-space:nowrap;text-shadow:0 3px #0000002e,0 6px 22px #00000059;font-size:44px;font-weight:800;animation:1.3s ease-out forwards pop;position:absolute;top:22%;left:50%;transform:translate(-50%,-50%)}.callout.world{font-size:24px}.callout.good{color:#fff}.callout.perfect{color:#ffe066}.callout.bad{color:#ffd2d2}.callout.info{color:#e8f6ff}@keyframes pop{0%{opacity:0;transform:translate(-50%,-30%)scale(.6)}12%{opacity:1;transform:translate(-50%,-50%)scale(1.12)}22%{transform:translate(-50%,-50%)scale(1)}75%{opacity:1}to{opacity:0;transform:translate(-50%,-90%)scale(1)}}.screen{background:radial-gradient(#141e2826,#141e2873);place-items:center;padding:16px;display:grid;position:fixed;inset:0}.screen[hidden]{display:none}.screen.rotate{z-index:10;-webkit-backdrop-filter:blur(14px);background:#141e288c;display:none}@media (orientation:portrait) and (pointer:coarse){.screen.rotate{display:grid}}.rotate .card p{margin-top:10px;font-size:17px;font-weight:600}.rotate .phone{width:64px;height:64px;animation:2.4s ease-in-out infinite turn}@keyframes turn{0%,25%{transform:rotate(0)}50%,85%{transform:rotate(-90deg)}to{transform:rotate(0)}}.card{-webkit-backdrop-filter:blur(12px)saturate(1.3);color:#2b2a33;text-align:center;background:#fffaeee0;border-radius:22px;width:100%;max-width:400px;padding:30px 34px 24px;box-shadow:0 20px 60px #3c280a4d,inset 0 0 0 1px #ffffffb3}.card h2{letter-spacing:.04em;margin-bottom:20px;font-size:34px;font-weight:800}.card .name{color:#2b2a33;text-align:center;-webkit-user-select:text;user-select:text;background:#fff;border:1px solid #2b2a3329;border-radius:999px;outline:none;width:100%;max-width:260px;margin:0 auto 16px;padding:11px 16px;font:600 16px/1.2 Inter,system-ui,sans-serif;display:block}.card .name:focus{border-color:#f3a93a;box-shadow:0 0 0 3px #f3a93a40}.board-list{text-align:left;border-top:1px solid #2b2a331a;max-width:280px;margin:20px auto 0;padding-top:12px;list-style:none}.board-list li{border-radius:8px;grid-template-columns:26px 1fr auto;align-items:center;gap:6px;padding:4px 10px;font-size:14px;display:grid}.board-list li span{color:#8a8590;font-variant-numeric:tabular-nums;font-weight:600}.board-list li b{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.board-list li i{font-variant-numeric:tabular-nums;font-style:normal;font-weight:800}.board-list li i:after{content:" 🏆";font-size:12px}.board-list li.me{background:#f3a93a2e}.card .standing{color:#b5701c;margin:-10px 0 18px;font-weight:700}.card .final{margin:-10px 0 20px;font-size:40px;font-weight:700}.play{color:#3a2208;letter-spacing:.03em;background:linear-gradient(#ffcf5a,#f3a93a);border:0;border-radius:999px;padding:13px 44px;font-size:18px;font-weight:800;box-shadow:0 6px #c77d1d,0 10px 24px #0000004d}.play:active{transform:translateY(3px);box-shadow:0 3px #c77d1d}.how{color:#6b6672;justify-content:center;gap:18px;margin-top:22px;font-size:13.5px;display:flex}.how kbd{margin-right:6px}kbd{color:#2b2a33;background:#fff;border:1px solid #2b2a3326;border-bottom-width:2px;border-radius:5px;padding:3px 6px;font:600 11.5px/1 Inter,system-ui,sans-serif}body:not(.playing) .actions{opacity:0}.stick{pointer-events:none;opacity:0;background:#14283240;border:2px solid #ffffff80;border-radius:50%;width:110px;height:110px;margin:-55px 0 0 -55px;transition:opacity .15s;position:fixed}.stick .knob{background:#ffffffbf;border-radius:50%;width:46px;height:46px;margin:-23px 0 0 -23px;position:absolute;top:50%;left:50%}@media (max-width:760px),(max-height:520px){.board{gap:8px;padding:4px}.board .team{gap:6px;padding-left:8px;font-size:12px}.board .team[data-side="1"]{padding-right:8px}.board .score b{min-width:30px;font-size:18px}.mute,.pause{width:34px;height:34px}.actions{gap:12px;bottom:18px;right:14px}.actions button{width:88px;height:88px}.actions svg{width:38px;height:38px}.callout{font-size:32px}}@media (max-height:520px){.card{padding:16px 24px 14px}.card h2{margin-bottom:10px;font-size:24px}.card .name{margin-bottom:10px;padding:8px 14px}.play{padding:10px 36px;font-size:16px}.how{margin-top:10px}.board-list{max-height:96px;margin-top:10px;padding-top:6px;overflow-y:auto}.board-list li{padding:2px 8px;font-size:13px}}