@import"https://fonts.googleapis.com/css2?family=Nunito:wght@600;700;800&display=swap";:root,[data-theme=dark]{--bg: #161825;--bg-gradient-a: rgba(74, 144, 217, .07);--bg-gradient-b: rgba(180, 100, 255, .05);--surface: #1F2136;--surface-raised: #282A42;--surface-hover: #32345A;--text: #E4E4F0;--text-secondary: #9494AE;--text-muted: #6A6A82;--accent: #6BA3E8;--accent-glow: rgba(107, 163, 232, .15);--border: rgba(255, 255, 255, .07);--shadow: rgba(0, 0, 0, .4);--overlay-bg: rgba(0, 0, 0, .55);--dialog-bg: #1F2136;--dialog-shadow: rgba(0, 0, 0, .5);--btn-cancel-bg: #2A2C48;--btn-cancel-text: #AAAAC0;--badge-bg: rgba(107, 163, 232, .12);--badge-text: #6BA3E8;--gallery-placeholder: linear-gradient(135deg, #252740, #1E2038);--gallery-inset: rgba(255, 255, 255, .06);--dot-color: #4A4C66;--dot-active: #6BA3E8;--option-border: #2E305A;--option-bg: #1E2038;--option-active-bg: rgba(107, 163, 232, .1);--option-active-border: #6BA3E8;--game-bg: #121420;--grid-line: rgba(255, 255, 255, .35);--win-badge-bg: rgba(30, 33, 54, .95);--win-text: #E4E4F0;--step-circle-bg: rgba(107, 163, 232, .15);--step-circle-text: #6BA3E8;--divider: rgba(255, 255, 255, .06)}[data-theme=light]{--bg: #FFF8F0;--bg-gradient-a: rgba(255, 183, 120, .08);--bg-gradient-b: rgba(255, 136, 170, .06);--surface: #FFFFFF;--surface-raised: #FFFFFF;--surface-hover: #FFF3EA;--text: #3A3530;--text-secondary: #8A7E74;--text-muted: #BEB3A8;--accent: #F2854A;--accent-glow: rgba(242, 133, 74, .15);--border: rgba(180, 140, 100, .12);--shadow: rgba(120, 80, 40, .08);--overlay-bg: rgba(60, 40, 20, .4);--dialog-bg: #FFFBF7;--dialog-shadow: rgba(120, 80, 40, .15);--btn-cancel-bg: #F5EDE5;--btn-cancel-text: #8A7E74;--badge-bg: rgba(242, 133, 74, .1);--badge-text: #E07030;--gallery-placeholder: linear-gradient(135deg, #F5EDE5, #EDE3D8);--gallery-inset: rgba(255, 255, 255, .5);--dot-color: #D9CCBF;--dot-active: #F2854A;--option-border: #EDE3D8;--option-bg: #FFFBF7;--option-active-bg: rgba(242, 133, 74, .08);--option-active-border: #F2854A;--game-bg: #1E2028;--grid-line: rgba(255, 255, 255, .5);--win-badge-bg: rgba(255, 251, 247, .95);--win-text: #3A3530;--step-circle-bg: rgba(242, 133, 74, .1);--step-circle-text: #F2854A;--divider: rgba(180, 140, 100, .1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}.bg-pieces{position:fixed;inset:0;z-index:0;pointer-events:none}html,body{width:100%;height:100%;overflow:hidden;font-family:Nunito,ui-rounded,Noto Sans TC,-apple-system,Segoe UI,sans-serif;background:radial-gradient(circle at 20% 15%,var(--bg-gradient-a) 0%,transparent 50%),radial-gradient(circle at 85% 80%,var(--bg-gradient-b) 0%,transparent 50%),var(--bg);color:var(--text);user-select:none;-webkit-user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}#app{position:relative;z-index:1;width:100%;height:100%;display:flex;flex-direction:column}.home-screen{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;padding:20px 20px 40px;overflow-x:clip;overflow-y:auto;-webkit-overflow-scrolling:touch;background:transparent}.home-header{text-align:center;margin-top:12px;margin-bottom:4px}.home-title{font-size:2.6rem;font-weight:800;color:var(--accent);letter-spacing:3px}.home-subtitle{font-size:1rem;color:var(--text-secondary);margin-top:4px}.home-grid-badge{display:inline-block;margin-top:8px;padding:5px 14px;background:var(--badge-bg);color:var(--badge-text);border-radius:20px;font-size:.82rem;font-weight:700;letter-spacing:.5px}.home-steps{display:flex;gap:20px;margin-top:18px;width:100%;max-width:420px;justify-content:center}.home-step{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1;text-align:center}.home-step-circle{width:44px;height:44px;border-radius:50%;background:var(--step-circle-bg);color:var(--step-circle-text);font-size:1.4rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.home-step-text{font-size:.8rem;color:var(--text-secondary);line-height:1.35}.home-section-label{width:100%;max-width:400px;margin-top:22px;margin-bottom:8px;font-size:.8rem;font-weight:600;color:var(--text-muted);letter-spacing:1px;text-transform:uppercase;display:flex;align-items:center;gap:10px}.home-section-label:before,.home-section-label:after{content:"";flex:1;height:1px;background:var(--divider)}.home-swiper{width:100vw;position:relative;align-self:center}.home-swiper-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:16px;padding:12px 0;perspective:800px;cursor:grab}.home-swiper-track::-webkit-scrollbar{display:none}.home-swiper-slide{flex:0 0 55vw;scroll-snap-align:center;scroll-snap-stop:always;position:relative;aspect-ratio:1;border-radius:20px;overflow:hidden;cursor:pointer;box-shadow:0 6px 24px var(--shadow);background:var(--gallery-placeholder);transform-origin:center center;will-change:transform,opacity}.home-swiper-slide img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.home-swiper-slide:after{content:"";position:absolute;inset:0;border-radius:20px;box-shadow:inset 0 0 0 1.5px var(--gallery-inset);pointer-events:none}.home-swiper-dots{display:flex;justify-content:center;gap:8px;margin-top:4px}.home-swiper-dot{width:8px;height:8px;border-radius:50%;background:var(--dot-color);border:none;padding:0;cursor:pointer;transition:background .2s,transform .2s}.home-swiper-dot.active{background:var(--accent);transform:scale(1.3)}.home-history-delete{position:absolute;top:8px;right:8px;width:32px;height:32px;border:none;border-radius:50%;background:#0000008c;color:#ffffffd9;font-size:.8rem;cursor:pointer;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;transition:opacity .15s ease;z-index:2}.home-swiper-slide:hover .home-history-delete,.home-swiper-slide:active .home-history-delete{opacity:1}@media(hover:none){.home-history-delete{opacity:1}}.home-or{width:100%;max-width:400px;margin-top:18px;margin-bottom:2px;font-size:.78rem;font-weight:600;color:var(--text-muted);letter-spacing:1px;display:flex;align-items:center;gap:10px}.home-or:before,.home-or:after{content:"";flex:1;height:1px;background:var(--divider)}.home-privacy{margin-top:10px;font-size:.7rem;color:var(--text-muted);text-align:center}.home-version{margin-top:1rem;padding:12px 0;font-size:.65rem;color:var(--text-muted);text-align:left;opacity:.6}.home-actions{display:flex;gap:12px;margin-top:12px;width:100%;max-width:400px}.home-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;min-height:48px;padding:15px 12px;border:1.5px solid var(--border);border-radius:16px;font-size:.95rem;font-weight:600;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease;background:var(--surface);color:var(--text);box-shadow:0 2px 12px var(--shadow)}.home-btn:active{transform:scale(.94)}.home-btn-icon{font-size:1.2rem}.home-top-actions{position:fixed;top:max(16px,env(safe-area-inset-top,16px));right:16px;display:flex;gap:10px;z-index:50}.home-top-btn{width:40px;height:40px;border:1.5px solid var(--border);border-radius:50%;background:var(--surface);box-shadow:0 2px 10px var(--shadow);font-size:1.1rem;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .12s ease;z-index:10}.home-top-btn:active{transform:scale(.88)}.help-panel{background:var(--dialog-bg);border-radius:24px;padding:28px 24px 24px;width:90%;max-width:340px;max-height:80vh;overflow-y:auto;box-shadow:0 12px 40px var(--dialog-shadow);animation:slideUp .25s ease}.help-section{margin-top:18px}.help-heading{font-size:.95rem;font-weight:700;color:var(--text);margin-bottom:6px}.help-body{font-size:.82rem;color:var(--text-secondary);line-height:1.65;white-space:pre-line}.settings-overlay{position:fixed;inset:0;background:var(--overlay-bg);display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .2s ease}.settings-panel{background:var(--dialog-bg);border-radius:24px;padding:28px 24px 24px;width:95%;max-width:300px;box-shadow:0 12px 40px var(--dialog-shadow);animation:slideUp .25s ease}.settings-title{font-size:1.2rem;font-weight:700;text-align:center;margin-bottom:20px;color:var(--text)}.settings-section{margin-top:18px;padding-top:16px;border-top:1px solid var(--divider)}.settings-section-title{font-size:.82rem;font-weight:600;color:var(--text-muted);text-align:center;margin-bottom:12px;letter-spacing:.5px}.settings-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.settings-option{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 12px 12px;border:2px solid var(--option-border);border-radius:16px;background:var(--option-bg);font-size:1rem;font-weight:700;text-align:center;cursor:pointer;transition:all .15s ease;color:var(--text-secondary)}.settings-option:active{transform:scale(.95)}.settings-option.active{border-color:var(--option-active-border);background:var(--option-active-bg);color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.settings-grid-dots{display:grid;gap:3px;margin-bottom:2px}.settings-grid-dot{width:6px;height:6px;border-radius:2px;background:var(--dot-color)}.settings-option.active .settings-grid-dot{background:var(--dot-active)}.settings-theme-row{display:flex;gap:10px}.settings-theme-btn{flex:1;min-height:48px;padding:12px;border:2px solid var(--option-border);border-radius:16px;background:var(--option-bg);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .15s ease;color:var(--text-secondary);text-align:center}.settings-theme-btn:active{transform:scale(.95)}.settings-theme-btn.active{border-color:var(--option-active-border);background:var(--option-active-bg);color:var(--accent)}.game-screen{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--game-bg);position:relative;overflow:hidden}.game-screen:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 40%,rgba(74,144,217,.05) 0%,transparent 60%),radial-gradient(circle at 70% 60%,rgba(156,80,255,.03) 0%,transparent 60%);pointer-events:none}.game-canvas{display:block;border-radius:6px;touch-action:none;position:relative;z-index:1;box-shadow:0 4px 24px #00000059}.game-exit-btn{position:absolute;top:env(safe-area-inset-top,12px);left:12px;width:48px;height:48px;border:none;border-radius:50%;background:#ffffff1a;color:#ffffffbf;font-size:1.2rem;font-weight:400;cursor:pointer;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:background .15s;z-index:10}.game-exit-btn:active{background:#ffffff38}.game-thumbnail{position:absolute;top:env(safe-area-inset-top,12px);right:12px;width:72px;height:72px;border-radius:12px;border:2.5px solid rgba(255,255,255,.25);cursor:pointer;object-fit:cover;box-shadow:0 2px 12px #0006;transition:transform .15s ease;z-index:10}.game-thumbnail:active{transform:scale(.92)}.preview-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:200;animation:fadeIn .2s ease;cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.preview-overlay .preview-hint{position:absolute;bottom:max(24px,env(safe-area-inset-bottom,24px));left:50%;transform:translate(-50%);color:#fff6;font-size:.85rem;pointer-events:none}.preview-image{border-radius:8px;box-shadow:0 8px 32px #00000080}.confirm-overlay{position:fixed;inset:0;background:var(--overlay-bg);display:flex;align-items:center;justify-content:center;z-index:300;animation:fadeIn .15s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.confirm-dialog{background:var(--dialog-bg);border-radius:24px;padding:32px 28px 24px;width:85%;max-width:300px;text-align:center;box-shadow:0 12px 40px var(--dialog-shadow);animation:slideUp .2s ease}.confirm-icon{font-size:2.4rem;margin-bottom:12px}.confirm-message{font-size:1rem;line-height:1.65;color:var(--text-secondary);margin-bottom:22px}.confirm-buttons{display:flex;gap:10px}.confirm-btn{flex:1;min-height:48px;padding:13px;border:none;border-radius:16px;font-size:.95rem;font-weight:600;cursor:pointer;transition:transform .1s ease}.confirm-btn:active{transform:scale(.94)}.confirm-btn-cancel{background:var(--btn-cancel-bg);color:var(--btn-cancel-text)}.confirm-btn-ok{background:#e05555;color:#fff}.win-overlay{position:absolute;bottom:max(16px,env(safe-area-inset-bottom,16px));left:12px;right:12px;display:flex;justify-content:center;z-index:50;pointer-events:none;animation:winSlideUp .5s cubic-bezier(.34,1.56,.64,1)}.win-badge{background:var(--win-badge-bg);border-radius:22px;padding:14px 20px;text-align:center;box-shadow:0 8px 32px var(--dialog-shadow);pointer-events:auto;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;gap:12px;max-width:100%}.win-emoji{font-size:1.6rem;flex-shrink:0;animation:winBounce .6s ease .3s both}.win-text{font-size:1rem;font-weight:800;color:var(--win-text);white-space:nowrap;min-width:0}.win-btn{min-height:48px;padding:12px 20px;border:none;border-radius:16px;background:linear-gradient(135deg,#4a90d9,#6ba8ec);color:#fff;font-size:.9rem;font-weight:700;cursor:pointer;box-shadow:0 4px 16px #4a90d94d;transition:transform .12s ease;flex-shrink:0;white-space:nowrap}.win-btn:active{transform:scale(.94)}.holo-perspective{perspective:600px;display:flex;align-items:center;justify-content:center;z-index:1;padding:24px;touch-action:none}.holo-spinner{transform-style:preserve-3d}.holo-card{position:relative;transform-style:preserve-3d;will-change:transform;transition:transform .08s ease-out;border-radius:6px;overflow:hidden}.holo-shine{--bg-x: 50%;--bg-y: 50%;--pointer-x: 50%;--pointer-y: 50%;--from-center: 0;--shine-brightness: .55;position:absolute;inset:0;border-radius:6px;pointer-events:none;z-index:2;opacity:0;transition:opacity .4s ease;transform:translateZ(1px);background-image:repeating-linear-gradient(-22deg,#af67cb40 5%,#e44e4940,#d7c53740,#7ec94040,#4fb0a940,#8aa1ff40,#b16bcc40 35%);background-size:300% 400%;background-position:var(--bg-x) var(--bg-y);mix-blend-mode:color-dodge;filter:brightness(var(--shine-brightness)) contrast(1.3) saturate(.8)}.holo-shine:after{content:"";position:absolute;inset:0;border-radius:6px;background-image:radial-gradient(farthest-corner ellipse at calc(var(--pointer-x) * .5 + 25%) calc(var(--pointer-y) * .5 + 25%),#fff 5%,#38003899 40%,#383838 120%);background-size:400% 500%;background-position:var(--bg-x) var(--bg-y);filter:brightness(calc(var(--from-center) * .2 + .4)) contrast(.85) saturate(1.1);mix-blend-mode:hard-light}.holo-glare{--pointer-x: 50%;--pointer-y: 50%;position:absolute;inset:0;border-radius:6px;pointer-events:none;z-index:3;opacity:0;transition:opacity .4s ease;transform:translateZ(1.4px);background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsla(0,0%,100%,.4) 10%,hsla(0,0%,100%,.2) 35%,hsla(180,11%,35%,.6) 60%);mix-blend-mode:soft-light}@keyframes holoShineIn{to{opacity:1}}.holo-gyro-btn{position:absolute;bottom:-52px;left:50%;transform:translate(-50%);padding:10px 20px;border:none;border-radius:20px;background:#ffffff26;color:#ffffffd9;font-size:.85rem;font-weight:700;cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);white-space:nowrap;z-index:10;animation:fadeIn .3s ease;transition:background .15s}.holo-gyro-btn:active{background:#ffffff40}.game-loading{color:#fff9;font-size:1rem;text-align:center;z-index:2}.game-loading-spinner{width:36px;height:36px;border:3px solid rgba(255,255,255,.12);border-top-color:#fff9;border-radius:50%;animation:spin .7s linear infinite;margin:0 auto 14px}.screen-enter{animation:screenFadeIn .2s ease both}.screen-enter-slow{animation:screenFadeIn .6s cubic-bezier(.25,.1,.25,1) both}.screen-exit{animation:screenFadeOut .15s ease both}@keyframes screenFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes screenFadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}.game-progress{position:absolute;bottom:max(16px,env(safe-area-inset-bottom,16px));left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;z-index:10;pointer-events:none}.game-progress-bar{width:120px;height:8px;border-radius:4px;background:#ffffff1f;overflow:hidden}.game-progress-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,#69f0ae,#40c4ff);transition:width .3s ease}.game-progress-text{font-size:.75rem;font-weight:700;color:#ffffff80;white-space:nowrap}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes winSlideUp{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes winBounce{0%{transform:scale(0)}60%{transform:scale(1.3)}to{transform:scale(1)}}.splash-overlay{position:fixed;inset:0;z-index:9999;background:var(--bg);display:flex;align-items:center;justify-content:center}.splash-content{display:flex;flex-direction:column;align-items:center;gap:28px;will-change:transform,opacity}.splash-grid{position:relative;flex-shrink:0}.splash-piece{position:absolute;will-change:transform,opacity;box-shadow:0 4px 16px #00000040}.splash-title{font-family:Nunito,sans-serif;font-size:2.4rem;font-weight:800;color:var(--text);letter-spacing:.04em;opacity:0;will-change:transform,opacity}.splash-subtitle{font-family:Nunito,sans-serif;font-size:1rem;font-weight:600;color:var(--text-secondary);opacity:0;will-change:transform,opacity}@media(min-width:600px){.home-swiper-slide{flex:0 0 40vw}.home-actions{max-width:480px}.home-steps{max-width:500px}.home-section-label,.home-or{max-width:480px}.home-title{font-size:3.2rem}}@media(max-height:640px){.home-screen{padding-top:8px}.home-header{margin-top:4px}.home-steps{margin-top:10px;gap:14px}.home-section-label{margin-top:14px}.home-or{margin-top:10px}.home-actions{margin-top:8px}}