*{margin:0;padding:0;box-sizing:border-box}body{background:#900;overflow:hidden;width:100vw;height:100vh;font-family:Courier New,SF Mono,monospace;touch-action:pan-x pan-y;-ms-touch-action:pan-x pan-y}.flame-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.start-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:transparent;z-index:9999;display:flex;align-items:center;justify-content:center;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);transition:opacity .5s ease,visibility .5s ease}.start-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:1rem;width:100%;height:100%;padding:clamp(20px,4vh,50px) clamp(30px,6vw,60px);padding-top:12vh;background:transparent;box-shadow:none;border-radius:0;overflow:hidden}@media(min-width:768px){.start-content{padding-top:6vh;gap:.5rem}}@media(min-width:768px)and (orientation:landscape){.start-content{padding-top:4vh;gap:.25rem}#cny-label-top{margin-top:2vh}}.cny-countdown{display:flex;align-items:center;justify-content:center;gap:clamp(6px,2vw,12px);white-space:nowrap;position:relative;z-index:2}.horse-canvas{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);width:clamp(180px,55vw,500px);height:clamp(180px,55vw,500px);filter:drop-shadow(0 0 15px rgba(255,165,0,.6)) drop-shadow(0 0 35px rgba(255,69,0,.3));animation:horseBreath 3s ease-in-out infinite;margin:0;z-index:1}@media(min-width:768px){.horse-canvas{width:clamp(180px,35vh,400px);height:clamp(180px,35vh,400px);top:48%}}@keyframes horseBreath{0%,to{filter:drop-shadow(0 0 15px rgba(255,165,0,.6)) drop-shadow(0 0 35px rgba(255,69,0,.3))}50%{filter:drop-shadow(0 0 25px rgba(255,215,0,.8)) drop-shadow(0 0 50px rgba(255,69,0,.5))}}.countdown-unit{display:flex;flex-direction:column;align-items:center;min-width:clamp(48px,14vw,80px)}.countdown-number{font-family:Times New Roman,Georgia,serif;font-size:clamp(2.4rem,10vw,4.5rem);font-weight:700;color:gold;line-height:1;text-shadow:0 0 30px rgba(255,215,0,.7),0 0 60px rgba(255,69,0,.4)}.countdown-label{font-family:Courier New,monospace;font-size:clamp(.55rem,1.8vw,.75rem);color:#ffd700b3;letter-spacing:2px;margin-top:2px}.countdown-separator{font-family:Times New Roman,serif;font-size:clamp(1.6rem,6vw,3rem);color:#ffd70080;line-height:1;align-self:flex-start;padding-top:clamp(4px,1.5vw,10px)}@media(min-width:768px){.countdown-number{font-size:clamp(2rem,4vh,3.2rem)}.countdown-separator{font-size:clamp(1.2rem,3vh,2rem);padding-top:clamp(2px,.8vh,6px)}.countdown-label{font-size:clamp(.5rem,1vh,.65rem)}.countdown-unit{min-width:clamp(40px,8vh,70px)}}.cny-label{color:gold;text-align:center;text-shadow:0 0 10px rgba(255,215,0,.5);position:relative;z-index:2}#cny-label-bottom{position:absolute;top:66%;width:100%;bottom:auto}@media(orientation:landscape){#cny-label-bottom{top:72%}}@media(min-width:768px){#cny-label-bottom{top:66%}}@media(min-width:768px)and (orientation:landscape){#cny-label-bottom{top:68%}}.cny-label-en{font-family:Courier New,monospace;font-size:clamp(.8rem,4vw,1.6rem);letter-spacing:3px;line-height:1.5;margin-bottom:10px;text-shadow:0 0 16px rgba(255,215,0,.6),0 0 6px rgba(255,69,0,.3)}.cny-label-highlight{color:#fff;white-space:nowrap;display:block;margin-top:8px;text-shadow:0 0 20px rgba(255,100,0,.8),0 0 40px rgba(255,69,0,.5),0 0 8px rgba(255,215,0,.9)}@media(min-width:768px){.cny-label-highlight{display:inline;margin-top:0}}.cny-label-cn{display:block;text-align:center}.cny-label-char{font-family:"Noto Serif TC",serif;font-size:clamp(1.6rem,5.5vw,2.4rem);font-weight:700;display:block}.cny-label-date{font-family:Courier New,monospace;font-size:clamp(.8rem,2.5vw,1.1rem);opacity:.7;letter-spacing:2px;display:block;margin-top:4px}.start-swipe-hint{position:absolute;top:76%;left:0;width:100%;display:flex;align-items:center;justify-content:center;gap:8px;color:gold;font-family:Courier New,monospace;text-shadow:0 0 12px rgba(255,215,0,.5);animation:swipeHintPulse 2.5s ease-in-out infinite;cursor:pointer;-webkit-user-select:none;user-select:none;margin:0;z-index:2}@media(orientation:landscape){.start-swipe-hint{top:81%}}@media(min-width:768px){.start-swipe-hint{top:80%}}@media(min-width:768px)and (orientation:landscape){.start-swipe-hint{top:84%}}.swipe-arrow{font-size:clamp(1.4rem,5vw,2rem);display:inline-flex;align-items:center;line-height:1;vertical-align:middle;position:relative;top:-.1em}.swipe-text-en{font-size:clamp(1rem,4vw,1.3rem);letter-spacing:3px;font-weight:700}.swipe-text-cn{display:none}@keyframes swipeHintPulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes swipeHintHop{0%,to{transform:translateY(0)}15%{transform:translateY(-6px)}30%{transform:translateY(0)}45%{transform:translateY(-4px)}60%{transform:translateY(0)}}.start-seal-row{position:absolute;left:50%;bottom:max(8vw,calc(8vw + env(safe-area-inset-bottom)));transform:translate(-50%);display:flex;align-items:center;gap:12px;z-index:2}.start-seal-link{width:clamp(28px,5vw,40px);display:flex;align-items:center;justify-content:center;opacity:.88;transition:transform .25s ease,opacity .25s ease,filter .25s ease}.start-seal-link:hover{opacity:1;filter:drop-shadow(0 0 12px rgba(255,215,0,.25));transform:translateY(-2px) scale(1.03)}.start-seal-link:active{transform:scale(.97)}.start-seal-image{display:block;width:100%;height:auto;filter:drop-shadow(0 8px 18px rgba(0,0,0,.35))}.start-seal-round{border-radius:50%;object-fit:cover;aspect-ratio:1}.start-seal-main{position:relative}.start-seal-main .start-seal-image{position:relative;z-index:2}.seal-mat{position:absolute;top:50%;left:50%;width:138%;height:138%;transform:translate(-50%,-50%);z-index:0;border-radius:3px;background:linear-gradient(135deg,#280808f2,#370c0ce6 40%,#2d0a0aeb);box-shadow:inset 0 1px 3px #00000080,inset 0 -1px 2px #5014144d,0 2px 8px #0006}.seal-mat-white{background:linear-gradient(135deg,#f0f0f0f2,#ffffffe6 40%,#ebebebeb);border-radius:50%;box-shadow:inset 0 1px 3px #0000001f,inset 0 -1px 2px #00000014,0 2px 8px #0006}.start-ornament-top,.start-ornament-bottom{display:none}@media(min-width:768px){.start-seal-row{bottom:8px}}.mute-btn{pointer-events:auto;position:static;flex-shrink:0;width:42px;height:42px;border-radius:50%;background:#ffffff0d;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.25,.8,.25,1);color:#ffd700e6;box-shadow:0 2px 10px #0000001a;padding:0;opacity:0;transform:translateY(20px);visibility:hidden}.mute-btn.visible{opacity:1;transform:translateY(0);visibility:visible}.mute-btn:hover{background:#ffd70026;border-color:#ffd70066;color:gold;transform:translateY(-1px);box-shadow:0 4px 15px #ffd70026}.mute-btn:active{transform:translateY(0) scale(.96)}.mute-btn .mute-icon{width:22px;height:22px;pointer-events:none}.mute-btn .icon-muted{display:none}.mute-btn.muted{border-color:#ffffff1a;color:#fff6;background:#0003;box-shadow:none}.mute-btn.muted:hover{color:#fffc;background:#ffffff1a;border-color:#ffffff4d}.mute-btn.muted .icon-sound{display:none}.mute-btn.muted .icon-muted{display:block}@media(orientation:landscape){.mute-btn{position:fixed;bottom:20px;left:20px;z-index:15}}canvas#c{display:block;position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0}.bottom-controls{position:fixed;bottom:0;left:0;right:0;padding:0 20px calc(20px + env(safe-area-inset-bottom));display:flex;justify-content:center;gap:18px;align-items:center;z-index:15;pointer-events:none}.mode-switch{pointer-events:auto;position:relative;display:flex;flex:0 0 auto;min-width:140px;background:#0000004d;border:1.5px solid rgba(255,215,0,.4);border-radius:24px;padding:4px;width:140px;height:48px;cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all .3s ease;opacity:0;transform:translateY(20px);visibility:hidden}.mode-switch.visible{opacity:1;transform:translateY(0);visibility:visible}.switch-track{position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);background:linear-gradient(135deg,gold,orange);border-radius:20px;transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:0 0 12px #ffd70066;z-index:1}.mode-switch.multi .switch-track{transform:translate(100%)}.switch-option{flex:1;display:flex;align-items:center;justify-content:center;z-index:2;color:#ffd70099;font-size:1.1rem;font-weight:700;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;transition:color .3s;-webkit-user-select:none;user-select:none}.switch-option.active{color:#8b0000;text-shadow:none}.mode-switch.multi .switch-option[data-mode=single]{color:#ffd70099}.mode-switch.multi .switch-option[data-mode=multi]{color:#8b0000}.mode-switch:not(.multi) .switch-option[data-mode=single]{color:#8b0000}.collection-fab{pointer-events:auto;position:static;width:auto;height:48px;padding:0 24px;border-radius:30px;background:linear-gradient(135deg,#ffffff1f,#ffffff0a);backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);border:1px solid rgba(255,255,255,.18);box-shadow:0 4px 12px #00000026;color:gold;font-size:.9rem;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;letter-spacing:2px;text-transform:uppercase;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;opacity:0;transform:translateY(20px);visibility:hidden;z-index:20}.collection-fab.visible{opacity:1;transform:translateY(0);visibility:visible}.collection-fab:hover{background:linear-gradient(135deg,#ffffff2e,#ffffff14);border-color:#ffffff4d;box-shadow:0 4px 16px #0003;transform:translateY(-2px)}.collection-fab:active{transform:translateY(1px);box-shadow:0 2px 6px #0003}@media(max-width:520px){.bottom-controls{gap:10px;padding:0 10px calc(16px + env(safe-area-inset-bottom))}.mode-switch{width:120px;min-width:120px;height:44px}.switch-option{font-size:.95rem}.collection-fab{height:44px;padding:0 16px;font-size:.78rem;letter-spacing:1px}}.btn-action{display:block;margin:12px auto 0;padding:12px 32px;background:#ffd7001f;color:gold;border:1.5px solid rgba(255,215,0,.4);border-radius:8px;font-size:1rem;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;transition:all .3s ease;letter-spacing:2px;text-shadow:0 0 8px rgba(255,215,0,.3)}.btn-action:hover{background:#ffd70040;box-shadow:0 0 20px #ffd70026;transform:translateY(-1px)}.btn-action.btn-secondary{background:transparent;border-color:#ffd70033;color:#ffd70080;font-size:.85rem}.btn-action.btn-secondary:hover{color:#ffd700b3;border-color:#ffd70066}#multi-overlay{position:fixed;inset:0;z-index:30;display:none;flex-direction:column;align-items:center;justify-content:center;background:#140202fa;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);overflow:hidden;padding:16px 10px}#multi-overlay.visible{display:flex;animation:overlayFadeIn .5s ease-out}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.multi-title{font-size:1.4rem;color:gold;letter-spacing:8px;margin-bottom:20px;text-shadow:0 0 12px rgba(255,215,0,.4);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.multi-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;max-width:750px;width:92vw;margin:0 auto}@media(min-width:600px){.multi-grid{gap:16px;width:88vw}}.multi-card{position:relative;perspective:800px;cursor:pointer;animation:mcSlideIn .4s ease-out both}@keyframes mcSlideIn{0%{transform:translateY(30px) scale(.8);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.card-flipper{position:relative;width:100%;aspect-ratio:.68;transition:transform .7s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d}.multi-card.flipped .card-flipper{transform:rotateY(180deg)}.multi-card.slow-flip-5 .card-flipper{transition:transform 1.3s cubic-bezier(.16,.85,.45,1)}.multi-card.slow-flip-6 .card-flipper{transition:transform 1.6s cubic-bezier(.12,.9,.35,1)}.multi-card.slow-flip-7 .card-flipper{transition:transform 2s cubic-bezier(.08,.95,.3,1)}.multi-card.anticipate-7{z-index:11}.multi-card.anticipate-7 .card-flipper{animation:cardAnticipate7 1s ease-in-out forwards}.multi-card.anticipate-7 .card-back{animation:glowBuild7 1s ease-in forwards}.multi-card.anticipate-5{z-index:10}.multi-card.anticipate-5 .card-flipper{animation:cardAnticipate5 .5s ease-in-out forwards}.multi-card.anticipate-5 .card-back{animation:glowBuild5 .5s ease-in forwards}.multi-card.anticipate-6{z-index:10}.multi-card.anticipate-6 .card-flipper{animation:cardAnticipate6 .7s ease-in-out forwards}.multi-card.anticipate-6 .card-back{animation:glowBuild6 .7s ease-in forwards}@keyframes cardAnticipate5{0%{transform:scale(1)}20%{transform:translate(-3px) scale(1.04)}40%{transform:translate(3px) scale(1.05)}60%{transform:translate(-2px) scale(1.06)}80%{transform:translate(2px) scale(1.07)}to{transform:translateY(-4px) scale(1.08)}}@keyframes cardAnticipate6{0%{transform:scale(1)}12%{transform:translateY(-3px) scale(1.03)}25%{transform:translate(-4px) rotate(-1deg) scale(1.05)}38%{transform:translate(4px) rotate(1deg) scale(1.06)}50%{transform:translate(-3px) rotate(-.8deg) scale(1.07)}62%{transform:translate(3px) rotate(.8deg) scale(1.08)}75%{transform:translate(-2px) rotate(-.5deg) scale(1.09)}88%{transform:translate(2px) rotate(.5deg) scale(1.1)}to{transform:translateY(-6px) scale(1.12)}}@keyframes glowBuild5{0%{box-shadow:0 0 25px #a855f726,inset 0 0 30px #0000004d}to{box-shadow:0 0 50px #a855f799,0 0 80px #a855f74d,inset 0 0 30px #0000004d}}@keyframes glowBuild6{0%{box-shadow:0 0 25px #ff450033,inset 0 0 30px #0000004d}to{box-shadow:0 0 60px #ff4500b3,0 0 100px #ff960066,inset 0 0 30px #0000004d}}@keyframes cardAnticipate7{0%{transform:scale(1)}10%{transform:translateY(-4px) scale(1.04)}20%{transform:translate(-5px) rotate(-1.5deg) scale(1.06)}30%{transform:translate(5px) rotate(1.5deg) scale(1.07)}40%{transform:translate(-4px) rotate(-1.2deg) scale(1.08)}50%{transform:translate(4px) rotate(1.2deg) scale(1.1)}60%{transform:translate(-3px) rotate(-1deg) scale(1.11)}70%{transform:translate(3px) rotate(1deg) scale(1.12)}80%{transform:translate(-2px) rotate(-.5deg) scale(1.13)}90%{transform:translate(2px) rotate(.5deg) scale(1.14)}to{transform:translateY(-8px) scale(1.16)}}@keyframes glowBuild7{0%{box-shadow:0 0 25px #f003,inset 0 0 30px #0000004d}50%{box-shadow:0 0 80px #f009,0 0 120px #ffd70066,inset 0 0 30px #0000004d}to{box-shadow:0 0 100px #f00c,0 0 150px #ffd70080,0 0 200px #ff00004d,inset 0 0 30px #0000004d}}.card-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:10px;overflow:hidden}.card-back{background:linear-gradient(145deg,#8b0000,#4a0000 50%,#6b0000);border:2px solid rgba(255,215,0,.5);display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px #ffd7001a,inset 0 0 30px #0000004d}.card-back-pattern{position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent 0px,transparent 8px,rgba(255,215,0,.06) 8px,rgba(255,215,0,.06) 9px),repeating-linear-gradient(-45deg,transparent 0px,transparent 8px,rgba(255,215,0,.06) 8px,rgba(255,215,0,.06) 9px);pointer-events:none}.card-back-fu{font-size:2.2rem;color:#ffd70040;font-family:Ma Shan Zheng,cursive;text-shadow:0 0 20px rgba(255,215,0,.15);z-index:2}.card-back-border{position:absolute;inset:6px;border:1px solid rgba(255,215,0,.2);border-radius:6px;pointer-events:none}.card-back:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,215,0,.04) 45%,rgba(255,215,0,.08) 50%,rgba(255,215,0,.04) 55%,transparent 70%);animation:cardShimmer 3s ease-in-out infinite;pointer-events:none}@keyframes cardShimmer{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.multi-card[data-rarity="6"] .card-back{background:linear-gradient(145deg,#8b1500,#4a0800 50%,#7b1000);border-color:#ff4500b3;box-shadow:0 0 25px #ff450033,inset 0 0 30px #0000004d}.multi-card[data-rarity="5"] .card-back{background:linear-gradient(145deg,#4a0060,#2a0040 50%,#3a0050);border-color:#a855f799;box-shadow:0 0 25px #a855f726,inset 0 0 30px #0000004d}.multi-card:not(.flipped):hover .card-flipper{transform:translateY(-3px) scale(1.03)}.multi-card:not(.flipped):hover .card-back{box-shadow:0 0 30px #ffd70033,inset 0 0 30px #0000004d}.card-front{transform:rotateY(180deg);background:linear-gradient(160deg,#1e0a0ae6,#0a0505f7);border:2px solid var(--mc-color, #FFD700);box-shadow:0 0 20px var(--mc-glow, rgba(255, 215, 0, .2)),inset 0 0 20px #0000004d}.card-front-inner{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 4px}.card-front:before,.card-front:after{content:"";position:absolute;width:14px;height:14px;border-color:var(--mc-color, #FFD700);border-style:solid;opacity:.4;z-index:2}.card-front:before{top:5px;left:5px;border-width:1.5px 0 0 1.5px}.card-front:after{bottom:5px;right:5px;border-width:0 1.5px 1.5px 0}.card-rarity-glow{position:absolute;inset:0;background:radial-gradient(ellipse at center,var(--mc-glow, rgba(255, 215, 0, .1)),transparent 70%);pointer-events:none;opacity:0;transition:opacity .5s}.multi-card.flipped .card-rarity-glow{opacity:1}.multi-card.flipped .card-flipper:after{content:"";position:absolute;top:50%;left:50%;width:120%;height:120%;transform:translate(-50%,-50%);background:radial-gradient(circle,var(--mc-glow, rgba(255, 215, 0, .3)) 0%,transparent 70%);opacity:0;animation:flipBurst .6s ease-out;pointer-events:none;z-index:3}@keyframes flipBurst{0%{opacity:.8;transform:translate(-50%,-50%) scale(.5)}to{opacity:0;transform:translate(-50%,-50%) scale(1.5)}}.multi-card.flipped[data-rarity="5"] .card-flipper:after{width:200%;height:200%;background:radial-gradient(circle,rgba(168,85,247,.6) 0%,rgba(168,85,247,.2) 30%,transparent 70%);animation:flipBurstEpic .9s ease-out}.multi-card.flipped[data-rarity="6"] .card-flipper:after{width:250%;height:250%;background:radial-gradient(circle,rgba(255,200,50,.8) 0%,rgba(255,69,0,.4) 30%,rgba(255,69,0,.1) 50%,transparent 70%);animation:flipBurstLegendary 1.2s ease-out}@keyframes flipBurstEpic{0%{opacity:1;transform:translate(-50%,-50%) scale(.3)}30%{opacity:.9;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(2)}}@keyframes flipBurstLegendary{0%{opacity:1;transform:translate(-50%,-50%) scale(.2)}20%{opacity:1;transform:translate(-50%,-50%) scale(.8)}50%{opacity:.7;transform:translate(-50%,-50%) scale(1.2)}to{opacity:0;transform:translate(-50%,-50%) scale(2.5)}}.multi-card.flipped[data-rarity="5"] .card-front{box-shadow:0 0 30px #a855f780,0 0 60px #a855f733,inset 0 0 20px #0000004d}.multi-card.flipped[data-rarity="6"] .card-front{box-shadow:0 0 30px #ff450080,0 0 60px #ff450040,0 0 100px #ff96001a,inset 0 0 20px #0000004d}.multi-card.flipped[data-rarity="5"] .card-front{animation:rarityPulse5 2s ease-in-out .7s infinite}.multi-card.flipped[data-rarity="6"] .card-front{animation:rarityPulse6 2s ease-in-out .7s infinite}@keyframes rarityPulse5{0%,to{box-shadow:0 0 32px #a855f76b,0 0 65px #a855f72b,inset 0 0 20px #0000004d}50%{box-shadow:0 0 38px #a855f785,0 0 75px #a855f738,inset 0 0 20px #0000004d}}@keyframes rarityPulse6{0%,to{box-shadow:0 0 34px #ff450085,0 0 70px #ff450038,0 0 108px #ff960014,inset 0 0 20px #0000004d}50%{box-shadow:0 0 42px #ff45009e,0 0 85px #ff450047,0 0 125px #ff96001c,inset 0 0 20px #0000004d}}.multi-screen-flash{position:fixed;inset:0;z-index:35;pointer-events:none;opacity:0}.multi-screen-flash.flash-5{background:radial-gradient(circle at center,rgba(168,85,247,.4),transparent 70%);animation:screenFlash .6s ease-out forwards}.multi-screen-flash.flash-6{background:radial-gradient(circle at center,rgba(255,150,0,.5),rgba(255,69,0,.2) 40%,transparent 70%);animation:screenFlash .8s ease-out forwards}.multi-screen-flash.flash-7{background:radial-gradient(circle at center,rgba(255,0,0,.7),rgba(255,215,0,.3) 40%,transparent 70%);animation:screenFlash 1s ease-out forwards}@keyframes screenFlash{0%{opacity:1}to{opacity:0}}.multi-card.flipped:hover .card-flipper{transform:rotateY(180deg) translateY(-4px) scale(1.04)}.multi-card.flipped.slow-flip-5:hover .card-flipper,.multi-card.flipped.slow-flip-6:hover .card-flipper,.multi-card.flipped.slow-flip-7:hover .card-flipper{transition:transform .3s cubic-bezier(.4,0,.2,1);transform:rotateY(180deg) translateY(-4px) scale(1.04)}.multi-card.flipped:hover .card-front{box-shadow:0 0 35px var(--mc-glow, rgba(255, 215, 0, .4)),0 8px 25px #0006,inset 0 0 20px #0000004d}.mc-stars{font-size:.5rem;color:var(--mc-color, #FFD700);letter-spacing:1px;margin-bottom:4px;text-shadow:0 0 6px var(--mc-glow, rgba(255,215,0,.4))}.mc-char{font-size:2rem;color:#fff;text-shadow:0 0 4px var(--mc-glow, rgba(255,215,0,.8)),0 0 14px var(--mc-glow, rgba(255,215,0,.5)),0 0 30px var(--mc-glow, rgba(255,215,0,.3));line-height:1.1;margin:4px 0}.multi-card.flipped .mc-char{animation:revealedCharBreathe 2.5s ease-in-out .7s infinite}@keyframes revealedCharBreathe{0%,to{text-shadow:0 0 4px var(--mc-glow, rgba(255,215,0,.8)),0 0 14px var(--mc-glow, rgba(255,215,0,.5)),0 0 30px var(--mc-glow, rgba(255,215,0,.3));transform:scale(1)}50%{text-shadow:0 0 5px var(--mc-glow, rgba(255,215,0,.88)),0 0 17px var(--mc-glow, rgba(255,215,0,.6)),0 0 34px var(--mc-glow, rgba(255,215,0,.35));transform:scale(1.02)}}.mc-phrase{font-size:.38rem;color:var(--mc-color, #FFD700);opacity:.6;margin-top:3px;letter-spacing:1px}@media(max-width:520px){.mc-char{font-size:1.4rem}.mc-stars{font-size:.35rem}.mc-phrase{font-size:.3rem}.card-back-fu{font-size:1.6rem}}#multi-hover-tip{position:fixed;z-index:40;pointer-events:none;opacity:0;transition:opacity .2s;background:#140404eb;border:1px solid rgba(255,215,0,.4);border-radius:8px;padding:8px 12px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);max-width:200px;text-align:center}#multi-hover-tip .mht-category{font-size:.7rem;color:#ffd700b3;letter-spacing:2px;margin-bottom:4px}#multi-hover-tip .mht-phrase{font-size:.9rem;color:gold;margin-bottom:2px;letter-spacing:2px}#multi-hover-tip .mht-english{font-size:.7rem;color:#ffd70080;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.multi-actions{display:flex;flex-direction:column;align-items:center;margin-top:16px}.multi-fortune-actions{position:fixed;bottom:calc(24px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);z-index:25;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;pointer-events:none;max-width:92vw;width:100%}.multi-fortune-actions .btn-action{pointer-events:auto;height:44px;padding:0 20px;border-radius:22px;font-size:.9rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;display:flex;align-items:center;justify-content:center;background:#14000099;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,215,0,.3);box-shadow:0 4px 12px #0006;color:gold;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.multi-fortune-actions .btn-action.btn-primary{background:linear-gradient(135deg,#ffffff1f,#ffffff0d,#ffd70014);border:1px solid rgba(255,255,255,.2);border-top-color:#ffffff59;box-shadow:0 4px 24px #0000004d,0 0 16px #ffd70014,inset 0 1px #ffffff26;backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);color:#ffffffe6;text-shadow:0 1px 2px rgba(0,0,0,.3);min-width:140px;border-radius:28px;padding:0 28px;height:48px}.multi-fortune-actions .btn-action.btn-secondary{background:#00000080;border-color:#ffd70026;color:#ffd700b3;font-size:.8rem}.multi-fortune-actions .btn-action:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000080,0 0 15px #ffd70033}.multi-fortune-actions .btn-action:active{transform:translateY(0)}.multi-fortune-actions .btn-action.btn-primary:hover{background:linear-gradient(135deg,#ffffff2e,#ffffff14,#ffd7001f);border-color:#ffffff59;box-shadow:0 8px 32px #0006,0 0 20px #ffd7001f,inset 0 1px #fff3}.multi-fortune-actions #btn-reveal-all{background:linear-gradient(135deg,#ffffff24,#ffffff0f 48%,#ffd7001a)!important;border:1px solid rgba(255,255,255,.24)!important;border-top-color:#fff6!important;color:#fff5dcf2!important;text-shadow:0 1px 2px rgba(0,0,0,.28);box-shadow:0 6px 22px #00000052,0 0 14px #ffd7001f,inset 0 1px #fff3!important;backdrop-filter:blur(16px) saturate(1.35)!important;-webkit-backdrop-filter:blur(16px) saturate(1.35)!important}.multi-fortune-actions #btn-reveal-all:hover{background:linear-gradient(135deg,#fff3,#ffffff1a 48%,#ffd70024)!important;border-color:#ffffff5c!important;box-shadow:0 8px 28px #0006,0 0 18px #ffd70033,inset 0 1px #ffffff3d!important}.multi-fortune-actions .btn-action.btn-secondary:hover{background:#28000099;border-color:#ffd70066;color:gold}#multi-detail{position:fixed;inset:0;z-index:55;display:none;align-items:flex-start;justify-content:center;background:#0a020299;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);cursor:pointer;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:24px 0}#multi-detail.visible{display:flex}.detail-dialog{width:min(420px,88vw);display:flex;flex-direction:column;align-items:center;gap:20px;cursor:default;margin:auto 0;padding:16px 0;flex-shrink:0}.detail-card{--orn-intensity: .4;--orn-corner-extra: 0;--orn-side: 0;--orn-cloud: 0;--orn-pulse: 0;width:100%;padding:60px 52px 52px;background:linear-gradient(155deg,#460606d1,#260505d9,#370707d1);border:1.5px solid rgba(255,215,0,.35);border-radius:16px;box-shadow:0 0 24px var(--card-glow, rgba(255,215,0,.15)),0 0 48px var(--card-glow, rgba(255,215,0,.08)),inset 0 0 24px #0006;backdrop-filter:blur(16px) saturate(1.15);-webkit-backdrop-filter:blur(16px) saturate(1.15);text-align:center;animation:cardAppear .5s cubic-bezier(.2,.9,.3,1);position:relative;overflow:hidden}.detail-card>:not(.detail-card-ornaments){position:relative;z-index:3}@keyframes cardAppear{0%{transform:scale(.3) rotateY(90deg);opacity:0}50%{transform:scale(1.05) rotateY(0);opacity:1}to{transform:scale(1) rotateY(0);opacity:1}}.detail-card:before{content:"";position:absolute;inset:7px;border:1.2px solid rgba(255,215,0,.25);border-radius:12px;pointer-events:none;z-index:1}.detail-card:after{content:"";position:absolute;inset:14px;border:1px solid rgba(145,22,22,.35);border-radius:9px;pointer-events:none;z-index:1}.detail-card.stars-1{--orn-intensity: .15;--orn-side: 0;--orn-cloud: 0;--orn-pulse: 0;--orn-color: rgba(176, 190, 197, .55);--orn-corner-size: 28px;--orn-corner-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M0 100V0h100' fill='none' stroke='white' stroke-width='5'/%3E%3C/svg%3E");border-color:#b0bec538}.detail-card.stars-1:before{border-color:#b0bec51a}.detail-card.stars-1:after{opacity:0}.detail-card.stars-2{--orn-intensity: .3;--orn-side: 0;--orn-cloud: 0;--orn-pulse: 0;--orn-color: rgba(176, 190, 197, .7);--orn-corner-size: 34px;--orn-corner-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M0 100V0h100' fill='none' stroke='white' stroke-width='5'/%3E%3Cpath d='M28 0v28H0' fill='none' stroke='white' stroke-width='4' opacity='.45'/%3E%3C/svg%3E");border-color:#b0bec552}.detail-card.stars-2:before{border-color:#b0bec529}.detail-card.stars-2:after{opacity:0}.detail-card.stars-3{--orn-intensity: .55;--orn-side: 0;--orn-cloud: 0;--orn-pulse: 0;--orn-color: rgba(74, 222, 128, .8);--orn-corner-size: 42px;--orn-corner-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M0 100V0h100' fill='none' stroke='white' stroke-width='5'/%3E%3Cpath d='M26 0v26H0' fill='none' stroke='white' stroke-width='4'/%3E%3Cpath d='M0 50h50V0' fill='none' stroke='white' stroke-width='3' opacity='.55'/%3E%3C/svg%3E");border-color:#4ade804d}.detail-card.stars-3:before{border-color:#4ade802e}.detail-card.stars-3:after{border-color:#4ade8014}.detail-card.stars-4{--orn-intensity: .72;--orn-side: .85;--orn-cloud: 0;--orn-pulse: 0;--orn-color: rgba(77, 166, 255, .88);--orn-corner-size: 44px;--orn-corner-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M0 100V0h100' fill='none' stroke='white' stroke-width='5'/%3E%3Cpath d='M26 0v26H0' fill='none' stroke='white' stroke-width='4'/%3E%3Cpath d='M0 50h50V0' fill='none' stroke='white' stroke-width='3' opacity='.65'/%3E%3Cpath d='M10 88V10h78' fill='none' stroke='white' stroke-width='2' opacity='.25'/%3E%3C/svg%3E");border-color:#4da6ff61;box-shadow:0 0 28px #4da6ff26,0 0 56px #4da6ff14,inset 0 0 24px #0006}.detail-card.stars-4:before{border-color:#4da6ff38}.detail-card.stars-4:after{border-color:#4da6ff1a}.detail-card.stars-5{--orn-intensity: .88;--orn-side: .92;--orn-cloud: .88;--orn-pulse: .15;--orn-color: rgba(176, 112, 255, .92);--orn-corner-size: 48px;--orn-corner-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M0 100V0h100' fill='none' stroke='white' stroke-width='5'/%3E%3Cpath d='M24 0v24H0' fill='none' stroke='white' stroke-width='4'/%3E%3Cpath d='M0 44h44V0' fill='none' stroke='white' stroke-width='3.5' opacity='.7'/%3E%3Cpath d='M62 0v62H0' fill='none' stroke='white' stroke-width='3' opacity='.45'/%3E%3Cpath d='M10 86V10h76' fill='none' stroke='white' stroke-width='2' opacity='.28'/%3E%3Crect x='5' y='5' width='7' height='7' rx='1.5' fill='white' opacity='.5'/%3E%3C/svg%3E");border-color:#b070ff6b;box-shadow:0 0 32px #b070ff33,0 0 64px #b070ff1a,inset 0 0 24px #0006}.detail-card.stars-5:before{border-color:#b070ff42}.detail-card.stars-5:after{border-color:#b070ff1f}.detail-card.stars-6{--orn-intensity: 1;--orn-side: 1;--orn-cloud: 1;--orn-pulse: 1;--orn-color: rgba(255, 215, 0, .95);--orn-corner-size: 52px;--orn-corner-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M0 100V0h100' fill='none' stroke='white' stroke-width='6'/%3E%3Cpath d='M22 0v22H0' fill='none' stroke='white' stroke-width='4.5'/%3E%3Cpath d='M0 42h42V0' fill='none' stroke='white' stroke-width='3.5' opacity='.8'/%3E%3Cpath d='M60 0v60H0' fill='none' stroke='white' stroke-width='3' opacity='.55'/%3E%3Cpath d='M76 0v76H0' fill='none' stroke='white' stroke-width='2.5' opacity='.35'/%3E%3Cpath d='M10 86V10h76' fill='none' stroke='white' stroke-width='2' opacity='.3'/%3E%3Crect x='5' y='5' width='8' height='8' rx='2' fill='white' opacity='.6'/%3E%3Ccircle cx='50' cy='3' r='2' fill='white' opacity='.5'/%3E%3Ccircle cx='3' cy='50' r='2' fill='white' opacity='.5'/%3E%3C/svg%3E");border-color:#ffd70099;box-shadow:0 0 36px #ff450040,0 0 72px #ffd70026,inset 0 0 24px #0006}.detail-card.stars-6:before{border-color:#ffd70066;animation:detailImperialRing 2.3s ease-in-out infinite}.detail-card.stars-6:after{border-color:#ff450033}@keyframes detailImperialRing{0%,to{box-shadow:0 0 8px #ffdc9114,inset 0 0 4px #ffdc910d;border-color:#ffd70073}50%{box-shadow:0 0 20px #ffdc9138,inset 0 0 8px #ffdc9124;border-color:#ffebafa6}}.detail-card.stars-7{--orn-intensity: 1;--orn-side: 1;--orn-cloud: 1;--orn-pulse: 1;--orn-color: rgba(255, 0, 0, 1);--orn-corner-size: 56px;--orn-corner-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M0 100V0h100' fill='none' stroke='white' stroke-width='7'/%3E%3Cpath d='M20 0v20H0' fill='none' stroke='white' stroke-width='5'/%3E%3Cpath d='M0 38h38V0' fill='none' stroke='white' stroke-width='4' opacity='.9'/%3E%3Cpath d='M55 0v55H0' fill='none' stroke='white' stroke-width='3.5' opacity='.7'/%3E%3Cpath d='M70 0v70H0' fill='none' stroke='white' stroke-width='3' opacity='.5'/%3E%3Cpath d='M85 0v85H0' fill='none' stroke='white' stroke-width='2.5' opacity='.35'/%3E%3Cpath d='M10 90V10h80' fill='none' stroke='white' stroke-width='2' opacity='.4'/%3E%3Crect x='4' y='4' width='10' height='10' rx='2' fill='white' opacity='.7'/%3E%3Ccircle cx='50' cy='3' r='3' fill='white' opacity='.6'/%3E%3Ccircle cx='3' cy='50' r='3' fill='white' opacity='.6'/%3E%3Ccircle cx='75' cy='3' r='2' fill='white' opacity='.4'/%3E%3Ccircle cx='3' cy='75' r='2' fill='white' opacity='.4'/%3E%3C/svg%3E");border-color:#f00c;box-shadow:0 0 50px #f006,0 0 100px #ffd70040,0 0 150px #ff000026,inset 0 0 30px #0000004d;animation:cardAppear .5s cubic-bezier(.2,.9,.3,1),stars7InnerGlow 5s ease-in-out infinite}@keyframes stars7InnerGlow{0%,to{box-shadow:0 0 50px #f006,0 0 100px #ffd70040,0 0 150px #ff000026,inset 0 0 30px #0000004d}50%{box-shadow:0 0 50px #f006,0 0 100px #ffd70040,0 0 150px #ff000026,inset 0 0 50px #640a002e}}.detail-card.stars-7:before{border-color:#f009;animation:stars7Ring 3.5s ease-in-out infinite}.detail-card.stars-7:after{border-color:#ffd70059;animation:stars7Ring 3.5s ease-in-out 1.75s infinite}@keyframes stars7Ring{0%,to{box-shadow:0 0 12px #ff14001f,inset 0 0 4px #ff3c000d;border-color:#ff140073}50%{box-shadow:0 0 16px #ff1e002e,inset 0 0 6px #ff500014;border-color:#ff28008c}}.detail-card.stars-7 .detail-card-ornaments:before{content:"";position:absolute;inset:-20px;border-radius:24px;background:radial-gradient(ellipse at center,rgba(255,0,0,.12) 0%,transparent 70%);animation:stars7Radiate 4s ease-in-out infinite;pointer-events:none}@keyframes stars7Radiate{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.7;transform:scale(1.01)}}.detail-card.stars-7 .detail-card-ornaments:after{content:"";position:absolute;inset:0;border-radius:16px;background-image:radial-gradient(2px 2px at 15% 20%,rgba(255,215,0,.9) 50%,transparent 100%),radial-gradient(2px 2px at 85% 15%,rgba(255,255,200,.8) 50%,transparent 100%),radial-gradient(1.5px 1.5px at 25% 80%,rgba(255,200,0,.7) 50%,transparent 100%),radial-gradient(2px 2px at 75% 75%,rgba(255,215,0,.9) 50%,transparent 100%),radial-gradient(1.5px 1.5px at 50% 50%,rgba(255,255,200,.6) 50%,transparent 100%),radial-gradient(2px 2px at 10% 55%,rgba(255,200,0,.8) 50%,transparent 100%),radial-gradient(1.5px 1.5px at 90% 45%,rgba(255,215,0,.7) 50%,transparent 100%),radial-gradient(2px 2px at 40% 10%,rgba(255,255,200,.8) 50%,transparent 100%);animation:stars7Sparkle 6s ease-in-out infinite;pointer-events:none}@keyframes stars7Sparkle{0%,to{opacity:.6}25%{opacity:.68}50%{opacity:.62}75%{opacity:.72}}.detail-card.stars-7 .detail-character{color:red}.detail-card.stars-7 .detail-char-en,.detail-card.stars-7 .detail-english{color:gold;text-shadow:0 0 15px rgba(255,215,0,.8),0 0 30px rgba(255,0,0,.4)}.detail-card-ornaments{position:absolute;inset:0;pointer-events:none;z-index:2;border-radius:16px}.detail-card.stars-7 .detail-card-ornaments{animation:stars7SurfaceGlow 5s ease-in-out infinite}@keyframes stars7SurfaceGlow{0%,to{background-color:#8c0a0008}50%{background-color:#8c0a0059}}.orn-corner{position:absolute;width:var(--orn-corner-size, 40px);height:var(--orn-corner-size, 40px);background-color:var(--orn-color, rgba(255, 215, 0, .8));-webkit-mask-image:var(--orn-corner-mask);mask-image:var(--orn-corner-mask);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;opacity:calc(.55 + var(--orn-intensity) * .45);filter:drop-shadow(0 0 6px var(--orn-color, rgba(255, 215, 0, .3)))}.orn-corner:before,.orn-corner:after{content:none}.orn-tl{top:6px;left:6px}.orn-tr{top:6px;right:6px;transform:scaleX(-1)}.orn-bl{bottom:6px;left:6px;transform:scaleY(-1)}.orn-br{bottom:6px;right:6px;transform:scale(-1)}.orn-center{position:absolute;left:50%;width:min(160px,42%);height:10px;transform:translate(-50%);opacity:calc(.6 + var(--orn-intensity) * .3)}.orn-center:before,.orn-center:after{content:"";position:absolute;left:0;right:0}.orn-center:before{top:0;height:1.6px;background:linear-gradient(90deg,var(--orn-color, rgba(255, 215, 0, .9)) 0 30%,transparent 30% 70%,var(--orn-color, rgba(255, 215, 0, .9)) 70% 100%)}.orn-center:after{top:0;left:18%;right:18%;height:8px;background:linear-gradient(90deg,var(--orn-color, rgba(255, 215, 0, .9)) 0 6%,transparent 6% 94%,var(--orn-color, rgba(255, 215, 0, .9)) 94% 100%)}.orn-top{top:14px}.orn-bottom{bottom:14px;transform:translate(-50%) scaleY(-1)}.orn-side{position:absolute;top:50%;width:10px;height:60px;transform:translateY(-50%);opacity:calc(var(--orn-side) * .96)}.orn-side:before,.orn-side:after{content:"";position:absolute}.orn-side:before{left:50%;top:0;width:1.6px;height:100%;transform:translate(-50%);background:linear-gradient(180deg,var(--orn-color, rgba(255, 215, 0, .86)) 0 30%,transparent 30% 70%,var(--orn-color, rgba(255, 215, 0, .86)) 70% 100%)}.orn-side:after{top:50%;width:8px;height:1.6px;transform:translateY(-50%);background:var(--orn-color, rgba(255, 215, 0, .88))}.orn-left{left:14px}.orn-left:after{left:1px}.orn-right{right:14px}.orn-right:after{right:1px}.orn-cloud{position:absolute;left:50%;width:min(140px,36%);height:16px;transform:translate(-50%);opacity:calc(var(--orn-cloud) * .92)}.orn-cloud:before,.orn-cloud:after{content:"";position:absolute;left:0;right:0;border-top:1.6px solid var(--orn-color, rgba(255, 220, 145, .9));border-radius:999px}.orn-cloud:before{top:7px}.orn-cloud:after{left:22%;right:22%;top:1px}.orn-cloud-top{top:30px}.orn-cloud-bottom{bottom:30px;transform:translate(-50%) scaleY(-1)}.orn-seal-dots{position:absolute;inset:0;opacity:calc(var(--orn-pulse) * .95);background:radial-gradient(circle at 24% 10%,var(--orn-color, rgba(255, 228, 150, .96)) 0 2.2px,transparent 3px),radial-gradient(circle at 76% 10%,var(--orn-color, rgba(255, 228, 150, .96)) 0 2.2px,transparent 3px),radial-gradient(circle at 24% 90%,var(--orn-color, rgba(255, 228, 150, .96)) 0 2.2px,transparent 3px),radial-gradient(circle at 76% 90%,var(--orn-color, rgba(255, 228, 150, .96)) 0 2.2px,transparent 3px);animation:detailSealPulse 4s ease-in-out infinite}@keyframes detailSealPulse{0%,to{opacity:calc(var(--orn-pulse) * .85)}50%{opacity:calc(var(--orn-pulse) * .95)}}.detail-category{font-size:.95rem;color:var(--card-color, #FFD700);margin-bottom:6px;letter-spacing:5px;line-height:1.6;text-shadow:0 0 8px var(--card-glow, rgba(255,215,0,.3))}.detail-category-en{font-size:.75rem;letter-spacing:2px;opacity:.7}.detail-stars{font-size:1.4rem;letter-spacing:4px;margin-bottom:12px;color:var(--card-color, #FFD700);text-shadow:0 0 10px var(--card-glow, rgba(255,215,0,.5))}.detail-character{font-family:Ma Shan Zheng,ZCOOL XiaoWei,serif;font-size:7.5rem;line-height:1;color:gold;text-shadow:0 0 5px var(--card-glow, rgba(255,225,100,.9)),0 0 16px var(--card-glow, rgba(255,215,0,.6)),0 0 36px var(--card-glow, rgba(255,200,50,.3)),0 0 65px var(--card-glow, rgba(255,180,0,.15));margin:16px 0 12px;animation:detailCharAppear .5s ease-out both,detailCharBreathe 3.5s ease-in-out .5s infinite}@keyframes detailCharAppear{0%{opacity:0;transform:scale(.4) rotateY(60deg)}50%{opacity:1;transform:scale(1.06) rotateY(-5deg)}to{opacity:1;transform:scale(1) rotateY(0)}}@keyframes detailCharBreathe{0%,to{text-shadow:0 0 5px var(--card-glow, rgba(255,225,100,.9)),0 0 16px var(--card-glow, rgba(255,215,0,.6)),0 0 36px var(--card-glow, rgba(255,200,50,.3)),0 0 65px var(--card-glow, rgba(255,180,0,.15));transform:scale(1)}50%{text-shadow:0 0 6px var(--card-glow, rgba(255,230,115,.92)),0 0 19px var(--card-glow, rgba(255,215,0,.65)),0 0 40px var(--card-glow, rgba(255,200,50,.35)),0 0 72px var(--card-glow, rgba(255,180,0,.18));transform:scale(1.012)}}.detail-divider{width:50%;height:1px;margin:0 auto 20px;background:linear-gradient(90deg,transparent,var(--card-color, #FFD700),transparent);opacity:.5}.btn-zh{font-size:.7em;opacity:.55;margin-left:4px;font-weight:400;letter-spacing:1px}.header-zh{font-size:.5em;opacity:.45;margin-left:8px;font-weight:300;letter-spacing:2px}.detail-char-en{font-size:1.4rem;color:gold;font-family:Roboto Slab,serif;font-weight:600;letter-spacing:3px;text-transform:uppercase;margin-top:4px;margin-bottom:20px;text-shadow:0 0 12px var(--card-glow, rgba(255,215,0,.5))}@keyframes speakPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.detail-idiom-section{margin-bottom:12px}.detail-idiom-label,.detail-meaning-label{font-size:.65rem;color:#ffd70059;letter-spacing:3px;text-transform:uppercase;margin-bottom:6px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.detail-phrase-row{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:6px}.detail-phrase{font-size:1.3rem;color:var(--card-color, #FFD700);opacity:.6;letter-spacing:8px;margin-bottom:6px}.speak-btn{background:none;border:1px solid rgba(255,215,0,.25);border-radius:50%;width:30px;height:30px;font-size:.9rem;cursor:pointer;color:#ffd70099;transition:all .2s;flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:0}.speak-btn:hover,.speak-btn:active{color:gold;border-color:#ffd70099;background:#ffd7001a}.speak-btn.playing{color:gold;border-color:gold;animation:speakPulse .6s ease-in-out infinite}.detail-english{font-size:1rem;color:gold;font-family:Roboto Slab,serif;font-weight:500;letter-spacing:2px;margin-bottom:8px;font-style:italic;text-shadow:0 0 10px var(--card-glow, rgba(255,215,0,.3))}.detail-meaning-section{margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,215,0,.1)}.detail-meaning{font-size:.8rem;color:#fff9;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;letter-spacing:.5px}@media(max-width:520px){#multi-detail{padding:12px 0}.detail-dialog{width:min(94vw,420px);gap:16px;padding:8px 0}.detail-card{padding:56px 40px 44px}.detail-character{font-size:5.5rem;margin:12px 0 10px}.detail-phrase{font-size:1.1rem;letter-spacing:5px}.detail-char-en{font-size:1.15rem}.detail-meaning{font-size:.72rem}.btn-detail-action{min-width:82px;padding:9px 14px;font-size:11px}.btn-detail-pronunciation{max-width:180px}}@media(max-height:650px){.detail-character{font-size:5rem;margin:8px 0}.detail-card{padding:48px 36px 40px}.detail-stars{font-size:1.1rem;margin-bottom:8px}.detail-phrase{font-size:1rem}}@media(max-width:420px){.collection-hero-row{gap:16px}.collection-progress-center,.collection-progress-half{gap:10px}.progress-ring-wrap{width:56px;height:56px}.progress-pct,.stat-row-value{font-size:1.1rem}.collection-title-main{font-size:1.2rem;letter-spacing:4px}.collection-title-sub{letter-spacing:4px;font-size:.55rem}.collection-title-cn{font-size:.75rem}.collection-pill-btn{height:34px;padding:0 16px;font-size:10px;letter-spacing:2px}}#collection-panel{position:fixed;inset:0;z-index:50;display:none;flex-direction:column;background:linear-gradient(160deg,#370808d1,#190404c7,#230606d1);backdrop-filter:blur(36px) saturate(1.4);-webkit-backdrop-filter:blur(36px) saturate(1.4)}#collection-panel.visible{display:flex;animation:collectionOpen .5s cubic-bezier(.2,.9,.3,1)}@keyframes collectionOpen{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.collection-header{flex-shrink:0;padding:36px 24px 28px;background:linear-gradient(to bottom,rgba(255,255,255,.05) 0%,rgba(255,215,0,.012) 50%,transparent 100%);border-bottom:1px solid rgba(255,215,0,.08);display:flex;flex-direction:column;align-items:center;position:relative;z-index:2}.collection-hero-row{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:560px;gap:24px}@media(orientation:landscape){.collection-hero-row{max-width:100%}.collection-hero-row .collection-title-en{flex:1}.collection-hero-row:after{content:"";flex:1}}.collection-title-en{margin:0;text-align:left;display:flex;flex-direction:column;align-items:flex-start;line-height:1;flex-shrink:0}.collection-title-main{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.6rem;font-weight:700;letter-spacing:7px;background:linear-gradient(135deg,gold,#fff1be,gold 80%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;background-size:200% 100%;animation:titleShimmer 4s ease-in-out infinite}@keyframes titleShimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.collection-title-sub{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.6rem;font-weight:500;letter-spacing:7px;color:#ffd7004d;-webkit-text-fill-color:rgba(255,215,0,.3);margin-top:5px}.collection-title-cn{font-family:Ma Shan Zheng,cursive;font-size:.85rem;letter-spacing:3px;color:#ffd70033;-webkit-text-fill-color:rgba(255,215,0,.2);font-weight:400;margin-top:8px}.progress-ring-wrap{position:relative;width:72px;height:72px;flex-shrink:0}.progress-ring-wrap svg{width:100%;height:100%;transform:rotate(-90deg)}.progress-ring-bg{fill:none;stroke:#ffffff0f;stroke-width:5}.progress-ring-fill{fill:none;stroke:url(#progressGradient);stroke-width:5;stroke-linecap:round;transition:stroke-dashoffset 1.2s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 0 6px rgba(255,215,0,.35))}.progress-ring-glow{fill:none;stroke:#ffd7001f;stroke-width:10;stroke-linecap:round;transition:stroke-dashoffset 1.2s cubic-bezier(.4,0,.2,1);filter:blur(3px)}.progress-ring-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.progress-pct{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.35rem;font-weight:700;color:gold;line-height:1;text-shadow:0 0 14px rgba(255,215,0,.35)}.progress-pct-sign{font-size:.65rem;font-weight:500;opacity:.6}.progress-label{font-size:.5rem;color:#ffffff4d;text-transform:uppercase;letter-spacing:1.8px;margin-top:2px}.progress-stats{display:flex;flex-direction:column;gap:14px}.stat-row{display:flex;align-items:baseline;gap:8px}.stat-row-value{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.5rem;font-weight:700;color:gold;line-height:1;text-shadow:0 0 10px rgba(255,215,0,.2);min-width:36px}.stat-row-divider{font-size:.9rem;color:#ffd70040;font-weight:300}.stat-row-total{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.95rem;color:#ffd70066;font-weight:500}.stat-row-label{font-size:.58rem;color:#ffffff40;text-transform:uppercase;letter-spacing:2px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.collection-stats{display:flex;align-items:flex-end;gap:0;margin-top:20px;width:100%;max-width:320px}.stat-item{display:flex;flex-direction:column;align-items:center;flex:1;position:relative}.stat-item:not(:last-child):after{content:"";position:absolute;right:0;top:4px;bottom:4px;width:1px;background:linear-gradient(to bottom,transparent,rgba(255,215,0,.2),transparent)}.stat-value{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.6rem;color:gold;font-weight:700;line-height:1}.stat-label{font-size:.6rem;color:#ffffff59;text-transform:uppercase;letter-spacing:1.5px;margin-top:6px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.collection-content{flex:1;overflow-y:auto;padding:16px 20px 100px;-webkit-overflow-scrolling:touch;mask-image:linear-gradient(to bottom,transparent,black 16px,black 94%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,black 16px,black 94%,transparent)}.collection-category-group{margin-bottom:36px}.collection-category-title{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.72rem;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:#ffd700b3;margin-bottom:18px;padding:8px 14px;display:flex;align-items:center;gap:0;position:relative;border-left:none}.collection-category-title:before{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,rgba(255,215,0,.3),rgba(255,215,0,.08) 70%,transparent)}.collection-category-title .cat-stars{margin-right:10px;font-size:.5rem;letter-spacing:1px;opacity:.5}.collection-category-title span{font-size:.72rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;color:#ffd70073;margin-left:10px;letter-spacing:2px;font-weight:400}.collection-category-count{margin-left:auto;font-size:.6rem;color:#ffd7004d;font-weight:400;letter-spacing:1px}.collection-grid-new{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px}.collection-card{position:relative;aspect-ratio:.72;background:#ffffff04;border:1px solid rgba(255,255,255,.04);border-radius:10px;overflow:hidden;transition:all .35s cubic-bezier(.34,1.56,.64,1);cursor:default}.collection-card.collected{background:linear-gradient(160deg,#320c0c99,#140505d9 60%,#1e0808b3);border-color:#ffd70026;cursor:pointer;box-shadow:0 2px 12px #0000004d}.collection-card.collected:after{content:"";position:absolute;inset:0;border-radius:10px;background:linear-gradient(135deg,rgba(255,215,0,.06) 0%,transparent 40%,transparent 60%,rgba(255,215,0,.03) 100%);pointer-events:none}.collection-card.collected:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 10px 28px #00000080,0 0 16px #ffd7001a;border-color:#ffd70080;z-index:5}.collection-card.collected:active{transform:translateY(-1px) scale(.98);transition-duration:.1s}.collection-card.uncollected{opacity:.25}.collection-card.uncollected .card-char{filter:blur(8px);opacity:.2}.collection-card.uncollected .card-meta,.collection-card.uncollected .card-english{opacity:0}.card-inner{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 6px}.card-char{font-size:2.4rem;color:#fff;margin-bottom:6px;line-height:1;text-shadow:0 0 4px rgba(255,225,100,.9),0 0 12px rgba(255,215,0,.6),0 0 28px rgba(255,200,50,.35),0 0 50px rgba(255,180,0,.15);animation:cardCharAppear .6s ease-out both,charBreathe 3s ease-in-out .6s infinite}@keyframes charBreathe{0%,to{text-shadow:0 0 4px rgba(255,225,100,.9),0 0 12px rgba(255,215,0,.6),0 0 28px rgba(255,200,50,.35),0 0 50px rgba(255,180,0,.15);transform:scale(1)}50%{text-shadow:0 0 6px rgba(255,235,130,1),0 0 18px rgba(255,215,0,.75),0 0 36px rgba(255,200,50,.45),0 0 60px rgba(255,180,0,.2);transform:scale(1.06)}}@keyframes cardCharAppear{0%{opacity:0;transform:scale(.3)}60%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.card-meta{text-align:center;width:100%}.card-name{font-size:.68rem;color:#ffd700a6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:.5px}.card-english{font-size:.55rem;color:#ffffff59;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:.5px}.card-stars{font-size:.5rem;letter-spacing:1px;color:gold;opacity:.5;margin-top:2px}.collection-card.r7{border-color:#f009;box-shadow:0 2px 12px #0000004d,0 0 24px #ff000026,0 0 48px #ffd70014,inset 0 0 20px #ff00001a;animation:collectionR7Pulse 2.5s ease-in-out infinite}@keyframes collectionR7Pulse{0%,to{box-shadow:0 2px 12px #0000004d,0 0 26px #ff00002b,0 0 48px #ffd7000f,inset 0 0 20px #ff00001a}50%{box-shadow:0 2px 12px #0000004d,0 0 32px #ff000038,0 0 60px #ffd7001a,inset 0 0 22px #ff000021}}.collection-card.r7 .card-char{color:red;text-shadow:0 0 6px rgba(255,0,0,.95),0 0 18px rgba(255,0,0,.7),0 0 36px rgba(255,215,0,.4),0 0 60px rgba(255,0,0,.25);animation:cardCharAppear .6s ease-out both,charBreatheR7 2.5s ease-in-out .6s infinite}@keyframes charBreatheR7{0%,to{text-shadow:0 0 6px rgba(255,0,0,.95),0 0 18px rgba(255,0,0,.7),0 0 36px rgba(255,215,0,.4),0 0 60px rgba(255,0,0,.25);transform:scale(1)}50%{text-shadow:0 0 8px rgba(255,30,0,1),0 0 22px rgba(255,0,0,.8),0 0 42px rgba(255,215,0,.45),0 0 68px rgba(255,0,0,.28);transform:scale(1.02)}}.collection-card.r6{border-color:#ff641e66;box-shadow:0 2px 12px #0000004d,0 0 20px #ff450014,inset 0 0 16px #ff450014}.collection-card.r6 .card-char{text-shadow:0 0 4px rgba(255,120,50,.95),0 0 14px rgba(255,69,0,.7),0 0 30px rgba(255,69,0,.4),0 0 55px rgba(255,40,0,.2);animation:cardCharAppear .6s ease-out both,charBreatheR6 3s ease-in-out .6s infinite}@keyframes charBreatheR6{0%,to{text-shadow:0 0 4px rgba(255,120,50,.95),0 0 14px rgba(255,69,0,.7),0 0 30px rgba(255,69,0,.4),0 0 55px rgba(255,40,0,.2);transform:scale(1)}50%{text-shadow:0 0 5px rgba(255,130,60,1),0 0 18px rgba(255,69,0,.78),0 0 35px rgba(255,69,0,.45),0 0 62px rgba(255,40,0,.22);transform:scale(1.02)}}.collection-card.r5{border-color:#a855f759;box-shadow:0 2px 12px #0000004d,0 0 16px #a855f70f,inset 0 0 14px #a855f70f}.collection-card.r5 .card-char{text-shadow:0 0 4px rgba(200,140,255,.95),0 0 14px rgba(168,85,247,.7),0 0 30px rgba(168,85,247,.4),0 0 55px rgba(140,50,230,.2);animation:cardCharAppear .6s ease-out both,charBreatheR5 3s ease-in-out .6s infinite}@keyframes charBreatheR5{0%,to{text-shadow:0 0 4px rgba(200,140,255,.95),0 0 14px rgba(168,85,247,.7),0 0 30px rgba(168,85,247,.4),0 0 55px rgba(140,50,230,.2);transform:scale(1)}50%{text-shadow:0 0 5px rgba(210,155,255,1),0 0 18px rgba(168,85,247,.78),0 0 35px rgba(168,85,247,.45),0 0 62px rgba(140,50,230,.22);transform:scale(1.02)}}.collection-actions{position:absolute;bottom:28px;left:0;right:0;display:flex;justify-content:center;padding:0 24px;pointer-events:none;z-index:10}.collection-actions .collection-pill-btn{pointer-events:auto}.collection-pill-btn{display:inline-flex;align-items:center;justify-content:center;margin:0;padding:0 24px;height:38px;border-radius:19px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:11px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;color:#ffd700b3;background:linear-gradient(135deg,#28080880,#14040466);backdrop-filter:blur(20px) saturate(1.5);-webkit-backdrop-filter:blur(20px) saturate(1.5);border:1px solid rgba(255,215,0,.2);box-shadow:0 2px 12px #0003,inset 0 1px #ffffff0a;cursor:pointer;transition:all .3s ease;text-shadow:0 1px 3px rgba(0,0,0,.5)}.collection-pill-btn:hover{color:#ffd700f2;border-color:#ffd70066;background:linear-gradient(135deg,#3c0c0c99,#1e060680);box-shadow:0 4px 20px #0000004d,0 0 10px #ffd7000f;transform:translateY(-1px)}.collection-pill-btn:active{transform:translateY(0) scale(.97);transition-duration:.1s}.collection-pill-sm{height:30px;padding:0 16px;font-size:10px;letter-spacing:1.5px}.collection-progress-center,.collection-progress-half{display:flex;align-items:center;justify-content:flex-end;gap:14px;flex-shrink:0}.auth-logged-out-row{display:flex;align-items:center}.auth-logged-in-row{display:flex;align-items:center;position:relative}.auth-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:#1e0505f2;border:1px solid rgba(255,215,0,.2);border-radius:12px;padding:12px 16px;display:flex;flex-direction:column;gap:10px;align-items:center;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 8px 24px #0006;z-index:10;min-width:160px}.btn-auth.btn-signin-gold{min-height:48px;padding:0 32px;border-radius:6px;font-size:14px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:gold;text-shadow:0 0 12px rgba(255,215,0,.3);background:linear-gradient(135deg,#ffd7001f,#b478001a,#ffd70014);border:2px solid rgba(255,215,0,.5);box-shadow:0 0 16px #ffd7001a,0 2px 8px #0003,inset 0 1px #ffffff0f;transition:all .3s ease;cursor:pointer}.btn-auth.btn-signin-gold:hover{background:linear-gradient(135deg,#ffd70038,#c88c0026,#ffd7001f);border-color:#ffd700bf;color:#ffe44d;box-shadow:0 0 24px #ffd7002e,0 4px 12px #00000040,inset 0 1px #ffffff14;transform:translateY(-1px)}.btn-auth.btn-signin-gold:active{transform:scale(.97);transition-duration:.1s}.btn-user-badge{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.draw-counter-float{pointer-events:auto;display:flex;align-items:center;opacity:0;transform:translateY(20px);visibility:hidden;transition:all .3s ease}.draw-counter-float.visible{opacity:1;transform:translateY(0);visibility:visible}.btn-auth{background:linear-gradient(135deg,#ffffff1f,#ffffff0a);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.18);color:#ffffffe6;padding:6px 16px;border-radius:16px;font-size:12px;font-weight:500;letter-spacing:.3px;cursor:pointer;transition:all .25s ease;box-shadow:0 2px 8px #00000026,inset 0 1px #ffffff1a}.btn-auth:hover{background:linear-gradient(135deg,#ffffff2e,#ffd70014);border-color:#ffd7004d;color:gold;box-shadow:0 4px 16px #0003,0 0 12px #ffd7001a,inset 0 1px #ffffff26;transform:translateY(-1px)}.btn-auth:active{transform:translateY(0);box-shadow:0 1px 4px #0003}.btn-auth.btn-small{padding:4px 12px;font-size:10px;opacity:.6;border-color:#ffffff1a}.btn-auth.btn-small:hover{opacity:1}.auth-email{color:#ffffffb3;font-size:11px;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.2px}.draw-counter{background:#0000004d;border:1.5px solid rgba(255,215,0,.4);color:gold;padding:0 16px;border-radius:24px;font-size:15px;font-weight:700;white-space:nowrap;height:48px;display:flex;align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:drawCounterPulse 2s ease-in-out infinite}@keyframes drawCounterPulse{0%,to{box-shadow:0 0 4px #ffd70033}50%{box-shadow:0 0 12px #ffd70066}}.share-preview-backdrop{position:fixed;inset:0;z-index:3000;background:#000000b3;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.share-preview-modal{position:fixed;inset:0;z-index:3001;display:flex;align-items:center;justify-content:center;padding:20px}.share-preview-inner{max-width:380px;width:100%;display:flex;flex-direction:column;align-items:center;gap:20px;animation:cardAppear .35s ease-out}.share-preview-img{width:100%;max-height:65vh;object-fit:contain;border-radius:12px;box-shadow:0 8px 40px #0009,0 0 20px #ffd70026;border:1px solid rgba(255,215,0,.25)}.share-preview-actions{display:flex;gap:12px;width:100%;justify-content:center;flex-wrap:wrap}.share-preview-btn{min-width:100px;padding:12px 20px;font-size:14px;border-radius:10px}.modal-overlay{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.modal-card{background:linear-gradient(135deg,#3c0a0af2,#1e0505fa);border:1px solid rgba(255,215,0,.3);border-radius:16px;padding:32px;width:min(360px,90vw);text-align:center;box-shadow:0 8px 40px #0009}.modal-card h2{color:gold;font-size:24px;margin:0 0 8px}.modal-card p{color:#ffffffb3;font-size:14px;margin:0 0 20px}.input-email{width:100%;padding:12px 16px;border:1px solid rgba(255,215,0,.3);border-radius:10px;background:#0006;color:#fff;font-size:16px;margin-bottom:16px;box-sizing:border-box;outline:none;transition:border-color .2s}.input-email:focus{border-color:#ffd70099}.input-email::placeholder{color:#ffffff4d}.modal-card .btn-action{width:100%;margin-bottom:8px}.login-status{color:#ffd700cc;font-size:13px;min-height:18px;margin:8px 0 0}.payment-modal-card{width:min(420px,92vw);max-height:90vh;overflow-y:auto}.promo-code-row{display:flex;flex-direction:column;align-items:stretch;gap:10px;margin-bottom:12px}#promo-code{width:100%;padding:10px 12px;border:1px solid rgba(255,215,0,.3);border-radius:10px;background:#00000073;color:#fff;font-size:14px;box-sizing:border-box;outline:none}#promo-code::placeholder{color:#ffffff59}#promo-code:focus{border-color:#ffd70099}#btn-apply-promo{width:100%;min-width:0;margin-bottom:0}#payment-element{margin-bottom:16px;min-height:100px}.payment-status{color:#ffd700cc;font-size:13px;min-height:18px;margin:0 0 12px}.payment-status.error{color:#f87171}.payment-status.success{color:#4ade80}#btn-pay:disabled{opacity:.4;cursor:not-allowed}.rewards-backdrop{position:fixed;inset:0;z-index:1499;background:#00000073;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:rp-fadeIn .2s ease-out}@keyframes rp-fadeIn{0%{opacity:0}to{opacity:1}}.rewards-panel{position:fixed;bottom:0;left:0;right:0;z-index:1500;display:flex;flex-direction:column;max-height:72vh;background:#1400006b;backdrop-filter:blur(60px) saturate(1.6);-webkit-backdrop-filter:blur(60px) saturate(1.6);border-radius:20px 20px 0 0;border-top:1px solid rgba(255,255,255,.08);box-shadow:0 -4px 60px #00000080,inset 0 1px #ffffff0d;animation:rp-slideUp .32s cubic-bezier(.32,.72,0,1);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@keyframes rp-slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.rewards-handle{display:flex;justify-content:center;padding:8px 0 0}.rewards-handle-bar{width:32px;height:3px;border-radius:1.5px;background:#ffffff24}.rewards-header{display:flex;align-items:center;justify-content:space-between;padding:10px 18px 8px}.rewards-title{color:gold;font-size:17px;font-weight:700;letter-spacing:-.2px;text-shadow:0 0 16px rgba(255,215,0,.4),0 0 40px rgba(255,215,0,.15)}.rewards-close{background:#ffffff0f;border:none;color:#fff6;width:28px;height:28px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.rewards-close:hover{background:#ffffff1a;color:#ffffffb3}.rewards-content{overflow-y:auto;padding:2px 16px 28px;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:12px}.rewards-signin-row{display:flex;padding:0}.rewards-signin-btn{border-color:#ffd7004d;background:#ffd70014}.rewards-signin-btn:hover{background:#ffd70026;border-color:#ffd70080}.rewards-user-row{display:flex;align-items:center;justify-content:center;position:relative}.rewards-user-badge{display:inline-flex;align-items:center;justify-content:center;padding:8px 18px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;color:#ffd700b3;font-family:inherit;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rewards-user-badge:hover{border-color:#ffd70033;background:#ffffff0f}.rewards-btn--small{padding:8px 14px;font-size:11px}.rewards-section{background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:4px 0;overflow:hidden}.rewards-section-label{display:block;padding:10px 14px 6px;font-size:10px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;color:#ffd7008c}.rewards-row{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;gap:10px}.rewards-row--actions{gap:8px;align-items:stretch}.rewards-row--meta{padding-top:0;gap:6px}.rewards-row--meta:empty,.rewards-row--meta:not(:has(.cooldown-text:not(:empty))){display:none}.rewards-row-text{color:#ffffffd1;font-size:13px;font-weight:500}.rewards-row-sub{color:#ffffff59;font-size:10px}.rewards-divider{height:1px;margin:0 14px;background:#ffffff0d}.rewards-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:#ffd7001a;border:1px solid rgba(255,215,0,.18);color:gold;border-radius:8px;font-family:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s ease;white-space:nowrap;flex-shrink:0}.rewards-btn:hover{background:#ffd7002e;border-color:#ffd70059}.rewards-btn:active{transform:scale(.97)}.rewards-btn:disabled{opacity:.35;cursor:not-allowed;transform:none}.rewards-btn--fill{flex:1;justify-content:center;flex-direction:column;gap:5px;padding:14px 6px;font-size:13px;border-radius:10px}.rewards-btn--static{cursor:default;background:#ffffff0a;border-color:#ffffff14;color:#ffffffb3}.rewards-btn--static:hover{background:#ffffff0a;border-color:#ffffff14}.rewards-btn--sm{padding:5px 12px;font-size:11px}.rewards-btn-sub{font-size:10px;font-weight:500;color:#ffffff59}.rewards-btn-badge{font-size:11px;font-weight:700;color:#ffd700e6;background:#ffd7001f;padding:1px 6px;border-radius:5px;letter-spacing:.3px}.cooldown-text{color:#ffffff4d;font-size:11px;font-family:inherit}.streak-dots{display:flex;gap:5px;margin-left:auto}.purchase-grid{display:flex;gap:8px;padding:6px 14px 12px}.btn-purchase{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 6px 12px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:10px;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;transition:all .15s ease}.btn-purchase:hover{background:#ffd7000f;border-color:#ffd70040;transform:translateY(-1px)}.btn-purchase:active{transform:scale(.97)}.btn-purchase:disabled{opacity:.35;transform:none}.purchase-draws{color:#ffffffe6;font-size:14px;font-weight:700}.purchase-price{color:gold;font-size:18px;font-weight:700;letter-spacing:-.3px}.purchase-savings{color:#4ade80;font-size:9px;font-weight:600;background:#4ade801a;padding:1px 5px;border-radius:4px}.single-fortune-actions{position:fixed;left:0;right:0;bottom:7%;display:none;align-items:center;justify-content:center;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .2s ease;z-index:15}.single-fortune-actions.visible{display:flex;opacity:1;visibility:visible}.single-fortune-actions>*{pointer-events:auto}.single-fortune-actions .btn-share-result{margin:0;height:48px;padding:0 24px!important;border-radius:30px!important;font-size:.9rem!important;font-weight:600;letter-spacing:2px;text-transform:uppercase;background:linear-gradient(135deg,#8f0000,#c31414 52%,#f0b020)!important;border:1.5px solid rgba(255,210,90,.75)!important;color:#ffe8a8!important;box-shadow:0 4px 16px #6e000059,0 0 14px #ffbe2840}.single-fortune-actions .btn-share-result:hover{background:linear-gradient(135deg,#a40000,#d11818 52%,#ffbf2e)!important;border-color:#ffdc78e6!important;color:#fff2c8!important;box-shadow:0 6px 18px #82000066,0 0 18px #ffc83c59}@media(max-width:520px){.single-fortune-actions .btn-share-result{height:44px;padding:0 16px!important;font-size:.78rem!important;letter-spacing:1px}}.btn-share-result{background:linear-gradient(135deg,#ffffff1a,#ffffff0a,#ffd7000f)!important;backdrop-filter:blur(16px) saturate(1.4)!important;-webkit-backdrop-filter:blur(16px) saturate(1.4)!important;border:1px solid rgba(255,255,255,.15)!important;color:#ffffffd9!important;padding:8px 24px!important;border-radius:20px!important;font-size:12px!important;font-weight:500;letter-spacing:1px;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 20px #0003,inset 0 1px #ffffff1a}.btn-share-result:hover{background:linear-gradient(135deg,#ffffff29,#ffd7001a)!important;border-color:#ffd7004d!important;color:gold!important;box-shadow:0 4px 24px #00000040,0 0 16px #ffd7001a;transform:translateY(-1px)}.detail-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;width:100%}.detail-actions-outside{max-width:min(420px,88vw);padding:0 8px}.btn-detail-action{background:linear-gradient(135deg,#b01616e6,#8e0e0eeb 56%,#6e0a0ae6);backdrop-filter:blur(14px) saturate(1.1);-webkit-backdrop-filter:blur(14px) saturate(1.1);border:1px solid rgba(255,218,128,.58);box-shadow:0 6px 16px #6400006b,0 0 12px #ffb84033,inset 0 1px #ffeebe40;color:gold;min-width:104px;padding:11px 24px;border-radius:24px;font-size:12px;font-weight:600;letter-spacing:1.4px;text-transform:uppercase;cursor:pointer;transition:all .25s ease}.btn-detail-action:hover{background:linear-gradient(135deg,#c61c1cf0,#9e1212f5 56%,#7c0c0cf0);border-color:#ffe192c7;color:#fff1be;transform:translateY(-1px);box-shadow:0 8px 22px #7800007a,0 0 18px #ffc6564d}.btn-detail-sound.playing{border-color:#ffdc78b8;color:#ffe6a8;box-shadow:0 8px 24px #00000052,0 0 20px #ffc35059}.btn-detail-pronunciation{flex-basis:100%;margin-top:2px;max-width:220px}
