:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{background:#06100d;width:100%;height:100%;margin:0;overflow:hidden}#game{touch-action:none;width:100%;height:100%;display:block}.hud{z-index:4;-webkit-user-select:none;user-select:none;position:fixed}.topbar{background:linear-gradient(#030b09eb,#030b0959,#0000);align-items:center;gap:14px;min-height:74px;padding:12px 18px;display:flex;top:0;left:0;right:0}.brand{align-items:center;gap:10px;min-width:180px;display:flex}.brand-dot{border:8px solid #debd72;border-radius:50%;width:34px;height:34px;box-shadow:inset 0 0 0 3px #102b22,0 0 24px #debd7233}.brand strong{letter-spacing:.14em;font-size:13px;display:block}.brand small{color:#91a49d;margin-top:2px;font-size:10px;display:block}.score-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#061410c7;border:1px solid #ffffff1a;border-radius:15px;grid-template-columns:auto auto;align-items:center;column-gap:10px;min-width:280px;height:48px;margin:0 auto;padding:7px 15px;display:grid}.score-card>span{color:#90a69e;font-size:11px}.score-card>strong{text-align:right;color:#f6e2a8;font-size:14px}.potted{grid-column:1/3;align-items:center;gap:4px;height:12px;display:flex}.mini-ball{border-radius:50%;width:10px;height:10px;box-shadow:inset -2px -2px 3px #00000059,0 0 0 1px #ffffff2e}.shots{color:#90a69e;background:#061410b3;border-radius:13px;align-items:center;gap:5px;height:42px;padding:0 13px;font-size:11px;display:flex}.shots strong{color:#fff;font-size:19px}.hud-btn{color:#e8f0ed;cursor:pointer;background:#081914c7;border:1px solid #ffffff1f;border-radius:12px;height:40px;padding:0 15px;font-weight:600}.hud-btn:hover{background:#122f26e6}.hud-btn.primary{color:#182018;background:linear-gradient(135deg,#f0d994,#cba95f);border-color:#e6ca82}.power-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#04100dc7;border:1px solid #ffffff1a;border-radius:28px;flex-direction:column;align-items:center;gap:9px;width:64px;height:300px;padding:14px 10px;display:flex;top:50%;right:20px;transform:translateY(-42%)}.power-panel>span{color:#a5b5af;font-size:11px}.power-panel>strong{color:#fff;font-size:12px}.power-track{background:#ffffff1a;border-radius:9px;flex:1;width:12px;position:relative;overflow:visible}.power-fill{background:linear-gradient(#55dd9a,#f5cf68 55%,#f35d60);border-radius:9px;height:0%;position:absolute;top:0;left:0;right:0}.power-knob{background:#fff;border-radius:50%;width:24px;height:24px;position:absolute;top:0%;left:50%;transform:translate(-50%,-50%);box-shadow:0 3px 18px #00000080}.help{text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#030d0aa8;border:1px solid #ffffff14;border-radius:15px;min-width:360px;padding:10px 18px;bottom:18px;left:50%;transform:translate(-50%)}.help strong{color:#e9f0ed;font-size:12px;display:block}.help span{color:#879b94;margin-top:3px;font-size:10px;display:block}.status{color:#c9d7d2;background:#030d0aa6;border-radius:12px;padding:9px 13px;font-size:11px;bottom:20px;left:18px}.toast{z-index:6;color:#f3dda0;opacity:0;pointer-events:none;background:#081813e6;border:1px solid #ebcd814d;border-radius:14px;padding:12px 20px;font-weight:700;transition:all .25s;position:fixed;top:22%;left:50%;transform:translate(-50%,-10px)}.toast.show{opacity:1;transform:translate(-50%)}.loading{z-index:9;background:radial-gradient(circle at 50% 40%,#14392c,#050d0b 65%);flex-direction:column;justify-content:center;align-items:center;gap:16px;transition:opacity .5s;display:flex;position:fixed;inset:0}.loading.hidden{opacity:0;pointer-events:none}.loader{border:3px solid #ffffff1f;border-top-color:#e7cc83;border-radius:50%;width:42px;height:42px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=760px){.topbar{gap:7px;padding:8px 10px}.brand{min-width:0}.brand div,.shots span{display:none}.brand-dot{border-width:6px;width:28px;height:28px}.score-card{min-width:170px;height:42px;padding:5px 10px}.potted{gap:2px}.mini-ball{width:7px;height:7px}.hud-btn{height:36px;padding:0 9px;font-size:11px}.power-panel{width:52px;height:220px;right:8px}.help{min-width:250px;padding:8px 12px;bottom:8px}.help span,.status{display:none}}