:root{color-scheme:dark;font-family:Inter,ui-rounded,SF Pro Rounded,Avenir Next,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#123d52;color:#f4fbff;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app,#game-canvas{width:100%;height:100%;min-height:100dvh;margin:0;overflow:hidden}body{position:fixed;inset:0;overscroll-behavior:none;touch-action:none;background:#123d52}#app{position:fixed;inset:0;background:#123d52}#game-canvas{display:block;height:100dvh;outline:none;background:radial-gradient(circle at 50% 22%,#2a6078,#1a526b 58%,#123d52)}#game-ui{position:fixed;inset:0;pointer-events:none;z-index:5}.hud{pointer-events:none}.top-hud{position:absolute;top:calc(env(safe-area-inset-top) + 10px);left:calc(env(safe-area-inset-left) + 10px);right:calc(env(safe-area-inset-right) + 10px);display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:start;gap:8px}.hud-controls{position:absolute;top:calc(env(safe-area-inset-top) + 66px);right:calc(env(safe-area-inset-right) + 10px);display:flex;align-items:center;gap:7px;pointer-events:auto}.hud-pill{min-height:46px;padding:8px 11px;border:1px solid rgba(214,252,255,.22);border-radius:18px;background:linear-gradient(160deg,#fff3,#7dd8ff14),#0618276b;box-shadow:0 12px 30px #0000003d,inset 0 1px #ffffff38;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);text-shadow:0 1px 8px rgba(0,0,0,.28)}.hud-pill span,.hud-pill strong{display:block;line-height:1.05;white-space:nowrap}.hud-pill span{font-size:.77rem;color:#e7f9ffd6}.hud-pill strong{margin-top:3px;font-size:.94rem;color:#fff}.center-pill{justify-self:center;min-width:92px;text-align:center}.level-pill{justify-self:start;max-width:min(44vw,220px)}.timer-pill{display:grid;place-items:center;justify-self:end;min-width:58px;font-weight:800;letter-spacing:0}.icon-button,.primary-button{min-width:46px;min-height:46px;border:1px solid rgba(255,255,255,.2);border-radius:18px;color:#f6fcff;background:linear-gradient(160deg,#fff3,#58c9de2e),#081f2e94;box-shadow:0 12px 28px #00000042,inset 0 1px #ffffff47;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);font:inherit;font-weight:900;cursor:pointer}.icon-button{display:grid;place-items:center;padding:0;font-size:1.45rem;line-height:1}.primary-button{min-width:116px;padding:0 18px;font-size:1rem}.primary-button.accent{color:#05201d;background:linear-gradient(160deg,#c9fff2,#54f4d4 60%,#f7d866)}.primary-button.small{min-width:76px;min-height:42px}.icon-button:active,.primary-button:active,.segmented button:active{transform:translateY(1px) scale(.985)}.power-wrap{position:absolute;left:calc(env(safe-area-inset-left) + 22px);right:calc(env(safe-area-inset-right) + 22px);bottom:calc(env(safe-area-inset-bottom) + 24px);opacity:0;transform:translateY(16px);transition:opacity .16s ease,transform .16s ease}.power-wrap.visible{opacity:1;transform:translateY(0)}.power-track{height:18px;padding:3px;border-radius:999px;border:1px solid rgba(255,255,255,.24);background:#030f186b;box-shadow:0 12px 26px #0000003d,inset 0 1px #ffffff2e;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.power-fill{width:100%;height:100%;border-radius:inherit;transform:scaleX(0);transform-origin:left center;background:linear-gradient(90deg,#67f5ff,#d8ff8a 55%,#ffbd66);box-shadow:0 0 22px #60f5ff75;transition:transform 44ms linear}.modal{position:absolute;inset:0;display:grid;place-items:center;padding:22px;pointer-events:auto;background:#020a1047;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal.hidden{display:none}.modal-panel{width:min(92vw,390px);padding:24px;border-radius:26px;border:1px solid rgba(221,253,255,.25);background:linear-gradient(160deg,#ffffff38,#67e0ff1c),#081e2dbd;box-shadow:0 26px 80px #0000006b,inset 0 1px #ffffff47;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);text-align:center}.modal-panel h1{margin:4px 0 8px;font-size:1.8rem;line-height:1.06;letter-spacing:0}.modal-panel p{min-height:1.35em;margin:0 0 20px;color:#eefaffd1;line-height:1.35}.stars{min-height:34px;color:#ffe372;font-size:1.9rem;letter-spacing:0;text-shadow:0 0 18px rgba(255,211,73,.45)}.modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.settings-panel{text-align:left}.settings-panel h1{text-align:center;margin-bottom:18px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:58px;margin-bottom:12px}.setting-row span{font-weight:800}.segmented{display:flex;padding:4px;border-radius:18px;background:#020c1357}.segmented button{min-width:76px;min-height:40px;border:0;border-radius:14px;color:#f0fcffc7;background:transparent;font:inherit;font-weight:800}.segmented button.active{color:#05201d;background:linear-gradient(160deg,#c9fff2,#6bf3e0)}.fatal-error{position:fixed;inset:0;display:grid;place-items:center;z-index:20;padding:24px;color:#fff;background:#061827;font:700 1rem system-ui}@media(max-width:430px){.top-hud{top:calc(env(safe-area-inset-top) + 7px);left:calc(env(safe-area-inset-left) + 7px);right:calc(env(safe-area-inset-right) + 7px);grid-template-columns:minmax(74px,1fr) minmax(66px,auto) minmax(86px,1fr);gap:5px}.hud-pill{min-height:38px;padding:6px 8px;border-radius:14px}.hud-pill span{font-size:.62rem}.hud-pill strong{margin-top:2px;font-size:.76rem}.level-pill{max-width:104px}.timer-pill{min-width:86px;font-size:.78rem}.hud-controls{top:calc(env(safe-area-inset-top) + 52px);right:calc(env(safe-area-inset-right) + 7px);gap:5px}.icon-button{min-width:40px;min-height:40px;border-radius:14px;font-size:1.17rem}.center-pill{min-width:66px}.primary-button{min-width:0}}@media(max-width:360px){.top-hud{grid-template-columns:minmax(66px,1fr) minmax(58px,auto) minmax(78px,1fr);gap:4px}.hud-pill{min-height:35px;padding:5px 7px}.hud-pill span{font-size:.57rem}.hud-pill strong{font-size:.68rem}.center-pill{min-width:58px}.timer-pill{min-width:78px;font-size:.68rem}.hud-controls{top:calc(env(safe-area-inset-top) + 47px)}.icon-button{min-width:36px;min-height:36px;border-radius:13px}}@media(orientation:landscape)and (max-height:520px){.top-hud{top:calc(env(safe-area-inset-top) + 7px);left:calc(env(safe-area-inset-left) + 8px);right:calc(env(safe-area-inset-right) + 8px)}.hud-pill{min-height:36px;padding:5px 8px;border-radius:14px}.hud-pill span{font-size:.6rem}.hud-pill strong{margin-top:1px;font-size:.72rem}.hud-controls{top:calc(env(safe-area-inset-top) + 48px);right:calc(env(safe-area-inset-right) + 8px)}.icon-button{min-width:38px;min-height:38px;border-radius:13px;font-size:1.1rem}.power-wrap{left:28%;right:28%;bottom:calc(env(safe-area-inset-bottom) + 12px)}.modal-panel{padding:18px}}