:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f7fbff;--muted:#9cb4c7;--deep:#071426;--panel:#08192be6;--line:#74e8e238;--cyan:#74e8e2;--gold:#ffca6b;font-family:Inter,ui-rounded,SF Pro Rounded,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{overscroll-behavior:none;background:var(--deep);width:100%;height:100dvh;margin:0;overflow:hidden}body{touch-action:none;-webkit-user-select:none;user-select:none;position:fixed;inset:0}button{font:inherit;color:inherit;touch-action:manipulation}#game-shell{background:radial-gradient(circle at 50% 12%, #3dd6d01c, transparent 32%), var(--deep);isolation:isolate;width:100%;height:100%;position:relative;overflow:hidden}#game-container{touch-action:none;position:absolute;inset:0;overflow:hidden}#game-container canvas{outline:none;display:block;touch-action:none!important}#hud{z-index:3;top:max(12px, env(safe-area-inset-top));left:max(16px, env(safe-area-inset-left));right:max(16px, env(safe-area-inset-right));pointer-events:none;grid-template-columns:1fr auto 1fr;align-items:start;display:grid;position:absolute}.stat{text-shadow:0 2px 8px #00000080;flex-direction:column;gap:2px;display:flex}.stat span{color:var(--muted);letter-spacing:.18em;font-size:10px;font-weight:700}.stat strong{color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:.06em;font-size:clamp(18px,5vw,24px)}.stat-right{align-items:flex-end}.stat-right strong{color:#ff7685;font-size:clamp(13px,3.5vw,17px);line-height:1.65}.title-mark{gap:3px;padding-top:8px;display:flex}.title-mark i{background:var(--cyan);border-radius:2px;width:12px;height:5px;box-shadow:0 0 12px #74e8e299}.title-mark i:nth-child(2){background:#7a7cff}.title-mark i:nth-child(3){background:#ff6b79}#controls{z-index:4;right:max(10px, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom));gap:8px;display:flex;position:absolute}.icon-button{border:1px solid var(--line);width:40px;height:40px;color:var(--ink);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#071426b8;border-radius:50%;place-items:center;font-size:18px;display:grid;box-shadow:0 6px 18px #0003}.icon-button:active{transform:scale(.94)}.icon-button:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.icon-button.active{color:#ff7685;border-color:#ff768580}.icon-button:disabled{opacity:.35;cursor:default}#overlay{z-index:5;padding:max(72px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(76px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));opacity:0;visibility:hidden;pointer-events:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#030d1985;place-items:center;transition:opacity .18s,visibility .18s;display:grid;position:absolute;inset:0}#overlay.visible{opacity:1;visibility:visible;pointer-events:auto}.overlay-card{border:1px solid var(--line);background:linear-gradient(160deg, #0e2842f5, var(--panel));text-align:center;border-radius:24px;width:min(100%,360px);padding:30px 24px 24px;box-shadow:0 24px 80px #0000006b,inset 0 1px #ffffff14}.mini-bricks{justify-content:center;gap:4px;margin-bottom:18px;display:flex}.mini-bricks i{background:#3dd6d0;border-radius:3px;width:30px;height:9px}.mini-bricks i:nth-child(2){background:#51a9ff}.mini-bricks i:nth-child(3){background:#7a7cff}.mini-bricks i:nth-child(4){background:#ff6b79}.mini-bricks i:nth-child(5){background:#ffa45b}#overlay-kicker{color:var(--cyan);letter-spacing:.26em;margin:0 0 8px;font-size:10px;font-weight:800}#overlay-title{color:var(--ink);letter-spacing:.03em;margin:0;font-size:clamp(30px,9vw,42px)}#overlay-message{max-width:260px;color:var(--muted);margin:12px auto 18px;font-size:14px;line-height:1.7}#overlay-score{color:var(--gold);margin:-6px 0 18px;font-size:18px;font-weight:800}.primary-button,.secondary-button{cursor:pointer;border-radius:14px;width:100%;min-height:50px}.primary-button{color:#051525;background:linear-gradient(135deg,#54e2dc,#51a9ff);border:0;font-size:16px;font-weight:900;box-shadow:0 10px 30px #3dd6d040}.secondary-button{border:1px solid var(--line);color:var(--ink);background:#ffffff0a;margin-top:10px;font-size:13px;font-weight:700}.primary-button:active,.secondary-button:active{transform:translateY(1px)}.control-hint{color:#7894a9;letter-spacing:.05em;margin:16px 0 0;font-size:10px}#orientation-hint{z-index:8;color:var(--ink);text-align:center;background:#030d19f0;place-items:center;padding:24px;font-size:18px;font-weight:800;display:none;position:absolute;inset:0}@media (orientation:landscape) and (height<=520px){#orientation-hint{pointer-events:none;display:grid}}@media (height<=650px){.overlay-card{padding:20px}.mini-bricks{margin-bottom:10px}#overlay-message{margin-block:8px 12px}.control-hint{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}