*{box-sizing:border-box;margin:0;padding:0}html,body{background:#0b1a10;width:100%;height:100%;font-family:system-ui,sans-serif;overflow:hidden}#game{width:100%;height:100%;display:block}#hud{pointer-events:none;color:#fff;text-shadow:0 1px 3px #0009;position:fixed;inset:0}#status{font-size:18px;font-weight:600;position:absolute;top:16px;left:50%;transform:translate(-50%)}#corner{text-align:right;font-variant-numeric:tabular-nums;font-size:16px;font-weight:600;position:absolute;top:16px;right:20px}#result{text-align:center;animation:.25s ease-out pop;position:absolute;top:6px;left:50%;transform:translate(-50%)}#result-title{letter-spacing:.02em;white-space:nowrap;font-size:48px;font-weight:800;line-height:1.1}#result-title.good{color:#ffe14d}#result-detail{opacity:.85;margin-top:0;font-size:16px}@keyframes pop{0%{opacity:0;transform:translate(-50%)scale(.7)}}#power{width:min(360px,80vw);transition:opacity .2s;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}#power.hidden{opacity:0}#power-track{background:#00000059;border:2px solid #ffffffd9;border-radius:9px;height:16px;position:relative;overflow:hidden}#power-danger{background:repeating-linear-gradient(-45deg,#ff3b3059 0 6px,#ff3b3026 6px 12px);position:absolute;top:0;bottom:0;right:0}#power-sweet{z-index:1;background:#ffffff24;border-left:1px solid #ffffff8c;position:absolute;top:0;bottom:0}#power.sweet #power-track{animation:.32s ease-in-out infinite alternate sweet}@keyframes sweet{0%{border-color:#ffffffd9;box-shadow:0 0 #ffd60a00}to{border-color:#ffd60a;box-shadow:0 0 14px #ffd60ad9}}#power-fill{background:linear-gradient(90deg,#4cd964,#fc0);width:0;position:absolute;top:0;bottom:0;left:0}#power-fill.over{background:linear-gradient(90deg,#4cd964,#fc0 60%,#ff3b30)}#power-label{text-align:center;letter-spacing:.2em;opacity:.8;margin-top:6px;font-size:12px;font-weight:700}#level{opacity:.8;margin-top:4px;font-size:13px;font-weight:500}#scoreboard{background:#0a140e8c;border-radius:10px;grid-template-columns:auto auto auto;align-items:center;gap:6px 12px;padding:10px 14px;font-size:15px;font-weight:600;display:grid;position:absolute;top:14px;left:16px}.sb-team{white-space:nowrap;opacity:.7;align-items:center;gap:8px;display:flex}.sb-team.up{opacity:1}.sb-team.up:before{content:"▶";font-size:10px}.sb-swatch{border-radius:2px;width:10px;height:10px}.sb-dots{gap:5px;display:flex}.sb-dot{border:2px solid #ffffffb3;border-radius:50%;width:14px;height:14px}.sb-dot.scored{background:#4cd964;border-color:#4cd964}.sb-dot.missed{background:#ff3b30;border-color:#ff3b30}.sb-score{text-align:right;font-variant-numeric:tabular-nums;min-width:1.2em;font-size:20px}#contact{flex-direction:column;align-items:center;gap:4px;transition:opacity .2s;display:flex;position:absolute;bottom:22px;left:calc(50% - min(180px,40vw) - 74px)}#contact.hidden{opacity:0}#contact-ball{background:#00000059;border:2px solid #ffffffd9;border-radius:50%;width:46px;height:46px;position:relative}#contact-dot{background:#fc0;border-radius:50%;width:10px;height:10px;margin:-5px 0 0 -5px;position:absolute;box-shadow:0 0 4px #0009}#contact-label{letter-spacing:.15em;opacity:.8;font-size:10px;font-weight:700}#menu{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);color:#fff;background:#06100a8c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0;overflow-y:auto}#menu[hidden]{display:none}.menu-panel{background:#0e1e14eb;border-radius:14px;width:min(640px,100%);padding:22px 24px;box-shadow:0 10px 40px #00000073}.menu-panel h1{text-align:center;margin-bottom:16px;font-size:30px;font-weight:800}.menu-row{margin-bottom:14px}.menu-label{letter-spacing:.12em;text-transform:uppercase;opacity:.7;margin-bottom:6px;font-size:12px;font-weight:700}.menu-teams,.menu-seg,.menu-actions{flex-wrap:wrap;gap:6px;display:flex}.menu-panel button{min-height:38px;color:inherit;font:inherit;cursor:pointer;background:#ffffff0f;border:2px solid #ffffff2e;border-radius:8px;align-items:center;gap:7px;padding:7px 12px;font-size:14px;font-weight:600;display:inline-flex}.menu-panel button:hover{border-color:#ffffff73}.menu-panel button.selected{background:#ffe14d24;border-color:#ffe14d}.menu-swatch{border-radius:3px;width:12px;height:12px;box-shadow:0 0 0 1px #ffffff59}.menu-actions{justify-content:flex-end;margin-top:18px}.menu-panel button.menu-play{background:#2f9e47;border-color:#4cd964;padding:8px 22px;font-size:16px}.menu-panel button[hidden]{display:none}.menu-panel button:disabled{opacity:.45;cursor:default}.menu-online-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.menu-online-or{opacity:.6;font-size:13px}.menu-online-code{width:92px;min-height:38px;color:inherit;font:inherit;letter-spacing:.2em;text-transform:uppercase;-webkit-user-select:text;user-select:text;background:#0000004d;border:2px solid #ffffff40;border-radius:8px;padding:6px 10px;font-size:17px;font-weight:700}.menu-online-code:focus{border-color:#ffe14d;outline:none}.menu-online-text{margin:8px 0;font-size:14px;line-height:1.45}.menu-online-room{color:#ffe14d;letter-spacing:.18em;background:#ffe14d29;border-radius:6px;padding:1px 8px;font-size:20px}.menu-help{opacity:.7;margin-top:14px;font-size:12px;line-height:1.5}#replay-tag{white-space:nowrap;text-overflow:ellipsis;letter-spacing:.2em;background:#e63946;border-radius:6px;max-width:90vw;padding:4px 12px;font-size:14px;font-weight:800;position:absolute;top:18px;left:50%;overflow:hidden;transform:translate(-50%)}#replay-btn{color:#fff;font:inherit;pointer-events:auto;cursor:pointer;background:#00000073;border:2px solid #ffffffb3;border-radius:8px;padding:8px 16px;font-size:15px;font-weight:700;position:absolute;bottom:84px;left:50%;transform:translate(-50%)}#replay-btn .keys-only{opacity:.7;font-weight:500}#hint{background:#0009;border-left:4px solid #ffd60a;border-radius:6px;max-width:min(340px,30vw);padding:8px 14px;font-size:15px;line-height:1.35;animation:.3s ease-out hint-in;position:absolute;bottom:28px;right:24px}#hint b{color:#ffd60a}@keyframes hint-in{0%{opacity:0;transform:translateY(8px)}}#hint[hidden],#replay-tag[hidden],#replay-btn[hidden]{display:none}#hud.replaying #result,#hud.replaying #power,#hud.replaying #contact,#hud.replaying #status,#hud.replaying #hint{visibility:hidden}html,body{overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}#game{touch-action:none}#contact-ball,#menu-btn{pointer-events:auto;cursor:pointer}#contact.hidden #contact-ball{pointer-events:none}#menu-btn{color:#fff;background:#00000059;border:2px solid #fff9;border-radius:8px;width:38px;height:34px;margin-bottom:4px;font-size:18px;line-height:1}.touch-only{display:none}@media (pointer:coarse){.keys-only{display:none}.touch-only{display:inline}#contact-ball{width:58px;height:58px}}#rotate-hint{display:none}@media (pointer:coarse) and (orientation:portrait){#rotate-hint{color:#fff;white-space:nowrap;pointer-events:none;background:#0000008c;border-radius:8px;padding:6px 12px;font-size:13px;display:block;position:fixed;bottom:130px;left:50%;transform:translate(-50%)}}@media (width<=640px),(height<=500px){#scoreboard{gap:4px 8px;padding:6px 8px;font-size:12px;top:8px;left:8px}.sb-dot{width:10px;height:10px}.sb-score{font-size:15px}#corner{top:8px;right:8px}#level{display:none}#status{text-align:center;width:92%;font-size:13px;top:70px}#result{top:70px}#result-title{font-size:32px}#result-detail{font-size:13px}#power{width:58vw;bottom:26px}#contact{bottom:18px;left:10px}#replay-btn{bottom:76px}#hint{font-size:13px;right:10px}}@media (height<=500px) and (width>=641px){#power{bottom:6px}#power-label{display:none}#replay-btn{bottom:34px}#hint{bottom:40px}#status{width:46%;top:10px}#result{top:4px}#result-title{font-size:28px}}#loading{color:#fff;background:#0b1a10;flex-direction:column;justify-content:center;align-items:center;gap:14px;font-size:16px;font-weight:600;display:flex;position:fixed;inset:0}.spinner{border:4px solid #fff3;border-top-color:#4cd964;border-radius:50%;width:36px;height:36px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.menu-mode-help{opacity:.75;margin-top:6px;font-size:12px}.menu-row[hidden]{display:none}.menu-stats{margin-right:10px;font-size:14px;display:inline-block}.menu-panel button.menu-reset{min-height:28px;padding:3px 10px;font-size:12px}@media (width<=640px){#hint{text-align:center;max-width:none;bottom:122px;left:5vw;right:5vw}}