:root{--green-primary:#2e7d32;--green-dark:#1b5e20;--green-light:#4caf50;--text-primary:#212121;--text-secondary:#666;--bg-primary:#fff;--bg-section:#f9f7f2;--bg-footer:#f5f5f5;--border-section:#2e7d32;--grey-disabled:#bdbdbd;--grey-border:#d4d4d4}*{box-sizing:border-box;margin:0;padding:0}html,body{overscroll-behavior:none;height:100svh;overflow:hidden}body{background:var(--bg-primary);justify-content:center;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang TC,Microsoft JhengHei,sans-serif;display:flex}#app{background:var(--bg-primary);overscroll-behavior:contain;flex-direction:column;width:100%;max-width:390px;height:100svh;display:flex;position:relative;overflow:hidden}body.page-scroll #app{-webkit-overflow-scrolling:touch;overflow-y:auto}.logo{text-align:center;padding:32px 0 8px}.logo-img{width:160px;height:auto;display:inline-block}.page-title{text-align:center;color:var(--text-primary);padding:8px 24px 4px;font-size:20px;font-weight:700}.page-desc{color:var(--text-secondary);padding:8px 24px 16px;font-size:13px;line-height:1.7}.content{flex-direction:column;flex:1;gap:0;padding:0 24px;display:flex}.section-card{background:var(--bg-section);border-radius:20px;padding:20px}.section-card h2{color:var(--text-primary);margin-bottom:12px;font-size:16px;font-weight:700}.section-card p{color:var(--text-secondary);margin-bottom:8px;font-size:12px;line-height:1.8}.section-card p:last-child{margin-bottom:0}.footer-area{margin-top:16px;padding:20px 24px 32px}.footer-center{flex-direction:column;align-items:center;gap:12px;display:flex}.checkbox-row{cursor:pointer;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;gap:8px;margin-bottom:16px;display:flex}.checkbox-icon{border:2px solid var(--grey-disabled);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:all .2s;display:flex}.checkbox-icon.checked{background:var(--green-primary);border-color:var(--green-primary)}.checkbox-icon svg{opacity:0;width:12px;height:12px;transition:opacity .2s}.checkbox-icon.checked svg{opacity:1}.checkbox-label{color:var(--text-secondary);-webkit-user-select:none;user-select:none;font-size:16px}.checkbox-row.checked .checkbox-label{color:var(--green-primary)}.submit-btn{border:2px solid var(--grey-border);width:268px;height:53px;color:var(--text-secondary);letter-spacing:8px;cursor:not-allowed;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:12px;margin:0 auto;font-size:18px;font-weight:600;transition:all .3s;display:block}.submit-btn.active{background:var(--green-primary);border-color:var(--green-primary);color:#fff;cursor:pointer}.submit-btn.active:active{background:var(--green-dark);border-color:var(--green-dark)}.outline-btn{border:2px solid var(--green-primary);width:268px;height:53px;color:var(--green-primary);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:12px;margin:0 auto;font-size:14px;font-weight:600;transition:all .3s;display:block}.outline-btn:active{background:#e8f5e9}.form-card{background:var(--bg-section);border-radius:20px;padding:24px 20px}.form-group{margin-bottom:16px}.form-group:last-of-type{margin-bottom:8px}.form-label{color:var(--text-secondary);margin-bottom:6px;font-size:13px;font-weight:500;display:block}.required{color:#e53935;margin-left:2px}.form-input{border:none;border-bottom:1px solid var(--grey-border);width:100%;height:44px;color:var(--text-primary);background:0 0;outline:none;padding:0 0 8px;font-family:inherit;font-size:16px;transition:border-color .2s}.form-input:focus{border-bottom-color:var(--green-primary)}.form-input::placeholder{color:var(--grey-disabled)}.form-input.input-error{border-bottom-color:#e53935}.select-wrapper{position:relative}.form-select{appearance:none;cursor:pointer;padding-right:32px}.select-arrow{width:20px;height:20px;color:var(--text-secondary);pointer-events:none;position:absolute;top:50%;right:4px;transform:translateY(-60%)}.form-hint{color:var(--green-primary);margin-top:8px;font-size:12px}.success-title{text-align:center;color:var(--green-primary);padding:8px 24px 4px;font-size:20px;font-weight:700}.success-desc{color:var(--text-secondary);margin-bottom:8px;font-size:14px;line-height:1.7}.benefit-list{flex-direction:column;gap:20px;display:flex}.benefit-item{align-items:flex-start;gap:14px;display:flex}.benefit-icon-img{flex-shrink:0;width:48px;height:auto}.benefit-text{color:var(--text-secondary);padding-top:4px;font-size:13px;line-height:1.7}.member-card{aspect-ratio:1240/664;border-radius:8px;position:relative;overflow:hidden}.member-card-bg{object-fit:cover;border-radius:8px;width:100%;height:100%;display:block}.card-name{color:#fff;letter-spacing:4px;z-index:1;font-size:18px;font-weight:700;position:absolute;top:14%;left:7%}.card-divider{z-index:1;background:#fff9;height:1px;position:absolute;bottom:22%;left:7%;right:7%}.card-member-id{color:#fff;letter-spacing:.5px;z-index:1;font-size:11px;font-weight:200;position:absolute;bottom:18%;left:7%}.stats-row{justify-content:center;align-items:center;gap:24px;padding:12px 0;display:flex}.stat-item{text-align:center}.stat-label{color:var(--text-secondary);margin-bottom:4px;font-size:12px;display:block}.stat-value-row{justify-content:center;align-items:baseline;gap:4px;min-height:34px;display:flex}.stat-value-level{padding-top:8px;font-size:16px!important}.stat-value{color:var(--text-primary);font-size:28px;font-weight:700}.stat-unit{color:var(--text-secondary);font-size:14px}.stat-divider{background:var(--grey-border);width:1px;height:40px}.action-row{justify-content:center;gap:40px;padding:2px 0;display:flex}.game-page{flex:1;width:100%;line-height:0;position:relative}.game-frame{width:100%;position:relative}.game-bg{width:100%;height:auto;display:block}.game-layer1{pointer-events:none;width:100%;height:auto;position:absolute;top:0;left:0}.game-frame>img:not(.game-bg):not(.game-frame-warning){pointer-events:none;height:auto;position:absolute}.game-btn{cursor:pointer;pointer-events:auto!important}.game-layer1{width:100%;top:41.2%;left:0}.game-logo{width:13%;position:absolute;top:1.4%;right:2%}.game-back-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;z-index:2;box-sizing:border-box;background:0 0;border:none;width:18%;padding:3%;position:absolute;top:0%;left:0}.game-back-btn img{width:100%;height:auto;display:block}.game-badge{width:24%;top:23%;left:4%}.game-btn-start{width:38%;top:41%;left:9%}.game-btn-invite{z-index:3;width:38%;top:41%;left:52%}.game-caption-200{width:40%;top:59%;left:8%}.game-caption-300{width:40%;top:59%;left:53%}.game-remaining{color:#fff;letter-spacing:1px;white-space:nowrap;pointer-events:none;background:#000;justify-content:center;align-items:center;gap:2px;padding:6px 20px;font-size:12px;font-weight:700;line-height:1;display:flex;position:absolute;top:55%;left:50%;transform:translate(-50%)}.game-remaining-num{color:#ffd400;margin:0 4px;font-size:1.25em;display:inline-block}.game-linepoints-btn{cursor:pointer;z-index:2;-webkit-tap-highlight-color:transparent;background:0 0;border:none;width:80%;padding:0;position:absolute;top:61%;left:50%;transform:translate(-50%)}.game-linepoints-btn img{width:100%;height:auto;display:block}.game-points-info{color:#fff;letter-spacing:1px;white-space:nowrap;pointer-events:none;z-index:2;background:#000;justify-content:center;align-items:center;gap:2px;padding:6px 20px;font-size:12px;font-weight:700;line-height:1;display:flex;position:absolute;top:73%;left:50%;transform:translate(-50%)}.game-frame-warning,.game-footer-warning{z-index:100;pointer-events:none;width:100%;max-width:390px;height:auto;display:block;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.game-play{box-sizing:border-box;background-color:#1a7a1a;background-image:url(/assets/background-DSi80aCI.png);background-position:top;background-repeat:no-repeat;background-size:cover;flex:1;width:100%;min-height:100vh;padding:15% 20px 0;position:relative}.game-play--stage2{padding:16% 8px 0}@media (aspect-ratio<=9/17){.game-play{padding-top:calc(15% + 6vh)}.game-play--stage2{padding-top:calc(16% + 6vh)}}.game-play-back{padding-top:2%;width:24%!important}.game-play-body{flex-direction:column;align-items:center;display:flex}img.game-h{width:92%;height:auto;display:block}img.game-sub{width:84%;margin-top:-3%;margin-bottom:4px;display:block}img.game-boss{width:94%;height:auto;margin-top:-2%;display:block}img.game-sub-s2{width:72%;margin-top:0%;margin-bottom:4%;display:block}.g2-result-title{width:70%;height:auto;margin:8% auto 4%;display:block}.g2-result-reward{width:84%;height:auto;margin:0 auto 8%;display:block}.g2-invite-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;width:52%;margin:0 auto;padding:0;display:block}.g2-invite-btn img{width:100%;height:auto;display:block}h2.game-h{color:#fff;text-align:center;text-shadow:2px 2px #000;margin:8px 0 4px;font-size:22px}h2.game-h.success{color:#fff700}h2.game-h.fail{color:#f44}p.game-sub{color:#fff;text-align:center;margin:0 0 8px;font-size:13px;line-height:1.6}p.game-sub .hl{color:#fff700;font-weight:700}p.game-sub code{color:#fff700;letter-spacing:1px;background:#000;margin-top:4px;padding:4px 8px;font-size:14px;display:inline-block}.game-hint{color:#cec;text-align:center;margin:4px 0;font-size:12px}.g1-grid{grid-template-columns:repeat(3,1fr);gap:4px;width:96%;display:grid;position:relative}.g1-grid.disabled{pointer-events:none}.g1-cell{aspect-ratio:1;color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#2b6b2b;border:0;border-radius:0;justify-content:center;align-items:center;padding:0;font-size:28px;font-weight:700;transition:all .15s;display:flex}.g1-cell.selected:after{content:"";pointer-events:none;z-index:2;background:#ffe70073;position:absolute;inset:0}.g1-cell{position:relative;overflow:hidden}.g1-cell-face{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.g1-cell-label{z-index:1;opacity:0;position:relative}.g1-overlay-img,.g1-overlay{pointer-events:none;width:70%;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.g1-phase{flex-direction:column;align-items:center;gap:8px;width:100%;display:flex}.g1-overlay{display:none}.g1-phase-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;width:48%;padding:0;display:none}.g1-phase-btn .g1-btn-img{width:100%;height:auto;display:block}.g1-phase--play .g1-phase-btn--confirm{display:block}.g1-phase-btn--confirm .g1-btn-on,.g1-phase-btn--confirm.enabled .g1-btn-off{display:none}.g1-phase-btn--confirm.enabled .g1-btn-on{display:block}.g1-phase--pass .g1-grid{pointer-events:none}.g1-phase--pass .g1-grid:before{content:"";pointer-events:none;z-index:1;background:#00000080;position:absolute;inset:0}.g1-phase--pass .g1-overlay--success{z-index:3;display:block}.g1-phase--pass .g1-phase-btn--next{display:block}.g1-phase--fail .g1-grid{pointer-events:none}.g1-phase--fail .g1-grid:before{content:"";pointer-events:none;z-index:1;background:#00000080;position:absolute;inset:0}.g1-phase--fail .g1-overlay--fail{z-index:3;display:block}.g1-phase--fail .g1-phase-btn--retry{display:block}.g2-row{grid-template-columns:1fr 1fr;gap:4px;width:88%;display:grid;position:relative}.g2-row.disabled,.g2-row.revealing{pointer-events:none}.g2-row.disabled:before{content:"";z-index:4;pointer-events:none;background:#000000b3;position:absolute;inset:0}.g2-center-overlay,.g2-success-text,.g2-fail-text{pointer-events:none;display:none}.g2-center-overlay{z-index:5;width:60%;height:auto;position:absolute;top:36%;left:50%;transform:translate(-50%,-50%)}.g2-fail-text{z-index:5;width:60%;height:auto;margin-inline:auto;position:absolute;top:52%;left:0;right:0}.g2-success-text{z-index:5;width:56%;height:auto;margin-inline:auto;position:absolute;top:52%;left:0;right:0}.g2-row.disabled.result-success .g2-center-overlay--success,.g2-row.disabled.result-fail .g2-center-overlay--fail,.g2-row.disabled.result-success.reward-200 .g2-success-text--200,.g2-row.disabled.result-success.reward-50 .g2-success-text--50,.g2-row.disabled.result-fail .g2-fail-text{display:block}.g2-result-block{flex-direction:column;align-items:center;width:100%;margin-top:2%;display:none}.g2-row.disabled~.g2-result-block{display:flex}.g2-cell{aspect-ratio:432/614;color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;padding:0;font-size:48px;font-weight:700;transition:all .15s;display:flex;position:relative;overflow:hidden}.g2-cell-face{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.g2-cell-reveal{object-fit:contain;pointer-events:none;z-index:1;width:97%;height:100%;margin-left:3%;position:absolute;inset:0}.g2-cell-hero,.g2-cell-villain,.g2-row.result-success .g2-cell.selected .g2-cell-shadow{display:none}.g2-row.result-success .g2-cell.selected .g2-cell-hero{display:block}.g2-row.result-fail .g2-cell.selected .g2-cell-shadow{display:none}.g2-row.result-fail .g2-cell.selected .g2-cell-villain{display:block}@keyframes g2FadeIn{0%{opacity:0;transform:translate(-50%,-50%)scale(.85)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes g2FadeInBlock{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.g2-row.disabled .g2-center-overlay{animation:.35s ease-out both g2FadeIn}.g2-row.disabled .g2-success-text,.g2-row.disabled .g2-fail-text,.g2-row.disabled~.g2-result-block{animation:.35s ease-out .1s both g2FadeInBlock}.g2-cell-label{z-index:1;opacity:0;position:relative}.g2-cell.selected:after{content:"";pointer-events:none;z-index:2;background:#ffe70073;position:absolute;inset:0}.game-primary-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;width:48%;padding:0;display:block}.game-primary-btn img{width:100%;height:auto;display:block}.game-primary-btn.disabled,.game-primary-btn:disabled{cursor:not-allowed}.game-secondary-btn{color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:2px solid #fff;border-radius:23px;width:80%;max-width:280px;height:46px;margin:8px auto 0;font-size:15px;font-weight:700;display:block}.points-page{background-color:#b4ff00;flex:1;width:100%;line-height:0;position:relative}.points-frame{width:100%;position:relative}.points-bg{width:100%;height:auto;display:block}.points-frame>:not(.points-bg){pointer-events:none;height:auto;position:absolute}.points-frame .game-back-btn{width:24%;padding-top:2%}.points-frame .game-back-btn,.points-frame .game-logo,.points-frame .points-code-area,.points-frame .gameinfo-btn,.points-frame .invite-btn,.points-frame .invited-card{pointer-events:auto}.points-game-section{width:41%;position:absolute;top:41%;left:50%;transform:translate(-50%)}.points-invite-section{width:24%;position:absolute;top:61%;left:50%;transform:translate(-50%)}.points-game-desc{color:#000;white-space:nowrap;letter-spacing:1px;font-size:15px;font-weight:700;line-height:1;position:absolute;top:45%;left:50%;transform:translate(-50%)}.points-invite-desc{color:#000;white-space:nowrap;letter-spacing:1px;font-size:15px;font-weight:700;line-height:1;position:absolute;top:60%;left:50%;transform:translate(-50%)}.points-code-area{line-height:1.4;position:absolute;left:50%;transform:translate(-50%)}.points-code-area.has-points{justify-content:center;align-items:center;display:flex}.points-code-game.has-points{gap:8%;width:76%}.points-code-invite.has-points{gap:4%;width:90%}.points-code-area.has-points .points-claim-row{flex:none}.points-code-game.has-points .points-claim-row{width:42%}.points-code-invite.has-points .points-claim-row{width:30%}.points-code-area.empty{justify-content:center;padding-top:0;display:flex}.points-empty-text{text-align:center;color:#7d7d7d;width:100%;line-height:1.4}.points-empty-title{letter-spacing:.5px;white-space:nowrap;font-size:clamp(13px,4vw,16px);font-weight:900}.points-empty-sub{letter-spacing:.5px;white-space:nowrap;margin:0;font-size:clamp(12px,3.6vw,16px);font-weight:900}.points-code-game{top:48%}.points-code-invite{top:67%}.points-code-game.empty{width:80%;top:48%}.points-code-invite.empty{width:88%;top:67%}.points-claim-row{pointer-events:auto;justify-content:center;display:flex}.points-claim-link-btn{cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;background:0 0;border:none;width:100%;padding:0}.points-claim-link-btn img{width:100%;height:auto;display:block}.points-claim-off{pointer-events:none;width:100%}.points-claim-off img{width:100%;height:auto;display:block}.invite-limited-tag{color:#fff;letter-spacing:3px;white-space:nowrap;pointer-events:none;z-index:2;background:#000;border-radius:30px;padding:8px 24px;font-size:18px;font-weight:700;position:absolute;top:35%;left:50%;transform:translate(-50%)rotate(-3deg)}.invite-code-img{pointer-events:none;width:56%;height:auto;position:absolute;top:42%;left:50%;transform:translate(-50%)}.invite-code-display{color:#ffd400;text-align:center;letter-spacing:4px;pointer-events:none;background:#000;width:65%;padding:12px 0;font-size:28px;font-weight:700;line-height:1;position:absolute;top:48%;left:50%;transform:translate(-50%)}.invite-btn{cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;background:0 0;border:none;width:68%;padding:0;position:absolute;top:59%;left:50%;transform:translate(-50%)}.invite-btn img{width:100%;height:auto;display:block}.invite-note{text-align:center;color:#7d7d7d;letter-spacing:.3px;pointer-events:none;white-space:nowrap;width:96%;margin:0;font-size:clamp(10px,3vw,12px);line-height:1.4;position:absolute;top:75%;left:50%;transform:translate(-50%)}.invited-card{pointer-events:auto;flex-direction:column;align-items:center;gap:0;width:75%;line-height:1.4;display:flex;position:absolute;top:40%;left:50%;transform:translate(-50%)}.invited-name{color:#000;letter-spacing:8px;margin:0;font-size:22px;font-weight:700}.invited-text{color:#000;margin:0;font-size:20px;font-weight:700}.invited-inviter-name{color:#000;text-align:center;margin-bottom:4px;font-size:32px;font-weight:900;line-height:1.2}.invited-greet-img{width:90%;height:auto}.invited-greet-text{color:#000;text-align:center;letter-spacing:.5px;white-space:nowrap;margin-top:4px;font-size:20px;font-weight:700;line-height:1.3}.invited-label-img{width:60%;height:auto;margin-top:8%}.invited-code-label{color:#fff;text-align:center;letter-spacing:3px;white-space:nowrap;-webkit-text-stroke:5px #000;paint-order:stroke fill;margin-top:8%;font-size:20px;font-weight:900}.invited-code-input{color:#ffd400;text-align:center;letter-spacing:4px;background:#000;border:none;outline:none;width:80%;margin-top:2%;padding:10px 0;font-family:inherit;font-size:26px;font-weight:700}.invited-code-input::placeholder{color:#ffd40066}.invited-next-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;width:52%;margin-top:8%;padding:0}.invited-next-btn img{width:100%;height:auto;display:block}.gameinfo-page{background-color:#134a16}.gameinfo-btn{cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;background:0 0;border:none;padding:0;position:absolute;left:50%;transform:translate(-50%)}.gameinfo-btn img{width:100%;height:auto;display:block}.gameinfo-game-btn{width:56%;top:68%}.gameinfo-invite-btn{width:48%;top:80%}.copy-popup{z-index:1000;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.copy-popup-text{color:#fff;letter-spacing:1px;background:#000000b3;border-radius:2px;padding:10px 24px;font-size:16px;font-weight:700}.points-banner{text-align:center;padding:16px 20px 20px}.points-banner-title{color:#fff;letter-spacing:2px;margin:0 0 8px;font-size:16px;font-weight:700}.points-banner-sub{color:#fff;margin:0 0 4px;font-size:22px;font-weight:700}.points-banner-sub .hl{color:#fff700;font-size:28px}.points-banner-max{color:#fff;margin:0;font-size:20px;font-weight:700}.points-banner-max .hl-big{color:#fff700;font-size:32px}.points-body{flex-direction:column;gap:24px;padding:0 20px;display:flex}.points-section{background:#ffffff26;border-radius:12px;padding:16px}.points-section-title{color:#fff;letter-spacing:2px;margin:0 0 12px;font-size:16px;font-weight:700}.points-section-desc{color:#fffc;margin:0 0 12px;font-size:13px}.points-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.points-row-text{color:#fff;flex:1;font-size:13px}.points-claim-btn{background:var(--green-primary);color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:6px;flex-shrink:0;padding:8px 20px;font-size:14px;font-weight:700}.points-claim-btn.disabled{cursor:not-allowed;background:#888}.points-claim-btn.claimed{background:var(--green-primary)}.points-invite-list{flex-direction:column;gap:8px;display:flex}.points-invite-row{align-items:center;gap:8px;display:flex}.points-invite-input{height:40px;color:var(--text-primary);background:#fff;border:2px solid #fff6;border-radius:6px;outline:none;flex:1;padding:0 12px;font-size:13px}.points-invite-input.filled{border-color:var(--green-primary)}.no-remaining-modal{z-index:1000;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.no-remaining-box{background:0 0;flex-direction:column;align-items:center;gap:8px;max-width:80%;display:flex}.no-remaining-text{color:#fff;letter-spacing:2px;background:#000000b3;border-radius:4px;margin:0;padding:6px 16px;font-size:18px;font-weight:700}body.modal-open{overflow:hidden}.no-remaining-close{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;padding:0}.no-remaining-close img{width:32%;height:auto;margin:0 auto;display:block}.game-scroll-hint{z-index:99;cursor:pointer;pointer-events:auto;opacity:1;width:40%;height:auto;transition:opacity .3s;animation:1.2s ease-in-out infinite scrollHintBounce;position:absolute;top:82%;left:50%;transform:translate(-50%)}.game-scroll-hint.hidden{opacity:0;pointer-events:none;animation:none}@keyframes scrollHintBounce{0%{transform:translate(-50%)translateY(-6px)}50%{transform:translate(-50%)translateY(8px)}to{transform:translate(-50%)translateY(-6px)}}.game-rules{opacity:0;background-color:#fff;width:100%;padding:0 0 16%;transition:opacity .6s ease-out,background-color .6s ease-out;position:relative}.game-rules.revealed{opacity:1;background-color:#287c24}.game-rules-img{opacity:0;width:100%;height:auto;transition:opacity .6s ease-out .3s,transform .6s ease-out .3s;display:block;transform:translateY(20px)}.game-rules.revealed .game-rules-img{opacity:1;transform:translateY(0)}.rules-content{color:#fff;letter-spacing:.02em;padding:16px 8% 0;font-family:PingFang TC,Microsoft JhengHei,-apple-system,sans-serif;font-size:14px;line-height:1.7}.rules-section{margin-bottom:20px}.rules-section:last-child{margin-bottom:0}.rules-h{color:#fff;border-bottom:1px solid #ffffff59;margin:0 0 8px;padding-bottom:4px;font-size:17px;font-weight:700}.rules-h2{color:#ffe84a;margin:12px 0 6px;font-size:14.5px;font-weight:700}.rules-content p{color:#fff;margin:0 0 8px}.rules-list{margin:0 0 8px;padding-left:20px;list-style:outside}.rules-list li{color:#fff;margin-bottom:6px}.rules-list li strong,.rules-content strong{color:#ffe84a;font-weight:700}.mgm-banner{cursor:pointer;border-radius:0;margin:auto -24px 0;line-height:0;position:relative;overflow:hidden}.mgm-banner-img{width:100%;height:auto;display:block}.mgm-banner-cta{pointer-events:none;width:40%;height:auto;position:absolute;top:71%;right:-15%;transform:translate(-50%)}.action-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;flex-direction:column;align-items:center;gap:8px;display:flex}.action-icon-img{object-fit:cover;border-radius:50%;width:48px;height:48px;transition:opacity .2s}.action-btn:active .action-icon-img{opacity:.7}.action-label{color:var(--text-secondary);font-size:12px}.overlay-backdrop{opacity:0;visibility:hidden;z-index:100;background:#0006;transition:opacity .3s,visibility .3s;position:fixed;inset:0}.overlay-backdrop.active{opacity:1;visibility:visible}.overlay-panel{background:var(--bg-primary);z-index:101;-webkit-overflow-scrolling:touch;border-radius:0;flex-direction:column;width:100%;max-width:390px;height:100dvh;transition:transform .35s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;bottom:0;left:50%;overflow-y:auto;transform:translate(-50%)translateY(100%)}.overlay-panel.active{transform:translate(-50%)translateY(0)}.overlay-header{background:var(--bg-primary);z-index:1;flex-shrink:0;justify-content:center;padding:12px 0 4px;display:flex}.overlay-handle{background:var(--grey-disabled);border-radius:2px;width:40px;height:4px}.overlay-body{flex:1;padding:0 24px 32px;overflow-y:auto}.overlay-title{text-align:center;color:var(--text-primary);padding:0 0 16px;font-size:20px;font-weight:700}.overlay-content p{color:var(--text-secondary);margin-bottom:12px;font-size:13px;line-height:1.8}.overlay-form{margin-bottom:20px}.overlay-buttons{flex-direction:column;align-items:center;gap:12px;display:flex}