:root{color-scheme:dark;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-synthesis:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;--bg: #0b1120;--bg-2: #0f172a;--surface: #18233a;--surface-2: #1e2b45;--surface-3: #243353;--border: #2c3a57;--border-soft: #223049;--text: #f1f5f9;--muted: #9fb0c9;--faint: #64748b;--brand-1: #6366f1;--brand-2: #8b5cf6;--go-1: #3b82f6;--go-2: #22c55e;--gold: #fbbf24;--gold-deep: #f59e0b;--rate-again: #ef4444;--rate-hard: #f59e0b;--rate-good: #22c55e;--rate-easy: #3b82f6;--r-sm: 10px;--r-md: 14px;--r-lg: 20px;--r-xl: 28px;--r-pill: 999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .25);--shadow-md: 0 8px 24px rgba(0, 0, 0, .35);--shadow-lg: 0 18px 50px rgba(0, 0, 0, .45);--glow-go: 0 10px 30px rgba(34, 197, 94, .35);--glow-brand: 0 10px 30px rgba(124, 92, 246, .35);--page-max: 480px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;height:100%;color:var(--text)}body{display:flex;min-height:100%;-webkit-user-select:none;user-select:none;background:radial-gradient(1100px 600px at 50% -8%,rgba(124,92,246,.16),transparent 60%),radial-gradient(900px 500px at 100% 0%,rgba(59,130,246,.12),transparent 55%),radial-gradient(900px 600px at 0% 100%,rgba(34,197,94,.1),transparent 55%),var(--bg);background-attachment:fixed}#root{flex:1;display:flex;flex-direction:column;min-width:0}.page{width:100%;flex:1;margin:0 auto;padding:calc(1.25rem + var(--safe-top)) 1.25rem calc(1.25rem + var(--safe-bottom));display:flex;flex-direction:column}@media(min-width:600px){.page{max-width:var(--page-max)}}h1,h2,h3{margin:0;line-height:1.1;letter-spacing:-.02em}input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.text-muted{color:var(--muted)}.text-faint{color:var(--faint)}.text-gradient{background:linear-gradient(90deg,var(--brand-2),var(--go-1));-webkit-background-clip:text;background-clip:text;color:transparent}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:scale(.8)}60%{opacity:1;transform:scale(1.06)}to{transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulseGlow{0%,to{box-shadow:var(--glow-go)}50%{box-shadow:0 14px 40px #22c55e8c}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes confettiFall{0%{transform:translateY(-10vh) rotate(0);opacity:1}to{transform:translateY(110vh) rotate(720deg);opacity:.9}}@keyframes trophyPop{0%{transform:scale(0) rotate(-20deg);opacity:0}60%{transform:scale(1.2) rotate(8deg);opacity:1}to{transform:scale(1) rotate(0)}}@keyframes swordLeft{0%{transform:translate(-160px,40px) rotate(-75deg);opacity:0}20%{transform:translate(-22px) rotate(-30deg);opacity:1}32%{transform:translate(-2px) rotate(-48deg)}42%{transform:translate(-20px,-4px) rotate(-28deg)}54%{transform:translate(-2px) rotate(-48deg)}64%{transform:translate(-18px,2px) rotate(-30deg)}76%{transform:translate(-2px) rotate(-46deg)}to{transform:translate(-160px,40px) rotate(-75deg);opacity:0}}@keyframes swordRight{0%{transform:translate(160px,40px) rotate(75deg) scaleX(-1);opacity:0}20%{transform:translate(22px) rotate(30deg) scaleX(-1);opacity:1}32%{transform:translate(2px) rotate(48deg) scaleX(-1)}42%{transform:translate(20px,-4px) rotate(28deg) scaleX(-1)}54%{transform:translate(2px) rotate(48deg) scaleX(-1)}64%{transform:translate(18px,2px) rotate(30deg) scaleX(-1)}76%{transform:translate(2px) rotate(46deg) scaleX(-1)}to{transform:translate(160px,40px) rotate(75deg) scaleX(-1);opacity:0}}@keyframes clashSpark{0%,26%{transform:scale(0);opacity:0}32%{transform:scale(1.4);opacity:1}42%{transform:scale(.2);opacity:0}54%{transform:scale(1.5);opacity:1}64%{transform:scale(.2);opacity:0}76%{transform:scale(1.3);opacity:1}88%,to{transform:scale(0);opacity:0}}@keyframes screenShake{0%,to{transform:translate(0)}31%{transform:translate(2px,-1px)}33%{transform:translate(-3px,1px)}53%{transform:translate(3px,1px)}55%{transform:translate(-2px,-1px)}75%{transform:translate(2px,1px)}77%{transform:translate(-2px)}}.anim-rise{animation:fadeInUp .45s cubic-bezier(.2,.7,.2,1) both}.anim-in{animation:fadeIn .4s ease both}.anim-pop{animation:popIn .4s cubic-bezier(.2,.7,.2,1) both}.anim-float{animation:float 3.5s ease-in-out infinite}@keyframes vocabSwirl{0%{opacity:0;transform:translate(var(--dx, 0),var(--dy, -40px)) rotate(var(--rot, -90deg)) scale(.4)}55%{opacity:1;transform:translate(calc(var(--dx, 0) * -.18),4px) rotate(calc(var(--rot, -90deg) * -.12)) scale(1.12)}75%{transform:translate(0) rotate(4deg) scale(.97)}to{opacity:1;transform:translate(0) rotate(0) scale(1)}}.vocab-chip{animation:vocabSwirl .8s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i, 0) * .09s)}@media(prefers-reduced-motion:reduce){.vocab-chip{animation:fadeInUp .3s ease both!important;animation-delay:calc(var(--i, 0) * .05s)!important}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}@keyframes ccSpin{to{transform:rotate(1turn)}}@keyframes ccFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes ccSparkle{0%,to{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@keyframes ccSweep{0%{left:-70%}55%,to{left:135%}}@keyframes ccHolo{0%,to{background-position:0% 50%}50%{background-position:260% 50%}}@keyframes ccPulseG{0%,to{box-shadow:0 0 12px #f5bf2466}50%{box-shadow:0 0 24px #f5bf24cc}}@keyframes ccTwinkle{0%,to{opacity:.45}50%{opacity:1}}@keyframes ccFire{0%,to{opacity:.75}50%{opacity:1}}@keyframes ccFall{0%{transform:translateY(-8px);opacity:0}10%{opacity:1}to{transform:translateY(120px);opacity:0}}.cc-frame{position:relative;border-radius:16px;padding:4px;display:flex}.cc-frame.gold:before,.cc-frame.platin:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;padding:4px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.cc-frame.gold:before{background:conic-gradient(from 0deg,#f5c542,#fff3c0,#caa029,#fff3c0,#f5c542)}.cc-frame.platin:before{background:conic-gradient(from 0deg,#8fe3ff,#fff,#bfe9ff,#5ce1ff,#fff,#8fe3ff)}.cc-spk{position:absolute;animation:ccSparkle 1.6s ease-in-out infinite;pointer-events:none;z-index:2}.cc-cos{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:13px}.cc-cos.holo{background:linear-gradient(115deg,transparent 18%,rgba(255,94,223,.45),rgba(92,225,255,.45),rgba(92,255,157,.45),rgba(255,249,92,.4),transparent 82%);background-size:260% 100%;mix-blend-mode:screen;animation:ccHolo 6s ease-in-out infinite}.cc-cos.galaxy{background-color:#08041a38;background-image:radial-gradient(1.5px 1.5px at 20% 30%,#fff,transparent),radial-gradient(1px 1px at 70% 55%,#fff,transparent),radial-gradient(1px 1px at 42% 78%,#bfe,transparent),radial-gradient(1.5px 1.5px at 85% 22%,#fff,transparent);animation:ccTwinkle 2s ease-in-out infinite}.cc-cos.fire{background:linear-gradient(0deg,rgba(255,80,20,.55),rgba(255,160,40,.16) 42%,transparent 72%);animation:ccFire 1.1s ease-in-out infinite}.cc-cos.tint_azul{background:#3b82f638}.cc-cos.tint_verde{background:#22c55e33}.cc-cos.tint_rosa{background:#f472b633}.cc-glit{position:absolute;top:-6px;font-size:11px;color:#fff7c0;animation:ccFall 2.4s linear infinite}@keyframes crRaySpin{to{transform:translate(-50%,-50%) rotate(1turn)}}@keyframes crShake{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-4px) rotate(-3deg)}75%{transform:translate(4px) rotate(3deg)}}.cr-stage{position:relative;width:220px;height:200px;display:flex;align-items:center;justify-content:center}.cr-rays{position:absolute;top:50%;left:50%;width:300px;height:300px;border-radius:50%;transform:translate(-50%,-50%) scale(.2);opacity:0;transition:opacity .4s,transform .5s;pointer-events:none}.cr-stage.cr-open .cr-rays{opacity:1;transform:translate(-50%,-50%) scale(1);animation:crRaySpin 9s linear infinite}.cr-chest{position:relative;width:140px;height:118px}.cr-stage.cr-open .cr-chest{animation:crShake .5s ease-in-out}.cr-lid{position:absolute;top:6px;left:0;width:140px;height:50px;border:3px solid;border-radius:14px 14px 4px 4px;transform-origin:50% 100%;transition:transform .5s cubic-bezier(.5,-.4,.4,1.4);z-index:2}.cr-stage.cr-open .cr-lid{transform:perspective(320px) rotateX(-118deg)}.cr-body{position:absolute;bottom:0;left:0;width:140px;height:66px;border:3px solid;border-radius:4px 4px 14px 14px;z-index:1}.cr-lock{position:absolute;top:46px;left:50%;transform:translate(-50%);width:20px;height:22px;background:radial-gradient(circle at 50% 35%,#ffe08a,#caa029);border:2px solid #8a6a10;border-radius:5px;z-index:3}.cr-loot{border:3px solid;border-radius:16px;padding:1rem 1.4rem;background:#100c1e;animation:popIn .5s both}@keyframes ccCelebrate{0%{transform:scale(.7) rotate(-6deg);opacity:0}55%{transform:scale(1.12) rotate(3deg);opacity:1;filter:drop-shadow(0 0 14px var(--gold))}to{transform:scale(1) rotate(0);filter:drop-shadow(0 0 0 transparent)}}.cc-celebrate{animation:ccCelebrate .9s cubic-bezier(.2,.7,.2,1.4) both}