:root{--bg-page: #FFFAF3;--bg-card: #FFFFFF;--bg-card-soft: #F8F1E5;--text: #2C2A28;--text-muted: #7B756D;--text-on-color: #FFFFFF;--border: #EBE2D2;--shadow-sm: 0 2px 6px rgba(196, 155, 107, .12);--shadow-md: 0 6px 20px rgba(196, 155, 107, .18);--shadow-lg: 0 12px 40px rgba(196, 155, 107, .24);--eevee: #C49B6B;--eevee-soft: #F5E6D3;--eevee-dark: #8B6F4E;--vaporeon: #5DADE2;--vaporeon-soft: #AED6F1;--espeon: #BB8FCE;--espeon-soft: #E8DAEF;--jolteon: #F7DC6F;--jolteon-soft: #FCF3CF;--jolteon-dark: #B7972A;--sylveon: #F1948A;--sylveon-soft: #FADBD8;--flareon: #E74C3C;--flareon-soft: #FADBD8;--leafeon: #52BE80;--leafeon-soft: #D5F5E3;--glaceon: #85C1E2;--glaceon-soft: #D6EAF8;--pad-card: 28px;--gap-grid: 20px}[data-density=compact]{--pad-card: 18px;--gap-grid: 12px}[data-density=comfy]{--pad-card: 36px;--gap-grid: 28px}[data-cream=soft]{--bg-page: #FFFEFA;--bg-card-soft: #FBF5EC}[data-cream=warm]{--bg-page: #FFF5E8;--bg-card-soft: #F4E9D5}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Nunito,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;color:var(--text);background:var(--bg-page);line-height:1.55;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,.display{font-family:Fredoka,Nunito,sans-serif;font-weight:600;letter-spacing:-.01em;margin:0;color:var(--text)}h1{font-size:clamp(32px,5vw,48px);line-height:1.1}h2{font-size:clamp(24px,3vw,32px);line-height:1.15}h3{font-size:clamp(20px,2vw,24px);line-height:1.2}p{margin:0}a{color:inherit;text-decoration:none}button{font-family:inherit}.muted{color:var(--text-muted)}.small{font-size:13px}.tiny{font-size:11px;letter-spacing:.06em;text-transform:uppercase;font-weight:700}.app{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(1200px 600px at 50% -200px,rgba(196,155,107,.1),transparent 70%),radial-gradient(800px 500px at 90% 20%,rgba(247,220,111,.1),transparent 65%),var(--bg-page)}.header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:14px 32px;background:#fffaf3d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:10px;cursor:pointer}.brand-mark{width:38px;height:38px}.brand-name{font-family:Fredoka,sans-serif;font-weight:700;font-size:22px;letter-spacing:-.02em}.brand-name span{color:var(--eevee)}.nav{display:flex;gap:4px;align-items:center}.nav a{padding:8px 14px;border-radius:999px;font-weight:600;font-size:14px;color:var(--text-muted);transition:all .2s ease;cursor:pointer}.nav a:hover{color:var(--text);background:var(--eevee-soft)}.nav a.active{color:var(--eevee-dark);background:var(--eevee-soft)}.lang-switch{display:inline-flex;background:var(--bg-card-soft);border-radius:999px;padding:3px;font-size:12px;font-weight:700;margin-left:8px}.lang-switch button{border:0;background:transparent;padding:4px 10px;border-radius:999px;color:var(--text-muted);cursor:pointer}.lang-switch button.on{background:#fff;color:var(--eevee-dark);box-shadow:var(--shadow-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 26px;border-radius:999px;border:0;font-family:Nunito,sans-serif;font-weight:700;font-size:15px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;text-decoration:none;white-space:nowrap}.btn-primary{background:var(--eevee);color:var(--text-on-color);box-shadow:var(--shadow-md)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);background:var(--eevee-dark)}.btn-secondary{background:#fff;color:var(--eevee-dark);border:2px solid var(--eevee-soft)}.btn-secondary:hover{transform:translateY(-2px);border-color:var(--eevee)}.btn-themed{color:#fff;box-shadow:var(--shadow-md)}.btn-themed:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-large{padding:16px 36px;font-size:17px}.btn-small{padding:8px 16px;font-size:13px}.btn-ghost{background:transparent;color:var(--text-muted)}.btn-ghost:hover{color:var(--text);background:var(--bg-card-soft)}.card{background:var(--bg-card);border-radius:20px;padding:var(--pad-card);box-shadow:var(--shadow-md);border:1px solid var(--border)}.card-soft{background:var(--bg-card-soft)}.card-clickable{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.card-clickable:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.input{width:100%;padding:13px 16px;border-radius:12px;border:2px solid var(--border);font-family:inherit;font-size:15px;background:#fff;color:var(--text);transition:border-color .2s ease}.input:focus{outline:none;border-color:var(--eevee)}.label{font-size:13px;font-weight:700;color:var(--text-muted);margin-bottom:6px;display:block}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.01em;background:var(--eevee-soft);color:var(--eevee-dark)}.badge-leafeon{background:var(--leafeon-soft);color:#1d6b3a}.badge-glaceon{background:var(--glaceon-soft);color:#2c6e8f}.badge-vaporeon{background:var(--vaporeon-soft);color:#1f5f86}.badge-jolteon{background:var(--jolteon-soft);color:var(--jolteon-dark)}.badge-flareon{background:var(--flareon-soft);color:#8b2818}.badge-sylveon{background:var(--sylveon-soft);color:#963024}.badge-espeon{background:var(--espeon-soft);color:#6b3a83}.container{max-width:1200px;margin:0 auto;padding:0 32px;width:100%}.stack{display:flex;flex-direction:column}.row{display:flex;align-items:center}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-20{gap:20px}.gap-24{gap:24px}.gap-32{gap:32px}.center{display:flex;align-items:center;justify-content:center}.hero{text-align:center;padding:64px 0 40px;position:relative}.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;background:var(--eevee-soft);color:var(--eevee-dark);padding:6px 14px;border-radius:999px;font-size:13px;font-weight:700;margin-bottom:20px}.hero-mascot{display:inline-block;width:160px;height:160px;margin:12px auto 24px;filter:drop-shadow(0 14px 24px rgba(196,155,107,.35))}.hero h1{max-width:720px;margin:0 auto 16px}.hero-sub{max-width:560px;margin:0 auto 28px;color:var(--text-muted);font-size:17px;line-height:1.55}.hero-ctas{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.section-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:12px}.section-header .small{color:var(--text-muted)}.quiz-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--gap-grid)}.quiz-card{position:relative;border-radius:22px;padding:26px 24px 22px;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease;overflow:hidden;border:1px solid var(--border);box-shadow:var(--shadow-md);display:flex;flex-direction:column;min-height:260px}.quiz-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}.quiz-card-mascot{width:110px;height:110px;align-self:center;filter:drop-shadow(0 8px 14px rgba(0,0,0,.12))}.quiz-card h3{margin-top:14px}.quiz-card-desc{font-size:14px;color:var(--text-muted);margin-top:6px;line-height:1.45;flex:1}.quiz-card-foot{display:flex;align-items:center;justify-content:space-between;margin-top:16px}.theme-vaporeon{background:linear-gradient(160deg,#eaf5fb,#fff 60%)}.theme-espeon{background:linear-gradient(160deg,#f3e9f6,#fff 60%)}.theme-jolteon{background:linear-gradient(160deg,#fef7d5,#fff 60%)}.theme-sylveon{background:linear-gradient(160deg,#fcebe9,#fff 60%)}.theme-flareon{background:linear-gradient(160deg,#fce2dc,#fff 60%)}.theme-leafeon{background:linear-gradient(160deg,#e2f4e9,#fff 60%)}.theme-glaceon{background:linear-gradient(160deg,#e1eef7,#fff 60%)}.theme-eevee{background:linear-gradient(160deg,#f7e9d6,#fff 60%)}.daily{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;background:linear-gradient(120deg,var(--leafeon-soft) 0%,#FFFAF3 70%);border:1px solid var(--border);border-radius:24px;padding:36px;margin:32px 0;position:relative;overflow:hidden}.daily-mascot{width:140px;height:140px}.footer{margin-top:auto;background:var(--eevee-soft);border-top:1px solid var(--border);padding:36px 32px 24px;font-size:13px;color:var(--eevee-dark)}.footer-mascots{display:flex;justify-content:center;gap:14px;margin-bottom:18px;flex-wrap:wrap}.footer-mascots .mascot{width:38px;height:38px;opacity:.85}.footer-disclaimer{max-width:800px;margin:0 auto;text-align:center;line-height:1.5}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;z-index:40;background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);padding:8px 4px calc(8px + env(safe-area-inset-bottom));justify-content:space-around}.bottom-nav button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;min-width:56px;min-height:48px;font-size:10px;font-weight:700;color:var(--text-muted);cursor:pointer;border-radius:12px}.bottom-nav button.active{color:var(--eevee-dark);background:var(--eevee-soft)}.bottom-nav button .mascot{width:32px;height:32px}@keyframes idle-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.mascot{animation:idle-bounce 2.4s ease-in-out infinite}.mascot-1{animation-delay:0s}.mascot-2{animation-delay:.4s}.mascot-3{animation-delay:.8s}.mascot-4{animation-delay:1.2s}.mascot-5{animation-delay:.2s}.mascot-6{animation-delay:.6s}.mascot-7{animation-delay:1s}.mascot-8{animation-delay:1.4s}.mascot-9{animation-delay:1.6s}@keyframes victory-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mascot-victory{animation:victory-spin .8s ease-in-out 2 forwards,idle-bounce 2.4s ease-in-out infinite 1.6s}@keyframes confetti-fall{0%{transform:translateY(-20vh) rotate(0);opacity:1}to{transform:translateY(110vh) rotate(720deg);opacity:0}}.confetti-piece{position:absolute;width:10px;height:14px;border-radius:2px;animation:confetti-fall 3s linear forwards}@keyframes pop-in{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.08);opacity:1}to{transform:scale(1);opacity:1}}.pop-in{animation:pop-in .35s ease-out both}@keyframes flip-tile{0%{transform:rotateX(0)}50%{transform:rotateX(90deg)}to{transform:rotateX(0)}}.wordle-grid{display:grid;gap:6px;width:max-content;max-width:100%;margin:0 auto}.wordle-row{display:grid;gap:6px}.wordle-tile{border:2px solid var(--border);border-radius:10px;display:flex;align-items:center;justify-content:center;font-family:Fredoka,sans-serif;font-weight:700;background:#fff;color:var(--text);text-transform:uppercase;-webkit-user-select:none;user-select:none;transition:transform .2s ease,background .3s ease,border-color .3s ease}.wordle-tile.filled{border-color:var(--text-muted);animation:pop-in .18s ease-out}.wordle-tile.correct{background:var(--leafeon);border-color:var(--leafeon);color:#fff}.wordle-tile.present{background:var(--jolteon);border-color:var(--jolteon);color:var(--jolteon-dark)}.wordle-tile.absent{background:#c0b7a8;border-color:#c0b7a8;color:#fff}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.wordle-row.shake{animation:shake .4s ease}.keyboard{display:flex;flex-direction:column;gap:6px;margin:28px auto 0;max-width:520px}.keyboard-row{display:flex;justify-content:center;gap:5px}.key{flex:1;min-height:50px;background:var(--bg-card-soft);border:0;border-radius:8px;font-family:Nunito,sans-serif;font-weight:700;font-size:15px;color:var(--text);cursor:pointer;transition:transform .1s ease,background .2s ease;text-transform:uppercase;padding:0}.key:hover{background:var(--eevee-soft)}.key:active{transform:scale(.96)}.key.wide{flex:1.6;font-size:12px}.key.correct{background:var(--leafeon);color:#fff}.key.present{background:var(--jolteon);color:var(--jolteon-dark)}.key.absent{background:#c0b7a8;color:#fff}.quiz-shell{display:grid;grid-template-columns:1fr 280px;gap:32px;padding:32px;max-width:1100px;margin:0 auto;width:100%}.quiz-main{display:flex;flex-direction:column;align-items:center}.quiz-mascot-stage{width:110px;height:110px;margin-bottom:8px}.quiz-stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:4px;box-shadow:var(--shadow-sm)}.quiz-stat-card .num{font-family:Fredoka,sans-serif;font-size:26px;font-weight:700}.podium{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:16px;align-items:end;max-width:700px;margin:32px auto}.podium-step{text-align:center;padding:22px 16px;border-radius:20px;background:#fff;border:1px solid var(--border);box-shadow:var(--shadow-md);position:relative}.podium-step.first{background:linear-gradient(160deg,#fef7d5,#fff);padding-top:36px;padding-bottom:36px}.podium-step.second{background:linear-gradient(160deg,#f0ede6,#fff)}.podium-step.third{background:linear-gradient(160deg,#f5e6d3,#fff)}.podium-rank{position:absolute;top:-16px;left:50%;transform:translate(-50%);width:36px;height:36px;border-radius:50%;background:#fff;border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-family:Fredoka,sans-serif;font-weight:700;font-size:17px;box-shadow:var(--shadow-sm)}.podium-step.first .podium-rank{background:var(--jolteon);color:var(--jolteon-dark);border-color:var(--jolteon)}.podium-mascot{width:84px;height:84px;margin:0 auto 6px}.podium-name{font-family:Fredoka,sans-serif;font-weight:600;font-size:17px}.podium-score{font-size:22px;font-weight:800;color:var(--eevee-dark);margin-top:6px}.lb-list{display:flex;flex-direction:column;gap:6px}.lb-row{display:grid;grid-template-columns:50px 48px 1fr auto auto;gap:16px;align-items:center;padding:12px 18px;background:#fff;border:1px solid var(--border);border-radius:14px;transition:background .2s ease}.lb-row:hover{background:var(--bg-card-soft)}.lb-row.you{background:var(--eevee-soft);border-color:var(--eevee)}.lb-rank{font-family:Fredoka,sans-serif;font-weight:700;color:var(--text-muted);font-size:17px}.lb-mascot{width:40px;height:40px}.lb-name{font-weight:700}.lb-score{font-family:Fredoka,sans-serif;font-size:18px;font-weight:700;color:var(--eevee-dark)}.lb-date{font-size:13px;color:var(--text-muted)}.tabs{display:inline-flex;background:var(--bg-card-soft);padding:4px;border-radius:999px;gap:2px;flex-wrap:wrap}.tab{border:0;background:transparent;padding:8px 18px;border-radius:999px;font-family:inherit;font-weight:700;font-size:14px;color:var(--text-muted);cursor:pointer;transition:all .2s ease}.tab.active{background:#fff;color:var(--eevee-dark);box-shadow:var(--shadow-sm)}.profile-banner{position:relative;background:linear-gradient(135deg,var(--eevee-soft) 0%,#FFFAF3 100%);border:1px solid var(--border);border-radius:24px;padding:40px 32px;display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:center}.profile-avatar{width:140px;height:140px;background:#fff;border-radius:50%;border:3px solid var(--eevee-soft);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md)}.profile-avatar svg{width:110px;height:110px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-top:24px}.stat{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:16px;text-align:center}.stat-num{font-family:Fredoka,sans-serif;font-size:28px;font-weight:700;color:var(--eevee-dark)}.stat-label{font-size:12px;color:var(--text-muted);font-weight:700;letter-spacing:.04em;text-transform:uppercase}.collection{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:14px}.collection-cell{background:#fff;border:1px solid var(--border);border-radius:16px;padding:16px 8px 12px;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.collection-cell.locked{opacity:.55;filter:grayscale(.6)}.collection-cell:not(.locked):hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.collection-cell svg{width:70px;height:70px}.collection-cell .name{font-family:Fredoka,sans-serif;font-weight:600;font-size:14px;margin-top:4px}.collection-cell .lock{font-size:11px;color:var(--text-muted);margin-top:2px}.auth-wrap{display:flex;align-items:center;justify-content:center;padding:48px 24px;min-height:80vh}.auth-card{background:#fff;border:1px solid var(--border);border-radius:24px;padding:40px 36px;box-shadow:var(--shadow-lg);max-width:420px;width:100%}.auth-mascot{width:90px;height:90px;margin:0 auto 18px;display:block}.oauth-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 16px;border-radius:12px;border:2px solid var(--border);background:#fff;font-family:inherit;font-weight:700;font-size:14px;color:var(--text);cursor:pointer;transition:transform .2s ease,border-color .2s ease}.oauth-btn:hover{transform:translateY(-1px)}.oauth-google:hover{border-color:#4285f4}.oauth-discord{background:#5865f2;color:#fff;border-color:#5865f2}.oauth-discord:hover{background:#4752c4;border-color:#4752c4}.divider{display:flex;align-items:center;gap:12px;color:var(--text-muted);font-size:12px;font-weight:700;margin:18px 0}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--border)}@media (max-width: 1024px){.quiz-shell{grid-template-columns:1fr}.quiz-shell .quiz-side{order:-1;flex-direction:row;display:flex;gap:12px;flex-wrap:wrap}.quiz-shell .quiz-side .quiz-stat-card{flex:1;min-width:100px}}@media (max-width: 720px){.header{padding:12px 18px}.nav,.lang-switch.desktop-only{display:none}.container{padding:0 18px}.bottom-nav{display:flex}.app{padding-bottom:76px}.hero{padding:36px 0 16px}.hero-mascot{width:110px;height:110px}.quiz-card-mascot{width:90px;height:90px}.daily{grid-template-columns:1fr;padding:24px;text-align:center}.daily-mascot{margin:0 auto;width:110px;height:110px}.profile-banner{grid-template-columns:1fr;text-align:center;padding:28px 20px}.profile-avatar{margin:0 auto;width:110px;height:110px}.profile-avatar svg{width:90px;height:90px}.podium{grid-template-columns:1fr;max-width:320px}.lb-row{grid-template-columns:36px 36px 1fr auto;gap:10px;padding:10px 14px}.lb-row .lb-date{display:none}.quiz-shell{padding:18px}.footer{padding:24px 18px 18px}.auth-card{padding:28px 22px}}:focus-visible{outline:3px solid var(--eevee);outline-offset:2px}button,a{-webkit-tap-highlight-color:transparent}.flex-1{flex:1}.text-center{text-align:center}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mt-32{margin-top:32px}.mt-48{margin-top:48px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.mb-32{margin-bottom:32px}.hide-desktop{display:none}@media (max-width: 720px){.hide-mobile{display:none!important}.hide-desktop{display:initial}}