:root{color-scheme:dark;--navy:#102c42;--orange:#f19938;--gold:#f1c353;--ink:#0b1b2b;--muted:#b1c8d7;--line:#ffffff24;--cyan:#77dfef;font-family:'Noto Sans TC',system-ui,sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 25%,#25475b 0,#0c2032 48%,#06121f 100%);color:white;display:flex;align-items:center;justify-content:center;min-height:100svh;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);font-size:16px;overscroll-behavior:none}button{font:inherit;cursor:pointer;color:inherit;border:0;background:none;-webkit-tap-highlight-color:transparent}button:disabled{opacity:.55;cursor:wait}button:focus-visible,canvas:focus-visible{outline:3px solid #f1c353;outline-offset:3px}button:hover:not(:disabled){filter:brightness(1.08)}button:active:not(:disabled){transform:translateY(1px)}[hidden]{display:none!important}.arcade{width:min(100vw,calc((100dvh - 60px)*.552632),480px);box-shadow:0 20px 100px #0008;border:1px solid #ffffff16;border-radius:22px;overflow:hidden;background:var(--navy)}.brandbar{height:54px;padding:0 16px;display:flex;gap:10px;align-items:center;background:#102c42}.brand-logo{width:113px;height:auto;display:block}.preview-label{font-size:14px;color:#bdd0dd;margin-left:auto}.icon-button{height:40px;width:40px;border-radius:12px;background:#ffffff0d;border:1px solid #ffffff20;display:grid;place-items:center;position:relative;font-size:22px;flex-shrink:0}.sound-slash{position:absolute;width:22px;height:1.5px;transform:rotate(-45deg);background:#bdd0dd}.arena{position:relative;width:100%;aspect-ratio:420/760;overflow:hidden;background:#102c42}canvas{display:block;width:100%;height:100%;touch-action:none}.vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(#05162933,transparent 20%,transparent 60%,#051629bb)}.screen{position:absolute;inset:0}.home{display:flex;flex-direction:column;justify-content:space-between;text-align:center;pointer-events:none}.home-heading{padding:7% 12px 0}.eyebrow{font-size:14px;font-weight:700;letter-spacing:.11em;color:#9abccb}.home h1{font-size:clamp(30px,8.5vw,42px);font-weight:900;letter-spacing:.04em;line-height:1.2;margin:12px 0;text-shadow:0 3px 0 #0b2b40,0 5px 20px #0009;transform:rotate(-3deg)}.home h1 span{display:block;font-size:.85em;color:#fff5d8}.home h1 strong{font-size:1.32em;color:var(--gold);font-weight:900}.mode-pill{display:inline-flex;align-items:center;gap:7px;background:#06182dbb;border:1px solid #f1c35355;border-radius:99px;font-size:14px;margin:9px 0 0;padding:6px 13px;color:#fbe8bd}.mode-pill i{width:6px;height:6px;background:var(--gold);border-radius:50%}.home-bottom{padding:0 6% 4%;pointer-events:auto;background:linear-gradient(transparent,#0a203c80 20%)}.mission{font-size:15px;color:#f0f5f7;margin:0 0 13px;text-shadow:0 2px 6px #000}.account-card{display:grid;grid-template-columns:1fr 1fr 1fr;background:#102c42d9;border:1px solid #b4d1e032;border-radius:16px;padding:12px 2px;margin-bottom:12px;backdrop-filter:blur(12px)}.account-card>div+div{border-left:1px solid #ffffff1a}.account-card span{display:block;font-size:14px;color:#b4cad9;margin-bottom:2px}.account-card strong{font-size:21px;font-weight:800;font-variant-numeric:tabular-nums}.account-card b{color:var(--gold)}.account-card small{font-size:14px;font-weight:500;color:#d3e0e8}.primary{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:52px;background:linear-gradient(110deg,#ffb74e,#f19938);border:1px solid #ffd68e;border-bottom:4px solid #bc6220;border-radius:14px;color:#342414;font-weight:800;box-shadow:0 6px 20px #0003;font-size:18px}.start-button{justify-content:space-between;padding:0 20px;min-height:57px}.start-button>span:last-child{font-size:25px}.home-nav{display:flex;justify-content:center;gap:0;margin:12px -6px 0}.home-nav button{font-size:14px;padding:7px 10px;white-space:nowrap}.home-nav button+button{position:relative}.home-nav button+button:before{content:'';position:absolute;left:0;top:12px;height:13px;width:1px;background:#ffffff30}.preview-note{font-size:14px;color:#9cb7c8;margin:6px 0 0}.play-ui{position:absolute;inset:0;pointer-events:none}.play-ui button{pointer-events:auto}.hud{display:flex;align-items:flex-start;gap:10px;padding:14px 13px;background:linear-gradient(#0a2038f0,#0a203840);min-height:98px}.score-block{display:flex;flex-direction:column;min-width:105px}.score-block>span{font-size:14px;color:#b7d2de}.score-block strong{font-size:25px;letter-spacing:.025em;font-variant-numeric:tabular-nums;color:#fff0c8;font-weight:900}.life-block{flex:1;padding-top:1px}.life-block>span{display:block;color:#ff906e;white-space:nowrap;font-size:23px;letter-spacing:1px;text-shadow:0 2px 12px #f1714670}.life-block>div{font-size:14px;color:#d8e9ed;margin-top:4px;white-space:nowrap}.pause-button{width:36px;height:36px;font-size:19px}.boss-bar{position:absolute;top:99px;left:15%;width:70%;text-align:center}.boss-bar>span{font-size:14px;color:#ffc6d8;font-weight:700;text-shadow:0 2px 5px #000}.boss-bar>div{height:9px;border:1px solid #f78fba88;background:#291731;border-radius:10px;overflow:hidden;margin-top:5px}.boss-bar i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#ad3a91,#ff6f9d);transition:width .1s}.combo-value{position:absolute;top:150px;right:18px;font-size:18px;font-style:italic;font-weight:900;color:#ffdd79;text-shadow:0 3px 7px #000}.bottom-hud{position:absolute;bottom:18px;left:17px;right:17px;display:flex;align-items:flex-end;justify-content:space-between}.power-status{display:flex;flex-direction:column;align-items:flex-start;gap:5px;font-size:14px}.power-status span{background:#081d35d9;border:1px solid #ffffff20;padding:3px 9px;border-radius:7px;color:#fff0c0}#phone-value{color:#ffc665}#shield-value{color:#92e9ff}#time-value{border:0;background:none;color:#c3d7df;font-variant-numeric:tabular-nums}.bomb-button{width:78px;height:78px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 35% 20%,#ffd77c,#ec8b31 70%);color:#342110;border:2px solid #ffe4a7;box-shadow:0 0 0 5px #f1993820,0 6px 20px #0007}.bomb-icon{font-size:30px;line-height:1}.bomb-button strong{font-size:14px}.countdown{position:absolute;inset:0;background:#06182899;display:flex;align-items:center;justify-content:center;flex-direction:column;backdrop-filter:blur(3px);pointer-events:none}.countdown strong{font-size:110px;color:var(--gold);font-weight:900;text-shadow:0 7px 0 #713d13}.countdown p{font-size:16px;margin:25px 0}.result{background:#071b30c9;display:flex;align-items:center;justify-content:center;padding:7%;backdrop-filter:blur(6px)}.result-card{width:100%;padding:24px 20px;text-align:center;background:linear-gradient(150deg,#234c60,#102b43);border:1px solid #9ecbd24a;border-radius:23px;box-shadow:0 20px 60px #0005}.result h2{font-size:27px;margin:10px 0 17px}.score-label{display:block;font-size:14px;color:#bfd5de}.result-score{display:block;font-size:48px;color:var(--gold);font-variant-numeric:tabular-nums;line-height:1.3;font-weight:900}.record-tag{display:inline-block;background:#f1c35322;color:#ffe1a0;border:1px solid #f1c35377;border-radius:30px;padding:4px 12px;font-size:14px;margin:0 0 15px}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 0;margin-top:18px}.result-stats b,.result-stats span{display:block}.result-stats b{font-size:22px}.result-stats span{font-size:14px;color:#b3c9d7;margin-top:3px}#save-status{font-size:14px;color:#c0d4de;min-height:22px;margin:13px 0}.result-actions{display:flex;justify-content:center;margin-top:12px;gap:12px}.result-actions button{font-size:14px;padding:6px 0}.toast{position:absolute;left:7%;right:7%;bottom:145px;z-index:10;background:#fff4d9;color:#392811;padding:12px 15px;border-radius:12px;font-size:15px;text-align:center;box-shadow:0 5px 30px #0004}dialog{background:#112e44;color:#f3f7fa;border:1px solid #7498ae66;border-radius:22px;padding:21px;width:min(91vw,420px);max-height:88dvh;box-shadow:0 30px 130px #000a;overflow:auto}dialog::backdrop{background:#020e1ec9;backdrop-filter:blur(5px)}.dialog-top{display:flex;align-items:center;justify-content:space-between}.close-button{height:35px;width:35px;border-radius:50%;background:#ffffff0d;font-size:27px;line-height:1}dialog h2{font-size:25px;margin:7px 0 17px}dialog p{font-size:16px;line-height:1.65;color:#cadae3}#dialog-actions{display:flex;flex-direction:column;gap:10px;margin-top:18px}.secondary{width:100%;min-height:46px;border:1px solid #7893a64d;border-radius:12px;font-weight:700;font-size:16px;color:#e0eaf0;background:#ffffff07}.guide-list{display:flex;flex-direction:column;gap:12px}.guide-item{display:grid;grid-template-columns:48px 1fr;align-items:center;gap:11px}.guide-icon{width:46px;height:46px;display:flex;align-items:center;justify-content:center;background:#ffffff0b;border-radius:12px;font-size:24px;overflow:hidden}.guide-icon img{width:32px;height:32px;object-fit:contain}.atlas-icon{background-image:url('assets/sprites.png');background-size:400% 400%;width:46px;height:46px}.sprite-phone{background-position:0 66.6667%}.sprite-coupon{background-position:33.3333% 66.6667%}.sprite-power{background-position:66.6667% 66.6667%}.guide-item strong{font-size:16px}.guide-item p{font-size:14px;line-height:1.5;margin:2px 0 0;color:#b5cbd9}.guide-foot{border-top:1px solid var(--line);padding-top:12px;font-size:14px!important}.empty-board{text-align:center;padding:20px 6px}.empty-board .empty-star{font-size:43px;color:var(--gold)}.leader-table{width:100%;border-collapse:collapse;font-size:15px}.leader-table th{text-align:left;color:#a6c0cf;font-weight:500;padding:10px 6px;position:sticky;top:0;background:#112e44}.leader-table td{padding:13px 6px;border-top:1px solid var(--line)}.leader-table td:last-child,.leader-table th:last-child{text-align:right;font-variant-numeric:tabular-nums}.leader-table .mine{background:#f1993818;color:#ffe1a9}.board-note{font-size:14px!important;color:#a5c3d4!important}.reward-banner{padding:18px;border:1px solid #f1c35355;background:#f1c3530d;border-radius:14px;text-align:center}.reward-banner strong{display:block;font-size:32px;color:var(--gold)}.reward-banner span{font-size:16px}.check-row{display:flex;align-items:flex-start;gap:8px;margin-top:13px;font-size:14px;color:#c8d8e0}.check-row input{accent-color:var(--orange);width:18px;height:18px;flex-shrink:0}ul.rules{padding-left:21px;font-size:15px;color:#d3e0e8;line-height:1.8}#retry-save{margin-bottom:12px}@media(max-width:480px){.arcade{border-radius:0;border:0;box-shadow:none}.brandbar{height:52px}.home-heading{padding-top:6%}.home h1{font-size:clamp(30px,8.6vw,39px)}.eyebrow{letter-spacing:.07em}.home-bottom{padding-bottom:3%}}@media(min-width:768px){.preview-label,.account-card span,.account-card small,.home-nav button,.preview-note,.mode-pill,.eyebrow,.hud span,.life-block>div,.power-status,.bomb-button strong,.score-label,.record-tag,.result-stats span,#save-status,.result-actions button,.guide-item p,.board-note,.check-row{font-size:16px}.arcade{width:min(calc((100dvh - 64px)*.552632),480px)}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

@media(max-width:360px){.hud{gap:7px;padding:12px 10px}.score-block{min-width:91px}.score-block strong{font-size:23px}.life-block>div{white-space:normal;max-width:100px;line-height:1.25}.home-heading{padding-top:4%}.home h1{margin:8px 0}.home-nav button{padding-left:8px;padding-right:8px}}