@font-face{font-family:GFS Didot;src:url(/fonts/GFSDidot-Regular.ttf) format("truetype");font-display:block}@font-face{font-family:EB Garamond;src:url(/fonts/EBGaramond-Regular.ttf) format("truetype");font-display:block}@font-face{font-family:EB Garamond;src:url(/fonts/EBGaramond-Italic.ttf) format("truetype");font-style:italic;font-display:block}@font-face{font-family:Cormorant SC;src:url(/fonts/CormorantSC-Regular.ttf) format("truetype");font-display:block}*{margin:0;padding:0;box-sizing:border-box}:root{--sat: env(safe-area-inset-top, 0px);--bg-gradient-start: #667eea;--bg-gradient-end: #764ba2;--card-bg: rgba(255, 255, 255, .15);--text-light: #ffffff;--text-dark: #2d1b69;--shadow: 0 8px 32px rgba(0, 0, 0, .15);--fs-section-title: 1.15rem;--fs-chapter-name: 1.2rem;--fs-mode-tab: .72rem;--fs-tile-num: 1.2rem;--fs-chapter-subtitle: .82rem;--fs-ring-label: .7rem;--fs-ring-pct: 8;--fs-progress-title: .78rem;--fs-more-chapters: .8rem}:root[data-typo=A]{--fs-section-title: 1.1rem;--fs-chapter-name: 1.1rem;--fs-mode-tab: .75rem;--fs-tile-num: 1.1rem;--fs-chapter-subtitle: .8rem;--fs-ring-label: .72rem;--fs-ring-pct: 8.5;--fs-progress-title: .75rem;--fs-more-chapters: .78rem}:root[data-typo=B]{--fs-section-title: 1.3rem;--fs-chapter-name: 1.2rem;--fs-mode-tab: .72rem;--fs-tile-num: 1.15rem;--fs-chapter-subtitle: .75rem;--fs-ring-label: .65rem;--fs-ring-pct: 7.5;--fs-progress-title: .7rem;--fs-more-chapters: .75rem}html,body{background:#fff;margin:0;padding:0;height:100%;width:100%;overflow:hidden;overscroll-behavior:none;touch-action:pan-y}body{font-family:Fredoka,sans-serif;color:var(--text-light)}.app{position:fixed;top:0;left:0;right:0;bottom:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:none;overscroll-behavior-x:none;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column}.start-screen{min-height:100dvh;display:flex;align-items:flex-start;justify-content:center;padding:2rem .75rem calc(80px + env(safe-area-inset-bottom,0px) + 4rem);background:#fff;color:#333;position:relative;overflow-x:clip}.start-content{text-align:center;width:100%;max-width:min(420px,100%)}.app-hero{display:flex;flex-direction:column;align-items:center;gap:2px;margin-bottom:.25rem}.owl-icon{display:block;transition:transform .3s ease,opacity .3s ease;transform-origin:center center}.owl-shrunk{transform:scale(.7);opacity:.6}@keyframes owlPop{0%{transform:translateY(0) scale(1)}7%{transform:translateY(0) scale(.9)}18%{transform:translateY(-22px) scale(1.1)}28%{transform:translateY(0) scale(.95)}36%{transform:translateY(0) scale(1)}42%{transform:translateY(0) scale(.9)}54%{transform:translateY(-15px) scale(1.08)}66%{transform:translateY(0) scale(.97)}80%{transform:translateY(0) scale(1.02)}to{transform:translateY(0) scale(1)}}.owl-jump{animation:owlPop 1.2s ease-out}.header-logo{display:flex;flex-direction:column;align-items:center;padding-top:max(2px,env(safe-area-inset-top))}.sticky-header{position:sticky;top:0;z-index:20;background:#fff;display:flex;flex-direction:column;align-items:center;max-width:100%;padding-top:env(safe-area-inset-top,0px)}.app-title{font-size:2.8rem;font-weight:700;margin-bottom:.25rem;text-shadow:none;display:flex;align-items:center;justify-content:center}.title-weisen{color:gold}.title-heimer{color:#764ba2}.app-subtitle{font-size:1.1rem;font-weight:600;color:#3ab5ad;margin-bottom:.5rem}.start-button{font-family:Fredoka,sans-serif;font-size:2rem;font-weight:600;padding:1rem 3rem;border:none;border-radius:50px;background:linear-gradient(135deg,#ff6b6b,#ff8e53);color:#fff;cursor:pointer;box-shadow:0 6px 20px #ff6b6b66;transition:transform .2s,box-shadow .2s}.start-button:hover{transform:scale(1.08);box-shadow:0 8px 25px #ff6b6b80}.start-button:active{transform:scale(.97)}.level-hint{font-size:1rem;opacity:.7;margin-bottom:1.5rem}.chapter-path{display:flex;flex-direction:column;align-items:center;width:100%;margin:0 auto}.chapter-path-item{display:flex;flex-direction:column;align-items:center;width:100%}.chapter-connector{width:3px;height:22px;background:#ddd;border-radius:2px}.chapter-card{width:100%;border-radius:20px;overflow:hidden;box-shadow:0 4px 16px #0000001f;transition:transform .2s,box-shadow .2s;color:#fff;scroll-margin-top:130px}.chapter-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.2rem;-webkit-user-select:none;user-select:none}.chapter-info{text-align:left}.chapter-name{font-size:var(--fs-chapter-name, 1.2rem);font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.15)}.chapter-subtitle{font-size:var(--fs-chapter-subtitle, .82rem);font-weight:400;opacity:.8;margin-top:2px;display:none}.chapter-icon{font-size:1.3rem;flex-shrink:0}.chapter-check{flex-shrink:0;filter:drop-shadow(0 1px 3px rgba(52,199,89,.4))}.chapter-check circle{transition:fill 1.5s ease}.chapter-progress-ring{flex-shrink:0}.chapter-completed{background:#fff;border:2.5px solid #2aa24a;color:#333;box-shadow:0 2px 8px #0000000f}.chapter-completed .chapter-name{text-shadow:none}.chapter-completed .chapter-header:hover{filter:brightness(.97)}.chapter-active{background:#fff;border:2.5px solid #667eea;color:#333;box-shadow:0 2px 8px #0000000f}.chapter-active .chapter-name{text-shadow:none}.chapter-active .chapter-subtitle{color:#666}.chapter-active-subtle{border-color:#b0c8e8!important}.cs-noframe{border:none!important;box-shadow:none!important}.category-wrapper{border:none;border-radius:20px;box-shadow:none;overflow:hidden;padding:.25rem 0}.category-wrapper .chapter-card{border:none!important;box-shadow:none!important;border-radius:0!important}.category-wrapper .chapter-connector{display:none}.chapter-separator{width:85%;height:1px;background:#e8e8e8;margin:0 auto}.category-wrapper .more-levels-toggle{margin-top:1.5rem;margin-bottom:.5rem}.more-separator{width:85%;height:1px;background:#e8e8e8;margin:.3rem auto 0}.chapter-locked{background:#fff;border:2.5px solid #b0c8e8;color:#333;box-shadow:0 2px 8px #0000000f}.chapter-locked .chapter-name{text-shadow:none}.chapter-locked .chapter-header{cursor:not-allowed}.chapter-levels{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:0 .8rem 1rem;animation:fadeIn .3s ease-out}.level-tile{font-family:Fredoka,sans-serif;width:100%;height:68px;border:none;border-radius:14px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;box-shadow:0 3px 8px #00000026;transition:transform .2s,box-shadow .2s;color:#fff;position:relative}.level-tile.passed{background:radial-gradient(circle at 35% 35%,#f7e07c,#d4a017 50%,#b8860b 80%,#8b6914);border:2.5px solid #f0d060;box-shadow:0 3px 12px #d4a01773,inset 0 1px 2px #fff6,inset 0 -1px 2px #00000026}.level-tile.completed{background:#fff;border:2.5px solid #4ed672;box-shadow:0 3px 12px #2aa24a26;color:#2aa24a;transition:background 1.5s ease,border-color 1.5s ease,color 1.5s ease,box-shadow 1.5s ease}.cat-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:10px;padding:.75rem 1rem}.cat-grid-item{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0}.cat-grid-label-below{font-family:Fredoka,sans-serif;font-size:.65rem;font-weight:600;color:#5f5f5f;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.cat-grid-card{position:relative;aspect-ratio:1;border-radius:14px;overflow:hidden;border:none;padding:0;cursor:pointer;background:#fff;transition:transform .15s}.cat-grid-card:active{transform:scale(.97)}@keyframes catFx1{0%{left:-100%}to{left:200%}}.cat-fx-1:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.5) 50%,transparent 60%);animation:catFx1 2.5s ease-in-out infinite;pointer-events:none}@keyframes catFx2{0%,to{box-shadow:0 0 #a855f700}50%{box-shadow:0 0 12px 4px #a855f759}}.cat-fx-2{animation:catFx2 2s ease-in-out infinite}@keyframes catFx3{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.cat-fx-3{animation:catFx3 1.8s ease-in-out infinite}@keyframes catFx4{0%,to{transform:rotate(0)}25%{transform:rotate(-1.5deg)}75%{transform:rotate(1.5deg)}}.cat-fx-4{animation:catFx4 2s ease-in-out infinite}@keyframes catFx5{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.cat-fx-5{animation:catFx5 2.5s ease-in-out infinite}@keyframes catFx6{0%{left:-100%}to{left:200%}}.cat-fx-6:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 40%,rgba(255,215,0,.4) 50%,transparent 60%);animation:catFx6 3s ease-in-out infinite;pointer-events:none}@keyframes catFx7{0%{border-color:#ff6b6b}20%{border-color:#f9ca24}40%{border-color:#4ecdc4}60%{border-color:#45b7d1}80%{border-color:#a855f7}to{border-color:#ff6b6b}}.cat-fx-7{animation:catFx7 3s linear infinite;border-width:2px!important;border-style:solid!important}@keyframes catFx8{0%,to{box-shadow:0 0 5px #a855f7,0 0 10px #a855f74d}50%{box-shadow:0 0 15px #a855f7,0 0 30px #a855f766}}.cat-fx-8{animation:catFx8 2s ease-in-out infinite}@keyframes catFx9{0%,to{transform:perspective(300px) rotateY(0)}25%{transform:perspective(300px) rotateY(3deg)}75%{transform:perspective(300px) rotateY(-3deg)}}.cat-fx-9{animation:catFx9 3s ease-in-out infinite}@keyframes catFx10{0%{background-position:0% 0%}to{background-position:400% 0%}}.cat-fx-10{border:2px solid transparent!important;background-image:linear-gradient(#fff,#fff),linear-gradient(90deg,#a855f7,#f093fb,#a855f7,#f093fb);background-origin:border-box;background-clip:padding-box,border-box;animation:catFx10 3s linear infinite}@keyframes catFx11{0%{left:-50%;top:-50%}to{left:150%;top:150%}}.cat-fx-11:after{content:"";position:absolute;width:60%;height:60%;background:radial-gradient(circle,rgba(255,255,255,.4) 0%,transparent 70%);border-radius:50%;animation:catFx11 3s ease-in-out infinite;pointer-events:none}@keyframes catFx12{0%,to{box-shadow:inset 0 0 3px #45b7d14d}25%{box-shadow:inset 2px 0 6px #45b7d199}50%{box-shadow:inset 0 2px 6px #a855f799}75%{box-shadow:inset -2px 0 6px #f093fb99}}.cat-fx-12{animation:catFx12 1.5s ease-in-out infinite}@keyframes catFx13{0%,to{transform:translateY(0);box-shadow:0 2px 8px #0000001a}50%{transform:translateY(-5px);box-shadow:0 8px 20px #00000026}}.cat-fx-13{animation:catFx13 2.5s ease-in-out infinite}@keyframes catFx14{0%,to{transform:scale(1)}14%{transform:scale(1.04)}28%{transform:scale(1)}42%{transform:scale(1.04)}56%{transform:scale(1)}}.cat-fx-14{animation:catFx14 2s ease-in-out infinite}@keyframes catFx15{0%,90%,to{filter:none;opacity:1}93%{filter:blur(1px);opacity:.85}96%{filter:none;opacity:1}}.cat-fx-15{animation:catFx15 4s ease-in-out infinite}@keyframes catFx16{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cat-fx-16:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:16px;background:conic-gradient(from 0deg,transparent,rgba(168,85,247,.3),transparent,rgba(240,147,251,.3),transparent);animation:catFx16 3s linear infinite;pointer-events:none;z-index:-1}.cat-fx-16{overflow:visible;z-index:0}@keyframes catFx17a{0%,to{opacity:0}50%{opacity:1}}.cat-fx-17:before,.cat-fx-17:after{content:"u2728";position:absolute;font-size:.7rem;animation:catFx17a 2s ease-in-out infinite;pointer-events:none}.cat-fx-17:before{top:8%;right:12%;animation-delay:0s}.cat-fx-17:after{bottom:15%;left:10%;animation-delay:1s}@keyframes catFx18{0%,to{transform:translate(0)}30%{transform:translate(2px)}70%{transform:translate(-2px)}}.cat-fx-18{animation:catFx18 3s ease-in-out infinite}@keyframes catFx19{0%,85%,to{transform:perspective(400px) rotateY(0)}90%{transform:perspective(400px) rotateY(8deg)}95%{transform:perspective(400px) rotateY(-3deg)}}.cat-fx-19{animation:catFx19 4s ease-in-out infinite}@keyframes catFx20{0%{box-shadow:0 0 #a855f766}70%{box-shadow:0 0 0 8px #a855f700}to{box-shadow:0 0 #a855f700}}.cat-fx-20{animation:catFx20 2s ease-out infinite}@keyframes btnFx1{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.btn-fx-1{animation:btnFx1 2s ease-in-out infinite}@keyframes btnFx2{0%,to{box-shadow:0 4px 16px #a855f759}50%{box-shadow:0 4px 30px #a855f799,0 0 40px #f093fb4d}}.btn-fx-2{animation:btnFx2 2s ease-in-out infinite}@keyframes btnFx3{0%{left:-100%}to{left:200%}}.btn-fx-3{position:relative;overflow:hidden}.btn-fx-3:after{content:"";position:absolute;top:0;bottom:0;width:40%;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.4) 50%,transparent 70%);animation:btnFx3 2.5s ease-in-out infinite;pointer-events:none}@keyframes btnFx4{0%,to{transform:translateY(0)}40%{transform:translateY(-6px)}60%{transform:translateY(-2px)}}.btn-fx-4{animation:btnFx4 2s ease-in-out infinite}@keyframes btnFx5{0%,to{transform:rotate(0)}20%{transform:rotate(-2deg)}40%{transform:rotate(2deg)}60%{transform:rotate(-1deg)}80%{transform:rotate(1deg)}}.btn-fx-5{animation:btnFx5 2.5s ease-in-out infinite}@keyframes btnFx6{0%{background-position:0% 50%}to{background-position:200% 50%}}.btn-fx-6{background:linear-gradient(90deg,#a855f7,#f093fb,#45b7d1,#4ecdc4,#a855f7)!important;background-size:200% 100%;animation:btnFx6 3s linear infinite}@keyframes btnFx7{0%,to{box-shadow:0 0 5px #a855f7,0 0 10px #a855f74d,inset 0 0 5px #a855f71a}50%{box-shadow:0 0 15px #a855f7,0 0 30px #a855f780,inset 0 0 10px #a855f733}}.btn-fx-7{animation:btnFx7 1.8s ease-in-out infinite}@keyframes btnFx8{0%,to{transform:scale(1)}14%{transform:scale(1.06)}28%{transform:scale(1)}42%{transform:scale(1.06)}56%{transform:scale(1)}}.btn-fx-8{animation:btnFx8 2s ease-in-out infinite}.btn-fx-heartbeat-2x{animation:btnFx8 1.6s ease-in-out .6s 2}@keyframes btnFx9{0%,to{transform:translateY(0);box-shadow:0 4px 16px #a855f759}50%{transform:translateY(-5px);box-shadow:0 12px 30px #a855f766}}.btn-fx-9{animation:btnFx9 2.5s ease-in-out infinite}@keyframes btnFx10{0%{box-shadow:0 0 #a855f780}70%{box-shadow:0 0 0 12px #a855f700}to{box-shadow:0 0 #a855f700}}.btn-fx-10{animation:btnFx10 2s ease-out infinite}@keyframes btnFx11{0%,to{transform:perspective(300px) rotateX(0)}50%{transform:perspective(300px) rotateX(5deg)}}.btn-fx-11{animation:btnFx11 3s ease-in-out infinite}@keyframes btnFx12{0%,to{filter:hue-rotate(0deg)}50%{filter:hue-rotate(30deg)}}.btn-fx-12{animation:btnFx12 3s ease-in-out infinite}@keyframes btnFx13{0%,to{transform:scale(1)}30%{transform:scale(1.05,.95)}50%{transform:scale(.97,1.03)}70%{transform:scale(1.02,.98)}}.btn-fx-13{animation:btnFx13 2s ease-in-out infinite}@keyframes btnFx14{0%{left:-60%}to{left:160%}}.btn-fx-14{position:relative;overflow:hidden}.btn-fx-14:after{content:"";position:absolute;top:-50%;bottom:-50%;width:40%;background:radial-gradient(ellipse,rgba(255,255,255,.35) 0%,transparent 70%);animation:btnFx14 3s ease-in-out infinite;pointer-events:none}@keyframes btnFx15{0%,to{border:2px solid transparent}50%{border:2px solid rgba(255,255,255,.6)}}.btn-fx-15{animation:btnFx15 2s ease-in-out infinite}@keyframes btnFx16{0%,to{transform:translate(0)}25%{transform:translate(3px)}75%{transform:translate(-3px)}}.btn-fx-16{animation:btnFx16 2.5s ease-in-out infinite}@keyframes btnFx17a{0%{box-shadow:0 0 #a855f766}to{box-shadow:0 0 0 15px #a855f700}}@keyframes btnFx17b{0%{box-shadow:0 0 #f093fb4d}to{box-shadow:0 0 0 15px #f093fb00}}.btn-fx-17{position:relative}.btn-fx-17:before,.btn-fx-17:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;pointer-events:none}.btn-fx-17:before{animation:btnFx17a 2s ease-out infinite}.btn-fx-17:after{animation:btnFx17b 2s ease-out .4s infinite}@keyframes btnFx18{0%{background-position:0% 50%}to{background-position:100% 50%}}.btn-fx-18{background:linear-gradient(135deg,#a855f7,#f093fb,#a855f7)!important;background-size:200% 200%;animation:btnFx18 2s ease-in-out infinite alternate}@keyframes btnFx19{0%,to{text-shadow:0 0 5px rgba(255,255,255,.3)}50%{text-shadow:0 0 15px rgba(255,255,255,.8),0 0 30px rgba(255,255,255,.4)}}.btn-fx-19{animation:btnFx19 2s ease-in-out infinite}@keyframes btnFx20{0%,85%,to{opacity:1;filter:brightness(1)}90%{opacity:.9;filter:brightness(1.3)}95%{opacity:1;filter:brightness(1)}}.btn-fx-20{animation:btnFx20 3s ease-in-out infinite}.cat-grid-img{width:100%;height:100%;object-fit:contain;display:block;padding:8px}.cat-grid-overlay{position:absolute;bottom:0;left:0;right:0;padding:10px 12px;background:linear-gradient(transparent,#0009);display:flex;align-items:flex-end}.cat-grid-name{font-family:Fredoka,sans-serif;font-size:.9rem;font-weight:600;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.3)}.cat-grid-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#fff3}.cat-grid-progress-fill{height:100%;background:#a855f7;border-radius:0 2px 0 0}.cat-grid-latin{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f0fa,#e8d5f5);padding:16px}.cat-grid-latin-text{font-family:Fredoka,sans-serif;font-size:1.4rem;font-weight:600;color:#5b21b6;font-style:italic;text-align:center}.cat-grid-special{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#fff;border:1.5px solid #e8e8f0;padding:16px;position:relative;overflow:hidden;white-space:pre-line}.cat-thumbs-wrap{position:relative;margin:.5rem 0 .25rem;cursor:pointer;overflow:hidden}.cat-thumbs-scroll{display:flex;gap:8px;overflow-x:auto;padding:0 1rem;scrollbar-width:none;-webkit-overflow-scrolling:touch}.cat-thumbs-scroll::-webkit-scrollbar{display:none}.cat-thumb{flex-shrink:0;width:74px;height:74px;border-radius:12px;overflow:hidden;background:#f5f5f5}.cat-thumb-img{width:100%;height:100%;object-fit:cover;display:block}.cat-thumb-latin{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:6px;font-family:Fredoka,sans-serif;font-size:.55rem;font-weight:500;color:#5b21b6;background:#f5f0fa;text-align:center;line-height:1.2;font-style:italic}.cat-thumb-shape{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f0f4ff}.cat-thumbs-fade{position:absolute;top:0;right:0;width:60px;height:100%;background:linear-gradient(90deg,transparent,#fff);pointer-events:none}.mode-section{margin-bottom:1.5rem}.level-previews{padding:.5rem 0}.level-preview-row{cursor:pointer;padding:.5rem 0;transition:opacity .2s}.level-preview-row:active{opacity:.7}.level-preview-header{display:flex;align-items:center;gap:8px;padding:0 1rem .25rem}.level-preview-num{font-family:Fredoka,sans-serif;font-size:.8rem;font-weight:700;color:#a855f7}.level-preview-theme{font-family:Fredoka,sans-serif;font-size:.8rem;font-weight:500;color:#888}.level-preview-check{font-size:.7rem;margin-left:auto}.level-tile.completed.cat-done-v14{background:linear-gradient(135deg,#d946ef,#f5a8e3);border-color:#fff;border-width:2.5px;color:#fff}.level-tile.unlocked{background:linear-gradient(135deg,#4ecdc4,#45b7d1)}.level-tile.locked{background:#ffffff26;color:#ffffffbf;cursor:not-allowed;opacity:1}.level-tile.upcoming,.level-tile.locked-preview{background:#fff;border:2.5px solid #b0c8e8;color:#7090b5;box-shadow:0 3px 12px #647eea26;cursor:not-allowed}.level-tile.unlocked:hover,.level-tile.passed:hover{transform:scale(1.1);box-shadow:0 5px 14px #00000040}.level-tile.unlocked:active,.level-tile.passed:active{transform:scale(.95)}.tile-num{font-size:var(--fs-tile-num, 1.2rem);font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.15);position:relative;z-index:2}.tile-stars{display:flex;gap:1px;font-size:.55rem;line-height:1}.tile-stars .dim{opacity:.4}.tile-lock{font-size:.75rem;opacity:.7}.tile-pct{font-size:.65rem;font-weight:600;opacity:.7;line-height:1}.tile-pct-passed{opacity:1;color:#fff}.tile-pct-progress{opacity:.9}.more-levels-toggle{font-family:Fredoka,sans-serif;font-size:var(--fs-more-chapters, .8rem);font-weight:600;color:#888;background:#f5f5f5;border:1.5px dashed #ccc;border-radius:12px;padding:.5rem 1rem;cursor:pointer;transition:background .2s,border-color .2s}.more-levels-toggle:hover{background:#eee;border-color:#aaa}.level-tile.next-level{animation:tilePulse 1s ease-in-out 3,tileBreathe 2s ease-in-out 3.5s infinite;border:2.5px solid #FFD700;box-shadow:0 0 10px #ffd70080,0 3px 8px #00000026}.level-tile.next-level.pink-still{animation:none!important;border-color:transparent!important;background:linear-gradient(180deg,#f093fb,#f5576c)!important;color:#fff!important;box-shadow:0 0 18px #f093fb8c!important;transform:none!important}.level-tile.next-level.pink-heart-1{border-color:transparent;background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;box-shadow:0 0 18px #f093fb8c;animation:none}.level-tile.next-level.pink-heart-2{border-color:transparent;background:linear-gradient(135deg,#f093fb,#ec4899);color:#fff;box-shadow:0 0 18px #f093fb8c;animation:none}.level-tile.next-level.pink-heart-3{border-color:transparent;background:linear-gradient(135deg,#f5576c,#ffd200);color:#fff;box-shadow:0 0 18px #f5576c80;animation:none}.level-tile.next-level.pink-heart-4{border-color:transparent;background:linear-gradient(135deg,#f093fb,#f5576c,#ffd200);color:#fff;box-shadow:0 0 18px #f093fb8c;animation:none}.level-tile.next-level.pink-heart-5{border-color:transparent;background:linear-gradient(135deg,#fbc2eb,#a6c1ee);color:#fff;box-shadow:0 0 18px #fbc2eb80;animation:none}.level-tile.next-level.pink-heart-6{border-color:transparent;background:linear-gradient(135deg,#a18cd1,#fbc2eb);color:#fff;box-shadow:0 0 18px #a18cd180;animation:none}.level-tile.next-level.pink-heart-7{border-color:transparent;background:linear-gradient(135deg,#f472b6,#fbbf24);color:#fff;box-shadow:0 0 18px #f472b680;animation:none}.level-tile.next-level.pink-heart-8{border-color:transparent;background:linear-gradient(180deg,#f093fb,#f5576c);color:#fff;box-shadow:0 0 18px #f093fb8c;animation:none}.level-tile.next-level.pink-heart-9{border-color:transparent;background:linear-gradient(135deg,#ec4899,#8b5cf6);color:#fff;box-shadow:0 0 18px #ec489980;animation:none}.level-tile.next-level.pink-heart-10{border-color:transparent;background:linear-gradient(135deg,#f093fb,#4ecdc4);color:#fff;box-shadow:0 0 18px #f093fb80;animation:none}.level-tile.next-level.pink-heart-11{border-color:#fff;background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;box-shadow:0 0 18px #f093fb8c;animation:none}.level-tile.next-level.pink-heart-12{border-color:#f093fb;background:linear-gradient(135deg,#f093fb33,#f5576c33);color:#764ba2;box-shadow:0 0 18px #f093fb66;animation:none}@keyframes pinkHeart{0%{transform:scale(1)}14%{transform:scale(1.12)}28%{transform:scale(1.02)}42%{transform:scale(1.14)}70%{transform:scale(1)}to{transform:scale(1)}}.level-tile.just-completed{box-shadow:0 0 16px #ffd70099,0 3px 8px #00000026;animation:tileGlow 1.5s ease-in-out infinite alternate}.joker-btn{font-family:Fredoka,sans-serif;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .15s,opacity .15s;background:transparent;border:none}.joker-btn:active:not(:disabled){transform:scale(.9)}.joker-used{cursor:default}.joker-style-1{font-size:1.2rem;font-weight:700;color:#764ba2;padding:.3rem .5rem}.joker-style-1.joker-used{color:#d4d4d4}.joker-style-2{font-size:1rem;font-weight:700;color:#764ba2;padding:.3rem .5rem}.joker-style-2.joker-used{color:#d4d4d4}.joker-style-3{font-size:1.2rem;font-weight:500;color:#764ba2;padding:.3rem .5rem}.joker-style-3.joker-used{color:#d4d4d4}.joker-style-4{font-size:1.2rem;font-weight:700;color:#4ecdc4;padding:.3rem .5rem}.joker-style-4.joker-used{color:#d4d4d4}.joker-style-5{font-size:1.2rem;font-weight:700;color:#f093fb;padding:.3rem .5rem}.joker-style-5.joker-used{color:#d4d4d4}.joker-style-6{font-size:1.4rem;font-weight:700;color:#764ba2;padding:.3rem .5rem}.joker-style-6.joker-used{color:#d4d4d4}.joker-style-7{font-size:1.2rem;font-weight:700;color:#999;padding:.3rem .5rem}.joker-style-7.joker-used{color:#e0e0e0}.joker-style-8{font-size:1.2rem;font-weight:700;color:#f5576c;padding:.3rem .5rem}.joker-style-8.joker-used{color:#d4d4d4}.challenger-banner{font-family:Fredoka,sans-serif;font-size:.8rem;font-weight:600;color:#667eea;background:#f0f0ff;padding:.35rem .8rem;border-radius:20px;margin-bottom:.3rem;animation:fadeInUp .4s ease-out}.cat-score-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;font-family:Fredoka,sans-serif;font-weight:700;pointer-events:none;background-image:linear-gradient(135deg,#f093fb,#f5576c,#ffd200);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;white-space:nowrap}.cat-score-1{font-size:2rem;transform:translate(-50%,-50%) rotate(-5deg);filter:drop-shadow(0 3px 10px rgba(240,147,251,.35))}.cat-score-2{font-size:2rem;transform:translate(-50%,-50%) rotate(-7deg);filter:drop-shadow(0 3px 10px rgba(240,147,251,.35))}.cat-score-3{font-size:2.6rem;transform:translate(-50%,-50%) rotate(-5deg);filter:drop-shadow(0 4px 14px rgba(240,147,251,.4))}.cat-score-4{font-size:2rem;font-style:italic;transform:translate(-50%,-50%) rotate(-5deg);filter:drop-shadow(0 3px 10px rgba(240,147,251,.35))}.cat-score-5{font-size:2.6rem;font-style:italic;transform:translate(-50%,-50%) rotate(-7deg);filter:drop-shadow(0 4px 14px rgba(240,147,251,.4))}.cat-score-6{font-size:2rem;transform:translate(-50%,-50%) rotate(0);filter:drop-shadow(0 3px 10px rgba(240,147,251,.35))}.cat-score-7{font-size:1.6rem;transform:translate(-50%,-50%) rotate(-5deg);filter:drop-shadow(0 2px 8px rgba(240,147,251,.25));opacity:.8}.cat-score-8{font-size:3rem;transform:translate(-50%,-50%) rotate(-5deg);filter:drop-shadow(0 5px 18px rgba(240,147,251,.5))}.tile-check{display:inline-block}.tile-check-1{font-size:1.4rem}.tile-check-2{font-size:1.6rem;font-weight:400}.tile-check-3{font-size:1.2rem;font-weight:700}.tile-check-4{font-size:1rem;border:2px solid #fff;border-radius:50%;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center}.tile-check-5{font-size:1.4rem;text-shadow:0 1px 3px rgba(0,0,0,.2)}.tile-check-6{font-size:1.1rem;background:#ffffff4d;border-radius:50%;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center}.level-tile.cat-complete-1{animation:catRainbow 2s ease-in-out infinite;animation-delay:calc(var(--tile-idx, 0) * .15s)}.level-tile.cat-complete-1:nth-child(1){--tile-idx: 0}.level-tile.cat-complete-1:nth-child(2){--tile-idx: 1}.level-tile.cat-complete-1:nth-child(3){--tile-idx: 2}.level-tile.cat-complete-1:nth-child(4){--tile-idx: 3}.level-tile.cat-complete-1:nth-child(5){--tile-idx: 4}.level-tile.cat-complete-1:nth-child(6){--tile-idx: 5}.level-tile.cat-complete-1:nth-child(7){--tile-idx: 6}.level-tile.cat-complete-1:nth-child(8){--tile-idx: 7}.level-tile.cat-complete-1:nth-child(9){--tile-idx: 8}.level-tile.cat-complete-1:nth-child(10){--tile-idx: 9}@keyframes catRainbow{0%{background:#f093fb;border-color:#f093fb;color:#fff;transform:scale(1.05)}25%{background:#ffd200;border-color:#ffd200;color:#fff}50%{background:#f5576c;border-color:#f5576c;color:#fff;transform:scale(1.1)}75%{background:#f472b6;border-color:#f472b6;color:#fff}to{background:#f093fb;border-color:#f093fb;color:#fff;transform:scale(1.05)}}.level-tile.cat-complete-2{animation:catGold 1.5s ease-in-out infinite alternate;border-color:gold!important;color:#fff!important}@keyframes catGold{0%{background:gold;box-shadow:0 0 12px #ffd70080;transform:scale(1)}to{background:#ffec80;box-shadow:0 0 24px #ffd700cc;transform:scale(1.08)}}.level-tile.cat-complete-3{animation:catFlip 1.5s cubic-bezier(.34,1.56,.64,1) infinite;animation-delay:calc(var(--tile-idx, 0) * .2s);border-color:#f093fb!important;background:linear-gradient(135deg,#f093fb,#f5576c)!important;color:#fff!important}.level-tile.cat-complete-3:nth-child(1){--tile-idx: 0}.level-tile.cat-complete-3:nth-child(2){--tile-idx: 1}.level-tile.cat-complete-3:nth-child(3){--tile-idx: 2}.level-tile.cat-complete-3:nth-child(4){--tile-idx: 3}.level-tile.cat-complete-3:nth-child(5){--tile-idx: 4}.level-tile.cat-complete-3:nth-child(6){--tile-idx: 5}.level-tile.cat-complete-3:nth-child(7){--tile-idx: 6}.level-tile.cat-complete-3:nth-child(8){--tile-idx: 7}.level-tile.cat-complete-3:nth-child(9){--tile-idx: 8}.level-tile.cat-complete-3:nth-child(10){--tile-idx: 9}@keyframes catFlip{0%,60%,to{transform:perspective(400px) rotateY(0) scale(1)}30%{transform:perspective(400px) rotateY(180deg) scale(1.1)}}.level-tile.cat-complete-4{animation:catPinkGlow 1.2s ease-in-out infinite alternate;border-color:transparent!important;background:linear-gradient(180deg,#f093fb,#f5576c)!important;color:#fff!important}@keyframes catPinkGlow{0%{box-shadow:0 0 10px #f093fb66;transform:scale(1)}to{box-shadow:0 0 24px #f093fbcc;transform:scale(1.08)}}.level-tile.cat-complete-5{animation:catPop 2s cubic-bezier(.34,2,.64,1) infinite;animation-delay:calc(var(--tile-idx, 0) * .25s);border-color:#ffd200!important;background:#ffd200!important;color:#333!important}.level-tile.cat-complete-5:nth-child(1){--tile-idx: 0}.level-tile.cat-complete-5:nth-child(2){--tile-idx: 1}.level-tile.cat-complete-5:nth-child(3){--tile-idx: 2}.level-tile.cat-complete-5:nth-child(4){--tile-idx: 3}.level-tile.cat-complete-5:nth-child(5){--tile-idx: 4}.level-tile.cat-complete-5:nth-child(6){--tile-idx: 5}.level-tile.cat-complete-5:nth-child(7){--tile-idx: 6}.level-tile.cat-complete-5:nth-child(8){--tile-idx: 7}.level-tile.cat-complete-5:nth-child(9){--tile-idx: 8}.level-tile.cat-complete-5:nth-child(10){--tile-idx: 9}@keyframes catPop{0%,40%,to{transform:scale(1)}20%{transform:scale(1.25)}}.level-tile.cat-complete-6{animation:catSparkle 2s ease-in-out infinite;animation-delay:calc(var(--tile-idx, 0) * .12s);border-color:transparent!important;background:linear-gradient(135deg,#a18cd1,#fbc2eb,#a6c1ee,#f68084)!important;background-size:300% 300%!important;color:#fff!important}.level-tile.cat-complete-6:nth-child(1){--tile-idx: 0}.level-tile.cat-complete-6:nth-child(2){--tile-idx: 1}.level-tile.cat-complete-6:nth-child(3){--tile-idx: 2}.level-tile.cat-complete-6:nth-child(4){--tile-idx: 3}.level-tile.cat-complete-6:nth-child(5){--tile-idx: 4}.level-tile.cat-complete-6:nth-child(6){--tile-idx: 5}.level-tile.cat-complete-6:nth-child(7){--tile-idx: 6}.level-tile.cat-complete-6:nth-child(8){--tile-idx: 7}.level-tile.cat-complete-6:nth-child(9){--tile-idx: 8}.level-tile.cat-complete-6:nth-child(10){--tile-idx: 9}@keyframes catSparkle{0%{background-position:0% 50%;transform:scale(1)}50%{background-position:100% 50%;transform:scale(1.06)}to{background-position:0% 50%;transform:scale(1)}}.cat-complete-msg{position:fixed;top:50%;left:50%;z-index:200;font-family:Fredoka,sans-serif;font-weight:700;pointer-events:none;opacity:0;text-align:center;transform:translate(-50%,-50%) scale(.3);font-size:2rem;background-image:linear-gradient(135deg,#f093fb,#f5576c,#ffd200);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 4px 16px rgba(240,147,251,.4));width:max-content;max-width:85vw}.cat-complete-msg-in{animation:catMsgIn .6s cubic-bezier(.34,1.56,.64,1) forwards}.cat-complete-msg-out{animation:catMsgOut .4s ease-in forwards}@keyframes catMsgIn{0%{transform:translate(-50%,-50%) scale(.3) rotate(0);opacity:0}to{transform:translate(-50%,-50%) scale(1) rotate(var(--tilt, 0deg));opacity:1}}@keyframes catMsgOut{0%{transform:translate(-50%,-50%) scale(1) rotate(var(--tilt, 0deg));opacity:1}to{transform:translate(-50%,-50%) scale(1.2) rotate(var(--tilt, 0deg));opacity:0}}.storm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;pointer-events:none}.storm-flash{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0}.storm-1 .storm-flash-1{background:#fff;animation:halloween1 1.8s step-end}@keyframes halloween1{0%{opacity:0}8%{opacity:1}10%{opacity:0}12%{opacity:1}14%{opacity:0}40%{opacity:0}42%{opacity:1}43%{opacity:0}45%{opacity:1}47%{opacity:0}48%{opacity:1}49%{opacity:0}to{opacity:0}}.storm-2 .storm-flash-1{background:#fff;animation:halloween2 2s step-end}@keyframes halloween2{0%{opacity:0}5%{opacity:1}7%{opacity:0}9%{opacity:1}10%{opacity:0}25%{opacity:0}27%{opacity:1}28%{opacity:0}50%{opacity:0}52%{opacity:1}53%{opacity:0}54%{opacity:1}55%{opacity:0}56%{opacity:1}57%{opacity:0}80%{opacity:0}82%{opacity:1}83%{opacity:0}to{opacity:0}}.storm-3 .storm-flash-1{background:#0009;animation:halloween3bg 2.5s step-end}.storm-3 .storm-flash-2{background:#fff;animation:halloween3bolt 2.5s step-end}@keyframes halloween3bg{0%{opacity:0}3%{opacity:1}85%{opacity:1}to{opacity:0}}@keyframes halloween3bolt{0%{opacity:0}20%{opacity:0}22%{opacity:1}24%{opacity:0}25%{opacity:1}26%{opacity:0}55%{opacity:0}57%{opacity:1}58%{opacity:0}59%{opacity:1}60%{opacity:0}61%{opacity:1}62%{opacity:0}to{opacity:0}}.storm-4 .storm-flash-1{background:#93c5fde6;animation:halloween4 1.8s step-end}@keyframes halloween4{0%{opacity:0}10%{opacity:1}12%{opacity:0}14%{opacity:1}15%{opacity:0}45%{opacity:0}47%{opacity:1}48%{opacity:0}49%{opacity:1}50%{opacity:0}to{opacity:0}}.storm-5 .storm-flash-1{background:#a855f7b3;animation:halloween5 2s step-end}.storm-5 .storm-flash-2{background:#ffffff80;animation:halloween5w 2s step-end}@keyframes halloween5{0%{opacity:0}8%{opacity:1}10%{opacity:0}12%{opacity:1}13%{opacity:0}50%{opacity:0}52%{opacity:1}54%{opacity:0}to{opacity:0}}@keyframes halloween5w{0%{opacity:0}9%{opacity:1}11%{opacity:0}51%{opacity:0}53%{opacity:1}55%{opacity:0}to{opacity:0}}.storm-6 .storm-flash-1{background:#ffffffb3;animation:halloween6 3s step-end}@keyframes halloween6{0%{opacity:0}3%{opacity:1}5%{opacity:0}6%{opacity:1}7%{opacity:0}8%{opacity:1}9%{opacity:0}15%{opacity:0}16%{opacity:1}17%{opacity:0}25%{opacity:0}26%{opacity:.5}27%{opacity:0}28%{opacity:.8}29%{opacity:0}30%{opacity:1}31%{opacity:0}50%{opacity:0}51%{opacity:.7}52%{opacity:0}53%{opacity:1}54%{opacity:0}70%{opacity:0}71%{opacity:.6}72%{opacity:0}to{opacity:0}}.storm-7 .storm-flash-1{background:#000;animation:halloween7bg 2s step-end}.storm-7 .storm-flash-2{background:#fff;animation:halloween7flash 2s step-end}@keyframes halloween7bg{0%{opacity:0}5%{opacity:.8}70%{opacity:.8}to{opacity:0}}@keyframes halloween7flash{0%{opacity:0}30%{opacity:0}32%{opacity:1}35%{opacity:0}36%{opacity:1}37%{opacity:0}to{opacity:0}}.storm-8 .storm-flash-1{background:#facc1580;animation:yellow8bg 2s step-end}.storm-8 .storm-flash-2{background:#fffc;animation:yellow8bolt 2s step-end}@keyframes yellow8bg{0%{opacity:0}5%{opacity:1}50%{opacity:.8}85%{opacity:.6}to{opacity:0}}@keyframes yellow8bolt{0%{opacity:0}15%{opacity:1}17%{opacity:0}18%{opacity:1}19%{opacity:0}55%{opacity:0}57%{opacity:1}58%{opacity:0}59%{opacity:1}60%{opacity:0}to{opacity:0}}.storm-9 .storm-flash-1{background:#f59e0b80;animation:yellow8bg 2s step-end}.storm-9 .storm-flash-2{background:#fffff0d9;animation:yellow8bolt 2s step-end}.storm-10 .storm-flash-1{background:#ffd7008c;animation:yellow8bg 2.2s step-end}.storm-10 .storm-flash-2{background:#ffffffe6;animation:yellow8bolt 2.2s step-end}.storm-11 .storm-flash-1{background:#fde68a80;animation:yellow8bg 2s step-end}.storm-11 .storm-flash-2{background:#ffffffb3;animation:yellow8bolt 2s step-end}.storm-12 .storm-flash-1{background:#fb923c73;animation:yellow8bg 2s step-end}.storm-12 .storm-flash-2{background:#fef08ae6;animation:yellow8bolt 2s step-end}.fb-burst-b{position:fixed;top:50%;left:50%;z-index:200;font-family:Fredoka,sans-serif;font-weight:700;white-space:nowrap;pointer-events:none;opacity:0;transform:translate(-50%,-50%) scale(.3);font-size:1.5rem;color:#fff;background:linear-gradient(135deg,#f093fb,#f5576c,#ffd200);padding:.8rem 2.2rem;border-radius:24px;border:none;box-shadow:0 6px 28px #f093fb66}.fb-burst-b-in{animation:fb-b-in .4s cubic-bezier(.34,1.56,.64,1) forwards}.fb-burst-b-out{animation:fb-b-out .3s ease-in forwards}@keyframes fb-b-in{0%{transform:translate(-50%,-50%) scale(.3);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}@keyframes fb-b-out{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(.85);opacity:0}}.level-tile.next-tile-cta-4d{animation:ntc4d-intro 2s ease-in-out forwards,ntc4d-heart 1s ease-in-out 2s infinite;z-index:5}@keyframes ntc4d-intro{0%{border-color:#f093fb;background:#fce4f6;color:#764ba2;box-shadow:0 0 16px #f093fb80;transform:scale(1.1)}12.5%{border-color:#ffd200;background:#fff3b0;color:#764ba2;box-shadow:0 0 16px #ffd20080}25%{border-color:#4ecdc4;background:#ccf5f0;color:#764ba2;box-shadow:0 0 16px #4ecdc480}37.5%{border-color:#f472b6;background:#fce7f3;color:#764ba2;box-shadow:0 0 16px #f472b680}50%{border-color:#f093fb;background:#fce4f6;color:#764ba2;box-shadow:0 0 16px #f093fb80}53%{border-color:#fff;background:#f093fb;color:#fff;box-shadow:0 0 20px #f093fb99}65%{border-color:#fff;background:#ffd200;color:#fff;box-shadow:0 0 20px #ffd20099}77%{border-color:#fff;background:#4ecdc4;color:#fff;box-shadow:0 0 20px #4ecdc499}89%{border-color:#fff;background:#f472b6;color:#fff;box-shadow:0 0 20px #f472b699}to{border-color:transparent;background:linear-gradient(180deg,#f093fb,#f5576c);color:#fff;box-shadow:0 0 20px #f093fb99;transform:scale(1.1)}}@keyframes ntc4d-heart{0%{transform:scale(1.1);border-color:transparent;background:linear-gradient(180deg,#f093fb,#f5576c);color:#fff}14%{transform:scale(1.25)}28%{transform:scale(1.1)}42%{transform:scale(1.28)}70%{transform:scale(1.1)}to{transform:scale(1.1)}}.level-tile.second-cta-rainbow{animation:secondRainbowFull 2s ease-in-out,secondHeart 1s ease-in-out 2s infinite!important}@keyframes secondRainbowFull{0%{border-color:#f093fb;background:#fce4f6;color:#764ba2;box-shadow:0 0 16px #f093fb80;transform:scale(1.1)}12.5%{border-color:#ffd200;background:#fff3b0;color:#764ba2;box-shadow:0 0 16px #ffd20080}25%{border-color:#4ecdc4;background:#ccf5f0;color:#764ba2;box-shadow:0 0 16px #4ecdc480}37.5%{border-color:#f472b6;background:#fce7f3;color:#764ba2;box-shadow:0 0 16px #f472b680}50%{border-color:#f093fb;background:#fce4f6;color:#764ba2;box-shadow:0 0 16px #f093fb80}53%{border-color:#fff;background:#f093fb;color:#fff;box-shadow:0 0 20px #f093fb99}65%{border-color:#fff;background:#ffd200;color:#fff;box-shadow:0 0 20px #ffd20099}77%{border-color:#fff;background:#4ecdc4;color:#fff;box-shadow:0 0 20px #4ecdc499}89%{border-color:#fff;background:#f472b6;color:#fff;box-shadow:0 0 20px #f472b699}to{border-color:transparent;background:linear-gradient(180deg,#f093fb,#f5576c);color:#fff;box-shadow:0 0 20px #f093fb99;transform:scale(1.1)}}@keyframes secondHeart{0%{transform:scale(1.1);border-color:transparent;background:linear-gradient(180deg,#f093fb,#f5576c);color:#fff}14%{transform:scale(1.25)}28%{transform:scale(1.1)}42%{transform:scale(1.28)}70%{transform:scale(1.1)}to{transform:scale(1.1)}}.level-tile.second-cta-rainbow-short{animation:secondRainbowShort 1.2s ease-in-out,secondHeart 1s ease-in-out 1.2s infinite!important}@keyframes secondRainbowShort{0%{background:linear-gradient(135deg,#f093fb,#f5576c);border-color:#f093fb;transform:scale(1.05)}25%{background:linear-gradient(135deg,#ffd200,#ff9a44);border-color:#ffd200;transform:scale(1.12)}50%{background:linear-gradient(135deg,#f472b6,#ec4899);border-color:#f472b6;transform:scale(1.05)}75%{background:linear-gradient(180deg,#f093fb,#f5576c);border-color:transparent;transform:scale(1.1)}to{background:linear-gradient(180deg,#f093fb,#f5576c);border-color:transparent;transform:scale(1.1)}}.level-tile.second-cta-flash{animation:secondFlash .8s ease-in-out,ntc4d-heart 1s ease-in-out .8s infinite!important}@keyframes secondFlash{0%,to{filter:brightness(1);transform:scale(1.1)}50%{filter:brightness(1.6) saturate(1.4);transform:scale(1.2);box-shadow:0 0 30px #ff6b9dcc}}.level-tile.second-cta-pulse{animation:secondPulse 1.5s ease-in-out,ntc4d-heart 1s ease-in-out 1.5s infinite!important}@keyframes secondPulse{0%,to{transform:scale(1.1);box-shadow:0 0 #f093fb80}25%{transform:scale(1.2);box-shadow:0 0 30px #f093fbb3}50%{transform:scale(1.1)}75%{transform:scale(1.18);box-shadow:0 0 24px #f093fb99}}.level-tile.second-cta-bounce{animation:secondBounce .8s cubic-bezier(.34,1.8,.64,1),ntc4d-heart 1s ease-in-out .8s infinite!important}@keyframes secondBounce{0%{transform:scale(1.1) translateY(0)}30%{transform:scale(1.05) translateY(-10px)}50%{transform:scale(1.15) translateY(0)}70%{transform:scale(1.08) translateY(-5px)}to{transform:scale(1.1) translateY(0)}}.level-tile.second-cta-wiggle{animation:secondWiggle .8s ease-in-out,ntc4d-heart 1s ease-in-out .8s infinite!important}@keyframes secondWiggle{0%,to{transform:scale(1.1) rotate(0)}15%{transform:scale(1.12) rotate(-5deg)}30%{transform:scale(1.12) rotate(5deg)}45%{transform:scale(1.12) rotate(-4deg)}60%{transform:scale(1.12) rotate(3deg)}75%{transform:scale(1.12) rotate(-2deg)}}.level-tile.second-cta-glow{animation:secondGlow 1.2s ease-out,ntc4d-heart 1s ease-in-out 1.2s infinite!important}@keyframes secondGlow{0%{box-shadow:0 0 #f093fb00;transform:scale(1.1)}50%{box-shadow:0 0 40px #f093fbe6,0 0 80px #f5576c80;transform:scale(1.18)}to{box-shadow:0 0 16px #f093fb66;transform:scale(1.1)}}.level-tile.second-cta-shake{animation:secondShake .6s ease-in-out,ntc4d-heart 1s ease-in-out .6s infinite!important}@keyframes secondShake{0%,to{transform:scale(1.1) translate(0)}15%{transform:scale(1.1) translate(-8px)}30%{transform:scale(1.1) translate(8px)}45%{transform:scale(1.1) translate(-6px)}60%{transform:scale(1.1) translate(6px)}75%{transform:scale(1.1) translate(-3px)}}.level-tile.next-tile-cta-beat{animation:ntc4d-heart 1s ease-in-out infinite;border-color:transparent;background:linear-gradient(180deg,#f093fb,#f5576c);color:#fff;box-shadow:0 0 20px #f093fb99;z-index:5}.level-tile.third-cta-flip{animation:thirdFlip .8s cubic-bezier(.34,1.56,.64,1),failBeat5 1.2s ease-in-out .8s infinite!important;border-color:transparent!important;background:linear-gradient(180deg,#f093fb,#f5576c)!important;color:#fff!important;box-shadow:0 0 20px #f093fb99!important}@keyframes thirdFlip{0%{transform:perspective(400px) rotateY(0) scale(1.1)}40%{transform:perspective(400px) rotateY(180deg) scale(1.15)}to{transform:perspective(400px) rotateY(360deg) scale(1.1)}}@keyframes failBeat1{0%{transform:scale(1)}14%{transform:scale(1.03)}28%{transform:scale(1)}42%{transform:scale(1.04)}70%{transform:scale(1)}to{transform:scale(1)}}@keyframes failBeat2{0%{transform:scale(1)}14%{transform:scale(1.06)}28%{transform:scale(1)}42%{transform:scale(1.08)}70%{transform:scale(1)}to{transform:scale(1)}}@keyframes failBeat3{0%{transform:scale(1)}14%{transform:scale(1.1)}28%{transform:scale(1.01)}42%{transform:scale(1.12)}70%{transform:scale(1)}to{transform:scale(1)}}@keyframes failBeat4{0%{transform:scale(1)}14%{transform:scale(1.12)}28%{transform:scale(1.02)}42%{transform:scale(1.14)}70%{transform:scale(1)}to{transform:scale(1)}}@keyframes failBeat5{0%{transform:scale(1)}14%{transform:scale(1.16)}28%{transform:scale(1.03)}42%{transform:scale(1.2)}70%{transform:scale(1)}to{transform:scale(1)}}@keyframes failBeat6{0%{transform:scale(1)}14%{transform:scale(1.22)}28%{transform:scale(1.05)}42%{transform:scale(1.26)}70%{transform:scale(1)}to{transform:scale(1)}}.level-tile.fail-cta-dynamic{border-color:transparent;background:linear-gradient(180deg,#f093fb,#f5576c);color:#fff;z-index:5;box-shadow:0 0 18px #f093fb8c}@keyframes failShake{0%{transform:translate(0)}15%{transform:translate(-6px)}30%{transform:translate(6px)}45%{transform:translate(-4px)}60%{transform:translate(4px)}75%{transform:translate(-2px)}to{transform:translate(0)}}@keyframes failShake2{0%{transform:translate(0)}15%{transform:translate(-5px)}30%{transform:translate(5px)}45%{transform:translate(-3px)}60%{transform:translate(3px)}75%{transform:translate(-1px)}to{transform:translate(0)}}.fb-end-v7,.fb-end-v8,.fb-end-v10{position:fixed;left:50%;top:50%;z-index:200;font-family:Fredoka,sans-serif;font-weight:700;pointer-events:none;opacity:0;text-align:center;max-width:85vw;width:max-content}.fb-end-v7{transform:translate(-50%,-50%) scale(2) rotate(6deg);font-size:2.2rem;font-style:italic;background-image:linear-gradient(135deg,#f093fb,#f5576c,#ffd200);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 6px 20px rgba(240,147,251,.5))}.fb-end-v7-in{animation:fb-ev7-in .5s cubic-bezier(.22,1,.36,1) forwards}.fb-end-v7-out{animation:fb-ev7-out .4s ease-in forwards}@keyframes fb-ev7-in{0%{transform:translate(-50%,-50%) scale(2) rotate(6deg);opacity:0}to{transform:translate(-50%,-50%) scale(1) rotate(-3deg);opacity:1}}@keyframes fb-ev7-out{0%{transform:translate(-50%,-50%) scale(1) rotate(-3deg);opacity:1}to{transform:translate(-50%,-50%) scale(1.3) rotate(-3deg);opacity:0}}.fb-end-v8{transform:translate(-50%,-50%) scale(2) rotate(10deg);font-size:2.4rem;color:#ec4899;text-shadow:0 0 28px rgba(236,72,153,.6),0 0 56px rgba(236,72,153,.25)}.fb-end-v8-in{animation:fb-ev8-in .5s cubic-bezier(.22,1,.36,1) forwards}.fb-end-v8-out{animation:fb-ev8-out .4s ease-in forwards}@keyframes fb-ev8-in{0%{transform:translate(-50%,-50%) scale(2) rotate(10deg);opacity:0}to{transform:translate(-50%,-50%) scale(1) rotate(-5deg);opacity:1}}@keyframes fb-ev8-out{0%{transform:translate(-50%,-50%) scale(1) rotate(-5deg);opacity:1}to{transform:translate(-50%,-50%) scale(1.3) rotate(-5deg);opacity:0}}.fb-end-v10{transform:translate(-50%,-50%) scale(2.5) rotate(10deg);font-size:2.6rem;font-style:italic;background-image:linear-gradient(135deg,#f5576c,#ff6fbd,#ffd200);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 8px 24px rgba(245,87,108,.45))}.fb-end-v10-in{animation:fb-ev10-in .55s cubic-bezier(.22,1,.36,1) forwards}.fb-end-v10-out{animation:fb-ev10-out .4s ease-in forwards}@keyframes fb-ev10-in{0%{transform:translate(-50%,-50%) scale(2.5) rotate(10deg);opacity:0}to{transform:translate(-50%,-50%) scale(1) rotate(-5deg);opacity:1}}@keyframes fb-ev10-out{0%{transform:translate(-50%,-50%) scale(1) rotate(-5deg);opacity:1}to{transform:translate(-50%,-50%) scale(1.4) rotate(-5deg);opacity:0}}.fb-fail-v1,.fb-fail-v2,.fb-fail-v3{position:fixed;left:50%;top:50%;z-index:200;font-family:Fredoka,sans-serif;font-weight:700;pointer-events:none;opacity:0;text-align:center;max-width:85vw;width:max-content}.fb-fail-v1{transform:translate(-50%,-50%) scale(2);font-size:2.2rem;font-style:italic;background-image:linear-gradient(135deg,#f97316,#ef4444,#fbbf24);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 6px 20px rgba(239,68,68,.5))}.fb-fail-v1-in{animation:fb-fv1-in .5s cubic-bezier(.22,1,.36,1) forwards}.fb-fail-v1-out{animation:fb-fv1-out .4s ease-in forwards}@keyframes fb-fv1-in{0%{transform:translate(-50%,-50%) scale(2);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}@keyframes fb-fv1-out{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(1.3);opacity:0}}.fb-fail-v2{transform:translate(-50%,-50%) scale(2);font-size:2.4rem;color:#ef4444;text-shadow:0 0 28px rgba(239,68,68,.6),0 0 56px rgba(239,68,68,.25)}.fb-fail-v2-in{animation:fb-fv2-in .5s cubic-bezier(.22,1,.36,1) forwards}.fb-fail-v2-out{animation:fb-fv2-out .4s ease-in forwards}@keyframes fb-fv2-in{0%{transform:translate(-50%,-50%) scale(2);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}@keyframes fb-fv2-out{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(1.3);opacity:0}}.fb-fail-v3{transform:translate(-50%,-50%) scale(2.5);font-size:2.6rem;font-style:italic;background-image:linear-gradient(135deg,#ef4444,#f97316,#fbbf24);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 8px 24px rgba(249,115,22,.45))}.fb-fail-v3-in{animation:fb-fv3-in .55s cubic-bezier(.22,1,.36,1) forwards}.fb-fail-v3-out{animation:fb-fv3-out .4s ease-in forwards}@keyframes fb-fv3-in{0%{transform:translate(-50%,-50%) scale(2.5);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}@keyframes fb-fv3-out{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(1.4);opacity:0}}.quiz-screen{height:100dvh;padding:.75rem .75rem 2.5rem;padding-top:max(.75rem,env(safe-area-inset-top));display:flex;flex-direction:column;align-items:center;max-width:800px;margin:0 auto;width:100%;overflow:hidden;background:#fff;color:#764ba2}.quiz-loading{flex:1;display:flex;align-items:center;justify-content:center}.quiz-loading-spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.quiz-header{width:100%;display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem;flex-shrink:0}.header-level{font-family:Fredoka,sans-serif;font-size:1.1rem;font-weight:500;color:#764ba2;padding:.3rem .6rem}.back-button,.reset-button{font-family:Fredoka,sans-serif;font-size:1.5rem;width:50px;height:50px;border:none;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .2s}.back-button:hover,.reset-button:hover{opacity:.85}.quiz-prompt{font-size:1.6rem;font-weight:500;margin-bottom:.5rem;padding-top:20px;text-align:center;flex-shrink:0;color:#764ba2;transform:translateY(-15px)}.landmark-frame-wrapper{transform:translateY(-.5px)}.country-shape{width:100%;max-width:340px;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;background:transparent;border-radius:24px;padding:1.5rem;margin-bottom:1rem;animation:fadeIn .5s ease-out}.country-shape svg{width:100%;height:100%}.landmark-frame{width:100%;max-width:340px;height:100%;margin-bottom:0;animation:fadeIn .5s ease-out;position:relative;overflow:hidden}.landmark-img{width:100%;height:100%;object-fit:cover}.frame-polaroid-bottom{padding:0;background:transparent;border-radius:0;box-shadow:none}.frame-polaroid-bottom .landmark-img{border-radius:4px}.painting-frame{width:100%;max-width:750px;height:100%;margin-bottom:0;animation:fadeIn .5s ease-out;display:flex;align-items:center;justify-content:center;position:relative}.painting-img{max-width:100%;max-height:100%;object-fit:contain;border-radius:4px;box-shadow:0 4px 20px #00000059}.quiz-mode-paintings .answer-button{font-size:1.05rem;padding:1rem .8rem;min-height:60px}.quiz-mode-books{padding-top:.4rem;padding-bottom:1.5rem}.quiz-mode-books .landmark-frame-wrapper{padding:0}.quiz-mode-books .painting-frame{max-width:100%;position:relative;width:fit-content;height:fit-content;border-radius:6px}.quiz-mode-books .painting-img{max-width:100%;max-height:100%;border-radius:3px;box-shadow:none}.cocktail-frame .painting-img,.fashion-frame .painting-img{border-radius:0;box-shadow:none}.mix-card-root .painting-img{box-shadow:none}.quiz-mode-books .painting-frame:after{content:"";position:absolute;top:3%;bottom:3%;left:9%;width:3px;pointer-events:none;background:linear-gradient(to right,#0000001a,#0000000f 40%,#ffffff26 60%,#fff0);border-radius:1px}.latin-frame{width:100%;max-width:400px;min-height:180px;flex-shrink:0;animation:fadeIn .5s ease-out;display:flex;align-items:center;justify-content:center;position:relative;padding:2rem 1.5rem;background:#fff;border-radius:0;border:none;box-shadow:none}.latin-text{font-family:Georgia,Times New Roman,serif;font-size:2.4rem;font-style:italic;font-weight:400;color:#3a2e1e;text-align:center;line-height:1.4;letter-spacing:.02em}.latin-info-phrase{font-family:Georgia,Times New Roman,serif;font-size:1.5rem;font-style:italic;color:#3a2e1e;text-align:center;margin-bottom:.5rem;padding:1rem;background:linear-gradient(145deg,#f5f0e6,#ede5d5);border-radius:8px}.quote-info-phrase{font-family:Georgia,Times New Roman,serif;font-size:1.5rem;font-style:italic;color:#1a1a1a;text-align:center;margin-bottom:.5rem;padding:1rem;background:#fff;border-radius:8px;border:1.5px solid #f0f0f0}.latin-info-breakdown{font-size:.85rem;color:#fff;text-align:center;font-style:italic;margin-bottom:.3rem;background:#00000059;border-radius:6px;padding:.4rem .8rem}.latin-image-wrapper{display:flex;flex-direction:column;align-items:center;position:relative}.latin-breakdown-hint{color:#ffffffb3;font-size:.85rem;font-style:italic;text-align:center;margin-top:.5rem;padding:0 1rem}.quiz-mode-latin .landmark-frame-wrapper{padding:0 1rem}.brand-frame{width:340px;height:340px;flex-shrink:0;animation:fadeIn .5s ease-out;display:flex;align-items:center;justify-content:center;position:relative;padding:0;background:transparent;border-radius:0;box-shadow:none}.brand-img{max-width:100%;max-height:100%;object-fit:contain}.brand-wrapper{position:relative}.brand-info-btn{position:absolute;bottom:-.5rem;right:-.5rem}.brand-info-logo{object-fit:contain!important;height:auto!important;max-height:180px!important;background:#fffffff2;padding:1rem;border-radius:12px}.quiz-mode-brands .answer-button{font-size:1.15rem;padding:1.1rem 1rem;min-height:64px}.flag-frame{width:100%;max-width:340px;height:100%;margin-bottom:0;animation:fadeIn .5s ease-out;padding:0;background:transparent;border-radius:0;box-shadow:none;display:flex;align-items:center;justify-content:center;position:relative}.flag-img{max-width:100%;max-height:100%;object-fit:contain;border-radius:4px;box-shadow:2px 4px 8px #00000026}.personality-frame{width:100%;max-width:750px;height:100%;margin-bottom:0;animation:fadeIn .5s ease-out;padding:0;background:none;border-radius:12px;box-shadow:none;display:flex;align-items:center;justify-content:center;overflow:visible;position:relative}.personality-img{max-width:100%;max-height:100%;object-fit:contain;border-radius:0;filter:drop-shadow(0 6px 6px rgba(0,0,0,.12))}.personality-img.cat-img-no-shadow{filter:none}.mode-tabs{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:8px 2px 10px;margin-bottom:.5rem;width:100%;max-width:100vw}.mode-tabs::-webkit-scrollbar{display:none}.mode-tab{font-family:Fredoka,sans-serif;width:78px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:.45rem .4rem;border:2px solid transparent;border-radius:14px;background:#fff;color:#7090b5;cursor:pointer;transition:background .2s,color .2s,border-color .2s,box-shadow .2s;scroll-snap-align:start;position:relative}.mode-tab:hover{color:#555;background:#e8e8e8}.mode-tab-active,.mode-tab-active:hover{background:#e8f0fa;color:#7090b5;border-color:transparent;box-shadow:none}.mode-tab-active:after{display:none}.mode-tab-icon{font-size:1.6rem;line-height:1}.mode-tab-label{font-size:var(--fs-mode-tab, .72rem);font-weight:600;white-space:nowrap}.mode-tab-coming{opacity:.45;cursor:default}.mode-tab-soon{font-size:.55rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;background:#00000014;padding:1px 6px;border-radius:6px;color:#aaa}.mode-section{width:100%;margin-bottom:1.75rem;scroll-margin-top:120px}.mode-divider{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:.15rem}.mode-divider-line{display:none}.mode-divider-first{margin-bottom:0rem}.mode-divider-label{font-size:var(--fs-section-title, 1.15rem);font-weight:600;color:#666;white-space:nowrap}.mode-section-soon{opacity:.4;margin-bottom:.75rem}.mode-section-soon-badge{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;background:#f0f0f0;color:#999;padding:2px 8px;border-radius:8px;margin-left:auto}.furniture-frame{background:transparent;box-shadow:none;overflow:visible;max-width:500px}.furniture-frame .landmark-img{object-fit:contain}.constellation-frame{aspect-ratio:1 / 1;height:auto;background:transparent;max-width:500px}.constellation-frame .landmark-img{object-fit:cover}.landmark-frame-wrapper{flex:1;min-height:0;width:100%;display:flex;align-items:center;justify-content:center;position:relative}.image-fit{position:relative;display:flex;flex:0 1 auto;min-height:0;min-width:0;max-width:100%;max-height:100%;align-items:center;justify-content:center}.image-fit>img{display:block;flex:0 1 auto;min-height:0;min-width:0;max-width:100%;max-height:100%;object-fit:contain}.info-button{position:absolute;top:100%;right:0;margin-top:6px;font-family:Georgia,Times New Roman,serif;font-size:.95rem;font-style:italic;font-weight:700;width:26px;height:26px;border:none;border-radius:50%;background:linear-gradient(135deg,#f0d060,#d4a017);color:#5a3e1b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .2s,box-shadow .2s;box-shadow:0 2px 8px #d4a01759;line-height:1;padding:0;opacity:.9}.info-button:hover{transform:scale(1.1);opacity:1}.personality-frame>.info-button{top:auto;bottom:8px;right:8px;margin-top:0}.car-frame>.info-button{transform:translateY(-40px)}.mix-sidebar{position:absolute;right:0;top:50%;transform:translateY(-50%) translateY(.5px);display:flex;flex-direction:column;gap:0;align-items:center;z-index:11}.mix-sidebar-chip{width:72px;height:72px;background:transparent;border:none;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent}.mix-sidebar-chip-visual{width:52px;height:52px;border-radius:50%;background:#1e1e2387;color:#f5f5f8;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 2px #00000014;pointer-events:none;transition:background .15s}.mix-sidebar-chip-visual>svg{width:26px;height:26px}.mix-sidebar-chip-info-dim{opacity:.45}.mix-sidebar-chip-info-active{background:#facc15f2!important;color:#1a1a1a!important;transition:background .25s,color .25s}.mix-sidebar-chip-saved{background:#facc15f2!important;color:#fff!important;transition:background .25s,color .25s}.mix-sidebar-chip-liked{background:#ec4899f2!important;color:#fff!important;transition:background .25s,color .25s}.mix-sidebar-chip:active .mix-sidebar-chip-visual{background:#1e1e23b3}.quiz-screen-v4{position:relative;padding-bottom:calc(5rem + env(safe-area-inset-bottom,0px))!important}.quiz-screen-v4 .mix-sidebar{top:42%}.mix-card-root:not(.quiz-screen) .mix-sidebar{right:-16px;top:50%}.quiz-back-floating{position:absolute;top:calc(env(safe-area-inset-top,0px) - 4px);left:14px;z-index:12}.quiz-scoreboard-row{display:flex;justify-content:center;padding:0 0 6px;margin-top:-8px}.quiz-scoreboard-row{display:flex;justify-content:center;padding:0 0 6px}.quiz-bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;align-items:center;padding:6px 0 calc(2px + env(safe-area-inset-bottom,0px));border-top:1px solid #f1f1f4;background:#000;color:#fff;z-index:100;transform:translateY(-.5px)}.quiz-bottom-nav-item{background:transparent;border:none;display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 6px;cursor:pointer;color:#a1a1aa;font-family:system-ui,sans-serif;font-size:10px;font-weight:600}.quiz-bottom-nav-active{color:#d8b4fe}.jump-to-category-button{position:absolute;top:100%;left:0;margin-top:6px;width:26px;height:26px;border:none;border-radius:50%;background:#fafafa;color:#c4c4ca;font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.1rem;font-weight:700;line-height:1;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 2px #52525b0f;opacity:.95;transition:transform .2s,opacity .2s}.jump-to-category-button:active,.jump-to-category-button:hover{transform:scale(1.08);opacity:1}.personality-frame>.jump-to-category-button{top:auto;bottom:8px;left:8px;margin-top:0}.car-frame>.jump-to-category-button{transform:translateY(-40px)}.tile-with-info{position:relative}.info-button-tile{position:absolute;bottom:0;right:0;z-index:2}.landmark-info-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:200;animation:fadeIn .2s ease-out;padding:1rem;cursor:pointer}.landmark-info-modal{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:24px;padding:1.5rem;max-width:340px;max-height:85dvh;overflow-y:auto;width:100%;text-align:center;position:relative;box-shadow:0 12px 40px #0000004d;animation:popIn .3s ease-out;cursor:default}.landmark-info-close{position:absolute;top:.5rem;right:.7rem;font-family:Fredoka,sans-serif;font-size:1.8rem;font-weight:600;background:none;border:none;color:#ffffffb3;cursor:pointer;line-height:1;transition:color .2s}.landmark-info-close:hover{color:#fff}.landmark-info-photo{width:100%;height:180px;object-fit:contain;border-radius:16px;margin-bottom:1rem;box-shadow:0 4px 16px #0003;background:#fff}.landmark-info-name{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:.2rem}.landmark-info-country{font-size:1.08rem;font-weight:500;color:#ffffffb3;margin-bottom:.8rem}.landmark-info-desc{font-size:1.05rem;font-weight:400;color:#ffffffe6;line-height:1.5;margin-bottom:.75rem;background:#ffffff14;border-radius:12px;padding:.7rem .9rem;text-align:left}.landmark-info-desc:last-of-type{margin-bottom:1rem}.landmark-info-wiki{display:inline-block;font-family:Fredoka,sans-serif;font-size:1rem;font-weight:600;color:#fff;background:#fff3;padding:.6rem 1.2rem;border-radius:50px;text-decoration:none;transition:background .2s,transform .2s}.landmark-info-wiki:hover{background:#ffffff4d;transform:scale(1.05)}.answers-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;width:100%;max-width:750px;flex-shrink:0;margin-top:.5rem;transform:translateY(-.5px)}.answer-button{font-family:Fredoka,sans-serif;font-size:1.2rem;font-weight:600;color:#fff;border:none;border-radius:20px;padding:1.2rem 1rem;cursor:pointer;box-shadow:0 4px 15px #00000026;transition:transform .2s,box-shadow .2s;text-shadow:1px 1px 2px rgba(0,0,0,.2);min-height:85px;display:flex;align-items:center;justify-content:center;text-align:center;word-break:break-word}.answer-button:hover:not(:disabled){transform:scale(1.05);box-shadow:0 6px 20px #0003}.answer-button:active:not(:disabled){transform:scale(.97)}.answer-button:disabled{opacity:.7;cursor:default}.answer-button.shake{animation:shake .63s ease-out forwards,answerRingRed .77s ease-out forwards}.try-again{font-size:1.3rem;font-weight:500;margin-top:1rem;padding:.8rem 1.5rem;background:#fff3;border-radius:16px;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.scoreboard{display:flex;flex-direction:column;align-items:center;gap:.25rem}.score-stars{display:flex;gap:1px;justify-content:center;align-items:flex-end;min-height:1.4rem;text-align:center;width:100%;overflow:visible;position:relative}.score-stars .star{font-size:.95rem;width:16px;text-align:center;display:inline-block;line-height:1}.star{font-size:1.2rem;transition:transform .3s}.star.earned{animation:popIn .3s ease-out}.star.empty{opacity:.4}.score-text{font-size:1rem;font-weight:500;opacity:.8;color:#764ba2}.reward-overlay{position:fixed;top:env(safe-area-inset-top,0px);left:0;width:100%;height:calc(100dvh - env(safe-area-inset-top,0px));display:flex;align-items:center;justify-content:center;z-index:100;cursor:pointer;background:#0003}.reward-text{font-size:3rem;font-weight:700;color:#fff;text-shadow:2px 4px 8px rgba(0,0,0,.3);animation:popIn .5s ease-out;display:flex;align-items:center;gap:.5rem;z-index:101}.reward-star{animation:spin 1s ease-in-out}.confetti{position:absolute;border-radius:3px;animation:confettiFall 2s ease-out forwards;transform:rotate(0)}.floating-star{position:absolute;animation:floatUp 2s ease-out forwards}.celebration-confetti{position:fixed;top:0;left:0;right:0;height:100dvh;pointer-events:none;overflow:hidden;z-index:99}.celebration-piece{position:absolute;top:-20px;border-radius:3px;animation:celebrationFall 3s ease-out forwards}@keyframes celebrationFall{0%{opacity:1;transform:translateY(0) translate(0) rotate(0)}to{opacity:0;transform:translateY(100dvh) translate(var(--drift)) rotate(720deg)}}.encourage-banner{text-align:center;margin-bottom:1rem;padding:.7rem 1.2rem;background:#fff0f0;border:1px solid #fdd;border-radius:16px;animation:fadeInUp .5s ease-out;color:#c44}.encourage-emoji{font-size:2.2rem;margin-bottom:.2rem}.encourage-score{font-size:1.6rem;font-weight:700;margin-bottom:.1rem}.encourage-message{font-size:1rem;font-weight:500}.encourage-detail{font-size:.85rem;font-weight:400;opacity:.6;margin-top:.15rem}.progress-bars-banner{margin-bottom:1rem;padding:1rem 1.2rem;background:#f8f9ff;border:1px solid #e0e4f0;border-radius:20px}.progress-bars-title,.progress-rings-title{font-size:var(--fs-progress-title, .78rem);font-weight:600;color:#888;text-align:center;margin-bottom:.8rem;text-transform:uppercase;letter-spacing:.5px}.prog-row{display:flex;align-items:center;gap:.6rem;margin-bottom:.5rem}.prog-row:last-child{margin-bottom:0}.prog-icon{font-size:1.2rem;width:1.5rem;text-align:center}.prog-label{font-size:.8rem;font-weight:600;color:#555;min-width:4.5rem}.prog-track{flex:1;height:10px;background:#e8ecf4;border-radius:5px;overflow:hidden}.prog-fill{height:100%;border-radius:5px}.prog-pct{font-size:.75rem;font-weight:700;color:#667eea;min-width:2.5rem;text-align:right}.progress-rings-banner{margin-bottom:1.5rem;padding:1rem .8rem;background:#f8f9ff;border:1px solid #e0e4f0;border-radius:20px}.rings-row{display:flex;align-items:center;gap:.3rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:0 .4rem .3rem}.rings-row-centered{justify-content:center}.rings-row::-webkit-scrollbar{display:none}.rings-row>.ring-item{flex-shrink:0}.rings-row-overflow>.ring-item{min-width:calc(25% - .225rem)}.ring-item{display:flex;flex-direction:column;align-items:center;gap:.3rem}.ring-pct-text{font-size:8px}:root[data-typo=A] .ring-pct-text{font-size:8.5px}:root[data-typo=B] .ring-pct-text{font-size:7.5px}.ring-label{font-size:var(--fs-ring-label, .7rem);font-weight:600;color:#777}.status-banner{text-align:center;margin-bottom:1.5rem;padding:1.2rem 1.5rem;background:#fffbe6;border:1px solid #f0d060;border-radius:20px;box-shadow:0 0 20px #ffd70026;animation:statusBannerIn .6s ease-out;color:#5a3e1b}.status-banner-emoji{font-size:3rem;margin-bottom:.3rem;animation:bounce 2s ease-in-out infinite}.status-banner-title{font-size:1.6rem;font-weight:700;animation:statusGlow 2s ease-in-out infinite alternate}.status-banner-detail{font-size:1rem;font-weight:400;opacity:.8;margin-top:.2rem}@keyframes statusBannerIn{0%{transform:scale(.8);opacity:0}60%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes statusGlow{0%{text-shadow:0 0 10px rgba(255,215,0,.3)}to{text-shadow:0 0 30px rgba(255,215,0,.7),0 0 60px rgba(255,215,0,.3)}}@keyframes tileBreathe{0%,to{transform:scale(1);box-shadow:0 0 6px #ffd70033,0 4px 12px #00000026}50%{transform:scale(1.02);box-shadow:0 0 12px #ffd70059,0 4px 12px #00000026}}@keyframes tilePulse{0%,to{transform:scale(1);box-shadow:0 4px 12px #00000026}50%{transform:scale(1.15);box-shadow:0 0 20px #4ecdc4b3,0 4px 12px #00000026}}@keyframes tileGlow{0%{box-shadow:0 0 10px #ffd7004d,0 4px 12px #00000026}to{box-shadow:0 0 25px #ffd700b3,0 4px 12px #00000026}}.game-over{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80dvh;text-align:center;animation:fadeInUp .6s ease-out}.game-over-emoji{font-size:5rem;margin-bottom:1rem;animation:bounce 2s ease-in-out infinite}.game-over-title{font-size:3rem;font-weight:700;margin-bottom:.5rem}.game-over-score{font-size:2.5rem;font-weight:600;opacity:.9;margin-bottom:1rem}.game-over-stars{display:flex;gap:4px;flex-wrap:wrap;justify-content:center;margin-bottom:1rem;font-size:1.8rem}.game-over-message{font-size:1.4rem;font-weight:400;opacity:.85;margin-bottom:2rem}.game-over-buttons{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.back-button-large{font-family:Fredoka,sans-serif;font-size:1.5rem;font-weight:600;padding:.8rem 2rem;border:2px solid rgba(255,255,255,.5);border-radius:50px;background:transparent;color:#fff;cursor:pointer;transition:transform .2s,background .2s}.back-button-large:hover{transform:scale(1.05);background:#ffffff26}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes shake{0%,to{transform:translate(0)}15%{transform:translate(-14px)}30%{transform:translate(14px)}45%{transform:translate(-10px)}60%{transform:translate(10px)}75%{transform:translate(-5px)}90%{transform:translate(5px)}}.answer-button{position:relative;overflow:hidden}@keyframes answerBounce{0%{transform:translateY(0) scale(1)}28%{transform:translateY(-16px) scale(1.06)}55%{transform:translateY(4px) scale(.97)}75%{transform:translateY(-5px) scale(1.02)}to{transform:translateY(0) scale(1)}}@keyframes answerRingGreen{0%{box-shadow:0 4px 15px #00000026,0 0 #4ade80cc}to{box-shadow:0 4px 15px #00000026,0 0 0 20px #4ade8000}}@keyframes answerSweep{0%{transform:translate(-100%) skew(-15deg);opacity:.9}to{transform:translate(220%) skew(-15deg);opacity:0}}.answer-button.correct{animation:answerBounce 1.2s ease-out forwards,answerRingGreen 1.38s ease-out forwards}.answer-sweep{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(180,255,200,.85) 40%,rgba(255,255,255,.7) 55%,transparent 100%);pointer-events:none;animation:answerSweep 1.27s ease-out forwards}@keyframes answerRingRed{0%{box-shadow:0 4px 15px #00000026,0 0 #ef4444e6}to{box-shadow:0 4px 15px #00000026,0 0 0 20px #ef444400}}.quiz-flying-star{position:fixed;font-size:1.6rem;pointer-events:none;z-index:999;transition:top .65s cubic-bezier(.22,.8,.44,1.1),left .65s cubic-bezier(.22,.8,.44,1.1),transform .65s cubic-bezier(.22,.8,.44,1.1),opacity .15s ease .53s}@keyframes quizStarPop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.3);opacity:1}75%{transform:scale(.9);opacity:1}to{transform:scale(1);opacity:1}}.quiz-star-land{display:inline-block;animation:quizStarPop .2s ease-out .7s both}@keyframes popIn{0%{transform:scale(0)}70%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes confettiFall{0%{opacity:1;transform:translateY(-20px) rotate(0)}to{opacity:0;transform:translateY(100dvh) rotate(720deg)}}@keyframes floatUp{0%{opacity:1;transform:translateY(0) scale(0)}50%{opacity:1;transform:translateY(-50px) scale(1.2)}to{opacity:0;transform:translateY(-120px) scale(.5)}}@media(max-width:389px){.app-title{font-size:2.5rem}.app-subtitle{font-size:.95rem}.start-screen{padding:1.2rem .5rem 2rem}.start-content{max-width:100%}.start-button{font-size:1.3rem;padding:.7rem 1.8rem}.chapter-header{padding:.75rem .8rem}.chapter-name{font-size:1.1rem}.chapter-subtitle{font-size:.78rem}.chapter-levels{gap:6px;padding:0 .5rem .75rem}.level-tile{height:56px;border-radius:12px}.tile-num{font-size:1rem}.tile-stars{font-size:.5rem}.tile-lock{font-size:.65rem}.mode-tab{width:66px;padding:.35rem .3rem}.mode-tab-icon{font-size:1.3rem}.mode-tab-label{font-size:.6rem}.quiz-screen{padding:.5rem .5rem 2rem}.quiz-header{margin-bottom:.5rem}.back-button,.reset-button{width:40px;height:40px;font-size:1.2rem}.quiz-prompt{font-size:1.15rem;margin-bottom:.5rem}.country-shape{max-width:280px;padding:1rem}.landmark-frame{max-width:280px}.furniture-frame{max-width:320px}.flag-frame{max-width:280px}.brand-frame{width:200px;height:200px;padding:.8rem}.answers-grid{gap:.5rem}.answer-button{font-size:1rem;padding:.75rem .6rem;min-height:52px;border-radius:14px}.quiz-mode-paintings .answer-button{font-size:.95rem;padding:.65rem .5rem;min-height:48px}.quiz-mode-brands .answer-button{font-size:1.05rem;padding:.85rem .6rem;min-height:56px}.header-level{font-size:1rem;padding:.3rem .6rem}.star{font-size:1rem}.game-over-title{font-size:2.2rem}.game-over-score{font-size:1.8rem}.game-over-message{font-size:1.1rem;margin-bottom:1.2rem}.game-over-emoji{font-size:3.5rem}.game-over-stars{font-size:1.4rem}.reward-text{font-size:2.2rem}.status-banner{padding:.8rem 1rem}.status-banner-emoji{font-size:2.2rem}.status-banner-title{font-size:1.3rem}.encourage-emoji{font-size:1.8rem}.encourage-score{font-size:1.3rem}.landmark-info-modal{padding:1.2rem;max-width:310px}.landmark-info-name{font-size:1.3rem}.landmark-info-country{font-size:.95rem}.landmark-info-desc{font-size:.92rem;padding:.5rem .7rem}.landmark-info-photo{height:150px}}@media(min-width:390px)and (max-width:480px){.app-title{font-size:3rem}.start-content{max-width:100%}.start-button{font-size:1.5rem;padding:.8rem 2rem}.chapter-levels{gap:7px;padding:0 .6rem .85rem}.level-tile{height:62px;border-radius:13px}.tile-num{font-size:1.1rem}.quiz-screen{padding:.5rem .75rem 2rem}.quiz-header{margin-bottom:.4rem}.quiz-prompt{font-size:1.3rem;margin-bottom:.4rem}.country-shape{max-width:340px;padding:1.2rem}.landmark-frame{max-width:340px}.furniture-frame{max-width:420px}.flag-frame{max-width:340px}.brand-frame{width:260px;height:260px;padding:1rem}.answers-grid{gap:.5rem}.answer-button{font-size:1.1rem;padding:.85rem .7rem;min-height:56px;border-radius:16px}.quiz-mode-paintings .answer-button{font-size:1.05rem;padding:.75rem .6rem;min-height:52px}.quiz-mode-brands .answer-button{font-size:1.1rem;padding:.9rem .7rem;min-height:58px}.game-over-title{font-size:2.5rem}.game-over-score{font-size:2rem}.reward-text{font-size:2.5rem}.landmark-info-modal{max-width:330px}.landmark-info-desc{font-size:.98rem}}@media(max-height:700px)and (max-width:480px){.quiz-prompt,.quiz-header{margin-bottom:.3rem}.start-screen{padding-top:1rem;padding-bottom:1.5rem}}@media(min-width:768px){.start-content{max-width:500px}.country-shape,.landmark-frame{max-width:450px}.furniture-frame{max-width:550px}.flag-frame{max-width:450px}.brand-frame{width:320px;height:320px;padding:1.5rem}.answers-grid{gap:1.2rem}.answer-button{font-size:1.4rem;padding:1.5rem}.chapter-levels{gap:10px}.level-tile{height:74px}.tile-num{font-size:1.3rem}.tile-stars{font-size:.6rem}}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-around;background:#000;color:#fff;border-top:1px solid #1a1a1a;padding:6px 0 calc(2px + env(safe-area-inset-bottom,0px));transition:background .2s,border-color .2s;transform:translateY(-.5px)}.bottom-nav.nav-transparent{background:#000;border-top-color:#ffffff26}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:none;border:none;cursor:pointer;font-family:system-ui,sans-serif;font-size:10px;font-weight:600;color:#a1a1aa;padding:4px 6px;transition:color .15s;-webkit-tap-highlight-color:transparent}.bottom-nav-item svg{width:22px;height:22px;display:block}.bottom-nav-item span{display:block;line-height:1}.bottom-nav-active{color:#d8b4fe}@keyframes infoChipPulse{0%,to{box-shadow:0 0 0 3px #d8b4fee6}50%{box-shadow:0 0 0 7px #d8b4fe1a}}@keyframes infoDotPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.6}}.home-tab{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:2rem .75rem calc(80px + env(safe-area-inset-bottom,0px) + 1rem);background:#fff;color:#333}.home-content{text-align:center;width:100%;max-width:min(420px,100%);animation:fadeInUp .5s ease-out}.home-owl{margin-top:0;margin-bottom:1rem;display:flex;justify-content:center}.home-title{font-size:2.8rem;font-weight:700;margin-bottom:.25rem}.home-slogan{font-size:1.1rem;font-weight:600;color:#3ab5ad;margin-bottom:2rem}.home-card{display:flex;align-items:center;gap:14px;background:#fff;border:1.5px solid #e0e4f0;border-radius:16px;padding:18px 20px;margin-bottom:12px;text-align:left}.home-card-locked{opacity:.55}.home-card-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f5f5f5;border-radius:12px}.home-card-text{flex:1}.home-card-title{font-size:1rem;font-weight:600;color:#333}.home-card-subtitle{font-size:.8rem;font-weight:500;color:#999;margin-top:2px}.you-tab{min-height:100dvh;display:flex;align-items:flex-start;justify-content:center;padding:2rem .75rem calc(80px + env(safe-area-inset-bottom,0px) + 1rem);background:#fff;color:#333}.you-content{width:100%;max-width:min(420px,100%);animation:fadeInUp .5s ease-out}.you-profile-header{display:flex;align-items:center;justify-content:center;position:relative;padding-top:1rem;margin-bottom:1.5rem}.saved-feed img,.saved-feed .country-shape svg{max-height:38vh!important;object-fit:contain}.saved-feed .quiz-prompt{font-size:clamp(1.1rem,4.5vw,1.6rem)}.you-settings-btn{position:absolute;right:0;background:none;border:none;cursor:pointer;padding:6px;border-radius:8px;-webkit-tap-highlight-color:transparent}.you-settings-btn:hover{background:#f0f0f0}.you-stats-row{display:flex;gap:12px;margin-bottom:1.5rem}.you-stat-card{flex:1;background:#fff;border:1.5px solid #e0e4f0;border-radius:16px;padding:16px 12px;text-align:center}.you-stat-value{font-size:2rem;font-weight:700;color:#667eea;line-height:1.2}.you-stat-label{font-size:.8rem;font-weight:500;color:#888;margin-top:2px}.you-categories{margin-bottom:1.5rem}.you-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding-left:4px}.you-section-title{font-size:1rem;font-weight:700;color:#555;text-align:left}.you-shimmer-controls{display:flex;align-items:center;gap:4px}.pulse-controls{display:flex;align-items:center;gap:4px;padding:6px 16px;background:#f8f4ff;border-bottom:1px solid #ede8fa}.pulse-controls-label{font-size:.65rem;color:#aaa;margin-right:2px}.you-shimmer-play{background:#f0e8fa;border:none;font-size:.75rem;color:#96c;cursor:pointer;padding:3px 8px;border-radius:10px;line-height:1;font-weight:600}.you-shimmer-play:active{background:#ff3ea5;color:#fff}.you-shimmer-arrow{background:none;border:none;font-size:1.1rem;color:#96c;cursor:pointer;padding:0 2px;line-height:1}.you-shimmer-arrow:active{color:#ff3ea5}.you-shimmer-label{font-size:.65rem;color:#aaa;white-space:nowrap}.you-cat-row{display:flex;align-items:center;gap:10px;padding:14px 4px;border-bottom:1px solid #f0f0f0}.you-cat-row:last-child{border-bottom:none}.you-cat-icon{font-size:1.5rem;flex-shrink:0;width:36px;text-align:center}.you-cat-info{flex:1;min-width:0}.you-cat-name{font-size:1.1rem;font-weight:600;color:#444;text-align:left;margin-bottom:6px}.you-cat-bar-track{width:100%;height:8px;background:#e8ecf4;border-radius:4px;overflow:hidden;position:relative}.you-cat-bar-fill{height:100%;background:#667eea;border-radius:4px;transition:width .3s ease;min-width:0;position:relative;overflow:hidden}@keyframes you-shimmer-loop{0%,15%{transform:translate(-120%);opacity:0}20%{opacity:1}55%{transform:translate(240%);opacity:1}60%,to{transform:translate(240%);opacity:0}}.you-shimmer-loop{position:absolute;top:0;left:0;width:55%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,0,130,.75),rgba(255,80,170,.65),rgba(255,200,230,.3),transparent);border-radius:4px;pointer-events:none;animation:you-shimmer-loop 3s ease-in-out infinite}.you-cat-pct{font-size:.9rem;font-weight:600;color:#888;min-width:40px;text-align:right}.you-see-more{display:block;width:100%;margin-top:8px;padding:10px;background:none;border:1.5px dashed #d0d4e0;border-radius:12px;font-family:Fredoka,sans-serif;font-size:.9rem;font-weight:600;color:#888;cursor:pointer;-webkit-tap-highlight-color:transparent}.you-see-more:hover{background:#f8f8f8;color:#666}.you-google-btn{display:flex;align-items:center;gap:10px;padding:13px 22px;background:#fff;border:1.5px solid #dadce0;border-radius:24px;cursor:pointer;font-family:Fredoka,sans-serif;font-size:1rem;font-weight:600;color:#3c4043;transition:background .15s,box-shadow .15s;-webkit-tap-highlight-color:transparent}.you-google-btn svg{width:24px;height:24px}.you-google-btn:hover{background:#f8f9fa;box-shadow:0 1px 3px #0000001a}.you-google-btn:active{background:#f1f3f4}.you-google-btn:disabled{opacity:.6;cursor:not-allowed}.you-signin-btns{display:flex;flex-direction:column;gap:12px}.you-apple-btn{display:flex;align-items:center;gap:10px;padding:13px 22px;background:#000;border:none;border-radius:12px;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:600;color:#fff;transition:background .15s;-webkit-tap-highlight-color:transparent}.you-apple-btn:hover{background:#1a1a1a}.you-apple-btn:active{background:#333}.you-apple-btn:disabled{opacity:.6;cursor:not-allowed}.you-signed-in{display:flex;align-items:center;gap:10px}.you-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover}.you-user-info{display:flex;flex-direction:column;gap:2px}.you-user-name{font-size:.9rem;font-weight:600;color:#333}.you-signout-btn{font-family:Fredoka,sans-serif;font-size:.7rem;color:#999;background:none;border:none;padding:0;cursor:pointer;text-align:left}.you-signout-btn:hover{color:#667eea}.settings-screen{min-height:100dvh;background:#f2f2f7;display:flex;flex-direction:column;padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))}.settings-header{position:sticky;top:0;z-index:10;background:#f2f2f7;display:flex;align-items:center;justify-content:space-between;padding:max(1rem,calc(env(safe-area-inset-top) + .5rem)) 1rem .75rem}.settings-back-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:#667eea;border-radius:8px;-webkit-tap-highlight-color:transparent}.settings-back-btn:hover{background:#667eea1a}.settings-title{font-size:1.05rem;font-weight:700;color:#222}.settings-body{flex:1;padding:.5rem 1rem 1rem}.settings-section-label{font-size:.7rem;font-weight:600;color:#8e8e93;text-transform:uppercase;letter-spacing:.06em;padding:1.25rem 0 .4rem 4px}.settings-section{background:#fff;border-radius:12px;overflow:hidden}.settings-row{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 16px;background:none;border:none;font-family:Fredoka,sans-serif;font-size:1rem;color:#222;cursor:pointer;text-decoration:none;-webkit-tap-highlight-color:transparent;text-align:left}.settings-row:active{background:#f5f5f5}.settings-row-static{cursor:default}.settings-row-static:active{background:none}.settings-row-label{flex:1}.settings-row-value{font-size:.95rem;color:#8e8e93}.settings-row-danger{color:#e53e3e}.settings-divider{height:1px;background:#f0f0f0;margin-left:16px}.settings-profile-row{display:flex;align-items:center;gap:14px;padding:16px}.settings-avatar{width:52px;height:52px;border-radius:50%;flex-shrink:0}.settings-profile-info{display:flex;flex-direction:column;gap:1px}.settings-profile-name{font-size:1rem;font-weight:600;color:#222}.settings-profile-email{font-size:.82rem;color:#555}.settings-profile-provider{font-size:.75rem;color:#aaa;margin-top:2px}.settings-signin-row{padding:18px 16px;display:flex;flex-direction:column;align-items:flex-start;gap:14px}.settings-signin-hint{font-size:.9rem;color:#555;line-height:1.4}.settings-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:200;padding:1.5rem}.settings-modal{background:#fff;border-radius:16px;padding:24px 20px 20px;width:100%;max-width:340px;display:flex;flex-direction:column;gap:12px}.settings-modal-title{font-size:1.1rem;font-weight:700;color:#222;text-align:center}.settings-modal-body{font-size:.9rem;color:#555;text-align:center;line-height:1.5}.settings-modal-actions{display:flex;gap:10px;margin-top:4px}.settings-modal-btn{flex:1;padding:12px;border:none;border-radius:10px;font-family:Fredoka,sans-serif;font-size:1rem;font-weight:600;cursor:pointer;background:#667eea;color:#fff;-webkit-tap-highlight-color:transparent}.settings-modal-btn:disabled{opacity:.6;cursor:default}.settings-modal-btn-cancel{background:#f0f0f0;color:#444}.settings-modal-btn-danger{background:#e53e3e;color:#fff}.points-anim{position:fixed;top:28%;left:50%;z-index:250;font-family:Fredoka,sans-serif;font-size:2rem;font-weight:700;color:#764ba2;pointer-events:none;opacity:0;transform:translate(-50%,-50%) scale(.5);text-shadow:0 2px 8px rgba(118,75,162,.2)}.points-anim.points-negative{color:#ef4444;text-shadow:0 2px 8px rgba(239,68,68,.2)}.points-anim.points-perfect{background-image:linear-gradient(135deg,#ffd200,#f5576c,#ffd200);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 4px 12px rgba(255,210,0,.4));font-size:2.2rem}.points-anim-in{animation:pointsIn .5s cubic-bezier(.34,1.56,.64,1) forwards}.points-anim-out{animation:pointsOut .4s ease-in forwards}@keyframes pointsIn{0%{transform:translate(-50%,-50%) scale(.5);opacity:0}to{transform:translate(-50%,-70%) scale(1);opacity:1}}@keyframes pointsOut{0%{transform:translate(-50%,-70%) scale(1);opacity:1}to{transform:translate(-50%,-90%) scale(1.05);opacity:0}}.you-sub-tabs{display:flex;position:relative;margin-bottom:1rem;background:#f4f4f8;border-radius:12px;padding:3px}.you-sub-tab{flex:1;font-family:Fredoka,sans-serif;font-size:.9rem;font-weight:600;padding:.5rem;border:none;background:transparent;color:#999;cursor:pointer;border-radius:10px;transition:color .2s;z-index:1;-webkit-tap-highlight-color:transparent}.you-sub-tab-active{color:#764ba2}.you-sub-tab-indicator{position:absolute;top:3px;left:3px;width:calc(50% - 3px);height:calc(100% - 6px);background:#fff;border-radius:10px;box-shadow:0 1px 4px #00000014;transition:transform .25s cubic-bezier(.4,0,.2,1)}.ranking-tab{padding-top:.25rem}.ranking-league-card{text-align:center;padding:1rem 1.5rem;background:#fff;border:1.5px solid #eee;border-radius:16px;margin-bottom:.75rem;box-shadow:0 2px 8px #0000000a}.ranking-league-name{font-size:1.3rem;font-weight:700;margin-bottom:.1rem}.ranking-points{font-size:1rem;font-weight:600;color:#666;margin-bottom:.75rem}.ranking-progress-wrap{margin-top:.5rem}.ranking-progress-track{height:8px;background:#f0f0f4;border-radius:4px;overflow:hidden;margin-bottom:.35rem}.ranking-progress-fill{height:100%;border-radius:4px;transition:width .5s ease}.ranking-progress-label{font-size:.78rem;color:#999;font-weight:500}.ranking-position{text-align:center;font-size:.85rem;font-weight:600;color:#999;margin-bottom:.5rem}.ranking-leaderboard{display:flex;flex-direction:column;gap:2px}.ranking-scope-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.4rem}.ranking-scope-title{font-size:.95rem;font-weight:700;color:#333}.ranking-scope-toggle{display:flex;gap:4px;background:#f0f0f4;border-radius:10px;padding:2px}.ranking-scope-btn{font-size:.9rem;padding:4px 10px;border:none;border-radius:8px;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent}.ranking-scope-active{background:#fff;box-shadow:0 1px 3px #0000001a}.ranking-entry{display:flex;align-items:center;gap:6px;padding:.5rem .65rem;border-radius:10px;background:#f8f8fa;font-size:.88rem}.ranking-entry-user{background:#f0ecff;border:1.5px solid #c4b5fd;font-weight:700}.ranking-rank{min-width:28px;font-weight:700;color:#764ba2;text-align:center;font-size:.85rem}.ranking-entry-name{flex:1;font-weight:500;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranking-entry-pts{font-weight:600;color:#667eea;font-size:.85rem;white-space:nowrap}.ranking-show-full{display:block;width:100%;text-align:center;font-family:Fredoka,sans-serif;font-size:.85rem;font-weight:600;color:#667eea;background:transparent;border:none;padding:.75rem;cursor:pointer;-webkit-tap-highlight-color:transparent}.ranking-stats{display:flex;gap:12px;margin-top:1rem}.ranking-stat{flex:1;text-align:center;padding:.75rem;background:#f8f9ff;border-radius:14px}.ranking-stat-val{font-size:1.4rem;font-weight:700;color:#764ba2}.ranking-stat-lbl{font-size:.75rem;font-weight:500;color:#999;margin-top:2px}.ranking-banner{text-align:center;padding:1.2rem 1.5rem;border-radius:20px;margin-bottom:.85rem}.ranking-banner-outline{background:transparent;border:2.5px solid #f093fb}.ranking-banner-outline .rb-label,.ranking-banner-outline .rb-label-place,.ranking-banner-outline .rb-place-mini,.ranking-banner-outline .rb-small-top,.ranking-banner-outline .rb-subtle{color:#764ba2;font-size:.9rem;font-weight:500}.ranking-banner-outline .rb-place,.ranking-banner-outline .rb-place-large{color:#ec4899;font-weight:700}.ranking-banner-outline .rb-total{color:#999;font-size:.85rem;font-weight:500}.ranking-banner-outline .rb-rank,.ranking-banner-outline .rb-rank-inline,.ranking-banner-outline .rb-rank-xl,.ranking-banner-outline .rb-rank-with-slash,.ranking-banner-outline .rb-grid-rank,.ranking-banner-outline .rb-big{color:#ec4899;font-weight:700;line-height:1}.ranking-banner-outline .rb-rank{font-size:3.4rem;margin:.1rem 0}.ranking-banner-outline .rb-big{font-size:4rem}.ranking-banner-outline .rb-rank-xl{font-size:4.5rem;margin-bottom:.2rem}.ranking-banner-outline .rb-rank-inline{font-size:2.4rem}.ranking-banner-outline .rb-rank-with-slash{font-size:3rem}.ranking-banner-outline .rb-slash{color:#999;font-size:1.4rem;font-weight:500}.ranking-banner-outline .rb-inline-lbl{font-size:.95rem;color:#764ba2;font-weight:500}.rb-layout-3 .rb-side{display:flex;align-items:center;justify-content:center;gap:1rem;text-align:left}.rb-layout-6 .rb-place-large{font-size:1.2rem;margin-bottom:.1rem}.rb-layout-8 .rb-grid{display:flex;align-items:center;justify-content:center;gap:.8rem;text-align:left}.rb-layout-8 .rb-grid-rank{font-size:3.4rem}.rb-layout-8 .rb-grid-right{display:flex;flex-direction:column}.rb-layout-9 .rb-small-top{font-size:.8rem;margin-bottom:.3rem;text-transform:uppercase;letter-spacing:.1em}.rb-layout-7 .rb-subtle{margin-top:.1rem;font-size:.8rem}.rb-layout-4 .rb-label-place{margin-top:.1rem}.ranking-change-country{font-family:Fredoka,sans-serif;cursor:pointer;-webkit-tap-highlight-color:transparent}.change-cty-1{font-size:.8rem;font-weight:500;color:#764ba2;background:none;border:none;text-decoration:underline;padding:4px 6px}.change-cty-2{font-size:.8rem;font-weight:600;color:#764ba2;background:#fff;border:1.5px solid #c4b5fd;border-radius:14px;padding:5px 12px}.change-cty-3{font-size:.8rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#f093fb,#f5576c);border:none;border-radius:14px;padding:6px 14px;box-shadow:0 2px 8px #f093fb4d}.change-cty-4{font-size:.85rem;font-weight:600;color:#f093fb;background:none;border:none;padding:4px 6px}.change-cty-5{font-size:.8rem;font-weight:600;color:#764ba2;background:#f0ecff;border:none;border-radius:14px;padding:5px 12px}.change-cty-6{font-size:.75rem;font-weight:500;color:#999;background:none;border:none;font-style:italic;text-decoration:underline;padding:4px 6px}.change-cty-7{font-size:.75rem;font-weight:500;color:#999;background:#f4f4f8;border:none;border-radius:10px;padding:4px 8px}.change-cty-8{font-size:.75rem;font-weight:700;color:#fff;background:#c4b5fd;border:none;border-radius:12px;padding:4px 10px;text-transform:uppercase;letter-spacing:.05em}.change-cty-9{font-size:.8rem;font-weight:600;color:#764ba2;background:linear-gradient(135deg,#fdf2f8,#ede9fe);border:1.5px solid #e9d5ff;border-radius:14px;padding:5px 12px}.change-cty-10{font-size:.7rem;font-weight:700;color:#f093fb;background:none;border:none;text-transform:uppercase;letter-spacing:.1em;padding:4px 6px}.rb-trans-1 .rb-small-top,.rb-trans-1 .rb-rank,.rb-trans-1a .rb-small-top,.rb-trans-1a .rb-rank,.rb-trans-1b .rb-small-top,.rb-trans-1b .rb-rank,.rb-trans-1c .rb-small-top,.rb-trans-1c .rb-rank,.rb-trans-1d .rb-small-top,.rb-trans-1d .rb-rank,.rb-trans-1e .rb-small-top,.rb-trans-1e .rb-rank,.rb-trans-1f .rb-small-top,.rb-trans-1f .rb-rank,.rb-trans-1g .rb-small-top,.rb-trans-1g .rb-rank,.rb-trans-1h .rb-small-top,.rb-trans-1h .rb-rank,.rb-trans-1i .rb-small-top,.rb-trans-1i .rb-rank,.rb-trans-1j .rb-small-top,.rb-trans-1j .rb-rank,.rb-trans-1k .rb-small-top,.rb-trans-1k .rb-rank{animation:rbTransTextWhite var(--dur,3s) ease-in-out forwards}@keyframes rbTransTextWhite{0%,70%{color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.2)}90%,to{color:inherit;text-shadow:none}}.rb-trans-1{--dur: 3s;animation:rbTrans1 3s ease-in-out forwards}@keyframes rbTrans1{0%{background:linear-gradient(135deg,#f093fb,#f5576c);border-color:#f093fb;transform:scale(.95)}15%{background:linear-gradient(135deg,#ffd200,#ff6b35);border-color:#ffd200}30%{background:linear-gradient(135deg,#4ecdc4,#45b7d1);border-color:#4ecdc4}45%{background:linear-gradient(135deg,#f472b6,#ec4899);border-color:#f472b6;transform:scale(1.03)}60%{background:linear-gradient(135deg,#a18cd1,#fbc2eb);border-color:#a18cd1}80%{background:transparent;border-color:#f093fb}to{background:transparent;border-color:#f093fb;transform:scale(1)}}.rb-trans-1a{--dur: 1.5s;animation:rbTrans1 1.5s ease-in-out forwards}.rb-trans-1b{--dur: 4.5s;animation:rbTrans1 4.5s ease-in-out forwards}.rb-trans-1c{--dur: 3s;animation:rbTrans1c 3s ease-in-out forwards}@keyframes rbTrans1c{0%{background:linear-gradient(135deg,#fce7f3,#fbcfe8);border-color:#fbcfe8;transform:scale(.95)}20%{background:linear-gradient(135deg,#f9a8d4,#f472b6);border-color:#f472b6}40%{background:linear-gradient(135deg,#ec4899,#db2777);border-color:#ec4899;transform:scale(1.03)}60%{background:linear-gradient(135deg,#f093fb,#f5576c);border-color:#f093fb}80%{background:transparent;border-color:#f093fb}to{background:transparent;border-color:#f093fb;transform:scale(1)}}.rb-trans-1d{--dur: 3s;animation:rbTrans1d 3s ease-in-out forwards}@keyframes rbTrans1d{0%{background:linear-gradient(135deg,#f093fb,#f5576c);border-color:#f093fb;transform:scale(.95)}25%{background:linear-gradient(135deg,#ffd200,#ff9a44);border-color:#ffd200}50%{background:linear-gradient(135deg,#f5576c,#ff6fbd);border-color:#f5576c;transform:scale(1.03)}75%{background:linear-gradient(135deg,#f093fb,#ffd200);border-color:#f093fb}to{background:transparent;border-color:#f093fb;transform:scale(1)}}.rb-trans-1e{--dur: 3s;animation:rbTrans1e 3s ease-in-out forwards}@keyframes rbTrans1e{0%{background:linear-gradient(135deg,#fbc2eb,#a6c1ee);border-color:#fbc2eb;transform:scale(.95)}20%{background:linear-gradient(135deg,#fdfcfb,#e2d1c3);border-color:#e2d1c3}40%{background:linear-gradient(135deg,#a1c4fd,#c2e9fb);border-color:#a1c4fd;transform:scale(1.03)}60%{background:linear-gradient(135deg,#fbc2eb,#f9a8d4);border-color:#fbc2eb}80%{background:linear-gradient(135deg,#ffecd2,#fcb69f);border-color:#fcb69f}to{background:transparent;border-color:#f093fb;transform:scale(1)}}.rb-trans-1f{--dur: 2.4s;animation:rbTrans1f 2.4s ease-in-out forwards}@keyframes rbTrans1f{0%{background:linear-gradient(135deg,#f093fb,#f5576c);border-color:#f093fb;transform:scale(.95)}33%{background:linear-gradient(135deg,#ffd200,#ff6b35);border-color:#ffd200;transform:scale(1.03)}66%{background:linear-gradient(135deg,#4ecdc4,#45b7d1);border-color:#4ecdc4}to{background:transparent;border-color:#f093fb;transform:scale(1)}}.rb-trans-1g{--dur: 4s;animation:rbTrans1g 4s ease-in-out forwards}@keyframes rbTrans1g{0%{background:linear-gradient(135deg,#f093fb,#f5576c);border-color:#f093fb;transform:scale(.95)}12%{background:linear-gradient(135deg,#ffd200,#ff6b35);border-color:#ffd200}24%{background:linear-gradient(135deg,#6ed600,#34c759);border-color:#6ed600}36%{background:linear-gradient(135deg,#4ecdc4,#45b7d1);border-color:#4ecdc4}48%{background:linear-gradient(135deg,#3dabff,#667eea);border-color:#3dabff;transform:scale(1.03)}60%{background:linear-gradient(135deg,#9b6fff,#764ba2);border-color:#9b6fff}72%{background:linear-gradient(135deg,#f472b6,#ec4899);border-color:#f472b6}85%{background:transparent;border-color:#f093fb}to{background:transparent;border-color:#f093fb;transform:scale(1)}}.rb-trans-1h{--dur: 3s;animation:rbTrans1h 3s ease-in-out forwards}@keyframes rbTrans1h{0%{background:linear-gradient(135deg,#f093fb,#f5576c);border-color:#f093fb;transform:scale(.9)}10%{transform:scale(1.05)}20%{background:linear-gradient(135deg,#ffd200,#ff6b35);border-color:#ffd200;transform:scale(.95)}30%{transform:scale(1.05)}40%{background:linear-gradient(135deg,#4ecdc4,#45b7d1);border-color:#4ecdc4;transform:scale(.95)}50%{transform:scale(1.05)}60%{background:linear-gradient(135deg,#f472b6,#ec4899);border-color:#f472b6;transform:scale(.95)}70%{transform:scale(1.05)}85%{background:transparent;border-color:#f093fb;transform:scale(1)}to{background:transparent;border-color:#f093fb;transform:scale(1)}}.rb-trans-1h-a,.rb-trans-1h-b,.rb-trans-1h-c,.rb-trans-1h-d,.rb-trans-1h-e,.rb-trans-1h-f,.rb-trans-1h-g,.rb-trans-1h-h,.rb-trans-1h-i,.rb-trans-1h-j,.rb-trans-1h-k{--dur: 3s}.rb-trans-1h-a{animation:rbTrans1hA 3s ease-in-out forwards}@keyframes rbTrans1hA{0%{background:linear-gradient(135deg,#f093fb,#f5576c);border-color:#f093fb;transform:scale(.9)}10%{transform:scale(1.05)}20%{background:linear-gradient(135deg,#ffd200,#ff9a44);border-color:#ffd200;transform:scale(.95)}30%{transform:scale(1.05)}40%{background:linear-gradient(135deg,#ff6b9d,#ff4d7e);border-color:#ff6b9d;transform:scale(.95)}50%{transform:scale(1.05)}60%{background:linear-gradient(135deg,#f472b6,#ec4899);border-color:#f472b6;transform:scale(.95)}70%{transform:scale(1.05)}85%,to{background:transparent;border-color:#f093fb;transform:scale(1)}}.rb-trans-1h-b{animation:rbTrans1hB 3s ease-in-out forwards}@keyframes rbTrans1hB{0%{background:linear-gradient(135deg,#f093fb,#f5576c);border-color:#f093fb;transform:scale(.9)}10%{transform:scale(1.05)}20%{background:linear-gradient(135deg,#a78bfa,#8b5cf6);border-color:#a78bfa;transform:scale(.95)}30%{transform:scale(1.05)}40%{background:linear-gradient(135deg,#ffd200,#ff9a44);border-color:#ffd200;transform:scale(.95)}50%{transform:scale(1.05)}60%{background:linear-gradient(135deg,#f472b6,#ec4899);border-color:#f472b6;transform:scale(.95)}70%{transform:scale(1.05)}85%,to{background:transparent;border-color:#f093fb;transform:scale(1)}}.rb-trans-1h-c{animation:rbTrans1hC 3s ease-in-out forwards}@keyframes rbTrans1hC{0%{background:linear-gradient(135deg,#f093fb,#f5576c);border-color:#f093fb;transform:scale(.9)}10%{transform:scale(1.05)}20%{background:linear-gradient(135deg,#ffecd2,#fcb69f);border-color:#fcb69f;transform:scale(.95)}30%{transform:scale(1.05)}40%{background:linear-gradient(135deg,#fb7185,#e11d48);border-color:#fb7185;transform:scale(.95)}50%{transform:scale(1.05)}60%{background:linear-gradient(135deg,#f472b6,#ec4899);border-color:#f472b6;transform:scale(.95)}70%{transform:scale(1.05)}85%,to{background:transparent;border-color:#f093fb;transform:scale(1)}}.rb-trans-1h-d{animation:rbTrans1hD 3s ease-in-out forwards}@keyframes rbTrans1hD{0%{background:linear-gradient(135deg,#f093fb,#f5576c);border-color:#f093fb;transform:scale(.9)}10%{transform:scale(1.05)}20%{background:linear-gradient(135deg,#c084fc,#a78bfa);border-color:#c084fc;transform:scale(.95)}30%{transform:scale(1.05)}40%{background:linear-gradient(135deg,#ffd200,#ff9a44);border-color:#ffd200;transform:scale(.95)}50%{transform:scale(1.05)}60%{background:linear-gradient(135deg,#f472b6,#ec4899);border-color:#f472b6;transform:scale(.95)}70%{transform:scale(1.05)}85%,to{background:transparent;border-color:#f093fb;transform:scale(1)}}.rb-trans-1h-e{animation:rbTrans1hE 3s ease-in-out forwards}@keyframes rbTrans1hE{0%{background:linear-gradient(135deg,#f093fb,#f5576c);border-color:#f093fb;transform:scale(.9)}10%{transform:scale(1.05)}20%{background:linear-gradient(135deg,#ffd200,#ff9a44);border-color:#ffd200;transform:scale(.95)}30%{transform:scale(1.05)}40%{background:linear-gradient(135deg,#d946ef,#c026d3);border-color:#d946ef;transform:scale(.95)}50%{transform:scale(1.05)}60%{background:linear-gradient(135deg,#f472b6,#ec4899);border-color:#f472b6;transform:scale(.95)}70%{transform:scale(1.05)}85%,to{background:transparent;border-color:#f093fb;transform:scale(1)}}.rb-trans-1h-f{animation:rbTrans1hF 3s ease-in-out forwards}@keyframes rbTrans1hF{0%{background:linear-gradient(135deg,#fbcfe8,#f9a8d4);border-color:#fbcfe8;transform:scale(.9)}10%{transform:scale(1.05)}20%{background:linear-gradient(135deg,#f472b6,#ec4899);border-color:#f472b6;transform:scale(.95)}30%{transform:scale(1.05)}40%{background:linear-gradient(135deg,#f093fb,#f5576c);border-color:#f093fb;transform:scale(.95)}50%{transform:scale(1.05)}60%{background:linear-gradient(135deg,#ff6b9d,#ff4d7e);border-color:#ff6b9d;transform:scale(.95)}70%{transform:scale(1.05)}85%,to{background:transparent;border-color:#f093fb;transform:scale(1)}}.rb-trans-1h-g{animation:rbTrans1hG 3s ease-in-out forwards}@keyframes rbTrans1hG{0%{background:linear-gradient(135deg,#f093fb,#f5576c);border-color:#f093fb;transform:scale(.9)}10%{transform:scale(1.05)}20%{background:linear-gradient(135deg,#fb923c,#f97316);border-color:#fb923c;transform:scale(.95)}30%{transform:scale(1.05)}40%{background:linear-gradient(135deg,#fde047,#facc15);border-color:#fde047;transform:scale(.95)}50%{transform:scale(1.05)}60%{background:linear-gradient(135deg,#f472b6,#ec4899);border-color:#f472b6;transform:scale(.95)}70%{transform:scale(1.05)}85%,to{background:transparent;border-color:#f093fb;transform:scale(1)}}.rb-trans-1h-h{animation:rbTrans1hH 3s ease-in-out forwards}@keyframes rbTrans1hH{0%{background:linear-gradient(135deg,#f093fb,#f5576c);border-color:#f093fb;transform:scale(.9)}10%{transform:scale(1.05)}20%{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#ef4444;transform:scale(.95)}30%{transform:scale(1.05)}40%{background:linear-gradient(135deg,#ffd200,#ff9a44);border-color:#ffd200;transform:scale(.95)}50%{transform:scale(1.05)}60%{background:linear-gradient(135deg,#f472b6,#ec4899);border-color:#f472b6;transform:scale(.95)}70%{transform:scale(1.05)}85%,to{background:transparent;border-color:#f093fb;transform:scale(1)}}.rb-trans-1h-i{animation:rbTrans1hI 3s ease-in-out forwards}@keyframes rbTrans1hI{0%{background:linear-gradient(135deg,#f093fb,#f5576c);border-color:#f093fb;transform:scale(.9)}10%{transform:scale(1.05)}20%{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#fde68a;transform:scale(.95)}30%{transform:scale(1.05)}40%{background:linear-gradient(135deg,#fcd5ce,#f8b4a8);border-color:#fcd5ce;transform:scale(.95)}50%{transform:scale(1.05)}60%{background:linear-gradient(135deg,#f472b6,#ec4899);border-color:#f472b6;transform:scale(.95)}70%{transform:scale(1.05)}85%,to{background:transparent;border-color:#f093fb;transform:scale(1)}}.rb-trans-1h-j{animation:rbTrans1hJ 3s ease-in-out forwards}@keyframes rbTrans1hJ{0%{background:linear-gradient(135deg,#f093fb,#f5576c);border-color:#f093fb;transform:scale(.9)}10%{transform:scale(1.05)}20%{background:linear-gradient(135deg,#a78bfa,#8b5cf6);border-color:#a78bfa;transform:scale(.95)}30%{transform:scale(1.05)}40%{background:linear-gradient(135deg,#fb7185,#e11d48);border-color:#fb7185;transform:scale(.95)}50%{transform:scale(1.05)}60%{background:linear-gradient(135deg,#f472b6,#ec4899);border-color:#f472b6;transform:scale(.95)}70%{transform:scale(1.05)}85%,to{background:transparent;border-color:#f093fb;transform:scale(1)}}.rb-trans-1h-k{animation:rbTrans1hK 3s ease-in-out forwards}@keyframes rbTrans1hK{0%{background:linear-gradient(135deg,#f093fb,#f5576c);border-color:#f093fb;transform:scale(.9)}10%{transform:scale(1.05)}20%{background:linear-gradient(135deg,#ffd200,#ff9a44);border-color:#ffd200;transform:scale(.95)}30%{transform:scale(1.05)}40%{background:linear-gradient(135deg,#c084fc,#a78bfa);border-color:#c084fc;transform:scale(.95)}50%{transform:scale(1.05)}60%{background:linear-gradient(135deg,#ff6b9d,#ff4d7e);border-color:#ff6b9d;transform:scale(.95)}70%{transform:scale(1.05)}85%,to{background:transparent;border-color:#f093fb;transform:scale(1)}}.rb-trans-1h-a .rb-small-top,.rb-trans-1h-a .rb-rank,.rb-trans-1h-b .rb-small-top,.rb-trans-1h-b .rb-rank,.rb-trans-1h-c .rb-small-top,.rb-trans-1h-c .rb-rank,.rb-trans-1h-d .rb-small-top,.rb-trans-1h-d .rb-rank,.rb-trans-1h-e .rb-small-top,.rb-trans-1h-e .rb-rank,.rb-trans-1h-f .rb-small-top,.rb-trans-1h-f .rb-rank,.rb-trans-1h-g .rb-small-top,.rb-trans-1h-g .rb-rank,.rb-trans-1h-h .rb-small-top,.rb-trans-1h-h .rb-rank,.rb-trans-1h-i .rb-small-top,.rb-trans-1h-i .rb-rank,.rb-trans-1h-j .rb-small-top,.rb-trans-1h-j .rb-rank,.rb-trans-1h-k .rb-small-top,.rb-trans-1h-k .rb-rank{animation:rbTransTextWhite 3s ease-in-out forwards}.rb-trans-1i{--dur: 3s;animation:rbTrans1i 3s ease-in-out forwards}@keyframes rbTrans1i{0%{background:linear-gradient(135deg,#f093fb,#f5576c);border-color:#f093fb;transform:scale(.95) rotate(-2deg)}20%{background:linear-gradient(135deg,#ffd200,#ff6b35);border-color:#ffd200;transform:scale(1) rotate(1deg)}40%{background:linear-gradient(135deg,#4ecdc4,#45b7d1);border-color:#4ecdc4;transform:scale(1.03) rotate(-1deg)}60%{background:linear-gradient(135deg,#f472b6,#ec4899);border-color:#f472b6;transform:scale(1) rotate(1deg)}80%{background:transparent;border-color:#f093fb;transform:scale(1) rotate(0)}to{background:transparent;border-color:#f093fb;transform:scale(1) rotate(0)}}.rb-trans-1j{--dur: 3s;animation:rbTrans1j 3s ease-in-out forwards}@keyframes rbTrans1j{0%{background:linear-gradient(135deg,#f093fb,#f5576c);border-color:#f093fb;transform:scale(.95)}15%{background:linear-gradient(135deg,#ffd200,#ff6b35);border-color:#ffd200}30%{background:linear-gradient(135deg,#4ecdc4,#45b7d1);border-color:#4ecdc4}45%{background:linear-gradient(135deg,#f472b6,#ec4899);border-color:#f472b6;transform:scale(1.03)}60%{background:linear-gradient(135deg,#a18cd1,#fbc2eb);border-color:#a18cd1}70%{background:linear-gradient(135deg,#f093fb88,#f5576c44);border-color:#f093fb}85%{background:linear-gradient(135deg,#f093fb22,transparent);border-color:#f093fb}to{background:transparent;border-color:#f093fb;transform:scale(1)}}.rb-trans-1k{--dur: 3s;animation:rbTrans1k 3s step-end forwards}@keyframes rbTrans1k{0%{background:linear-gradient(135deg,#f093fb,#f5576c);border-color:#f093fb;transform:scale(1)}20%{background:linear-gradient(135deg,#ffd200,#ff6b35);border-color:#ffd200}40%{background:linear-gradient(135deg,#4ecdc4,#45b7d1);border-color:#4ecdc4}60%{background:linear-gradient(135deg,#f472b6,#ec4899);border-color:#f472b6}80%{background:linear-gradient(135deg,#a18cd1,#fbc2eb);border-color:#a18cd1}to{background:transparent;border-color:#f093fb;transform:scale(1)}}.rb-trans-2{animation:rbTrans2 1.5s ease-out forwards}@keyframes rbTrans2{0%{background:linear-gradient(135deg,#f093fb,#f5576c,#ffd200);border-color:transparent;transform:scale(.9)}30%{transform:scale(1.04)}60%{background:transparent;border-color:#f093fb;transform:scale(1)}to{background:transparent;border-color:#f093fb;transform:scale(1)}}.rb-trans-3{animation:rbTrans3 2s ease-in-out forwards}@keyframes rbTrans3{0%{border-color:#f093fb;box-shadow:0 0 #f093fb00}20%{border-color:#f5576c;box-shadow:0 0 24px #f5576c80}40%{border-color:#f093fb;box-shadow:0 0 24px #f093fb80}60%{border-color:#f5576c;box-shadow:0 0 24px #f5576c80}80%{border-color:#f093fb;box-shadow:0 0 16px #f093fb4d}to{border-color:#f093fb;box-shadow:none}}.rb-trans-4{position:relative;overflow:hidden;animation:rbTrans4Border 1.8s ease-out forwards}.rb-trans-4:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#f093fb,#f5576c,#ffd200,#4ecdc4);transform:translate(-100%);animation:rbTrans4Sweep 1.8s ease-out forwards;pointer-events:none}@keyframes rbTrans4Sweep{0%{transform:translate(-100%);opacity:1}50%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@keyframes rbTrans4Border{0%{border-color:#f093fb}to{border-color:#f093fb}}.rb-trans-5{animation:rbTrans5 1.5s ease-out forwards}@keyframes rbTrans5{0%{opacity:0;transform:scale(.9);box-shadow:0 0 40px #f093fbcc;border-color:transparent}50%{opacity:1;transform:scale(1.02);box-shadow:0 0 30px #f093fb80;border-color:#f093fb}to{opacity:1;transform:scale(1);box-shadow:none;border-color:#f093fb}}.rb-trans-6{animation:rbTrans6 2.5s ease-in-out forwards}@keyframes rbTrans6{0%{background:linear-gradient(135deg,#a18cd1,#fbc2eb,#a6c1ee,#f68084);background-size:300% 300%;background-position:0% 50%;border-color:transparent;color:#fff}30%{background-position:100% 50%}60%{background-position:50% 50%;border-color:#f093fb}80%{background:transparent;border-color:#f093fb;color:transparent}to{background:transparent;border-color:#f093fb}}.rb-trans-6 .rb-rank{animation:rbTransRank 2.5s ease-in-out forwards}.rb-trans-6 .rb-small-top{animation:rbTransText 2.5s ease-in-out forwards}.rb-trans-7{animation:rbTrans7 .8s cubic-bezier(.34,1.8,.64,1) forwards}@keyframes rbTrans7{0%{transform:scale(0);opacity:0;border-color:#f093fb}60%{transform:scale(1.08);opacity:1}to{transform:scale(1);opacity:1;border-color:#f093fb}}.rb-trans-8{animation:rbTrans8 .7s cubic-bezier(.22,1,.36,1) forwards}@keyframes rbTrans8{0%{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}.country-picker{text-align:center;padding:1rem 0}.country-picker-title{font-size:1.2rem;font-weight:700;color:#333;margin-bottom:.25rem}.country-picker-subtitle{font-size:.85rem;color:#999;margin-bottom:1rem}.country-picker-list{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.country-picker-item{font-family:Fredoka,sans-serif;font-size:.85rem;font-weight:600;padding:.5rem .9rem;border:1.5px solid #e8e8ec;border-radius:12px;background:#fff;color:#333;cursor:pointer;display:flex;align-items:center;gap:6px;-webkit-tap-highlight-color:transparent;transition:border-color .15s,background .15s}.country-picker-item:active{background:#f0ecff;border-color:#c4b5fd}.challenge-screen{min-height:100dvh;display:flex;flex-direction:column;background:#f8f8fc}.challenge-friend-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;max-width:320px;margin:1.5rem auto 0;padding:16px 24px;border:none;border-radius:16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-family:Fredoka,sans-serif;font-size:1.1rem;font-weight:600;cursor:pointer;box-shadow:0 4px 16px #667eea59;transition:transform .15s,box-shadow .15s}.challenge-friend-btn:active{transform:scale(.97);box-shadow:0 2px 8px #667eea40}.quick-match-btn{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;padding:14px 16px;border:2.5px solid #667eea;border-radius:16px;background:transparent;color:#667eea;font-family:Fredoka,sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;transition:transform .15s,background .15s}.quick-match-btn:active{transform:scale(.97);background:#667eea14}.challenge-header{display:flex;align-items:center;gap:12px;padding:calc(env(safe-area-inset-top,1rem) + .5rem) 1rem .5rem}.challenge-title{font-family:Fredoka,sans-serif;font-size:1.3rem;font-weight:600;color:#333;margin:0}.challenge-category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:1rem}.challenge-category-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 8px;border:2px solid #e8e8f0;border-radius:16px;background:#fff;cursor:pointer;transition:transform .15s,border-color .15s;font-family:Fredoka,sans-serif}.challenge-category-card:active{transform:scale(.95);border-color:#667eea}.challenge-category-icon{font-size:2rem}.challenge-category-label{font-size:.78rem;font-weight:600;color:#333;text-align:center}.challenge-category-locked{opacity:.45;cursor:default}.challenge-category-locked:active{transform:none;border-color:#e8e8f0}.challenge-category-active{border-color:#a855f7;background:#a855f714;box-shadow:0 0 0 2px #a855f733}.challenge-send-bar{padding:1rem;position:sticky;bottom:0;background:#f8f8fc}.challenge-category-lock-msg{font-size:.6rem;color:#999;font-weight:400;text-align:center;line-height:1.2}.challenge-pre-match{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:2rem;text-align:center}.challenge-pre-badge{font-family:Fredoka,sans-serif;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#667eea;background:#667eea1a;padding:6px 16px;border-radius:20px;margin-bottom:1rem}.challenge-pre-category{font-family:Fredoka,sans-serif;font-size:1.6rem;font-weight:600;color:#333;margin-bottom:2rem}.challenge-pre-vs{display:flex;align-items:center;gap:16px;margin-bottom:1.5rem}.challenge-pre-you,.challenge-pre-opponent{font-family:Fredoka,sans-serif;font-size:1.3rem;font-weight:600;color:#333}.challenge-pre-vs-text{font-family:Fredoka,sans-serif;font-size:1rem;font-weight:400;color:#999}.challenge-pre-incoming-msg{font-family:Fredoka,sans-serif;font-size:1.1rem;font-weight:500;color:#666;margin-bottom:2rem}.challenge-pre-count{font-family:Fredoka,sans-serif;font-size:1rem;color:#999;margin-bottom:2rem}.challenge-start-btn{padding:16px 48px;border:none;border-radius:16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-family:Fredoka,sans-serif;font-size:1.2rem;font-weight:600;cursor:pointer;box-shadow:0 4px 16px #667eea59}.challenge-start-btn:active{transform:scale(.97)}.challenge-pre-match .challenge-pre-badge{color:#f093fb;background:#f093fb1a}.challenge-pre-match .challenge-pre-category{color:#a855f7}.challenge-pre-match .matchmaking-change-btn{color:#a855f7;background:#f093fb1a}.challenge-pre-match .challenge-start-btn{background:linear-gradient(135deg,#a855f7,#f093fb);box-shadow:0 4px 16px #a855f759}.challenge-header-badge{display:flex;align-items:center}.challenge-vs-label{font-family:Fredoka,sans-serif;font-size:.78rem;font-weight:600;color:#ffffffd9;background:#ffffff26;padding:4px 10px;border-radius:10px;white-space:nowrap}.challenge-result{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:2rem;text-align:center}.challenge-result-emoji{font-size:4rem;margin-bottom:.5rem}.challenge-result-msg{font-family:Fredoka,sans-serif;font-size:1.5rem;font-weight:600;color:#333;margin-bottom:2rem}.challenge-result-scores{display:flex;gap:20px;margin-bottom:2rem}.challenge-result-score-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 24px;border-radius:16px;min-width:100px}.challenge-result-you{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.challenge-result-opponent{background:#f0f0f5;color:#333}.challenge-result-score-label{font-family:Fredoka,sans-serif;font-size:.8rem;font-weight:500;opacity:.8}.challenge-result-score-num{font-family:Fredoka,sans-serif;font-size:1.8rem;font-weight:700}.challenge-result-actions{display:flex;flex-direction:column;gap:10px;width:100%;max-width:300px}.challenge-share-btn{padding:14px 24px;border:none;border-radius:14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-family:Fredoka,sans-serif;font-size:1rem;font-weight:600;cursor:pointer;box-shadow:0 4px 12px #667eea4d}.challenge-share-btn:active{transform:scale(.97)}.challenge-replay-btn{padding:14px 24px;border:2.5px solid #667eea;border-radius:14px;background:transparent;color:#667eea;font-family:Fredoka,sans-serif;font-size:1rem;font-weight:600;cursor:pointer}.challenge-replay-btn:active{transform:scale(.97);background:#667eea0d}.challenge-back-btn{padding:12px 24px;border:none;border-radius:14px;background:transparent;color:#999;font-family:Fredoka,sans-serif;font-size:.9rem;font-weight:500;cursor:pointer}.challenge-timer-wrap{display:flex;align-items:center;gap:8px;margin:0 1rem .4rem}.challenge-timer-bar{flex:1;height:8px;background:#fff3;border-radius:4px;overflow:hidden}.challenge-timer-fill{height:100%;border-radius:4px;transition:width .05s linear,background .3s ease}.challenge-timer-num{font-family:Fredoka,sans-serif;font-size:1rem;font-weight:700;min-width:1.5rem;text-align:center}.challenge-timer-bar-thin{height:4px}.challenge-timer-bar-thick{height:12px;border-radius:6px}.challenge-timer-bar-thick .challenge-timer-fill{border-radius:6px}.challenge-timer-ring-wrap{position:relative;display:flex;align-items:center;justify-content:center;margin:0 auto .3rem;width:44px;height:44px}.challenge-timer-ring-lg{width:52px;height:52px}.challenge-timer-ring-sm{width:32px;height:32px;flex-shrink:0}.challenge-timer-ring-num{position:absolute;font-family:Fredoka,sans-serif;font-size:1rem;font-weight:700}.challenge-timer-ring-num-lg{font-size:1.2rem}.challenge-timer-ring-num-sm{font-size:.75rem}.challenge-timer-bignum{font-family:Fredoka,sans-serif;font-size:1.6rem;font-weight:700;text-align:center;margin:0 0 .3rem}.challenge-timer-pill{font-family:Fredoka,sans-serif;font-size:.85rem;font-weight:700;color:#fff;padding:4px 14px;border-radius:20px;margin:0 auto .3rem;width:fit-content;transition:background .3s}.challenge-result-score-time{font-family:Fredoka,sans-serif;font-size:.75rem;font-weight:400;opacity:.7;margin-top:2px}.quick-match-btn-full{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;max-width:320px;margin:.75rem auto 0;padding:14px 24px;border:2.5px solid #667eea;border-radius:16px;background:transparent;color:#667eea;font-family:Fredoka,sans-serif;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .15s,background .15s}.quick-match-btn-full:active{transform:scale(.97);background:#667eea14}.home-match-row{display:flex;gap:10px;width:100%;max-width:320px;margin:.75rem auto 0}.matchmaking-change-btn{font-family:Fredoka,sans-serif;font-size:.78rem;font-weight:600;color:#667eea;background:#667eea1a;border:none;border-radius:10px;padding:6px 14px;cursor:pointer;margin-top:-.3rem;margin-bottom:.5rem}.matchmaking-change-btn:active{background:#667eea33}.challenge-pre-player{font-family:Fredoka,sans-serif;font-size:1.3rem;font-weight:600;color:#333}.challenge-pre-player-fade{animation:playerFadeIn .4s ease}@keyframes playerFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.challenge-waiting{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:2rem;text-align:center;background:#f8f8fc}.waiting-spinner{margin-bottom:1.5rem}.waiting-title{font-family:Fredoka,sans-serif;font-size:1.1rem;font-weight:600;color:#333}.waiting-sub{font-family:Fredoka,sans-serif;font-size:.85rem;font-weight:400;margin-top:.3rem}.challenge-waiting .quiz-loading-spinner{border-color:#00000014}.wait-avatar-pulse{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-family:Fredoka,sans-serif;font-size:2rem;font-weight:700;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;animation:avatarPulse 1.5s ease-in-out infinite}@keyframes avatarPulse{0%,to{transform:scale(1);box-shadow:0 0 #667eea66}50%{transform:scale(1.08);box-shadow:0 0 0 16px #667eea00}}.wait-bounce-dots{display:flex;gap:8px;margin-bottom:1.5rem}.wait-dot{width:14px;height:14px;border-radius:50%;background:#667eea;animation:dotBounce 1.2s ease-in-out infinite}.wait-dot-2{animation-delay:.15s}.wait-dot-3{animation-delay:.3s}@keyframes dotBounce{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-16px);opacity:1}}.wait-ring{margin-bottom:1.5rem}.wait-ring-spin{animation:ringSpinAnim 1.2s linear infinite;transform-origin:32px 32px}@keyframes ringSpinAnim{to{transform:rotate(270 32 32)}}@keyframes ringSpinAnim{0%{transform:rotate(-90deg)}to{transform:rotate(270deg)}}.wait-minimal-text{font-family:Fredoka,sans-serif;font-size:2rem;font-weight:700;color:#667eea;margin-bottom:.3rem}.wait-minimal-sub{font-family:Fredoka,sans-serif;font-size:.9rem;color:#999;font-weight:500}.wait-card{display:flex;align-items:center;gap:14px;background:#fff;border-radius:16px;padding:16px 24px;box-shadow:0 4px 20px #00000014}.wait-card-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-family:Fredoka,sans-serif;font-size:1.2rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.wait-card-name{font-family:Fredoka,sans-serif;font-size:1rem;font-weight:600;color:#333}.wait-card-status{font-family:Fredoka,sans-serif;font-size:.8rem;color:#999}.wait-dark-icon{font-size:3rem;margin-bottom:1rem;animation:avatarPulse 2s ease-in-out infinite}.wait-emoji-anim{font-size:4rem;margin-bottom:1rem;animation:emojiWobble 1.5s ease-in-out infinite}@keyframes emojiWobble{0%,to{transform:rotate(-5deg) scale(1)}50%{transform:rotate(5deg) scale(1.1)}}.wait-gradient-orb{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);background-size:200% 200%;animation:orbShift 2s ease-in-out infinite;margin-bottom:1.5rem;box-shadow:0 0 30px #667eea4d}@keyframes orbShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.wait-typing{display:flex;gap:6px;background:#e8e8f0;padding:12px 18px;border-radius:20px;margin-bottom:1.5rem}.wait-typing-dot{width:10px;height:10px;border-radius:50%;background:#999;animation:typingDot 1.4s ease-in-out infinite}.wait-typing-dot:nth-child(2){animation-delay:.2s}.wait-typing-dot:nth-child(3){animation-delay:.4s}@keyframes typingDot{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-6px)}}.share-preview{font-family:Fredoka,sans-serif;font-size:1.1rem;font-weight:500;color:#333;text-align:center;background:#f8f8fc;border-radius:16px;padding:20px 24px;margin-bottom:2rem;max-width:300px;line-height:1.5}.share-row-wrap{display:flex;flex-direction:column;align-items:center;width:100%;max-width:300px;margin:0 auto 1rem}.share-unified-btn{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;padding:16px 24px;border:none;border-radius:16px;background:linear-gradient(135deg,#a855f7,#f093fb);color:#fff;font-family:Fredoka,sans-serif;cursor:pointer;box-shadow:0 4px 16px #a855f759;transition:transform .15s}.share-unified-btn:active{transform:scale(.97)}.share-unified-icons{display:flex;gap:8px;align-items:center}.share-mini-icon{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center}.share-mini-wa{background:#25d366}.share-mini-msg{background:#007aff}.share-mini-more{background:#bbb}.share-unified-text{font-size:1rem;font-weight:600}.share-copy-fallback{font-family:Fredoka,sans-serif;font-size:.8rem;font-weight:500;color:#999;background:none;border:none;cursor:pointer;margin-top:8px;padding:4px 12px}.share-copy-fallback:active{opacity:.7}@keyframes mixGreenPulse{0%{outline:0 solid rgba(34,197,94,.7);outline-offset:0}to{outline:6px solid rgba(34,197,94,0);outline-offset:8px}}@keyframes mixShimSweep{0%{transform:translate(var(--shim-start)) skew(-15deg)}to{transform:translate(var(--shim-end)) skew(-15deg)}}@keyframes mixShimVertical{0%{transform:translate(-150%)}to{transform:translate(350%)}}@keyframes mixShakeStrong{0%,to{transform:translate(0) rotate(0)}15%{transform:translate(-14px) rotate(-1deg)}30%{transform:translate(14px) rotate(1deg)}45%{transform:translate(-12px) rotate(-1deg)}60%{transform:translate(10px)}75%{transform:translate(-8px)}90%{transform:translate(6px)}}@keyframes mixBeatMassive{0%,to{transform:scale(1)}12%{transform:scale(1.24)}24%{transform:scale(.92)}36%{transform:scale(1.18)}48%{transform:scale(.95)}62%{transform:scale(1.12)}78%{transform:scale(.97)}90%{transform:scale(1.04)}}@keyframes mixBeatStrong{0%,to{transform:scale(1)}25%{transform:scale(1.1)}50%{transform:scale(.97)}75%{transform:scale(1.06)}}@keyframes mixConfettiRadial{0%{transform:translate(-50%,-50%) rotate(0);opacity:1}70%{opacity:1}to{transform:translate(calc(-50% + var(--ex)),calc(-50% + var(--ey))) rotate(var(--rot));opacity:0}}@keyframes mixConfettiArc{0%{transform:translate(-50%,-50%) rotate(0);opacity:1}85%{opacity:1}to{transform:translate(calc(-50% + var(--peakX)),calc(-50% + var(--peakY))) rotate(var(--rot));opacity:0}}@keyframes mixFlyScore{0%{transform:translate(-50%) scale(.6);opacity:0;bottom:32%}15%{transform:translate(-50%) scale(1.15);opacity:1;bottom:36%}80%{opacity:1}to{transform:translate(-50%) scale(1);opacity:0;bottom:92%}}.mix-fly-score{position:fixed;left:50%;bottom:0;transform:translate(-50%) scale(.6);font-family:Fredoka,sans-serif;font-size:2.2rem;font-weight:800;color:#764ba2;text-shadow:0 2px 8px rgba(118,75,162,.25);pointer-events:none;z-index:250;white-space:nowrap;animation:mixFlyScore 1.5s cubic-bezier(.4,0,.2,1) forwards}.mix-fly-score.mix-fly-negative{color:#ef4444;text-shadow:0 2px 8px rgba(239,68,68,.25)}.mix-fly-score.mix-fly-perfect{background-image:linear-gradient(135deg,#ffd200,#f5576c,#ffd200);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 4px 12px rgba(255,210,0,.4));font-size:2.6rem}.mix-card-root .painting-frame:not(.book-frame) .painting-img,.mix-card-root .furniture-frame .landmark-img,.mix-card-root .personality-frame .personality-img{max-height:45dvh;object-fit:contain}.mix-card-root .book-frame .painting-img{max-height:50dvh;object-fit:contain}.mix-card-root .quote-frame{max-height:55dvh;overflow:visible;padding:1rem 1.25rem;min-height:0}.mix-card-root .landmark-frame,.mix-card-root .personality-frame{overflow:visible}.mix-card-root .quote-text-long{font-size:clamp(1.3rem,5.2vw,2rem);line-height:1.35}.quote-frame{max-width:min(92vw,720px);padding-left:60px;padding-right:60px}.quote-text{font-size:clamp(2.2rem,7.5vw,3.8rem);line-height:1.3}.quote-text-long{font-size:clamp(1.7rem,6vw,2.9rem);line-height:1.3}