:root{color:#f8f2e7;font-family:Inter,ui-sans-serif,system-ui,sans-serif;background:#090f18}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;padding:0;overflow:hidden;overscroll-behavior:none}body,body *:not(input):not(textarea){-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}html,body{position:fixed;inset:0;-webkit-tap-highlight-color:transparent}body{background:radial-gradient(circle at 50% -10%,#24364c,#090f18 65%)}img,canvas{-webkit-user-drag:none}button{min-width:44px;min-height:44px;border:1px solid #ffffff20;border-radius:12px;color:#f8f2e7;background:#182333dc;padding:8px 13px;font:700 13px/1 system-ui;cursor:pointer;touch-action:manipulation}button:active{transform:translateY(1px);background:#28405b}.pool-canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.game-ui{position:absolute;inset:0;pointer-events:none;padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}.game-ui button,.modal{pointer-events:auto}.hud-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.hud-top nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:62%}.status-card{display:flex;flex-direction:column;gap:3px;padding:9px 12px;border:1px solid #fff2;border-radius:12px;background:#0b1424d9;box-shadow:0 6px 24px #0008}.status-card strong{color:#f1c369;font-size:14px;letter-spacing:.08em}.status-card span{font-size:12px;opacity:.75}.table-message{position:absolute;left:50%;bottom:max(70px,calc(env(safe-area-inset-bottom) + 70px));transform:translate(-50%);width:min(90%,460px);padding:9px 14px;border-radius:999px;background:#07101ed9;text-align:center;font-size:13px}.power-meter{position:absolute;right:max(12px,env(safe-area-inset-right));top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:6px;writing-mode:vertical-rl;font-size:9px;letter-spacing:.15em;opacity:.9}.power-meter b{position:relative;width:12px;height:min(32vh,210px);overflow:hidden;border:1px solid #ffffff38;border-radius:9px;background:#040912aa}.power-meter i{position:absolute;right:2px;bottom:2px;left:2px;height:var(--power, 0%);border-radius:6px;background:linear-gradient(#ee5968,#f1c369 60%,#4fd3a6);transition:height .08s linear}.modal{position:absolute;inset:0;display:grid;place-items:center;padding:24px;background:#02060db8;backdrop-filter:blur(7px)}.end-modal{z-index:30}.modal[hidden]{display:none}.modal section{width:min(92vw,340px);padding:28px;border:1px solid #ffffff26;border-radius:20px;background:linear-gradient(145deg,#24364c,#101a29);box-shadow:0 20px 70px #000b;text-align:center}.modal h2{margin:0 0 12px;color:#f1c369;font-size:28px}.modal p{opacity:.78}@media(max-width:560px){.hud-top nav button{padding:7px 9px;font-size:11px}.hud-top nav{max-width:68%}}