.dashboard-hero{background:linear-gradient(135deg,#fff9e6,#ffe8f0,#e8f4ff);padding:48px 24px 32px;text-align:center}.dash-welcome{font-family:'Baloo 2',cursive;font-size:clamp(28px, 6vw, 44px);font-weight:800;margin-bottom:8px;background:linear-gradient(135deg,var(--coral),var(--sun));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.dash-sub{color:#888;font-size:15px;margin-bottom:16px}#rank-bar{margin-bottom:20px}.rank-bar-inner{display:inline-flex;align-items:center;gap:14px;background:rgba(255,255,255,.7);backdrop-filter:blur(6px);border:2px solid rgba(255,255,255,.9);border-radius:20px;padding:10px 18px;box-shadow:0 4px 16px rgba(0,0,0,.08);flex-wrap:wrap;justify-content:center;max-width:460px}.rank-badge{display:flex;align-items:center;gap:6px;flex-shrink:0}.rank-emoji{font-size:22px;line-height:1}.rank-name{font-family:'Baloo 2',cursive;font-size:16px;font-weight:800;color:#1f2937;white-space:nowrap}.rank-progress-wrap{flex:1;min-width:180px}.rank-progress-track{height:10px;background:#e9d5ff;border-radius:10px;overflow:hidden;margin-bottom:4px}.rank-progress-fill{height:100%;background:linear-gradient(90deg,#a855f7,#ec4899);border-radius:10px;transition:width .8s cubic-bezier(.34, 1.56, .64, 1)}.rank-progress-labels{display:flex;justify-content:space-between;font-family:Nunito,sans-serif;font-size:11px;font-weight:700}.rank-pts-current{color:#7c3aed}.rank-next{color:#9ca3af}.stats-row{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-bottom:40px}.stat-chip{background:#fff;border-radius:20px;padding:16px 24px;text-align:center;box-shadow:0 4px 16px rgba(0,0,0,.07);min-width:110px}.stat-chip-num{font-family:'Baloo 2',cursive;font-size:28px;font-weight:800;color:var(--coral)}.stat-chip-lbl{font-size:11px;color:#888;margin-top:2px}.progress-section{padding:40px 24px;background:#fff}.progress-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;max-width:900px;margin:0 auto}.progress-card{border-radius:20px;padding:20px;border:2px solid #f0f0f0;transition:.2s}.progress-card:hover{border-color:var(--coral);transform:translateY(-3px)}.progress-card-top{display:flex;align-items:center;gap:12px;margin-bottom:14px}.progress-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px}.progress-name{font-family:'Baloo 2',cursive;font-size:15px;font-weight:700}.progress-level{font-size:11px;color:#888;margin-top:2px}.progress-bar-wrap{background:#f0f0f0;border-radius:10px;height:8px;overflow:hidden}.progress-bar{height:100%;border-radius:10px;background:linear-gradient(90deg,var(--coral),var(--sun));transition:width 1s}.progress-meta{display:flex;justify-content:space-between;margin-top:8px;font-size:11px;color:#aaa}.badges-section{padding:40px 24px;background:#f8f4ff}.badges-grid{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;max-width:700px;margin:0 auto}.badge-card{background:#fff;border-radius:20px;padding:20px;text-align:center;width:130px;box-shadow:0 4px 16px rgba(0,0,0,.07);transition:transform .2s}.badge-card:hover{transform:translateY(-4px)}.badge-card.locked{opacity:.4;filter:grayscale(1)}.badge-emoji{font-size:36px;margin-bottom:8px;display:block}.badge-name{font-family:'Baloo 2',cursive;font-size:12px;font-weight:700;color:var(--text)}.badge-desc{font-size:10px;color:#aaa;margin-top:3px}.games-section{padding:40px 24px}.games-filter{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:24px}.filter-btn{border:2px solid #e0d5ff;background:#fff;border-radius:20px;padding:8px 18px;font-family:'Baloo 2',cursive;font-size:13px;font-weight:700;cursor:pointer;transition:.2s;color:#888}.filter-btn.active,.filter-btn:hover{background:var(--grape);color:#fff;border-color:var(--grape)}.games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;max-width:1000px;margin:0 auto}.home-new-badge{position:absolute;top:12px;right:12px;background:linear-gradient(135deg,#ff6b6b,#ff8e53);color:#fff;font-size:11px;font-weight:800;padding:3px 9px;border-radius:20px;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px rgba(255,107,107,.4);animation:2s ease-in-out infinite home-new-pulse}@keyframes home-new-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}.game-card{background:#fff;border-radius:22px;padding:20px;box-shadow:0 4px 20px rgba(0,0,0,.07);border:3px solid transparent;cursor:pointer;transition:.25s;position:relative;overflow:hidden}.game-card:hover{transform:translateY(-5px);box-shadow:0 12px 32px rgba(0,0,0,.12)}.game-card-locked{cursor:default}.game-card-locked::after{position:absolute;inset:0;background:rgba(255,251,240,.88);display:flex;align-items:center;justify-content:center;font-family:'Baloo 2',cursive;font-size:14px;font-weight:700;color:#888;border-radius:19px}.game-card-locked-guest::after{content:'🔒 Login to Play'}.game-card-locked-member::after{content:'⭐ Go Premium to Play';color:#a855f7}.game-card-icon{width:60px;height:60px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:28px;margin-bottom:12px}.game-card-title{font-family:'Baloo 2',cursive;font-size:17px;font-weight:700;margin-bottom:4px}.game-card-desc{font-size:12px;color:#888;margin-bottom:12px;line-height:1.5}.game-card-footer{display:flex;align-items:center;justify-content:space-between}.game-high-score{font-size:11px;color:#aaa}.game-high-score span{color:var(--sun);font-weight:700}.daily-section{margin-bottom:32px}.daily-challenge-card{background:#fff;border:2px solid #f59e0b;border-radius:20px;padding:20px 24px;box-shadow:0 4px 16px rgba(245,158,11,.12)}.daily-challenge-card.daily-complete{border-color:#22c55e;box-shadow:0 4px 16px rgba(34,197,94,.12)}.daily-card-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px;flex-wrap:wrap}.daily-game-info{display:flex;align-items:center;gap:16px}.daily-game-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:28px;flex-shrink:0}.daily-game-title{font-family:'Baloo 2',cursive;font-size:18px;font-weight:700;color:#1a1a2e}.daily-game-desc{font-size:13px;color:#888;margin-top:2px}.daily-2x-badge{background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#fff;font-weight:800;font-size:12px;padding:4px 12px;border-radius:20px;letter-spacing:.5px;white-space:nowrap;box-shadow:0 2px 8px rgba(245,158,11,.3)}.daily-streak-chip{background:linear-gradient(135deg,#ff6b35,#ff8c00);color:#fff;font-weight:700;font-size:13px;padding:4px 12px;border-radius:20px;white-space:nowrap}.daily-play-btn{display:block;width:100%;background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#fff;border:none;border-radius:12px;padding:14px;font-size:16px;font-weight:800;font-family:'Baloo 2',cursive;cursor:pointer;margin-bottom:12px;box-shadow:0 4px 14px rgba(245,158,11,.35);transition:transform .15s,box-shadow .15s}.daily-play-btn:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(245,158,11,.45)}.daily-countdown{font-size:13px;color:#aaa;text-align:center}.daily-done-title{font-family:'Baloo 2',cursive;font-size:20px;font-weight:800;color:#22c55e}.daily-done-sub{font-size:14px;color:#555;margin-top:4px}.game-card-daily{border:2px solid #f59e0b!important;position:relative;overflow:hidden}.daily-ribbon{position:absolute;top:10px;right:-24px;background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#fff;font-size:10px;font-weight:800;padding:3px 32px;transform:rotate(35deg);letter-spacing:.3px;box-shadow:0 2px 6px rgba(245,158,11,.4)}.dynamic-ribbon{position:absolute;top:10px;left:-28px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:9px;font-weight:800;padding:3px 36px;transform:rotate(-35deg);letter-spacing:.3px;box-shadow:0 2px 6px rgba(99,102,241,.4);white-space:nowrap}.filter-btn-dynamic{background:linear-gradient(135deg,#eef2ff,#ede9fe);color:#4f46e5;border:1.5px solid #c7d2fe}.filter-btn-dynamic:hover{background:linear-gradient(135deg,#e0e7ff,#ddd6fe)}.filter-btn-dynamic.active{background:linear-gradient(135deg,#6366f1,#8b5cf6)!important;color:#fff!important;border-color:transparent!important}.streak-section{max-width:900px;margin:0 auto 8px;padding:0 20px}#streak-card{background:linear-gradient(135deg,#fff7ed,#fff3e0);border:2px solid #fed7aa;border-radius:20px;padding:18px 20px 14px}.streak-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.streak-flame-block{display:flex;align-items:baseline;gap:6px}.streak-flame{font-size:28px;line-height:1}.streak-count{font-family:'Baloo 2',cursive;font-size:36px;font-weight:800;color:#ea580c;line-height:1}.streak-unit{font-family:Nunito,sans-serif;font-size:13px;font-weight:700;color:#9a3412}.streak-best{font-family:Nunito,sans-serif;font-size:12px;font-weight:700;color:#c2410c;background:#ffedd5;border-radius:20px;padding:4px 12px}.streak-dots{display:flex;justify-content:space-between;gap:4px;margin-bottom:12px}.streak-dot-col{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1}.streak-dot{width:32px;height:32px;border-radius:50%;background:#fde8d0;border:2px solid #fdba74;transition:background .2s,transform .2s}.streak-dot.active{background:#f97316;border-color:#ea580c;box-shadow:0 2px 8px rgba(249,115,22,.4)}.streak-dot.today{border-color:#ea580c;border-width:3px}.streak-dot.active.today{transform:scale(1.15)}.streak-dot-label{font-family:Nunito,sans-serif;font-size:11px;font-weight:700;color:#9a3412}.streak-msg{text-align:center;font-family:Nunito,sans-serif;font-size:13px;font-weight:700;color:#7c2d12}.nav-streak{font-family:'Baloo 2',cursive;font-size:13px;font-weight:800;color:#ea580c;background:#fff7ed;border:1.5px solid #fed7aa;border-radius:20px;padding:3px 10px}.leaderboard-page{min-height:100vh;background:linear-gradient(160deg,#f8f4ff 0,#eff9ff 100%);padding:0 0 40px}.lb-container{max-width:700px;margin:0 auto;padding:0 16px}.lb-subtitle{text-align:center;font-family:Nunito,sans-serif;font-size:13px;color:#999;margin:4px 0 20px}.lb-table{display:flex;flex-direction:column;gap:0;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.07)}.lb-row{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid #f3f4f6;transition:background .15s}.lb-row:last-child{border-bottom:none}.lb-row:hover{background:#fafafa}.lb-row.me{background:#fffbeb;border-left:4px solid #f59e0b}.lb-row.me:hover{background:#fff8dc}.lb-medal{flex-shrink:0;min-width:36px;text-align:center}.lb-medal-emoji{font-size:24px;line-height:1}.lb-medal-num{font-family:'Baloo 2',cursive;font-size:13px;font-weight:800;color:#9ca3af}.lb-name{flex:1;font-family:'Baloo 2',cursive;font-size:15px;font-weight:700;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lb-you{display:inline-block;background:#f59e0b;color:#fff;font-size:10px;font-weight:800;padding:1px 7px;border-radius:20px;margin-left:6px;vertical-align:middle}.lb-stat{flex-shrink:0;font-family:Nunito,sans-serif;font-size:13px;font-weight:700;text-align:right}.lb-stat-label{font-size:10px;font-weight:600;color:#9ca3af;margin-left:2px}.lb-pts{color:var(--grape);min-width:90px}.lb-stars{color:#f59e0b;min-width:52px}.lb-games{color:#6b7280;min-width:68px}@media (max-width:480px){.lb-games-hide{display:none}}.lb-my-stats{margin-top:16px;background:#fff;border-radius:16px;padding:16px 18px;box-shadow:0 2px 10px rgba(0,0,0,.06);border-left:4px solid #f59e0b}.lb-my-header{font-family:'Baloo 2',cursive;font-size:14px;font-weight:800;color:#374151;margin-bottom:10px}.lb-my-sub{font-size:12px;font-weight:600;color:#9ca3af}.lb-my-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.lb-my-name{flex:1;font-family:'Baloo 2',cursive;font-size:15px;font-weight:700;color:#1f2937}.lb-my-cta{margin-top:10px;font-family:Nunito,sans-serif;font-size:13px;color:#6b7280}.lb-login-cta{margin-top:20px;background:linear-gradient(135deg,#f3e8ff,#eff6ff);border-radius:20px;padding:28px 20px;text-align:center;box-shadow:0 2px 10px rgba(0,0,0,.06)}.lb-login-icon{font-size:36px;margin-bottom:8px}.lb-login-title{font-family:'Baloo 2',cursive;font-size:18px;font-weight:800;color:#374151;margin-bottom:6px}.lb-login-sub{font-family:Nunito,sans-serif;font-size:13px;color:#6b7280}.lb-loading{display:flex;flex-direction:column;gap:0;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.07)}.lb-skeleton-row{height:56px;border-bottom:1px solid #f3f4f6;background:linear-gradient(90deg,#f9fafb 25%,#f3f4f6 50%,#f9fafb 75%);background-size:200% 100%;animation:1.4s infinite lb-shimmer}.lb-skeleton-row:last-child{border-bottom:none}@keyframes lb-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.lb-empty{text-align:center;padding:40px 20px;background:#fff;border-radius:20px;box-shadow:0 4px 20px rgba(0,0,0,.07)}.lb-empty-icon{font-size:48px;margin-bottom:12px}.lb-empty-text{font-family:Nunito,sans-serif;font-size:15px;color:#6b7280}.profile-page{min-height:100vh;background:linear-gradient(160deg,#f8f4ff 0,#eff9ff 100%);padding:0 0 40px}.prof-container{max-width:640px;margin:0 auto;padding:0 16px;display:flex;flex-direction:column;gap:14px}.prof-card{background:#fff;border-radius:20px;padding:20px;box-shadow:0 2px 12px rgba(0,0,0,.07)}.prof-section-title{font-family:'Baloo 2',cursive;font-size:14px;font-weight:800;color:#374151;margin-bottom:14px;padding-bottom:8px;border-bottom:2px solid #f3f4f6}.prof-identity{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.prof-avatar-wrap{position:relative;flex-shrink:0}.prof-avatar{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#f3e8ff,#eff6ff);border:3px solid #e9d5ff;display:flex;align-items:center;justify-content:center;font-size:40px;line-height:1;user-select:none}.prof-avatar-edit-btn{position:absolute;bottom:-2px;right:-4px;width:26px;height:26px;border-radius:50%;background:#a855f7;color:#fff;border:none;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(168,85,247,.4)}.prof-avatar-edit-btn:hover{background:#9333ea}.prof-id-info{flex:1;min-width:0}.prof-name{font-family:'Baloo 2',cursive;font-size:20px;font-weight:800;color:#1f2937;margin-bottom:2px}.prof-email{font-family:Nunito,sans-serif;font-size:13px;color:#6b7280;margin-bottom:2px;word-break:break-all}.prof-since{font-family:Nunito,sans-serif;font-size:12px;color:#9ca3af}.prof-edit-btn{flex-shrink:0;background:#f3e8ff;color:#7c3aed;border:none;border-radius:12px;padding:8px 14px;font-family:Nunito,sans-serif;font-size:13px;font-weight:700;cursor:pointer;transition:background .15s}.prof-edit-btn:hover{background:#e9d5ff}.prof-avatar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:8px}.prof-avatar-opt{width:52px;height:52px;border-radius:14px;background:#f9fafb;border:2px solid #e5e7eb;font-size:28px;cursor:pointer;transition:transform .15s,border-color .15s;display:flex;align-items:center;justify-content:center}.prof-avatar-opt:hover{transform:scale(1.1);border-color:#a855f7}.prof-avatar-opt.selected{border-color:#a855f7;background:#f3e8ff;box-shadow:0 0 0 3px rgba(168,85,247,.25);transform:scale(1.08)}.prof-input{width:100%;padding:10px 14px;border:2px solid #e5e7eb;border-radius:12px;font-family:Nunito,sans-serif;font-size:15px;font-weight:600;color:#1f2937;outline:0;box-sizing:border-box;transition:border-color .15s}.prof-input:focus{border-color:#a855f7}.prof-alert{margin-top:8px;padding:8px 12px;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;font-family:Nunito,sans-serif;font-size:13px;color:#dc2626}.prof-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px}.prof-stat{background:#f9fafb;border-radius:14px;padding:12px 8px;text-align:center}.prof-stat-num{font-family:'Baloo 2',cursive;font-size:22px;font-weight:800;color:#a855f7;line-height:1;margin-bottom:4px}.prof-stat-lbl{font-family:Nunito,sans-serif;font-size:11px;font-weight:700;color:#6b7280}.prof-fav-cat{text-align:center;font-family:Nunito,sans-serif;font-size:13px;color:#6b7280;padding-top:4px}.prof-setting-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid #f3f4f6}.prof-setting-row:last-child{border-bottom:none}.prof-setting-label{font-family:Nunito,sans-serif;font-size:15px;font-weight:700;color:#374151}.prof-toggle{position:relative;width:48px;height:26px;border-radius:13px;background:#d1d5db;border:none;cursor:pointer;transition:background .2s;flex-shrink:0}.prof-toggle.on{background:#a855f7}.prof-toggle-knob{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.2);transition:transform .2s}.prof-toggle.on .prof-toggle-knob{transform:translateX(22px)}.prof-cert-hint{font-size:13px;color:#6b7280;margin:0 0 12px}.prof-cert-row{display:flex;gap:10px;align-items:center}.prof-cert-row .prof-input{flex:1;margin:0}.prof-cert-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-top:4px}.prof-cert-item{background:#f9fafb;border:2px solid #e5e7eb;border-radius:14px;padding:14px 10px;text-align:center}.prof-cert-item:not(.prof-cert-locked){border-color:#ffb830;background:#fffbeb}.prof-cert-locked{opacity:.6}.prof-cert-emoji{font-size:28px;display:block;margin-bottom:6px}.prof-cert-name{font-family:'Baloo 2',cursive;font-size:12px;font-weight:700;color:#1f2937;margin-bottom:4px}.prof-cert-stars{font-size:11px;color:#6b7280;margin-bottom:8px}.btn-cert{background:linear-gradient(135deg,#ffb830,#f59e0b);color:#fff;border:none;border-radius:10px;padding:6px 14px;font-size:12px;font-weight:800;cursor:pointer;transition:transform .15s}.btn-cert:hover{transform:scale(1.04)}.prof-action-btn{display:block;width:100%;padding:12px 16px;margin-bottom:8px;background:#f9fafb;border:2px solid #e5e7eb;border-radius:14px;font-family:Nunito,sans-serif;font-size:15px;font-weight:700;color:#374151;cursor:pointer;text-align:left;transition:background .15s,border-color .15s}.prof-action-btn:last-child{margin-bottom:0}.prof-action-btn:hover{background:#f3f4f6;border-color:#d1d5db}.prof-action-btn.danger{color:#dc2626;border-color:#fecaca}.prof-action-btn.danger:hover{background:#fef2f2;border-color:#fca5a5}.rankup-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;z-index:9999;animation:.3s fadeIn}.rankup-card{background:linear-gradient(135deg,#fdf4ff,#eff6ff);border:3px solid #e9d5ff;border-radius:28px;padding:40px 32px;text-align:center;max-width:340px;width:90%;box-shadow:0 20px 60px rgba(168,85,247,.3);animation:.5s cubic-bezier(.34,1.56,.64,1) rankupPop}.rankup-emoji{font-size:72px;line-height:1;margin-bottom:12px;display:block;animation:.6s .2s both rankupSpin}.rankup-title{font-family:'Baloo 2',cursive;font-size:14px;font-weight:700;color:#a855f7;text-transform:uppercase;letter-spacing:2px;margin-bottom:6px}.rankup-name{font-family:'Baloo 2',cursive;font-size:36px;font-weight:800;color:#1f2937;margin-bottom:8px}.rankup-sub{font-family:Nunito,sans-serif;font-size:13px;color:#6b7280;margin-bottom:20px}@keyframes rankupPop{from{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes rankupSpin{from{transform:rotate(-20deg) scale(.5)}to{transform:rotate(0) scale(1)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.badge-premium{background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;font-size:10px;font-weight:800;padding:3px 8px;border-radius:20px;font-family:Nunito,sans-serif}.btn-nav-premium{background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#fff;font-weight:800;border-radius:20px;padding:6px 14px;font-size:13px;border:none;cursor:pointer;animation:2.5s ease-in-out infinite premiumPulse}@keyframes premiumPulse{0%,100%{box-shadow:0 0 0 0 rgba(245,158,11,.5)}50%{box-shadow:0 0 0 8px rgba(245,158,11,0)}}.premium-page{min-height:100vh;background:linear-gradient(160deg,#f5f3ff 0,#fdf4ff 100%);padding-bottom:48px}.premium-container{max-width:680px;margin:0 auto;padding:0 16px}.premium-hero{text-align:center;padding:24px 16px 20px}.premium-hero-emoji{font-size:52px;display:block;margin-bottom:8px}.premium-hero-title{font-family:'Baloo 2',cursive;font-size:28px;font-weight:900;color:#1f2937;margin:0 0 8px}.premium-hero-sub{font-family:Nunito,sans-serif;font-size:15px;color:#6b7280;margin:0;line-height:1.5}.premium-features{background:#fff;border-radius:16px;padding:16px 20px;margin:0 0 20px;box-shadow:0 2px 12px rgba(124,58,237,.08);display:grid;grid-template-columns:1fr 1fr;gap:8px}.pf-item{font-family:Nunito,sans-serif;font-size:14px;font-weight:700;color:#374151}.plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px}.plan-card{background:#fff;border:2px solid #e9d5ff;border-radius:20px;padding:20px 16px;text-align:center;cursor:pointer;transition:transform .15s,box-shadow .15s,border-color .15s;position:relative}.plan-card.selected,.plan-card:hover{border-color:#a855f7;transform:translateY(-3px);box-shadow:0 8px 24px rgba(168,85,247,.18)}.plan-card-best{border-color:#f59e0b;background:linear-gradient(160deg,#fffbeb,#fff)}.starter-pack-card{position:relative;background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border:2px solid #22c55e;border-radius:16px;padding:22px 20px 18px;text-align:center;margin-bottom:20px}.starter-pack-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;font-family:Nunito,sans-serif;font-size:11px;font-weight:800;padding:3px 14px;border-radius:20px;white-space:nowrap}.starter-pack-title{font-family:'Baloo 2',cursive;font-size:22px;font-weight:800;color:#15803d;margin-bottom:4px}.starter-pack-sub{font-size:13px;color:#166534;margin-bottom:14px;line-height:1.5}.starter-pack-btn{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;border-radius:24px;padding:12px 28px;font-family:'Baloo 2',cursive;font-size:16px;font-weight:800;cursor:pointer;width:100%;transition:opacity .2s}.starter-pack-btn:hover{opacity:.88}.starter-pack-btn:disabled{opacity:.6;cursor:not-allowed}.starter-pack-note{font-size:11px;color:#4ade80;margin-top:8px}.plan-card-best.selected,.plan-card-best:hover{border-color:#d97706;box-shadow:0 8px 24px rgba(245,158,11,.2)}.plan-best-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#fff;font-family:Nunito,sans-serif;font-size:11px;font-weight:800;padding:3px 12px;border-radius:20px;white-space:nowrap}.plan-name{font-family:'Baloo 2',cursive;font-size:16px;font-weight:800;color:#6b7280;margin-bottom:4px}.plan-price{font-family:'Baloo 2',cursive;font-size:32px;font-weight:900;color:#1f2937}.plan-period{font-family:Nunito,sans-serif;font-size:12px;color:#9ca3af;margin-bottom:6px}.plan-save{font-family:Nunito,sans-serif;font-size:12px;font-weight:800;color:#d97706;margin-bottom:12px}.plan-cta-btn{width:100%;padding:10px 0;background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;border:none;border-radius:12px;font-family:Nunito,sans-serif;font-size:13px;font-weight:800;cursor:pointer;transition:opacity .15s;margin-top:8px}.plan-cta-btn:hover{opacity:.9}.plan-cta-btn:disabled{opacity:.6;cursor:wait}.plan-cta-btn-best{background:linear-gradient(135deg,#d97706,#f59e0b)}.premium-secure{text-align:center;font-family:Nunito,sans-serif;font-size:12px;color:#9ca3af;margin:4px 0}.premium-cancel{text-align:center;font-family:Nunito,sans-serif;font-size:12px;color:#9ca3af;margin:0 0 24px}.premium-status-card{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #86efac;border-radius:20px;padding:32px 24px;text-align:center;margin-top:8px}.psc-emoji{font-size:48px;display:block;margin-bottom:8px}.psc-title{font-family:'Baloo 2',cursive;font-size:22px;font-weight:900;color:#14532d;margin-bottom:6px}.psc-detail{font-family:Nunito,sans-serif;font-size:14px;color:#166534;margin-bottom:16px}.psc-features{display:inline-flex;flex-direction:column;gap:6px;text-align:left;margin-bottom:20px}.psc-feature{font-family:Nunito,sans-serif;font-size:14px;font-weight:700;color:#166534}.psc-cancel-btn{background:0 0;border:1.5px solid #ef4444;color:#ef4444;border-radius:12px;padding:8px 20px;font-size:13px;font-weight:700;cursor:pointer;margin-top:10px;transition:.2s}.psc-cancel-btn:hover{background:#fef2f2}.psc-cancel-notice{background:#fff7ed;border:1.5px solid #fed7aa;color:#92400e;border-radius:10px;padding:8px 14px;font-size:13px;font-weight:600;margin-bottom:14px}@media (max-width:480px){.plan-grid,.premium-features{grid-template-columns:1fr}}@media (max-width:600px){.dashboard-hero{padding:28px 16px 20px}.rank-progress-wrap{min-width:100px}.stats-row{gap:8px;margin-bottom:24px}.stat-chip{padding:12px 14px;min-width:80px}.badge-card{width:108px;padding:16px 12px}.badges-section,.games-section,.progress-section{padding:28px 16px}.lb-pts{min-width:70px}.lb-stars{min-width:45px}}