:root{--orange:#f19938;--yellow:#f1c353;--navy:#102c42;--ink:#173044;--muted:#647580;--line:#dde5e9;--white:#fff;--red:#ee7069;color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang HK","Noto Sans TC",Arial,sans-serif;color:var(--ink);background:#e7ebee;font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;border:0}button:disabled{cursor:wait;opacity:.6}button:focus-visible,canvas:focus-visible,a:focus-visible{outline:3px solid #237ec0;outline-offset:4px}button:active:not(:disabled){transform:translateY(1px)}[hidden]{display:none!important}p,h1,h2,h3{margin:0}img{display:block;max-width:100%;object-fit:contain}main{flex:1;display:flex;min-height:0}.phone-shell{max-width:460px;min-height:100svh;margin:auto;background:#fff;box-shadow:0 10px 65px #102c4214;display:flex;flex-direction:column;position:relative;overflow:hidden}.preview-note{font-size:14px;line-height:1.4;text-align:center;padding:7px 10px;background:#fff2db;color:#735017;flex:none}.screen{width:100%;flex:1}.brand-logo{width:175px;height:auto}.home-screen{padding:22px 20px max(20px,env(safe-area-inset-bottom));background:radial-gradient(ellipse at 90% 23%,#fff0d830,transparent 65%),#fff;display:flex;flex-direction:column;gap:15px}.home-header{display:flex;align-items:center;justify-content:space-between}.icon-button{width:44px;height:44px;background:transparent;border:1px solid var(--line);border-radius:50%;display:flex;align-items:center;justify-content:center;gap:2px;font-size:22px;flex:none}.sound-button{position:relative}.sound-state{position:absolute;bottom:2px;font-size:14px;font-weight:800;letter-spacing:.03em}.sound-button{padding-bottom:9px}.campaign-label{font-size:14px;font-weight:600;text-align:center;color:var(--muted);margin-top:6px}.home-hero{height:300px;position:relative;border-radius:25px;overflow:hidden;background:radial-gradient(ellipse at 95% 90%,#294e63,transparent 68%),var(--navy);color:white;isolation:isolate}.home-hero:before{content:"";position:absolute;width:360px;height:360px;border:1px solid #ffffff12;border-radius:50%;right:-155px;top:-150px;box-shadow:0 0 0 35px #ffffff04,0 0 0 70px #ffffff03}.hero-copy{position:relative;z-index:3;padding:25px 24px;pointer-events:none}.eyebrow{font-size:14px;letter-spacing:.13em;font-weight:750}.hero-copy .eyebrow{color:#f2c779;margin-bottom:8px;font-size:14px;letter-spacing:.08em}.hero-copy h1{font-size:45px;line-height:1.03;letter-spacing:-.05em;font-weight:900}.hero-copy h1 span{display:block;color:var(--yellow)}.hero-copy p:last-child{font-size:14px;line-height:1.7;color:#d9e3e8;margin-top:14px}.hero-copy b{color:#fff;font-weight:600}.hero-mascot{position:absolute;width:168px;right:-12px;bottom:-15px;transform:rotate(8deg);z-index:3;filter:drop-shadow(0 10px 10px #00162950)}.pack-art{position:relative}.pack-base{width:100%;height:100%;object-fit:contain}.pack-logo{position:absolute;width:77%;height:auto;left:11.5%;top:38%;filter:drop-shadow(0 1px 1px #b47a29)}.pack-caption{position:absolute;top:51%;width:100%;text-align:center;color:var(--navy);font-size:16px;font-weight:800;letter-spacing:.06em}.hero-pack{width:132px;height:194px;position:absolute;right:30px;top:9px;transform:rotate(15deg);z-index:2;filter:drop-shadow(-5px 10px 12px #00172780);animation:float-pack 4s ease-in-out infinite}.hero-score{position:absolute;top:158px;right:122px;color:var(--yellow);font-size:28px;font-weight:900;transform:rotate(-12deg);z-index:4;text-shadow:0 3px 0 #102c42}.hero-spark{position:absolute;color:var(--yellow);font-size:28px;z-index:4}.spark-a{right:150px;top:20px}.spark-b{left:155px;bottom:25px;font-size:18px}.hero-slash{position:absolute;z-index:2;right:12px;top:178px;width:220px;height:4px;background:linear-gradient(90deg,transparent,#f1c353,#fff7d8,transparent);transform:rotate(-35deg);box-shadow:0 0 12px #ffbb4970;border-radius:50%}.home-rules{display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:14px;color:var(--muted)}.home-rules span{display:flex;gap:4px;align-items:center}.home-rules b{font-size:16px;color:var(--navy)}.home-rules .mini-hearts{color:var(--orange);font-size:14px;letter-spacing:-1px}.quota-label{text-align:center;font-size:15px;margin-top:7px}.quota-label b{color:#be670e;font-size:18px}.btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;border-radius:17px;min-height:57px;padding:15px 18px;font-size:17px;font-weight:750;line-height:1.3}.primary{background:var(--orange);color:var(--navy);box-shadow:0 5px 0 #cc792321,0 8px 18px #f1993820}.primary:hover{background:#f6a64b}.start-button{flex-direction:column;gap:5px;padding:17px 20px;min-height:90px}.start-button>span:first-child{font-size:22px;display:flex;align-items:center;gap:55px}.balance-label{font-size:14px;font-weight:550}.navy{background:var(--navy);color:white}.outline{background:white;border:1px solid var(--navy)}.home-secondary{display:grid;grid-template-columns:1fr 1fr;gap:12px}.terms-line{font-size:14px;text-align:center;color:var(--muted);line-height:1.65}.text-button{padding:0;background:transparent;text-decoration:underline;text-underline-offset:3px;font-size:inherit;color:var(--navy)}.home-best{border-top:1px solid var(--line);padding-top:13px;display:flex;justify-content:center;gap:12px;color:var(--muted);font-size:14px}.home-best b{color:var(--navy);font-variant-numeric:tabular-nums}.small{font-size:14px;line-height:1.6}.muted{color:var(--muted)}.login-screen{padding:28px 26px 36px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:19px;min-height:calc(100svh - 34px)}.login-screen .brand-logo{width:180px;margin-bottom:18px}.login-art{width:250px;height:250px;position:relative;display:grid;place-items:center;margin:8px 0 10px}.login-art>img{width:215px;z-index:1;filter:drop-shadow(0 14px 12px #dfa85820)}.orbit{position:absolute;border:1px solid #f1993833;border-radius:50%;inset:0}.orbit-one{transform:rotate(24deg) scaleY(.7)}.orbit-two{transform:rotate(-35deg) scaleY(.75)}.login-screen .eyebrow{color:#ad640f}.login-screen h1{font-size:30px;font-weight:850}.login-screen>p:not(.eyebrow){line-height:1.7}.login-screen .btn{margin-top:12px}.login-screen .btn span{margin-left:auto}.login-screen .btn{justify-content:space-between}.phone-shell.in-game{height:100svh;min-height:500px;background:var(--navy)}.in-game .preview-note{background:#19384c;color:#e2d2b0}.game-screen{height:100%;display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% 80%,#20475d,transparent 70%),var(--navy);color:white}.game-header{display:flex;align-items:center;padding:18px 20px 12px;gap:18px;flex:none}.score-block{display:flex;flex-direction:column;gap:3px;min-width:130px}.score-block>span{font-size:14px;color:#bbcbd7}.score-block strong{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:37px;line-height:1.1;color:var(--yellow);letter-spacing:.01em;font-weight:850}.timer-block{margin-left:auto;display:flex;align-items:baseline;gap:4px}.timer-block strong{font-size:31px;font-variant-numeric:tabular-nums}.timer-block span{font-size:14px;color:#b7c6cf}.timer-block.urgent{color:#ff8982;animation:timer-pulse 1s ease-in-out infinite}.game-settings{color:#d3e1e9;border-color:#ffffff29;font-size:22px;width:40px;height:40px}.game-subheader{display:flex;align-items:center;margin:0 20px;gap:12px;border-bottom:1px solid #ffffff14;padding:0 0 12px;flex:none}#live-lives{display:flex;gap:5px;font-size:23px;color:#f27e70}#live-lives .lost{color:#ffffff20}#live-level{font-size:14px;letter-spacing:.1em;margin-left:auto;color:#c1d0d9}.compact{width:34px;height:34px;border:0;color:#c1d0d9;font-size:18px}.arena{position:relative;flex:1;min-height:270px;overflow:hidden;isolation:isolate;touch-action:none;background-image:radial-gradient(circle at 1px 1px,#ffffff08 1px,transparent 0);background-size:28px 28px}#game-canvas{width:100%;height:100%;display:block;position:absolute;inset:0;touch-action:none;z-index:2}.arena-watermark{position:absolute;width:144px;top:25px;left:24px;opacity:.045;pointer-events:none;z-index:1}.countdown{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:5;font-size:90px;font-weight:900;color:#fff5d8;text-shadow:0 5px 0 #c87a23}.combo-callout{position:absolute;top:17%;left:0;right:0;text-align:center;z-index:3;pointer-events:none;font-size:28px;color:var(--yellow);font-weight:900;text-shadow:0 3px 0 #102c42;opacity:0;transform:scale(.8)}.combo-callout.show{animation:combo-pop .6s ease-out forwards}.game-footer{display:flex;align-items:center;justify-content:space-between;gap:6px;flex:none;padding:15px 15px max(17px,env(safe-area-inset-bottom));font-size:14px;background:#0c233580;border-top:1px solid #ffffff10;color:#c5d0d8;white-space:nowrap}.game-footer span{display:flex;align-items:center;gap:4px}.legend-dot{display:inline-block;width:6px;height:6px;border-radius:50%;flex:none}.pack-dot{background:var(--yellow)}.hurt-dot{background:var(--red)}dialog{border:0;padding:0;background:transparent;max-height:94svh;max-width:calc(100vw - 30px);width:370px;overflow:visible;color:var(--navy)}dialog::backdrop{background:#061d31a3;backdrop-filter:blur(4px)}.modal-panel{background:#fff;border-radius:23px;padding:24px;max-height:83svh;overflow:auto;box-shadow:0 18px 65px #06152440;scrollbar-width:thin;scrollbar-color:#bdc9d1 transparent}.modal-panel h2{font-size:23px;line-height:1.3;font-weight:850;margin-bottom:12px}.modal-panel p{font-size:16px;line-height:1.7}.modal-close{width:43px;height:43px;display:block;margin:13px auto 0;border-radius:50%;font-size:31px;background:#eef3f6;color:#597184;line-height:1}.modal-panel .btn+.btn{margin-top:10px}.modal-panel .button-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.modal-panel .button-row .btn{margin:0;font-size:16px;padding:12px 7px;min-height:54px}.modal-intro{text-align:center}.modal-mascot{width:122px;height:122px;margin:0 auto 9px}.result-score{text-align:center;font-size:20px!important;margin:12px 0 22px}.result-score strong{font-size:38px;color:#c9761a;font-variant-numeric:tabular-nums;margin-left:7px}.result-tag{display:block;text-align:center;font-size:15px;font-weight:750;color:#bc6512;margin:0 0 8px}.result-note{padding:12px;background:#f4f7f9;border-radius:13px;margin-bottom:16px}.result-note p{font-size:14px}.ranking-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:14px;padding:12px 0 9px;border-top:1px solid var(--line)}.ranking-table{border-collapse:separate;border-spacing:0 6px;width:100%;font-size:15px;table-layout:fixed}.ranking-table th{text-align:left;color:var(--muted);font-weight:500;font-size:14px;padding:4px 8px}.ranking-table th:first-child{width:57px}.ranking-table th:last-child{text-align:right;width:87px}.ranking-table td{background:#f5f7f8;padding:12px 8px;font-variant-numeric:tabular-nums;font-weight:650}.ranking-table td:first-child{border-radius:10px 0 0 10px;color:#bf6c12}.ranking-table td:last-child{border-radius:0 10px 10px 0;text-align:right}.ranking-table tr.mine td{background:#fff0d8}.ranking-scroll{max-height:29svh;overflow:auto;scrollbar-width:thin;margin-bottom:16px}.personal-rank{margin:0 0 8px}.personal-rank td{background:#fff0d8}.rank-heading{font-size:14px;color:var(--muted)}.reward-row{display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--line);padding:19px 0}.reward-medal{font-size:33px;color:var(--orange);width:38px;text-align:center}.reward-row strong{display:block;font-size:18px;margin-bottom:4px}.reward-row p{font-size:15px}.reward-row b{color:#b2660d}.rewards-note{font-size:14px!important;margin:18px 0 0;color:var(--muted)}.tutorial-art{height:170px;margin:4px 0 20px;position:relative;display:flex;align-items:center;justify-content:center;border-radius:18px;background:#eff5f8}.tutorial-art img.tutorial-mascot{height:150px}.tutorial-art .pack-art{width:96px;height:145px;transform:rotate(10deg)}.tutorial-art .pack-caption{font-size:14px}.tutorial-art .tutorial-plus{font-size:35px;font-weight:900;color:#b36914;margin-left:18px}.tutorial-swipe{position:absolute;bottom:23px;font-size:14px;color:var(--muted)}.tutorial-stars{position:absolute;top:4px;color:#cc901e;font-size:25px;letter-spacing:8px;animation:float-pack 2s ease-in-out infinite}.step-dots{display:flex;justify-content:center;gap:6px;margin:22px 0 18px}.step-dot{width:6px;height:6px;background:#dbe3e9;border-radius:9px}.step-dot.active{background:var(--orange);width:20px}.tutorial-text{text-align:center;min-height:104px}.terms-list{padding-left:22px;margin:0 0 5px;font-size:15px;line-height:1.8}.terms-list li{padding-left:4px;margin-bottom:13px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);width:max-content;max-width:90vw;background:var(--navy);color:white;box-shadow:0 6px 20px #0002;border-radius:13px;font-size:15px;padding:13px 20px;z-index:30;text-align:center}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.loading-art{opacity:.5}.confirmation-amount{font-size:46px!important;text-align:center;margin:20px 0;color:#bc6f13;font-weight:850}.confirmation-amount small{font-size:16px}.paid-balance{font-size:14px!important;text-align:center;color:var(--muted);margin-bottom:20px}.error-text{color:#b63f36;font-size:14px!important;margin:10px 0}.asset-error{font-size:16px;padding:20px;text-align:center}
@keyframes float-pack{0%,100%{translate:0 0}50%{translate:0 -7px}}@keyframes timer-pulse{50%{opacity:.6}}@keyframes combo-pop{0%{opacity:0;transform:scale(.8)}15%{opacity:1;transform:scale(1.13)}30%,70%{opacity:1;transform:scale(1)}100%{opacity:0;transform:translateY(-12px)}}
@media(min-width:700px){.phone-shell{min-height:100svh}.preview-note,.small,.muted,.campaign-label,.home-rules,.terms-line,.home-best,.quota-label,.balance-label,.hero-copy .eyebrow,.hero-copy p:last-child,.score-block>span,#live-level,.game-footer,.ranking-table th,.ranking-meta,.rank-heading,.rewards-note,.result-note p,.terms-list,.tutorial-swipe,.paid-balance{font-size:16px!important}.home-hero{height:315px}.home-rules{gap:3px}.home-rules span{gap:3px}.modal-panel{padding:24px}.ranking-table{font-size:16px}.sound-state{font-size:16px}}
@media(max-width:370px){.home-screen{padding:16px 16px 20px;gap:12px}.home-hero{height:270px}.hero-copy{padding:23px 19px}.hero-copy h1{font-size:41px}.hero-pack{width:117px;height:172px;right:15px;top:17px}.hero-mascot{width:147px}.hero-score{right:100px}.home-rules{flex-wrap:wrap;justify-content:center;gap:7px 14px}.game-header{padding:15px 15px 10px;gap:12px}.game-subheader{margin:0 15px}.game-footer{font-size:14px;padding-left:10px;padding-right:10px;gap:4px}.game-footer .legend-dot{display:none}.modal-panel{padding:22px 19px}}
@media(max-height:740px){.home-screen{gap:12px;padding-top:16px}.home-hero{height:255px;flex-shrink:0}.hero-copy h1{font-size:39px}.hero-pack{width:114px;height:170px;right:25px}.hero-mascot{width:143px}.hero-score{top:145px;right:100px}.login-art{height:190px;width:210px;margin:0}.login-art>img{width:180px}.login-screen{gap:12px}.home-best{display:none}.game-header{padding-top:13px}.modal-panel{max-height:80svh}.tutorial-art{height:140px}.tutorial-art img.tutorial-mascot{height:127px}.tutorial-art .pack-art{height:124px;width:85px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}.hero-pack{translate:0 0}.combo-callout.show{opacity:1;transform:none}dialog::backdrop{backdrop-filter:none}}
.pack-base{transform:scaleX(var(--pack-width-scale,1.14));transform-origin:center}