:root{--color-primary:#ff9f1c;--color-primary-dark:#e8890b;--color-secondary:#2ec4b6;--color-accent:#e71d36;--color-background:#fff8ee;--color-surface:#fff;--color-card-bg:#fff;--color-text:#011627;--color-text-light:#5c6478;--color-primary-text:#b45309;--color-bg:#f4f6f8;--color-bg-alt:#e5e7eb;--color-border:#e2e6eb;--color-success:#38b000;--color-error:#d00000;--grad-home:linear-gradient(135deg, #ffe5b4 0%, #ffcba4 100%);--grad-alphabet:linear-gradient(135deg, #c7f0db 0%, #a0e7e5 100%);--grad-quizzes:linear-gradient(135deg, #ffd6e0 0%, #ffa1b5 100%);--grad-profile:linear-gradient(135deg, #e0d4fd 0%, #bba3f0 100%);--grad-map:linear-gradient(135deg, #ffe2a8 0%, #ffb347 50%, #ff7e5f 100%);--color-coin:gold;--color-gem:#6ec8ff;--color-star:#ff6b9d;--font-family:"Nunito", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--font-size-h1:clamp(1.5rem, 7vw, 2.5rem);--font-size-h2:clamp(1.25rem, 5.5vw, 1.9rem);--font-size-h3:clamp(1.05rem, 4vw, 1.35rem);--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--radius-pill:9999px;--shadow-sm:0 4px 6px #0000000d;--shadow-md:0 8px 15px #0000001a;--shadow-lg:0 16px 24px #00000026;--shadow-glow:0 0 24px #ff9f1c66;--transition-bounce:all .4s cubic-bezier(.175, .885, .32, 1.275);--nav-content-height:58px;--safe-bottom:env(safe-area-inset-bottom,0px);--nav-height:calc(var(--nav-content-height) + var(--safe-bottom));--page-max-width:960px;--page-padding-inline:clamp(12px, 4vw, 24px)}:root[data-theme=dark]{--color-background:#0b1420;--color-surface:#1b2a3d;--color-card-bg:#1b2a3d;--color-text:#fdfffc;--color-text-light:#a0aabf;--color-primary-text:#ff9f1c;--color-bg:#16243a;--color-bg-alt:#2a3a52;--color-border:#33455e;--grad-home:linear-gradient(135deg, #2a2438 0%, #4a3c68 100%);--grad-alphabet:linear-gradient(135deg, #1f3a4d 0%, #2a6b5f 100%);--grad-quizzes:linear-gradient(135deg, #4a1f3d 0%, #802a52 100%);--grad-profile:linear-gradient(135deg, #2d1f4a 0%, #5b3a7f 100%);--grad-map:linear-gradient(135deg, #2d1b4a 0%, #5b3a7f 50%, #8a4f7f 100%);--shadow-sm:0 4px 6px #0000004d;--shadow-md:0 8px 15px #0006;--shadow-lg:0 16px 24px #00000080}@media (prefers-color-scheme:dark){:root:not([data-theme]){--color-background:#0b1420;--color-surface:#1b2a3d;--color-card-bg:#1b2a3d;--color-text:#fdfffc;--color-text-light:#a0aabf;--color-primary-text:#ff9f1c;--color-bg:#16243a;--color-bg-alt:#2a3a52;--color-border:#33455e;--grad-home:linear-gradient(135deg, #2a2438 0%, #4a3c68 100%);--grad-alphabet:linear-gradient(135deg, #1f3a4d 0%, #2a6b5f 100%);--grad-quizzes:linear-gradient(135deg, #4a1f3d 0%, #802a52 100%);--grad-profile:linear-gradient(135deg, #2d1f4a 0%, #5b3a7f 100%);--grad-map:linear-gradient(135deg, #2d1b4a 0%, #5b3a7f 50%, #8a4f7f 100%);--shadow-sm:0 4px 6px #0000004d;--shadow-md:0 8px 15px #0006;--shadow-lg:0 16px 24px #00000080}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:var(--font-family);background-color:var(--color-background);color:var(--color-text);min-height:100dvh;transition:background-color .4s,color .4s;overflow-x:hidden}h1,h2,h3,h4,h5,h6{letter-spacing:-.5px;font-weight:800}h1{font-size:var(--font-size-h1)}h2{font-size:var(--font-size-h2)}h3{font-size:var(--font-size-h3)}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}h1,h2,h3,h4,h5,h6,p,li,button,a{overflow-wrap:break-word}:where(button,a,input,select,textarea):focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}.pin-input::placeholder{letter-spacing:normal;font-size:.95rem}.btn-icon{justify-content:center;align-items:center;min-width:44px;min-height:44px;display:inline-flex}.app-container{max-width:1200px;padding:20px var(--page-padding-inline);padding-bottom:calc(var(--nav-height) + 24px);z-index:1;flex-direction:column;min-height:100dvh;margin:0 auto;display:flex;position:relative}.page{width:100%;max-width:var(--page-max-width);padding-inline:var(--page-padding-inline);gap:20px;margin-inline:auto;display:grid}.tab-strip{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;justify-content:safe center;gap:8px;max-width:100%;padding:5px;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12px calc(100% - 12px),#0000);mask-image:linear-gradient(90deg,#0000,#000 12px calc(100% - 12px),#0000)}.tab-strip::-webkit-scrollbar{display:none}.tab-strip>*{scroll-snap-align:center;flex:none}.stack-sm{flex-wrap:wrap;gap:8px;display:flex}.stack-sm>*{min-width:0}@media (width<=480px){.stack-sm{flex-direction:column;align-items:stretch}}body:before{content:"";background:var(--grad-home);opacity:.5;z-index:0;pointer-events:none;transition:background .6s,opacity .4s;position:fixed;inset:0}body[data-route=alphabet]:before{background:var(--grad-alphabet)}body[data-route=quizzes]:before{background:var(--grad-quizzes)}body[data-route=profile]:before{background:var(--grad-profile)}body[data-route=map]:before{background:var(--grad-map)}.header{padding:12px 0;padding-top:calc(12px + env(safe-area-inset-top,0px));justify-content:space-between;align-items:center;gap:10px;display:flex}.header .app-title{white-space:nowrap;text-overflow:ellipsis;font-size:clamp(1.05rem,4.5vw,1.9rem);overflow:hidden}@media (width<=400px){.header .app-title,.header .theme-toggle-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.header .lang-select{text-indent:-9999px;width:1.6rem;color:#0000!important}.header .currency-badge{padding:4px 6px;font-size:.8rem}}.btn-primary{background-color:var(--color-primary);color:var(--color-text);border-radius:var(--radius-pill);box-shadow:var(--shadow-sm);transition:var(--transition-bounce);padding:12px 24px;font-size:1.1rem;font-weight:700}.btn-primary:hover{box-shadow:var(--shadow-md);background-color:var(--color-primary-dark);transform:translateY(-4px)scale(1.05)}.btn-primary.btn-on-dark{color:#fff}.btn-primary:active{transform:translateY(-1px)scale(.98)}.bottom-nav{height:var(--nav-height);background:var(--color-surface);border-top:1px solid var(--color-border);padding:6px 4px var(--safe-bottom);z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);justify-content:space-around;align-items:flex-start;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 12px #0000000f}.nav-item{text-align:center;min-width:0;color:var(--color-text-light);border-radius:var(--radius-md);transition:var(--transition-bounce);flex-direction:column;flex:1 1 0;align-items:center;gap:2px;padding:4px 6px;font-size:.7rem;font-weight:700;line-height:1.2;display:flex}.nav-item>span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.nav-item.active{color:var(--color-primary-text)}.nav-item.active>svg{transform:translateY(-2px)}.nav-item:active{transform:scale(.9)}@keyframes idle-pulse{0%,to{transform:scale(1)}50%{box-shadow:var(--shadow-glow);transform:scale(1.04)}}.idle-pulse{animation:2.4s ease-in-out 4s infinite idle-pulse}.splash-screen{background:var(--grad-map);z-index:9999;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.currency-badge{border-radius:var(--radius-pill);background:var(--color-surface);box-shadow:var(--shadow-sm);align-items:center;gap:4px;padding:4px 10px;font-size:.9rem;font-weight:800;display:inline-flex}.card-hover{transition:var(--transition-bounce)}.card-hover:hover{box-shadow:var(--shadow-lg);transform:translateY(-6px)}@keyframes sparkle{0%,to{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.2)}}.sparkle{animation:1.4s ease-in-out infinite sparkle}button[data-dot-control=true]:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px;box-shadow:0 0 0 2px var(--color-surface)}