: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;--umbreon: #34495E;--umbreon-soft: #D5DBDB;--umbreon-dark: #1c2833;--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)}.header-pill{display:inline-flex;align-items:center;gap:8px;background:var(--eevee-soft);color:var(--eevee-dark);padding:6px 14px;border-radius:999px;font-size:12.5px;font-weight:700;white-space:nowrap}.header-pill .dot{width:7px;height:7px;background:var(--leafeon);border-radius:50%;flex-shrink:0}@media (max-width: 960px){.header-pill{display:none}}.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-eevee{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}.badge-umbreon{background:var(--umbreon-soft);color:var(--umbreon-dark)}.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-title-row{display:flex;align-items:center;justify-content:center;gap:24px;margin:0 auto 16px}.hero-title-row h1{margin:0;flex:0 1 auto}.hero-side-sprite{flex:0 0 auto}.hero-side-sprite-left{align-self:flex-end}.hero-side-sprite-right{align-self:flex-end;margin-bottom:8px}.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}.faq-list{display:flex;flex-direction:column;gap:12px}.faq-item{padding:0;overflow:hidden}.faq-item[open]{box-shadow:var(--shadow-lg)}.faq-q{cursor:pointer;list-style:none;padding:18px 22px;font-weight:700;font-size:16px;color:var(--text);display:flex;align-items:center;justify-content:space-between;gap:16px;position:relative}.faq-q::-webkit-details-marker{display:none}.faq-q:after{content:"+";font-size:22px;font-weight:600;color:var(--eevee);transition:transform .2s ease;flex-shrink:0}.faq-item[open] .faq-q:after{content:"-"}.faq-a{padding:0 22px 18px;margin:0;color:var(--text-muted);line-height:1.55;font-size:15px}.quiz-card-stats{background:#fff;width:100%;-moz-appearance:none;appearance:none;-webkit-appearance:none}.quiz-card-stats:focus-visible{outline:3px solid var(--eevee);outline-offset:2px}.quiz-card-stats.is-open{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.quiz-card-detail{margin-top:16px;padding-top:14px;border-top:1px dashed var(--border);animation:fadeInDown .2s ease}.quiz-card-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.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-umbreon{background:linear-gradient(160deg,#e0e4e8,#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}.sprint-orbit{--sprint-stage: 220px;--sprint-radius: 86px;--sprint-period: 16s;position:relative;width:var(--sprint-stage);height:var(--sprint-stage);flex-shrink:0}.sprint-orbit-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);animation:sprint-orbit-center-bob 2.4s ease-in-out infinite;filter:drop-shadow(0 6px 14px rgba(196,155,107,.35));z-index:2;display:flex}.sprint-orbit-spin{position:absolute;top:0;right:0;bottom:0;left:0;animation:sprint-orbit-spin var(--sprint-period) linear infinite;transform-origin:50% 50%}.sprint-orbit-slot{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex}.sprint-orbit-counter{animation:sprint-orbit-spin-back var(--sprint-period) linear infinite;display:flex}.sprint-orbit-counter>div{animation:sprint-orbit-bob 3s ease-in-out infinite;display:flex}@keyframes sprint-orbit-spin{to{transform:rotate(360deg)}}@keyframes sprint-orbit-spin-back{to{transform:rotate(-360deg)}}@keyframes sprint-orbit-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes sprint-orbit-center-bob{0%,to{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-6px)}}@media (prefers-reduced-motion: reduce){.sprint-orbit-spin,.sprint-orbit-counter,.sprint-orbit-counter>div{animation:none}}.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}.footer-legal{max-width:800px;margin:16px auto 0;text-align:center;font-size:11px;line-height:1.5;color:var(--text-muted);opacity:.55}.footer-legal a{color:inherit;text-decoration:underline}.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:flex;flex-direction:column;gap:6px;width:max-content;max-width:100%;margin:0 auto}.wordle-row{display:flex;justify-content:center;gap:6px;flex-wrap:wrap}.word-group{display:flex;gap:6px}.wordle-mystery-label{font-family:Fredoka,sans-serif;font-weight:700;font-size:11px;letter-spacing:.22em;color:var(--jolteon-dark, var(--text-muted));margin:8px 0 6px;text-align:center}.wordle-hint-row{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;margin-top:4px;margin-bottom:14px}.wordle-hint-slot{border:3px solid var(--jolteon);background:#fff;border-radius:10px;opacity:.85;display:flex;align-items:center;justify-content:center;font-family:Fredoka,sans-serif;font-weight:800;text-transform:uppercase;color:var(--text);box-shadow:0 3px #f7dc6f59}.wordle-hint-slot.revealed{background:var(--leafeon);border-color:var(--leafeon);color:#fff;opacity:1;animation:pop-in .22s ease-out;box-shadow:0 3px #52be8059}.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}.pokemon-input{position:relative;width:100%}.pokemon-input .input{width:100%;padding:12px 38px 12px 16px;font-size:16px}.pokemon-input-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:26px;height:26px;border:0;background:var(--bg-card-soft);color:var(--text-muted);border-radius:999px;cursor:pointer;font-size:16px;line-height:1;display:flex;align-items:center;justify-content:center}.pokemon-input-clear:hover{background:var(--eevee-soft);color:var(--text)}.suggestions{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-md);z-index:50;overflow:hidden;max-height:320px;overflow-y:auto}.suggestion-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;border:0;background:transparent;cursor:pointer;text-align:left;font-family:inherit;font-size:14px;color:var(--text)}.suggestion-item:hover,.suggestion-item.active{background:var(--eevee-soft)}.suggestion-dex{font-family:Nunito,sans-serif;font-size:12px;color:var(--text-muted);font-variant-numeric:tabular-nums;min-width:48px}.suggestion-name{font-weight:600}.suggestion-alt{margin-left:6px;color:var(--text-muted);font-weight:400;font-size:12px}.suggestion-alt:before{content:"·";margin-right:6px}.keyboard{display:flex;flex-direction:column;gap:6px;margin:28px auto 0;width:100%;max-width:420px;padding:0}.keyboard-row{display:flex;justify-content:center;gap:4px}.key{flex:1 1 0;min-width:0;height:44px;background:#efe6d2;border:1px solid #DCCFB5;border-radius:8px;box-shadow:0 2px #c49b6b2e;font-family:Nunito,sans-serif;font-weight:800;font-size:15px;color:var(--text);text-transform:uppercase;padding:0;display:flex;align-items:center;justify-content:center}.key-static{cursor:default;-webkit-user-select:none;user-select:none}.key.correct{background:var(--leafeon);border-color:var(--leafeon);color:#fff}.key.present{background:var(--jolteon);border-color:var(--jolteon);color:var(--jolteon-dark)}.key.absent{background:#9f968a;border-color:#9f968a;color:#fff}.quiz-shell{display:flex;flex-direction:column;gap:16px;padding:24px 32px;max-width:980px;margin:0 auto;width:100%}@media (max-width: 768px){.quiz-shell{gap:12px;padding:16px 12px}.quiz-stat-pill{padding:6px 10px;font-size:12px}.quiz-stat-pill .label{font-size:10px}.quiz-stat-pill .num{font-size:13px}}.quiz-main{display:flex;flex-direction:column;align-items:center;width:100%}.quiz-mascot-stage{width:110px;height:110px;margin-bottom:8px}.quiz-stats-pills{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.quiz-stat-pill{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--bg-card);border:1px solid var(--border);border-radius:999px;padding:7px 12px;font-size:13px;font-weight:700;color:var(--text);box-shadow:var(--shadow-sm);white-space:nowrap}.quiz-stat-pill .label{color:var(--text-muted);font-weight:700;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase}.quiz-stat-pill .num{font-family:Fredoka,sans-serif;font-size:14px;font-weight:700;color:var(--text)}.quiz-stat-pill .num .muted{font-size:12px;color:var(--text-muted);font-weight:600;margin-left:1px}.quiz-stat-pill.is-streak .num{color:#d4690b}.quiz-stat-pill.is-streak:before{content:"🔥";font-size:13px;filter:saturate(1.1)}.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}.profile-avatar-btn{position:relative;padding:0;cursor:pointer;font:inherit;color:inherit;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.profile-avatar-btn:hover{transform:translateY(-2px);border-color:var(--eevee);box-shadow:var(--shadow-lg)}.profile-avatar-btn:focus-visible{outline:3px solid var(--eevee);outline-offset:3px}.profile-avatar-edit{position:absolute;right:4px;bottom:4px;width:30px;height:30px;border-radius:50%;background:var(--eevee);color:#fff;display:grid;place-items:center;font-size:14px;font-weight:700;box-shadow:var(--shadow-sm);border:2px solid white}.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,.collection-cell img{width:70px;height:70px;object-fit:contain}.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}.collection-cell.shiny{position:relative}.collection-cell.shiny:before{content:"✨";position:absolute;top:6px;right:8px;font-size:14px;pointer-events:none;z-index:1}.collection-cell.shiny:not(.locked){background:linear-gradient(135deg,#fffaec,#fff3e0);border-color:#f4d03f;box-shadow:0 0 #f4d03f00,var(--shadow-sm)}.collection-cell.shiny:not(.locked):hover{box-shadow:0 0 0 4px #f4d03f2e,var(--shadow-md)}.collection-section-title{grid-column:1 / -1;font-family:Fredoka,sans-serif;font-weight:700;font-size:14px;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);margin:6px 0 -4px;padding:0 2px}.shiny-popup{text-align:center;--shiny-accent: var(--eevee);position:relative;padding:6px 4px 4px}.shiny-popup-sparkle{font-size:32px;animation:idle-bounce 2.4s ease-in-out infinite}.shiny-popup-title{font-family:Fredoka,sans-serif;font-weight:700;font-size:24px;color:var(--shiny-accent);margin:6px 0 12px}.shiny-popup-mascot{display:flex;align-items:center;justify-content:center;width:160px;height:160px;margin:0 auto 10px;border-radius:999px;background:radial-gradient(circle at 50% 40%,#f4d03f59,#f4d03f00 70%);animation:shiny-glow 2.4s ease-in-out infinite}.shiny-popup-mascot img,.shiny-popup-mascot svg{width:140px;height:140px}@keyframes shiny-glow{0%,to{filter:drop-shadow(0 0 6px rgba(244,208,63,.5))}50%{filter:drop-shadow(0 0 16px rgba(244,208,63,.85))}}.shiny-popup-name{font-family:Fredoka,sans-serif;font-weight:700;font-size:22px;margin:4px 0 8px;color:var(--text)}.shiny-popup-desc{margin:0 8px 16px}.shiny-popup-cta{background:var(--shiny-accent);color:#fff;margin-top:4px}.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{position:relative;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}.oauth-twitch{background:#9146ff;color:#fff;border-color:#9146ff}.oauth-twitch:hover{background:#7d34e0;border-color:#7d34e0}.webview-warning{border:2px solid var(--eevee);background:var(--eevee-soft);border-radius:16px;padding:18px 16px;display:flex;flex-direction:column;gap:10px}.webview-warning .ww-title{font-weight:800;font-size:15px;color:var(--text);display:flex;align-items:center;gap:8px}.webview-warning .ww-text{font-size:13px;color:var(--text);line-height:1.45;margin:0}.webview-warning .ww-actions{display:flex;flex-direction:column;gap:8px;margin-top:4px}.webview-warning .ww-btn{width:100%;padding:11px 14px;border-radius:10px;border:2px solid var(--eevee-dark);background:var(--eevee-dark);color:#fff;font-family:inherit;font-weight:700;font-size:13px;cursor:pointer;transition:transform .15s ease,background .2s ease}.webview-warning .ww-btn:hover{transform:translateY(-1px)}.webview-warning .ww-btn-secondary{background:#fff;color:var(--eevee-dark);border-color:var(--eevee-dark)}.webview-warning .ww-hint{font-size:12px;color:var(--text-muted);margin:0;text-align:center}.webview-warning .ww-copied{font-size:12px;color:var(--eevee-dark);font-weight:700;text-align:center}.webview-banner{position:sticky;top:0;z-index:200;background:#fff8d8;border-bottom:2px solid var(--eevee);box-shadow:0 2px 12px #00000014}.webview-banner .wb-inner{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;max-width:720px;margin:0 auto}.webview-banner .wb-icon{font-size:22px;line-height:1.1;flex-shrink:0}.webview-banner .wb-body{flex:1;min-width:0}.webview-banner .wb-title{font-weight:800;font-size:14px;color:var(--text);margin-bottom:4px}.webview-banner .wb-text{font-size:13px;color:var(--text);line-height:1.4}.webview-banner .wb-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.webview-banner .wb-btn{padding:7px 12px;border-radius:8px;font-family:inherit;font-weight:700;font-size:12px;cursor:pointer;border:2px solid var(--eevee-dark);transition:transform .15s ease}.webview-banner .wb-btn:hover{transform:translateY(-1px)}.webview-banner .wb-btn-primary{background:var(--eevee-dark);color:#fff}.webview-banner .wb-btn-secondary{background:#fff;color:var(--eevee-dark)}.webview-banner .wb-hint{margin-top:6px;font-size:12px;color:var(--text-muted)}.webview-banner .wb-close{flex-shrink:0;width:28px;height:28px;border-radius:999px;border:none;background:transparent;color:var(--text-muted);font-size:22px;line-height:1;cursor:pointer;font-family:inherit}.webview-banner .wb-close:hover{background:#0000000f;color:var(--text)}.auth-submit{position:relative}.oauth-last{position:absolute;top:-8px;right:12px;background:var(--eevee-dark);color:#fff;font-size:10px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;padding:3px 8px;border-radius:999px;box-shadow:0 2px 6px #0000002e;pointer-events:none;white-space:nowrap}.divider{display:flex;align-items:center;gap:12px;color:var(--text-muted);font-size:12px;font-weight:700;margin:18px 0;text-transform:uppercase}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--border)}.auth-input{width:100%;padding:12px 14px;border-radius:12px;border:2px solid var(--border);background:#fff;font-family:inherit;font-size:14px;color:var(--text);transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box}.auth-input::placeholder{color:var(--text-muted)}.auth-input:focus{outline:none;border-color:var(--eevee);box-shadow:0 0 0 3px var(--eevee-soft)}.auth-msg{font-size:13px;padding:10px 12px;border-radius:10px;text-align:center;line-height:1.4}.auth-msg-error{background:var(--flareon-soft);color:#8b1d10;border:1px solid rgba(231,76,60,.25)}.auth-msg-info{background:var(--leafeon-soft);color:#1d6b3a;border:1px solid rgba(82,190,128,.3)}.auth-link{background:none;border:none;padding:0;font:inherit;color:var(--eevee-dark);font-weight:700;text-decoration:underline;cursor:pointer}.auth-link:hover{color:var(--eevee)}@media (max-width: 1024px){.quiz-shell{padding:16px}}@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}.hero-title-row{gap:8px}.hero-side-sprite{width:70px!important;height:70px!important}.hero-side-sprite svg{width:70px;height:70px}.quiz-card-mascot{width:90px;height:90px}.daily{grid-template-columns:1fr;padding:24px;text-align:center}.daily>.daily-mascot,.daily>.sprint-orbit{order:-1}.daily-mascot{margin:0 auto;width:110px;height:110px}.sprint-orbit{margin:0 auto;--sprint-stage: 170px;--sprint-radius: 64px}.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}}.tq-board{width:100%;max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:6px}.tq-row{display:grid;grid-template-columns:minmax(140px,1.6fr) repeat(6,1fr);gap:6px;align-items:stretch}.tq-row-empty .tq-cell,.tq-row-empty .tq-row-name{background:var(--bg-card);border:1px dashed var(--border);min-height:56px;border-radius:10px}.tq-row-head{font-size:11px}.tq-row-head-cell{background:transparent!important;color:var(--text-muted)!important;font-weight:700;text-transform:uppercase;letter-spacing:.04em;border:0!important;min-height:28px!important}.tq-row-name{display:flex;align-items:center;gap:8px;padding:6px 10px;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;font-family:Fredoka,sans-serif;font-weight:600;font-size:14px;min-height:56px;overflow:hidden}.tq-row-name span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tq-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:10px;background:#c0b7a8;color:#fff;min-height:56px;font-family:Fredoka,sans-serif;font-weight:700;padding:4px}.tq-cell.match{background:var(--leafeon)}.tq-cell.partial{background:var(--jolteon);color:var(--jolteon-dark)}.tq-cell.miss{background:#9f968a}.tq-num{font-size:16px;line-height:1}.tq-arrow{font-size:14px;opacity:.85;line-height:1}.tq-region{font-size:12px;text-transform:uppercase;letter-spacing:.04em}.type-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;flex-shrink:0}.type-badge-empty{background:#ffffff2e;border-radius:8px}.type-badge img{display:block;filter:brightness(0) invert(1)}@media (max-width: 720px){.tq-row{grid-template-columns:minmax(110px,1.4fr) repeat(6,1fr)}.tq-row-name{font-size:12px;padding:4px 6px;gap:4px;min-height:50px}.tq-cell{min-height:50px}.tq-num{font-size:14px}}.tq-profile{background:var(--bg-card-soft);border-radius:14px;padding:14px 12px 12px;text-align:center}.tq-section{margin-bottom:14px}.tq-section:last-child{margin-bottom:0}.tq-section-title{display:inline-flex;align-items:center;gap:8px;margin-bottom:8px;font-family:Fredoka,sans-serif;font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text)}.tq-section-mult{font-family:Fredoka,sans-serif;font-weight:700;font-size:11px;padding:2px 8px;border-radius:999px;color:#fff;background:var(--leafeon)}.tq-section-x4 .tq-section-mult{background:#c0392b}.tq-section-x2 .tq-section-mult{background:#e67e22}.tq-section-x05 .tq-section-mult{background:var(--leafeon)}.tq-section-x025 .tq-section-mult{background:#16a085}.tq-section-x0 .tq-section-mult{background:#7f8c8d}.tq-section-types{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.tq-section-type{display:flex;flex-direction:column;align-items:center;gap:3px}.tq-section-type-name{font-family:Nunito,sans-serif;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.btn-howto-vaporeon{border-color:var(--vaporeon)!important;background:var(--vaporeon-soft)!important;color:#1f5f86!important}.btn-howto-vaporeon:hover{background:var(--vaporeon)!important;color:#fff!important;box-shadow:0 4px 12px #5dade280!important}.btn-howto-espeon{border-color:var(--espeon)!important;background:var(--espeon-soft)!important;color:#6b3a83!important}.btn-howto-espeon:hover{background:var(--espeon)!important;color:#fff!important;box-shadow:0 4px 12px #bb8fce80!important}.dq-desc{font-family:Nunito,sans-serif;font-size:16px;font-style:italic;line-height:1.6;color:var(--text);background:var(--espeon-soft);border-left:4px solid var(--espeon);border-radius:12px;padding:16px 20px;margin:0 auto;max-width:560px;text-align:left;box-shadow:var(--shadow-sm)}.dq-desc-loading{font-family:Nunito,sans-serif;font-size:14px;font-style:italic;color:var(--text-muted);text-align:center;padding:24px}.dq-desc-empty{font-family:Nunito,sans-serif;font-size:14px;color:var(--text-muted);text-align:center;padding:16px}.dq-bonus{margin-top:16px;padding:14px;border-radius:12px;background:var(--panel-2, #fff);border:1px solid var(--border, #eee)}.dq-bonus-title{font-family:Fredoka,sans-serif;font-size:15px;font-weight:700;color:var(--text);margin-bottom:10px;text-align:center}.dq-bonus-btns{display:grid;grid-template-columns:1fr 1fr;gap:8px}.dq-bonus-btn{font-family:Nunito,sans-serif;font-size:13px;font-weight:700;padding:10px 12px;border-radius:10px;border:1px solid var(--espeon);background:var(--espeon-soft);color:#6b3a83;cursor:pointer;transition:all .15s ease}.dq-bonus-btn:hover{background:var(--espeon);color:#fff}.dq-bonus-result{font-family:Fredoka,sans-serif;font-size:16px;font-weight:700;text-align:center;padding:8px}.dq-bonus-result.good{color:var(--good, #2ECC71)}.dq-bonus-result.bad{color:var(--bad, #E74C3C)}.dq-points{font-family:Fredoka,sans-serif;font-weight:700;font-size:32px;color:var(--espeon);margin:4px 0 8px;letter-spacing:-.02em}.dq-points span{font-size:16px;color:var(--text-muted);margin-left:4px}.dq-bonus-hint{display:inline-block;margin-left:8px;padding:2px 8px;border-radius:999px;background:var(--espeon);color:#fff;font-size:11px;font-weight:800;letter-spacing:.04em;vertical-align:middle}.dq-bonus-plus{display:inline-block;margin-left:8px;padding:2px 8px;border-radius:999px;background:var(--good, #2ECC71);color:#fff;font-size:11px;font-weight:800;letter-spacing:.04em;vertical-align:middle}.replay-locked-note{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:12px;background:var(--bg-soft, rgba(0, 0, 0, .04));border:1px dashed var(--border, rgba(0, 0, 0, .12));color:var(--text-muted);font-size:13px;flex-wrap:wrap;justify-content:center;max-width:100%}.replay-locked-note strong{color:var(--text);font-weight:700}.tq-points{font-family:Fredoka,sans-serif;font-weight:700;font-size:32px;margin:4px 0 8px;letter-spacing:-.02em}.tq-points span{font-size:16px;color:var(--text-muted);margin-left:4px}.score-points-row{display:inline-flex;align-items:center;gap:8px;margin:4px 0 8px}.score-points-row .tq-points,.score-points-row .dq-points{margin:0}.btn-score-info{width:24px;height:24px;border-radius:999px;border:1.5px solid var(--text-muted);background:transparent;color:var(--text-muted);font-family:Fredoka,sans-serif;font-weight:700;font-size:13px;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;transition:transform .15s ease,background .15s ease,color .15s ease,border-color .15s ease}.btn-score-info:hover{transform:translateY(-1px);background:var(--text-muted);color:#fff}.score-breakdown{text-align:left;--sb-accent: var(--eevee)}.score-breakdown-title{font-family:Fredoka,sans-serif;font-weight:700;font-size:20px;text-align:center;margin:0 0 14px;color:var(--sb-accent)}.score-breakdown-list{list-style:none;margin:0 0 12px;padding:0;border:1px solid var(--border, #E8E2DA);border-radius:12px;overflow:hidden;background:var(--bg-soft, #FBF8F4)}.score-breakdown-list li{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;font-family:Fredoka,sans-serif;font-size:14px;border-bottom:1px solid var(--border, #E8E2DA)}.score-breakdown-list li:last-child{border-bottom:none}.score-breakdown-list li.is-off{color:var(--text-muted)}.score-breakdown-list li.is-on{color:var(--text);font-weight:600}.score-breakdown-list .sb-label{display:inline-flex;align-items:center;gap:6px}.score-breakdown-list .sb-value{font-weight:700;font-variant-numeric:tabular-nums}.score-breakdown-list li.is-on .sb-value{color:var(--sb-accent)}.score-breakdown-total{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;font-family:Fredoka,sans-serif;font-size:16px;font-weight:800;border-radius:12px;background:var(--sb-accent);color:#fff;margin-bottom:14px}.score-breakdown-help{margin-top:10px}.score-breakdown-help-list{list-style:none;margin:6px 0 0;padding:0}.score-breakdown-help-list li{font-size:12px;color:var(--text-muted);line-height:1.5;padding:3px 0}.score-breakdown-help-list strong{color:var(--text)}.quiz-card-locked{opacity:.55;cursor:not-allowed!important}.quiz-card-locked:hover{transform:none!important;box-shadow:var(--shadow-sm)!important}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#2c2a288c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:200;display:flex;align-items:center;justify-content:center;padding:24px;animation:modal-fade-in .18s ease-out}.modal-card{position:relative;background:var(--bg-card);border-radius:22px;box-shadow:var(--shadow-lg);width:100%;max-height:calc(100vh - 48px);overflow-y:auto;padding:32px 28px 28px;animation:modal-pop .22s cubic-bezier(.34,1.56,.64,1)}.modal-close{position:absolute;top:14px;right:14px;width:36px;height:36px;border:0;background:var(--bg-card-soft);color:var(--text-muted);border-radius:999px;font-size:22px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease,color .15s ease,transform .15s ease}.modal-close:hover{background:var(--modal-accent, var(--eevee-soft));color:var(--text);transform:rotate(90deg)}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-pop{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.btn-howto{width:36px;height:36px;border:2px solid var(--eevee);background:var(--eevee-soft);color:var(--eevee-dark);border-radius:999px;font-family:Fredoka,sans-serif;font-weight:700;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px #c49b6b2e;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.btn-howto:hover{transform:translateY(-2px);background:var(--eevee);color:#fff;box-shadow:0 4px 12px #c49b6b80}.howto{text-align:center;--howto-accent: var(--eevee);--howto-accent-soft: var(--eevee-soft)}.howto-mascot{margin:0 auto 8px;display:block}.howto-title{font-family:Fredoka,sans-serif;font-size:28px;font-weight:700;margin:0 0 8px;color:var(--text)}.howto-lead{color:var(--text-muted);font-size:15px;margin:0 0 18px;line-height:1.5}.nudge-perks{list-style:none;padding:0;margin:0 0 4px;text-align:left;display:grid;gap:10px}.nudge-perks li{display:grid;grid-template-columns:28px 1fr;align-items:center;gap:10px;font-size:14px;color:var(--text)}.nudge-perk-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:var(--eevee-soft);font-size:15px}.howto-steps{margin:0 0 18px;text-align:left}.howto-step{display:grid;grid-template-columns:38px 1fr;gap:14px;padding:18px 0;border-bottom:1px dashed var(--border)}.howto-step:first-child{padding-top:6px}.howto-step:last-child{border-bottom:none;padding-bottom:4px}.howto-step-num{width:34px;height:34px;border-radius:50%;color:#fff;font-family:Fredoka,sans-serif;font-weight:600;font-size:16px;display:grid;place-items:center;margin-top:2px}.howto-step-num.accent-1{background:var(--howto-accent);box-shadow:0 0 0 4px var(--howto-accent-soft)}.howto-step-num.accent-2{background:var(--leafeon);box-shadow:0 0 0 4px var(--leafeon-soft)}.howto-step-num.accent-3{background:#e89b3c;box-shadow:0 0 0 4px #fbe7cc}.howto-step-num.accent-4{background:var(--espeon);box-shadow:0 0 0 4px var(--espeon-soft)}.howto-step-num.accent-1[data-on-pale="1"]{color:var(--jolteon-dark)}.howto-step-content h3{font-family:Fredoka,Nunito,sans-serif;margin:0 0 6px;font-size:16px;font-weight:600;color:var(--text)}.howto-step-content p{margin:0 0 10px;color:var(--text-muted);font-size:14px;line-height:1.55}.howto-step-content p:last-child{margin-bottom:0}.howto-step-content p strong{color:var(--text);font-weight:700}.howto-mult-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.howto-mult{display:inline-flex;align-items:center;padding:4px 11px;border-radius:999px;font-weight:700;font-size:11.5px}.howto-mult.x2{background:var(--leafeon-soft);color:#1d6b3a}.howto-mult.x05{background:#fbe7cc;color:#8a5a17}.howto-mult.x0{background:var(--espeon-soft);color:#6b3a83}.howto-step-example{background:var(--bg-card-soft);border:1px solid var(--border);border-radius:14px;padding:14px 16px;margin:10px 0 4px}.howto-step-content>.howto-step-example,.howto-step-content>.howto-modes-split,.howto-step-content>.howto-legend{margin-left:-52px}.howto-step-example-label{font-size:10.5px;color:var(--text-muted);letter-spacing:.12em;font-weight:800;margin-bottom:10px;text-transform:uppercase;display:flex;align-items:center;gap:6px}.howto-step-example p{margin:10px 0 0;font-size:12.5px;color:var(--text);line-height:1.5}.howto-tile-row{display:flex;align-items:center;gap:6px;margin-bottom:6px}.howto-tile-row:last-child{margin-bottom:0}.howto-tile-row .wordle-tile{width:30px;height:30px;font-size:14px;border-radius:8px}.howto-tile-row .caption{margin:0 0 0 6px;font-size:12.5px;color:var(--text-muted)}.howto-tile-row .caption strong{color:var(--text);font-weight:700}.howto-legend{background:var(--bg-card-soft);border:1px solid var(--border);border-radius:12px;padding:10px 13px;margin-top:10px}.howto-legend-title{font-size:10px;color:var(--text-muted);letter-spacing:.12em;font-weight:800;margin-bottom:6px;text-transform:uppercase}.howto-legend-row{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-muted);padding:3px 0}.howto-legend-row strong{color:var(--text);font-weight:700}.howto-dot{width:11px;height:11px;border-radius:50%;flex-shrink:0}.howto-dot.good{background:var(--leafeon);box-shadow:0 0 0 3px var(--leafeon-soft)}.howto-dot.warn{background:#e89b3c;box-shadow:0 0 0 3px #fbe7cc}.howto-dot.bad{background:#b5a693;box-shadow:0 0 0 3px var(--border)}.howto-type-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px;align-items:flex-start}.howto-type-chip{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:56px}.howto-type-chip-label{font-size:9.5px;font-weight:800;color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase}.howto-modes-split{display:flex;flex-direction:column;gap:10px;margin-top:8px}.howto-mode-card{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:12px;background:var(--bg-card-soft);border:1px solid var(--border)}.howto-mode-card .dot{width:12px;height:12px;border-radius:999px;flex-shrink:0;margin-top:5px}.howto-mode-card.is-common .dot{background:var(--leafeon);box-shadow:0 0 0 3px var(--leafeon-soft)}.howto-mode-card.is-replay .dot{background:var(--glaceon);box-shadow:0 0 0 3px var(--glaceon-soft)}.howto-mode-card .title{font-family:Fredoka,sans-serif;font-weight:600;font-size:14px;color:var(--text);margin-bottom:1px}.howto-mode-card .desc{font-size:12.5px;color:var(--text-muted);line-height:1.45}.howto-foot-note{margin-top:16px;padding:12px 16px;background:var(--bg-card-soft);border-radius:12px;text-align:center;color:var(--text-muted);font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:6px}.howto-cta{width:100%;background:var(--howto-accent);color:#fff;font-size:16px;padding:14px 24px;font-weight:700;border-radius:999px}.howto-cta:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000002e}@media (max-width: 540px){.modal-card{padding:28px 18px 22px;border-radius:18px}.howto-title{font-size:24px}.howto-step{display:block;position:relative;padding:14px 0}.howto-step:first-child{padding-top:6px}.howto-step:last-child{padding-bottom:4px}.howto-step-num{position:absolute;top:14px;left:0;width:28px;height:28px;font-size:13px;margin-top:0}.howto-step:first-child .howto-step-num{top:6px}.howto-step-content h3{padding-left:38px;min-height:28px;display:flex;align-items:center;font-size:15px;margin:0 0 8px}.howto-step-content p{font-size:13px}.howto-tile-row .wordle-tile{width:28px;height:28px;font-size:13px}}.admin-table{width:100%;border-collapse:collapse;font-size:13px;font-family:Nunito,sans-serif}.admin-table th,.admin-table td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--border);vertical-align:middle;white-space:nowrap}.admin-table th{font-size:11px;font-weight:800;color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;background:var(--bg-card-soft);position:sticky;top:0}.admin-table tbody tr:hover{background:var(--bg-card-soft)}.admin-table tbody tr:last-child td{border-bottom:none}.admin-row-banned{opacity:.55}.admin-row-banned td:first-child:before{content:"🚫";margin-right:6px}.admin-mystery-card{flex:1 1 280px;max-width:360px;padding:14px 16px;border-radius:14px;background:var(--bg-card-soft);border:1px solid var(--border)}.admin-mystery-desc{margin:12px 0 0;padding:10px 12px;background:var(--bg-card);border-left:3px solid var(--espeon);border-radius:8px;font-family:Nunito,sans-serif;font-size:12px;font-style:italic;line-height:1.5;color:var(--text)}.btn-howto-sylveon{border-color:var(--sylveon)!important;background:var(--sylveon-soft)!important;color:#963024!important}.btn-howto-sylveon:hover{background:var(--sylveon)!important;color:#fff!important;box-shadow:0 4px 12px #f1948a80!important}.sq-stage{display:flex;align-items:center;justify-content:center;margin:0 auto 16px;padding:12px;background:var(--bg-card-soft);border-radius:16px;border:1px solid var(--border);max-width:360px;height:280px;box-shadow:var(--shadow-sm)}.sq-sprite{width:240px;height:240px;object-fit:contain;filter:brightness(0);transition:filter .7s ease,transform .5s ease}.sq-sprite-revealed{filter:brightness(1);animation:sq-pop .6s cubic-bezier(.34,1.56,.64,1)}@keyframes sq-pop{0%{transform:scale(.85)}60%{transform:scale(1.08)}to{transform:scale(1)}}.sq-guesses{display:flex;flex-direction:column;gap:6px;max-width:360px;margin:12px auto 0}.sq-guess-row{display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:10px;border:1px solid var(--border);background:var(--bg-card);font-size:14px;font-weight:600}.sq-guess-row.sq-correct{background:var(--leafeon-soft);border-color:var(--leafeon);color:#1d6b3a}.sq-guess-row.sq-wrong{opacity:.85}.sq-guess-name{flex:1}.sq-guess-icon{font-weight:800}.btn-howto-flareon{border-color:var(--flareon)!important;background:var(--flareon-soft)!important;color:#8b2818!important}.btn-howto-flareon:hover{background:var(--flareon)!important;color:#fff!important;box-shadow:0 4px 12px #e74c3c80!important}.iq-board{display:flex;flex-direction:column;gap:4px;max-width:720px;margin:0 auto;width:100%}.iq-row{display:grid;grid-template-columns:minmax(140px,1.5fr) repeat(5,minmax(60px,1fr));gap:4px;align-items:stretch}.iq-row-name{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;font-family:Nunito,sans-serif;font-weight:700;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.iq-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px 4px;border-radius:10px;background:var(--bg-card);min-height:52px;font-family:Fredoka,sans-serif;font-weight:600}.iq-cell.match{background:#58d68d;color:#fff}.iq-cell.partial{background:#f4d03f;color:#5a4500}.iq-cell.miss{background:#b5a693;color:#fff}.iq-text{font-size:11px;line-height:1.15;text-align:center;font-weight:700;padding:0 4px}.iq-text-cat{font-size:10px}.iq-icon{font-size:18px;font-weight:800}.iq-num{font-size:14px;font-weight:800}.iq-arrow{font-size:12px;opacity:.85;margin-top:-2px}.iq-row-head .iq-row-name,.iq-row-head .iq-cell{background:transparent;border:0;min-height:28px;font-family:Nunito,sans-serif;font-weight:800;font-size:10px;color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase}.iq-row-empty .iq-row-name,.iq-row-empty .iq-cell{background:transparent;border:1px dashed var(--border);opacity:.55}.iq-stage{display:flex;align-items:center;justify-content:center;margin:0 auto 16px;padding:16px;background:var(--bg-card-soft);border-radius:16px;border:1px solid var(--border);max-width:200px;height:140px;box-shadow:var(--shadow-sm)}.iq-sprite{width:96px;height:96px;object-fit:contain;image-rendering:pixelated;filter:brightness(0);transition:filter .7s ease,transform .5s ease}.iq-sprite-revealed{filter:brightness(1);animation:sq-pop .6s cubic-bezier(.34,1.56,.64,1)}@media (max-width: 600px){.iq-row{grid-template-columns:minmax(110px,1.3fr) repeat(5,minmax(48px,1fr))}.iq-row-name{font-size:11px}.iq-text{font-size:10px}.iq-text-cat{font-size:9px}.iq-num{font-size:12px}.iq-stage{max-width:160px;height:120px;padding:12px}.iq-sprite{width:80px;height:80px}}
