:root{color:#f8fbff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--glass:#090e19b8;--line:#ffffff29;--gold:#ffd34f;--cyan:#65d8ff;background:#05070d;font-family:Arial,Helvetica,Noto Sans TC,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#game{width:100%;min-width:320px;height:100%;min-height:480px;margin:0}body{overscroll-behavior:none;background:#05070d;overflow:hidden}button{font:inherit;cursor:pointer;touch-action:none;border:0;font-weight:900}#game{touch-action:none;background:#05070d;width:100dvw;height:100dvh;position:relative;overflow:hidden}#gameRoot,#gameRoot canvas{display:block;position:absolute;inset:0;width:100%!important;height:100%!important}#gameRoot canvas{image-rendering:pixelated}.hud{z-index:5;top:max(12px, env(safe-area-inset-top));pointer-events:none;grid-template-columns:minmax(190px,1.3fr) repeat(3,minmax(80px,.5fr)) auto auto;align-items:stretch;gap:9px;width:min(1120px,100% - 24px);min-height:64px;display:grid;position:absolute;left:50%;transform:translate(-50%)}.brand,.hud-card,.restart-button,.power-bar{border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#1c263adb,#080d18b8);border-radius:8px;box-shadow:0 18px 38px #00000057,inset 0 1px #ffffff1a}.brand{align-items:center;gap:11px;padding:9px 12px;display:flex}.brand-score{text-align:right;margin-left:auto}.brand-score span{color:#aab8ca;font-size:12px;font-weight:800;display:block}.brand-score strong{margin-top:4px;font-size:19px;display:block}.brand strong{letter-spacing:0;font-size:17px;display:block}.brand small{color:#9fdff6;margin-top:3px;font-size:11px;font-weight:900;display:block}.brand-star{color:#231800;background:linear-gradient(145deg,#fff2a8,#ff9e2e);border-radius:8px;place-items:center;width:40px;height:40px;display:grid;box-shadow:0 0 28px #ffd34f61}.hud-card{align-content:center;padding:9px 12px;display:grid}.hud-card span{color:#aab8ca;font-size:12px;font-weight:800}.hud-card strong{margin-top:4px;font-size:19px}.base-pips{align-items:center;gap:6px;display:flex}.base-pips i{background:linear-gradient(135deg,#ff5e7e 0 20%,#ffd34f 20% 40%,#72e878 40% 60%,#65d8ff 60% 80%,#b58cff 80%);border-radius:5px;width:21px;height:17px;box-shadow:0 0 18px #65d8ff7a}.base-pips i.empty{background:#374256;box-shadow:inset 0 1px #ffffff14}.restart-button{color:#f9fbff;pointer-events:auto;min-width:70px}.power-bar{z-index:5;left:50%;bottom:max(16px, env(safe-area-inset-bottom));color:#d8edf8;text-align:center;min-width:min(540px,100% - 220px);padding:10px 14px;font-size:14px;font-weight:800;position:absolute;transform:translate(-50%)}.title-panel{z-index:6;text-align:center;background:linear-gradient(#05070d38,#05070ddb),radial-gradient(circle at 50% 38%,#ffd34f33,#0000 24%);place-content:center;justify-items:center;gap:13px;padding:28px;display:grid;position:absolute;inset:0}.title-panel.hidden{display:none}.title-art{background:#090e1985;border:1px solid #ffffff2e;border-radius:8px;gap:8px;padding:10px;display:flex}.orb{border-radius:8px;width:30px;height:30px;box-shadow:0 0 20px}.orb-red{color:#ff5e7e;background:#ff5e7e}.orb-yellow{color:#ffd34f;background:#ffd34f}.orb-green{color:#72e878;background:#72e878}.orb-cyan{color:#65d8ff;background:#65d8ff}.orb-violet{color:#b58cff;background:#b58cff}.kicker{color:#9fe8ff;letter-spacing:0;margin:0;font-size:13px;font-weight:900}.title-panel h1{letter-spacing:0;text-shadow:0 6px #1b2234,0 22px 42px #00000073;margin:0;font-size:clamp(38px,8vw,86px);line-height:.98}.title-panel p{color:#d9eaf8;max-width:560px;margin:0;font-size:clamp(16px,2.2vw,22px);font-weight:800}.score-info{color:#ffd34f;margin:0;font-size:clamp(14px,1.8vw,18px);font-weight:800}.score-info.hidden{display:none}.pause-panel{z-index:8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#05070dbf;place-content:center;display:grid;position:absolute;inset:0}.pause-panel.hidden{display:none}.pause-content{border:1px solid var(--line);background:#090e19eb;border-radius:12px;place-items:center;gap:22px;padding:40px 56px;display:grid;box-shadow:0 24px 48px #00000080}.pause-content p{margin:0;font-size:32px;font-weight:900}#resumeButton{color:#241700;background:linear-gradient(#fff0a5,#ffae2f);border-radius:8px;min-width:150px;min-height:48px;padding:0 20px;font-weight:900;box-shadow:0 8px 24px #ff9e2e4d,inset 0 1px #ffffffa6}.difficulty-toggle{gap:10px;display:flex}.difficulty-toggle.hidden{display:none}.diff-btn{color:#aab8ca;background:#141e30b3;border:2px solid #ffffff26;border-radius:8px;min-width:128px;min-height:44px;padding:0 16px;font-size:15px;transition:border-color .15s,background .15s,color .15s,box-shadow .15s}.diff-easy.active{color:#241700;background:linear-gradient(#fff0a5,#ffae2f);border-color:#ffae2f;box-shadow:0 0 20px #ffae2f73}.diff-normal.active{color:#f8fbff;background:linear-gradient(#7a8fff,#3854d4);border-color:#5e7aff;box-shadow:0 0 20px #5e7aff73}#startButton{color:#241700;background:linear-gradient(#fff0a5,#ffae2f);border-radius:8px;min-width:170px;min-height:52px;padding:0 22px;box-shadow:0 16px 32px #ff9e2e4d,inset 0 1px #ffffffa6}.touch-controls{z-index:7;inset:auto 16px max(18px, env(safe-area-inset-bottom)) 16px;pointer-events:none;justify-content:space-between;align-items:end;display:none;position:absolute}.dpad{pointer-events:auto;grid-template-rows:repeat(3,58px);grid-template-columns:repeat(3,58px);gap:6px;display:grid}.dpad button,.fire-button{color:#eef8ff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#141e30db;border:1px solid #fff3;border-radius:8px;place-items:center;display:grid;box-shadow:0 14px 32px #0000005c,inset 0 1px #ffffff1f}.dpad button:active,.fire-button:active{background:#334563eb;transform:translateY(1px)}.dpad [data-dir=up]{grid-column:2}.dpad [data-dir=left]{grid-area:2/1}.dpad [data-dir=down]{grid-area:2/2}.dpad [data-dir=right]{grid-area:2/3}.touch-controls .fire-button{color:#281800;background:linear-gradient(#fff0a5,#ff9f2e);width:92px;height:92px;font-size:38px;pointer-events:auto!important}@media (width<=820px),(pointer:coarse){.hud{grid-template-columns:1fr repeat(2,minmax(74px,.5fr)) auto;gap:7px}.brand{grid-column:1/-1;min-height:52px}.core-card{display:none}.restart-button{min-height:52px}.power-bar{min-width:calc(100% - 28px);bottom:150px}.touch-controls{display:flex}}@media (orientation:landscape) and (height<=520px),(width<=900px) and (height<=520px){.hud{top:max(6px, env(safe-area-inset-top))!important;grid-template-columns:1fr 70px 70px auto!important;gap:6px!important;width:min(620px,100% - 220px)!important;min-height:38px!important}.brand{grid-column:auto;min-height:38px;padding:5px 8px}.brand-star{width:28px;height:28px}.brand strong{font-size:13px}.brand small,.core-card{display:none}.hud-card{min-height:38px;padding:5px 8px}.hud-card span{font-size:10px}.hud-card strong{margin-top:1px;font-size:15px}.restart-button{min-width:54px;min-height:38px;font-size:13px}.power-bar{padding:7px 10px;font-size:12px;bottom:max(8px, env(safe-area-inset-bottom))!important;min-width:min(340px,100% - 250px)!important}.touch-controls{inset:auto 12px max(10px, env(safe-area-inset-bottom)) 12px;align-items:center;display:flex!important}.dpad{grid-template-rows:repeat(3,46px);grid-template-columns:repeat(3,46px);gap:5px}.touch-controls .fire-button{width:76px;height:76px;font-size:31px}}