*{box-sizing:border-box}html,body,#app{color:#f8fafc;background:#08120e;width:100%;height:100%;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}#game{touch-action:none;outline:none;width:100%;height:100%;display:block}.file-warning{color:#fff8df;z-index:10;background:#181206e0;border:1px solid #ffd16675;border-radius:8px;width:min(560px,100vw - 32px);padding:13px 14px;display:none;position:fixed;top:24px;left:50%;transform:translate(-50%);box-shadow:0 14px 40px #0000003d}.is-file-open .file-warning,.file-warning strong,.file-warning span{display:block}.file-warning strong{margin-bottom:4px;font-size:15px}.file-warning span{color:#f1dfb5;font-size:13px;line-height:1.5}.hud{z-index:5;flex-wrap:wrap;gap:10px;display:flex;position:fixed;top:16px;left:16px}.hud-stat{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#08120eb8;border:1px solid #ffffff2e;border-radius:8px;min-width:88px;padding:9px 12px}.hud-stat span{color:#b7c9bd;font-size:12px;line-height:1.2;display:block}.hud-stat strong{color:#fff;margin-top:2px;font-size:22px;line-height:1;display:block}.upgrade-panel{z-index:5;gap:8px;width:156px;display:grid;position:fixed;top:104px;left:16px}.upgrade-panel button{color:#f8fafc;text-align:left;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#08120eb8;border:1px solid #ffffff2e;min-height:34px;padding:0 10px;font-size:13px}.upgrade-panel button:after{content:"點擊升級";float:right;color:#b7c9bd;font-size:11px;font-weight:700}.upgrade-panel button.can-upgrade{color:#d6ff66;border-color:#d6ff669e}.upgrade-panel button.can-upgrade:after{color:#d6ff66}.upgrade-panel button:active{transform:translateY(1px)}.upgrade-toast{color:#d6ff66;opacity:0;pointer-events:none;z-index:8;background:#08120ee0;border:1px solid #d6ff6685;border-radius:8px;padding:10px 14px;font-weight:900;transition:opacity .14s,transform .14s;position:fixed;top:88px;left:50%;transform:translate(-50%,-8px)}.upgrade-toast.is-visible{opacity:1;transform:translate(-50%)}.boss-bar{z-index:6;width:min(460px,100vw - 32px);display:none;position:fixed;top:18px;left:50%;transform:translate(-50%)}.boss-bar.is-visible{display:block}.boss-bar span{color:#ffda66;text-align:center;text-shadow:0 2px 8px #000000b3;margin-bottom:6px;font-weight:800;display:block}.boss-bar div{background:#08120ec7;border:1px solid #ffffff3d;border-radius:999px;height:14px;overflow:hidden}.boss-bar i{background:linear-gradient(90deg,#ff3636,#ffda66);width:100%;height:100%;display:block}.crosshair{pointer-events:none;z-index:4;border:2px solid #ffffffb8;border-radius:50%;width:22px;height:22px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.crosshair:before,.crosshair:after{content:"";background:#ffffffb8;position:absolute}.crosshair:before{width:2px;height:38px;top:-9px;left:9px}.crosshair:after{width:38px;height:2px;top:9px;left:-9px}.status{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:6;background:#08120ec7;border:1px solid #ffffff2e;border-radius:8px;width:min(440px,100vw - 32px);padding:18px;position:fixed;bottom:8vh;left:50%;transform:translate(-50%)}.status.hidden{display:none}.status h1{letter-spacing:0;margin:0 0 8px;font-size:clamp(24px,6vw,38px);line-height:1.05}.status p{color:#d4e4d8;margin:0 0 16px;font-size:15px;line-height:1.5}button{color:#17210c;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;background:#d6ff66;border:0;border-radius:8px;min-height:42px;padding:0 16px;font-size:15px;font-weight:800}.controls{pointer-events:none;opacity:0;z-index:7;justify-content:space-between;align-items:end;gap:16px;transition:opacity .16s,transform .16s;display:flex;position:fixed;bottom:16px;left:16px;right:16px;transform:translateY(12px)}.is-playing .controls{opacity:1;transform:translateY(0)}.move-pad{pointer-events:none;grid-template-areas:".up.""left down right";gap:8px;display:grid}.is-playing .move-pad{pointer-events:auto}.control-button,.fire-button{color:#f8fafc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#08120ec7;border:1px solid #ffffff38;place-items:center;width:54px;height:54px;min-height:54px;padding:0;font-size:17px;display:grid;box-shadow:0 10px 26px #00000047}.control-button.is-active,.fire-button:active{color:#17210c;background:#d6ff66}.control-button.up{grid-area:up}.control-button.left{grid-area:left}.control-button.down{grid-area:down}.control-button.right{grid-area:right}.fire-button{color:#fff;pointer-events:none;background:#ff6b35;border-radius:50%;width:78px;height:78px;min-height:78px}.is-playing .fire-button{pointer-events:auto}@media (width<=620px){.hud{top:10px;left:10px;right:10px}.hud-stat{flex:1;min-width:0;padding:8px 9px}.upgrade-panel{grid-template-columns:repeat(2,minmax(0,1fr));width:min(250px,100vw - 120px);top:auto;bottom:118px;left:10px}.upgrade-panel button{font-size:12px}.controls{bottom:10px;left:10px;right:10px}.control-button{width:48px;height:48px;min-height:48px}.fire-button{width:70px;height:70px;min-height:70px}}