@import"https://fonts.googleapis.com/css2?family=Chiron+GoRound+TC:wght@400;600;700;800&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,Chiron GoRound TC,ui-rounded,-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-flex;align-items:center;justify-content:center;margin-top:8px;padding:5px 14px;border:0;background:var(--badge-bg);color:var(--badge-text);border-radius:20px;font-size:.82rem;font-weight:700;letter-spacing:.5px;font-family:inherit;cursor:pointer;transition:transform .12s ease,background .12s ease}.home-grid-badge:active{transform:scale(.94)}.home-grid-badge:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.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)}@media(max-width:520px){.home-header{margin-top:max(54px,env(safe-area-inset-top,0px) + 46px)}}.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:24px;width:95%;max-width:400px;max-height:calc(100dvh - 32px);overflow-y:auto;box-shadow:0 12px 40px var(--dialog-shadow);animation:slideUp .25s ease}.settings-header{position:sticky;top:-24px;z-index:1;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;margin:-24px -24px 18px;padding:18px 16px 12px;border-radius:24px 24px 0 0;background:var(--dialog-bg)}.settings-title{font-size:1.2rem;font-weight:700;text-align:center;grid-column:2;margin:0;color:var(--text)}.settings-close-btn{grid-column:3;justify-self:end;width:44px;height:44px;border:0;border-radius:50%;background:var(--option-bg);color:var(--text-secondary);font-size:1.65rem;line-height:1;cursor:pointer;transition:transform .15s ease,background .15s ease,color .15s ease}.settings-close-btn:active{transform:scale(.92)}.settings-close-btn:focus-visible{outline:3px solid var(--accent-glow);outline-offset:2px}.settings-section{margin-top:16px;padding-top:16px;border-top:1px solid var(--divider)}.settings-section-title{font-size:.82rem;font-weight:600;color:var(--text-muted);text-align:left;margin:0 0 10px;letter-spacing:.5px}.settings-grid-title{margin:0 0 10px}.settings-list-section{padding-top:0}.settings-list{margin-top:18px;border-top:1px solid var(--divider)}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:62px;padding:10px 0}.settings-row+.settings-row{border-top:1px solid var(--divider)}.settings-row-copy{flex:1;min-width:0}.settings-row-title{font-size:.98rem;font-weight:700;color:var(--text)}.settings-row-detail{margin-top:4px;font-size:.78rem;font-weight:600;line-height:1.35;color:var(--text-muted)}.settings-row-control{flex:0 0 auto;display:flex;justify-content:flex-end;min-width:112px}.settings-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:0}.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-select{min-width:112px;min-height:42px;padding:0 34px 0 14px;border:1px solid var(--option-border);border-radius:12px;background:var(--option-bg);color:var(--text);font:inherit;font-size:.9rem;font-weight:700;cursor:pointer}.settings-select:focus-visible,.settings-action-btn:focus-visible,.settings-switch:focus-visible{outline:3px solid var(--accent-glow);outline-offset:2px}.settings-switch{position:relative;width:54px;height:32px;border:0;border-radius:999px;background:var(--option-border);cursor:pointer;transition:background .18s ease}.settings-switch.active{background:var(--accent)}.settings-switch-knob{position:absolute;top:3px;left:3px;width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:0 2px 8px #00000038;transition:transform .18s ease}.settings-switch.active .settings-switch-knob{transform:translate(22px)}.settings-action-btn{min-width:112px;min-height:42px;padding:9px 14px;border:1px solid var(--option-border);border-radius:12px;background:var(--option-bg);color:var(--text);font-size:.86rem;font-weight:700;cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease,color .15s ease}.settings-action-btn:active{transform:scale(.95)}.settings-action-btn:disabled{cursor:not-allowed;opacity:.58}.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)}.tour-overlay{position:fixed;inset:0;z-index:150;background:transparent;animation:fadeIn .18s ease;touch-action:none}.tour-highlight{position:fixed;left:0;top:0;opacity:0;border:2px solid var(--accent);border-radius:24px;background:transparent;box-shadow:0 0 0 9999px var(--overlay-bg),0 0 0 8px var(--accent-glow),0 12px 36px var(--dialog-shadow);pointer-events:none;transition:transform .28s cubic-bezier(.2,.8,.2,1),width .28s cubic-bezier(.2,.8,.2,1),height .28s cubic-bezier(.2,.8,.2,1),opacity .18s ease,box-shadow .28s ease;will-change:transform,width,height,opacity}.tour-highlight-ready{opacity:1}.tour-highlight-hidden{opacity:0}.tour-panel{position:fixed;left:0;top:0;opacity:0;max-width:calc(100vw - 32px);padding:24px;border-radius:24px;background:var(--dialog-bg);color:var(--text);box-shadow:0 12px 40px var(--dialog-shadow);transition:transform .28s cubic-bezier(.2,.8,.2,1),opacity .18s ease;will-change:transform,opacity}.tour-panel-ready{opacity:1}.tour-header{position:static;margin:-24px -24px 12px}.tour-title{line-height:1.3}.tour-body{font-size:.9rem;font-weight:600;line-height:1.65;color:var(--text-secondary)}.tour-progress{margin-top:14px;font-size:.78rem;font-weight:700;color:var(--text-muted);text-align:center}.tour-controls{display:flex;gap:10px;margin-top:14px}.tour-controls .settings-action-btn{flex:1;min-width:0}.tour-primary-btn{border-color:var(--option-active-border);background:var(--option-active-bg);color:var(--accent)}.tour-secondary-btn:disabled{opacity:.42}@media(max-width:420px){.tour-panel{padding:20px}.tour-header{margin:-20px -20px 10px}.tour-body{font-size:.86rem}}@media(prefers-reduced-motion:reduce){.tour-overlay,.tour-highlight,.tour-panel{animation:none;transition:none}}.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)}.game-advanced-tip{position:absolute;left:50%;bottom:max(78px,env(safe-area-inset-bottom,18px) + 62px);z-index:20;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px;width:min(420px,calc(100vw - 28px));padding:12px 12px 12px 14px;border:1px solid rgba(255,255,255,.14);border-radius:20px;background:#1f2136eb;color:#e4e4f0;box-shadow:0 12px 36px #00000057;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transform:translate3d(-50%,0,0);animation:advancedTipFadeIn .18s ease}.game-advanced-tip-icon{width:38px;height:38px;border-radius:50%;background:#6ba3e829;color:#8dbcf0;display:flex;align-items:center;justify-content:center;font-size:1.35rem;font-weight:800}.game-advanced-tip-copy{min-width:0}.game-advanced-tip-title{font-size:.9rem;font-weight:800}.game-advanced-tip-body{margin-top:2px;font-size:.78rem;font-weight:600;line-height:1.45;color:#e4e4f0c2}.game-advanced-tip-btn{min-height:38px;padding:8px 12px;border:0;border-radius:12px;background:#6ba3e82e;color:#a8cef7;font:inherit;font-size:.82rem;font-weight:800;cursor:pointer;transition:transform .14s ease,background .14s ease}.game-advanced-tip-btn:active{transform:scale(.94);background:#6ba3e842}@media(max-width:420px){.game-advanced-tip{grid-template-columns:34px minmax(0,1fr);gap:10px}.game-advanced-tip-icon{width:34px;height:34px;font-size:1.2rem}.game-advanced-tip-btn{grid-column:2;justify-self:start}}.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 16px;text-align:left;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-content{min-width:0;display:grid;gap:4px}.win-stats{display:flex;flex-wrap:wrap;gap:6px;color:var(--text-secondary);font-size:.78rem;font-weight:800;line-height:1.2}.win-stats span{padding:3px 8px;border-radius:999px;background:#7f8ba529;white-space:nowrap}.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{--bg-x: 50%;--bg-y: 50%;--pointer-x: 50%;--pointer-y: 50%;--from-center: 0;--shine-brightness: .55;position:relative;transform-style:preserve-3d;will-change:transform;transition:transform .08s ease-out;border-radius:6px;overflow:hidden}.holo-shine{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{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}.holo-perspective[data-holo-tier] .holo-shine,.holo-perspective[data-holo-tier] .holo-glare,.holo-perspective[data-holo-tier] .holo-cosmos,.holo-perspective[data-holo-tier] .holo-nebula,.holo-perspective[data-holo-tier] .holo-rays,.holo-perspective[data-holo-tier] .holo-comet,.holo-perspective[data-holo-tier] .holo-foil-lines,.holo-perspective[data-holo-tier] .holo-prism,.holo-perspective[data-holo-tier] .holo-gold,.holo-perspective[data-holo-tier] .holo-art-bloom,.holo-perspective[data-holo-tier] .holo-art-prism,.holo-perspective[data-holo-tier] .holo-burst{position:absolute;inset:0;pointer-events:none;border-radius:6px}.holo-perspective[data-holo-tier="4"] .holo-shine{background-image:linear-gradient(135deg,transparent 40%,hsla(210,80%,88%,.28) 50%,transparent 60%);background-size:250% 250%;background-position:var(--bg-x) var(--bg-y);mix-blend-mode:soft-light;filter:brightness(1) contrast(1) saturate(.6);opacity:calc(.35 + var(--from-center) * .65);animation:tier1Sweep 4s ease-in-out infinite}.holo-perspective[data-holo-tier="4"] .holo-shine:after{display:none}.holo-perspective[data-holo-tier="4"] .holo-glare{background-image:radial-gradient(circle at var(--pointer-x) var(--pointer-y),rgba(255,255,255,.3) 0%,transparent 50%);mix-blend-mode:soft-light;opacity:calc(.08 + var(--from-center) * .55)}.holo-perspective[data-holo-tier="4"][data-intro-done="1"] .holo-spinner{animation:tier1Idle 7s ease-in-out .2s infinite}@keyframes tier1Idle{0%{transform:rotateY(0) translateY(0)}7%{transform:rotateY(-9deg) translateY(-1px)}16%{transform:rotateY(9deg) translateY(-1px)}22%{transform:rotateY(0) translateY(0)}45%{transform:rotateY(2.5deg) translateY(-2px)}72%{transform:rotateY(-2.5deg) translateY(-2px)}to{transform:rotateY(0) translateY(0)}}.holo-perspective[data-holo-tier="5"] .holo-shine{background-image:linear-gradient(135deg,#713cdd38,#4c7fe62e 40%,#c970db38);background-size:300% 300%;background-position:var(--bg-x) var(--bg-y);mix-blend-mode:color-dodge;filter:brightness(calc(.7 + var(--from-center) * .6)) saturate(calc(1.1 + var(--from-center) * .9));opacity:calc(.35 + var(--from-center) * .65)}.holo-perspective[data-holo-tier="5"] .holo-shine:after{display:none}.holo-perspective[data-holo-tier="5"] .holo-cosmos{z-index:3;background-image:radial-gradient(1.5px 1.5px at 12% 18%,rgba(255,255,255,.95),transparent),radial-gradient(1px 1px at 28% 35%,rgba(255,255,255,.85),transparent),radial-gradient(2px 2px at 45% 14%,rgba(255,255,255,1),transparent),radial-gradient(1px 1px at 60% 25%,rgba(255,255,255,.7),transparent),radial-gradient(1.5px 1.5px at 75% 50%,rgba(255,255,255,.9),transparent),radial-gradient(1px 1px at 88% 70%,rgba(255,255,255,.8),transparent),radial-gradient(2px 2px at 22% 75%,rgba(255,255,255,1),transparent),radial-gradient(1px 1px at 50% 85%,rgba(255,255,255,.7),transparent),radial-gradient(1.5px 1.5px at 70% 90%,rgba(255,255,255,.9),transparent),radial-gradient(1px 1px at 38% 55%,rgba(255,255,255,.7),transparent),radial-gradient(ellipse 60% 40% at 30% 60%,hsla(280,70%,50%,.18) 0%,transparent 70%),radial-gradient(ellipse 50% 50% at 70% 30%,hsla(220,80%,55%,.16) 0%,transparent 70%);background-size:100% 100%;background-position:var(--bg-x) var(--bg-y);mix-blend-mode:screen;filter:brightness(calc(.5 + var(--from-center) * 1.4)) saturate(calc(1 + var(--from-center) * 1.5));transform:scale(calc(1 + var(--from-center) * .22));will-change:transform;animation:cosmosTwinkle 3s ease-in-out infinite}.holo-perspective[data-holo-tier="5"] .holo-nebula{z-index:4;background:radial-gradient(circle at var(--pointer-x) var(--pointer-y),hsla(230,90%,88%,.55) 0%,hsla(280,85%,78%,.45) 8%,hsla(255,90%,70%,.32) 22%,hsla(215,95%,68%,.2) 40%,hsla(195,90%,65%,.1) 58%,transparent 75%),radial-gradient(circle at calc(100% - var(--pointer-x)) calc(100% - var(--pointer-y)),hsla(260,90%,75%,.25) 0%,hsla(200,90%,65%,.12) 30%,transparent 60%);mix-blend-mode:screen;filter:blur(8px) hue-rotate(calc((var(--pointer-x) - 50%) * 1.4));opacity:calc(var(--from-center) * .95);transform:scale(calc(1 + var(--from-center) * .45));will-change:transform,opacity}.holo-perspective[data-holo-tier="5"] .holo-rays{z-index:5;background:conic-gradient(from var(--ray-angle) at calc(var(--pointer-x) + var(--ray-drift-x)) calc(var(--pointer-y) + var(--ray-drift-y)),transparent 0deg,hsla(220,90%,80%,.32) 6deg,transparent 12deg,transparent 22deg,hsla(290,85%,78%,.28) 28deg,transparent 36deg,transparent 60deg,hsla(210,90%,80%,.35) 70deg,transparent 78deg,transparent 110deg,hsla(260,85%,78%,.28) 120deg,transparent 130deg,transparent 180deg,hsla(220,90%,80%,.3) 188deg,transparent 196deg,transparent 240deg,hsla(280,85%,78%,.25) 250deg,transparent 258deg,transparent 300deg,hsla(210,90%,80%,.3) 310deg,transparent 318deg,transparent 360deg);mix-blend-mode:screen;filter:blur(1.2px);opacity:calc(var(--from-center) * .85);transform:translate(calc(var(--ray-drift-x) * -.45),calc(var(--ray-drift-y) * -.35)) rotate(calc(var(--ray-angle) * .16)) scale(calc(.92 + var(--from-center) * .45));transform-origin:var(--pointer-x) var(--pointer-y);will-change:transform,opacity}.holo-perspective[data-holo-tier="5"] .holo-comet{z-index:6;background:linear-gradient(calc(45deg + (var(--pointer-x) - 50%) * .8deg),transparent 40%,hsla(255,85%,78%,.4) 47%,hsla(220,90%,82%,.65) 49.5%,hsla(210,95%,86%,.75) 50%,hsla(220,90%,82%,.65) 50.5%,hsla(290,85%,78%,.4) 53%,transparent 60%);background-size:220% 220%;background-position:var(--bg-x) var(--bg-y);mix-blend-mode:screen;filter:blur(.8px);opacity:calc(var(--from-center) * .85);will-change:opacity}.holo-perspective[data-holo-tier="6"] .holo-shine{background-image:repeating-linear-gradient(-22deg,#c55eed38 5%,#f25f5a38,#ebd84738,#3cdd3c38,#4cbfe638,#9271f438,#c55eed38 35%);background-size:300% 400%;background-position:var(--bg-x) var(--bg-y);mix-blend-mode:color-dodge;filter:brightness(.9) contrast(1.3) saturate(1.2);opacity:calc(.4 + var(--from-center) * .6)}.holo-perspective[data-holo-tier="6"] .holo-shine:after{display:none}.holo-perspective[data-holo-tier="6"] .holo-foil-lines{z-index:3;background-image:repeating-linear-gradient(45deg,transparent 0,transparent 4px,rgba(255,255,255,.18) 4px,rgba(255,255,255,.18) 5px);mix-blend-mode:overlay;opacity:calc(.2 + var(--from-center) * .55)}.holo-perspective[data-holo-tier="6"] .holo-prism{z-index:4;background:conic-gradient(from 0deg at 12% 12%,#ff666673,#ff60,#66ffff73,#b266ff00,#ff666673),conic-gradient(from 180deg at 88% 88%,#66ff6673,#6ff0,#ff66ff73,#f660,#66ff6673);background-blend-mode:screen;mix-blend-mode:plus-lighter;filter:blur(8px);opacity:calc(.1 + var(--from-center) * .7)}.holo-perspective[data-holo-tier="7"] .holo-shine{background-image:repeating-linear-gradient(-22deg,#c363e92e 5%,#e967632e,#e0d0522e,#47d1472e,#52bde02e,#9679ec2e,#c363e92e 35%);background-size:300% 400%;background-position:var(--bg-x) var(--bg-y);mix-blend-mode:color-dodge;filter:brightness(.85) contrast(1.15) saturate(1);opacity:calc(.3 + var(--from-center) * .5)}.holo-perspective[data-holo-tier="7"] .holo-shine:after{display:none}.holo-perspective[data-holo-tier="7"] .holo-art-bloom{background-image:var(--art-url);background-size:cover;background-position:center;mix-blend-mode:color-dodge;filter:blur(1.5px) brightness(1.15) saturate(1.2);transform:scale(1.04);opacity:calc(.12 + var(--from-center) * .35);will-change:opacity;z-index:1}.holo-perspective[data-holo-tier="7"] .holo-art-prism{background-image:var(--art-url);background-size:cover;background-position:center;mix-blend-mode:plus-lighter;filter:hue-rotate(180deg) saturate(1.4) brightness(.9);transform:translate(calc((var(--pointer-x) - 50%) * .03),calc((var(--pointer-y) - 50%) * .03));opacity:calc(var(--from-center) * .32);will-change:transform,opacity;z-index:4}.holo-perspective[data-holo-tier="7"] .holo-cosmos{z-index:3;background-image:radial-gradient(1.5px 1.5px at 10% 20%,rgba(255,255,255,.85),transparent),radial-gradient(1px 1px at 30% 30%,rgba(255,255,255,.7),transparent),radial-gradient(2px 2px at 45% 12%,rgba(255,255,255,.85),transparent),radial-gradient(1px 1px at 65% 25%,rgba(255,255,255,.65),transparent),radial-gradient(2px 2px at 80% 45%,rgba(255,255,255,.85),transparent),radial-gradient(1.5px 1.5px at 90% 70%,rgba(255,255,255,.7),transparent),radial-gradient(2px 2px at 22% 70%,rgba(255,255,255,.85),transparent),radial-gradient(1px 1px at 50% 88%,rgba(255,255,255,.65),transparent),radial-gradient(1.5px 1.5px at 75% 92%,rgba(255,255,255,.85),transparent),radial-gradient(1px 1px at 38% 55%,rgba(255,255,255,.6),transparent),radial-gradient(1.5px 1.5px at 60% 60%,rgba(255,255,255,.75),transparent),radial-gradient(1px 1px at 15% 50%,rgba(255,255,255,.7),transparent);background-size:100% 100%;background-position:var(--bg-x) var(--bg-y);mix-blend-mode:screen;filter:brightness(calc(.4 + var(--from-center) * .5));animation:cosmosTwinkle 2.4s ease-in-out infinite}.holo-perspective[data-holo-tier="7"] .holo-gold{z-index:5;background:conic-gradient(from 0deg,#f4c02540,#ec801314,#f5d63d47,#ee9d2b14,#f4c02540);mix-blend-mode:overlay;opacity:calc(.18 + var(--from-center) * .45);will-change:transform;animation:goldRotate 18s linear infinite}.holo-perspective[data-holo-tier="7"] .holo-foil-lines{z-index:6;background-image:repeating-linear-gradient(45deg,transparent 0,transparent 3px,rgba(255,255,255,.15) 3px,rgba(255,255,255,.15) 4px);mix-blend-mode:overlay;opacity:calc(.15 + var(--from-center) * .4)}.holo-perspective[data-holo-tier="7"]{position:relative}.holo-perspective[data-holo-tier="7"]:before{content:"";position:absolute;inset:16px;border-radius:16px;background:radial-gradient(closest-side,hsla(45,90%,60%,.22),transparent 75%);filter:blur(12px);z-index:0;will-change:transform,opacity;animation:edgePulse 3.2s ease-in-out infinite;pointer-events:none}.holo-perspective[data-holo-tier="7"] .holo-burst{position:absolute;inset:auto;width:0;height:0;border-radius:50%;border:3px solid hsla(50,90%,65%,.55);box-shadow:0 0 28px #f6db5573;z-index:7;transform:translate(-50%,-50%);animation:holoBurst 1.4s ease-out forwards}.holo-perspective[data-holo-tier] .holo-sparkle{position:absolute;width:6px;height:6px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,1) 0%,rgba(255,255,255,.4) 40%,transparent 70%);pointer-events:none;left:var(--x);top:var(--y);transform:translate(-50%,-50%);animation:sparkleTwinkle 1.6s ease-in-out infinite;animation-delay:calc(var(--i) * .13s);z-index:8}.holo-perspective[data-holo-tier] .holo-sparkle.star{width:14px;height:14px;background:radial-gradient(circle,rgba(255,255,255,1) 0%,rgba(255,230,140,.7) 35%,transparent 60%);filter:drop-shadow(0 0 6px rgba(255,230,120,.95))}@keyframes tier1Sweep{0%{background-position:100% 0%}50%{background-position:0% 100%}to{background-position:100% 0%}}@keyframes cosmosTwinkle{0%,to{opacity:.45}50%{opacity:.85}}@keyframes goldRotate{to{transform:rotate(360deg)}}@keyframes edgePulse{0%,to{opacity:.25;transform:scale(.98)}50%{opacity:.5;transform:scale(1.04)}}@keyframes holoBurst{0%{width:20px;height:20px;opacity:1}to{width:480px;height:480px;opacity:0}}@keyframes sparkleTwinkle{0%,to{opacity:0;transform:translate(-50%,-50%) scale(.4)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}}@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 advancedTipFadeIn{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,Chiron GoRound TC,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,Chiron GoRound TC,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}}