.xp-ring{position:relative;flex-shrink:0}.xp-ring__track{stroke:var(--color-panel-border)}.xp-ring__fill{transition:stroke-dashoffset .6s ease}.xp-ring--primary .xp-ring__fill{stroke:var(--color-primary);filter:drop-shadow(0 0 6px rgba(255,107,53,.55))}.xp-ring--secondary .xp-ring__fill{stroke:var(--color-secondary);filter:drop-shadow(0 0 6px rgba(61,220,151,.55))}.xp-ring--accent .xp-ring__fill{stroke:var(--color-accent);filter:drop-shadow(0 0 6px rgba(255,210,63,.55))}.xp-ring__center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}.xp-ring__value{font-family:var(--font-mono);font-weight:700;font-size:1.1rem;color:var(--color-text)}.xp-ring__label{font-family:var(--font-mono);font-size:.55rem;letter-spacing:.08em;color:var(--color-text-faint);margin-top:2px}.app-shell{display:flex;min-height:100vh}.app-rail{width:var(--rail-width);flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:var(--space-5);padding:var(--space-4) 0;background:var(--color-panel);border-right:2px solid var(--color-panel-border)}.app-rail__logo{font-family:var(--font-display);font-weight:800;font-size:1.1rem;color:var(--color-primary);letter-spacing:.05em}.app-rail__nav{display:flex;flex-direction:column;gap:var(--space-3);flex:1}.app-rail__item{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-md);color:var(--color-text-dim);background:transparent;border:2px solid transparent;cursor:pointer;transition:var(--transition-pop),background .15s ease,color .15s ease}.app-rail__item:hover{color:var(--color-text);background:var(--color-panel-alt)}.app-rail__item--active{color:#1a0f00;background:var(--color-primary);box-shadow:var(--shadow-pop-primary)}.app-rail__logout{margin-top:auto}.app-rail__logout:hover{color:var(--color-danger);background:var(--color-panel-alt)}.app-main{flex:1;display:flex;flex-direction:column;min-width:0}.app-topbar{height:var(--topbar-height);flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-6);background:var(--color-bg-alt);border-bottom:2px solid var(--color-panel-border)}.app-topbar__pet{display:flex;align-items:center;gap:var(--space-3)}.app-topbar__pet-avatar{width:44px;height:44px;border-radius:var(--radius-md);background:var(--color-panel);border:2px solid var(--color-panel-border);display:flex;align-items:center;justify-content:center;font-size:1.3rem}.app-topbar__user{display:flex;flex-direction:column;gap:2px}.app-topbar__username{font-family:var(--font-display);font-weight:600;font-size:.95rem}.app-topbar__medal{width:fit-content}.app-topbar__stats{display:flex;align-items:center;gap:var(--space-5)}.app-topbar__credit-pill{display:flex;align-items:center;gap:var(--space-1)}.app-content{flex:1;padding:var(--space-6);overflow-y:auto}@media (max-width: 720px){.app-rail{width:64px}.app-topbar{padding:0 var(--space-4)}.app-topbar__username{display:none}}.auth-layout{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-6);padding:var(--space-5)}.auth-layout__brand{text-align:center}.auth-layout__logo{font-family:var(--font-display);font-weight:800;font-size:2.4rem;color:var(--color-primary);letter-spacing:.05em}.auth-layout__brand p{color:var(--color-text-dim);margin-top:var(--space-1)}.auth-layout__panel{width:100%;max-width:400px}.auth-form{display:flex;flex-direction:column;gap:var(--space-3)}.auth-form h2{margin-bottom:0}.auth-form__fields{display:flex;flex-direction:column;gap:var(--space-3)}.auth-form__field{display:flex;flex-direction:column;gap:var(--space-1);font-size:.85rem;color:var(--color-text-dim)}.auth-form__field input{background:var(--color-bg-alt);border:2px solid var(--color-panel-border);border-radius:var(--radius-sm);padding:var(--space-3);font-size:.95rem}.auth-form__field input:focus-visible{border-color:var(--color-accent)}.auth-form__switch{text-align:center;font-size:.9rem;margin:var(--space-2) 0 0}.auth-form__switch a{font-weight:600}.loader{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-6) var(--space-4);text-align:center}.loader__ring{position:relative;width:64px;height:64px}.loader__ring span{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:4px solid transparent;border-top-color:var(--color-primary);animation:loader-spin 1s linear infinite}.loader__ring span:nth-child(2){top:8px;right:8px;bottom:8px;left:8px;border-top-color:var(--color-secondary);animation-duration:1.4s;animation-direction:reverse}.loader__ring span:nth-child(3){top:16px;right:16px;bottom:16px;left:16px;border-top-color:var(--color-accent);animation-duration:.8s}@keyframes loader-spin{to{transform:rotate(360deg)}}.loader__message{margin:0;font-family:var(--font-display);font-size:.95rem;color:var(--color-text)}.loader__hint{margin:0;font-size:.8rem;color:var(--color-text-faint)}.evaluation-step{max-width:640px;margin:var(--space-7) auto;display:flex;flex-direction:column;gap:var(--space-4)}.evaluation-step__header{display:flex;gap:var(--space-2);flex-wrap:wrap}.evaluation-step__options{display:flex;flex-direction:column;gap:var(--space-2)}.evaluation-step__option{text-align:left;font-family:var(--font-body);font-size:.95rem;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:2px solid var(--color-panel-border);background:var(--color-bg-alt);color:var(--color-text-dim);cursor:pointer;transition:var(--transition-pop)}.evaluation-step__option:hover{border-color:var(--color-accent);color:var(--color-text)}.evaluation-step__option--selected{border-color:var(--color-primary);background:#ff6b3524;color:var(--color-text)}.evaluation-step__result h2{color:var(--color-secondary)}.onboarding-page{max-width:640px;margin:var(--space-7) auto;display:flex;flex-direction:column;gap:var(--space-4)}.onboarding-page__options{display:flex;flex-wrap:wrap;gap:var(--space-3)}.onboarding-page__option{font-family:var(--font-body);font-weight:600;font-size:.9rem;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:2px solid var(--color-panel-border);background:var(--color-bg-alt);color:var(--color-text-dim);cursor:pointer;transition:var(--transition-pop)}.onboarding-page__option:hover{border-color:var(--color-accent);color:var(--color-text)}.onboarding-page__option--selected{border-color:var(--color-secondary);background:#3ddc9724;color:var(--color-text)}.dashboard-page{display:flex;flex-direction:column;gap:var(--space-5)}.dashboard-page__welcome{display:flex;align-items:center;gap:var(--space-5)}.dashboard-page__welcome h1{margin:0 0 var(--space-1)}.dashboard-page__welcome p{margin:0;color:var(--color-text-dim)}.dashboard-page__grid{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-4)}@media (max-width: 720px){.dashboard-page__grid{grid-template-columns:1fr}}.dashboard-page__subject-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-3);margin:var(--space-3) 0 0;padding:0}.dashboard-page__subject-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--space-1) var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-bg-alt);border:2px solid var(--color-panel-border);transition:var(--transition-pop)}.dashboard-page__subject-row:hover{border-color:var(--color-accent)}.dashboard-page__subject-name{font-family:var(--font-display);grid-column:1 / 2}.dashboard-page__subject-row .progress-track{grid-column:1 / -1}.dashboard-page__subject-hint{grid-column:1 / -1;font-size:.8rem;color:var(--color-text-faint)}.dashboard-page__pet-content{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-2)}.dashboard-page__pet-avatar{width:48px;height:48px;border-radius:50%;background:var(--color-bg-alt);border:2px solid var(--color-panel-border);display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.dashboard-page__pet-name{margin:0;font-family:var(--font-display);font-size:.95rem}.dashboard-page__pet-level{margin:0;font-size:.8rem;color:var(--color-text-faint)}.subject-view{display:flex;flex-direction:column;gap:var(--space-4)}.subject-view--detail{max-width:640px}.subject-view__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-4)}.subject-card{display:flex;flex-direction:column;gap:var(--space-2);transition:var(--transition-pop)}.subject-card:hover{transform:translateY(-2px);border-color:var(--color-accent)}.subject-card h2{margin:0;font-size:1.1rem}.subject-card__hint{font-size:.8rem;color:var(--color-text-faint)}.subject-view__back{font-size:.85rem;color:var(--color-text-dim);text-decoration:none}.subject-view__back:hover{color:var(--color-text)}.subject-view__head{display:flex;align-items:center;gap:var(--space-4)}.subject-view__head h1{margin:0 0 var(--space-1)}.subject-view__hint{margin:0;color:var(--color-text-dim);font-size:.9rem}.subject-view__eval-note{font-size:.85rem;color:var(--color-text-faint)}.subject-view__actions{display:flex;gap:var(--space-3);flex-wrap:wrap}.pet-companion{display:flex;align-items:flex-start;gap:var(--space-3)}.pet-companion__avatar{flex-shrink:0;border-radius:50%;background:var(--color-bg-alt);border:2px solid var(--color-panel-border);display:flex;align-items:center;justify-content:center}.pet-companion__avatar--happy{border-color:var(--color-secondary);animation:pet-companion-bounce .7s ease}.pet-companion__avatar--sad{border-color:var(--color-accent);animation:pet-companion-droop .5s ease}.pet-companion__avatar--idle{animation:pet-companion-float 2.4s ease-in-out infinite}@keyframes pet-companion-bounce{0%,to{transform:translateY(0) scale(1)}30%{transform:translateY(-10px) scale(1.08)}50%{transform:translateY(0) scale(.96)}70%{transform:translateY(-4px) scale(1.03)}}@keyframes pet-companion-droop{0%{transform:rotate(0)}30%{transform:rotate(-10deg)}60%{transform:rotate(7deg)}to{transform:rotate(0)}}@keyframes pet-companion-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.pet-companion__info{display:flex;flex-direction:column;gap:var(--space-1);flex:1}.pet-companion__name{font-family:var(--font-display);font-size:.8rem;color:var(--color-text-faint)}.pet-companion__bubble{position:relative;background:var(--color-bg-alt);border:2px solid var(--color-panel-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-size:.88rem;color:var(--color-text)}.pet-companion__bubble:before{content:"";position:absolute;left:-7px;top:14px;width:12px;height:12px;background:inherit;border-left:2px solid var(--color-panel-border);border-bottom:2px solid var(--color-panel-border);transform:rotate(45deg)}.pet-companion__bubble--happy{border-color:var(--color-secondary)}.pet-companion__bubble--happy:before{border-color:var(--color-secondary)}.pet-companion__bubble--sad{border-color:var(--color-accent)}.pet-companion__bubble--sad:before{border-color:var(--color-accent)}.exercise-type{display:flex;flex-direction:column;gap:var(--space-3)}.exercise-type__statement{margin:0;font-size:1.15rem}.exercise-type__hint{margin:0;font-size:.8rem;color:var(--color-text-faint)}.exercise-type__options{display:flex;flex-direction:column;gap:var(--space-2)}.exercise-type__option{text-align:left;font-family:var(--font-body);font-size:.95rem;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:2px solid var(--color-panel-border);background:var(--color-bg-alt);color:var(--color-text-dim);cursor:pointer;transition:var(--transition-pop)}.exercise-type__option:hover{border-color:var(--color-accent);color:var(--color-text)}.exercise-type__option--selected{border-color:var(--color-primary);background:#ff6b3524;color:var(--color-text)}.exercise-type__steps{list-style:none;display:flex;flex-direction:column;gap:var(--space-2);margin:0;padding:0}.exercise-type__step{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);border:2px solid var(--color-panel-border);background:var(--color-bg-alt);cursor:grab}.exercise-type__step:active{cursor:grabbing}.exercise-type__step-index{font-family:var(--font-mono);color:var(--color-accent);font-weight:700;min-width:1.2em}.exercise-type__step-text{flex:1;color:var(--color-text)}.exercise-type__step-controls{display:flex;gap:var(--space-1)}.exercise-type__step-controls button{width:28px;height:28px;border-radius:var(--radius-sm);border:2px solid var(--color-panel-border);background:var(--color-panel);color:var(--color-text-dim);cursor:pointer}.exercise-type__step-controls button:disabled{opacity:.35;cursor:not-allowed}.exercise-type__cables{display:flex;justify-content:space-between;gap:var(--space-5)}.exercise-type__cable-column{flex:1;display:flex;flex-direction:column;gap:var(--space-2)}.exercise-type__cable-item{font-family:var(--font-body);font-size:.9rem;padding:var(--space-3);border-radius:var(--radius-md);border:2px solid var(--color-panel-border);background:var(--color-bg-alt);color:var(--color-text-dim);cursor:pointer;transition:var(--transition-pop)}.exercise-type__cable-item:hover{border-color:var(--color-accent)}.exercise-type__cable-item--active{border-color:var(--color-primary)!important;color:var(--color-text)!important;box-shadow:var(--shadow-pop-primary)}.exercise-type__reset{align-self:flex-start}.exercise-player{max-width:640px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-4)}.exercise-player__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);flex-wrap:wrap}.exercise-player__back{font-size:.85rem;color:var(--color-text-dim);text-decoration:none}.exercise-player__back:hover{color:var(--color-text)}.exercise-player__feedback{background:#ff43651f;border:2px solid var(--color-danger);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);display:flex;align-items:flex-start;gap:var(--space-3);animation:feedback-shake .4s ease}.exercise-player__feedback-icon{flex-shrink:0;width:28px;height:28px;border-radius:50%;background:var(--color-danger);color:var(--color-text);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem}@keyframes feedback-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}.exercise-player__feedback--pet{background:none;border:none;padding:0;flex-direction:column;align-items:stretch;animation:none}.exercise-player__feedback--pet .exercise-player__feedback-hint{margin-left:calc(60px + var(--space-3))}.exercise-player__feedback p{margin:0;font-size:.9rem;color:var(--color-text)}.exercise-player__feedback-hint{color:var(--color-text-faint)!important;font-size:.8rem!important;margin-top:var(--space-1)!important}.exercise-player__link-button{background:none;border:none;padding:0;font:inherit;color:var(--color-accent);text-decoration:underline;cursor:pointer}.exercise-player__result{align-items:center;text-align:center}.exercise-player__result-badge{width:64px;height:64px;border-radius:50%;background:var(--color-secondary);color:#04342c;font-size:2rem;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-2);animation:badge-pop .5s cubic-bezier(.34,1.56,.64,1)}@keyframes badge-pop{0%{transform:scale(0) rotate(-20deg);opacity:0}60%{transform:scale(1.15) rotate(8deg);opacity:1}to{transform:scale(1) rotate(0)}}.exercise-player__result h2{color:var(--color-secondary);margin-bottom:var(--space-2)}.exercise-player__reward-list{list-style:none;margin:0 0 var(--space-4);padding:0;display:flex;flex-direction:column;gap:var(--space-2);width:100%}.exercise-player__reward-list li{background:var(--color-bg-alt);border:2px solid var(--color-panel-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-size:.9rem;opacity:0;animation:reward-in .4s ease forwards}@keyframes reward-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.exercise-player__actions{display:flex;gap:var(--space-3);flex-wrap:wrap}.pet-evo-timeline{display:flex;align-items:flex-start;justify-content:center;gap:var(--space-3);overflow-x:auto;padding:var(--space-2) 0}.pet-evo-timeline__stage{display:flex;flex-direction:column;align-items:center;gap:4px;position:relative;flex-shrink:0}.pet-evo-timeline__line{position:absolute;top:15px;right:100%;width:var(--space-3);height:2px;background:var(--color-panel-border)}.pet-evo-timeline__line--done{background:var(--color-secondary)}.pet-evo-timeline__node{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;background:var(--color-bg-alt);border:2px solid var(--color-panel-border)}.pet-evo-timeline__node--done{border-color:var(--color-secondary);background:#3ddc9724}.pet-evo-timeline__node--locked{opacity:.5;font-size:.8rem}.pet-evo-timeline__node--current{box-shadow:0 0 0 3px #ffd23f59;border-color:var(--color-accent)}.pet-evo-timeline__label{font-size:.62rem;color:var(--color-text-faint);white-space:nowrap}.pets-page{display:flex;flex-direction:column;gap:var(--space-4)}.pets-page__wallet{display:flex;align-items:center;justify-content:space-between;flex-direction:row}.pets-page__wallet-label{color:var(--color-text-dim);font-size:.9rem}.pets-page__wallet-value{font-family:var(--font-display);font-size:1.4rem;color:var(--color-accent)}.pets-page__play-cta{display:flex;align-items:center;justify-content:space-between;flex-direction:row;flex-wrap:wrap;gap:var(--space-3)}.pets-page__play-cta h2{margin:0 0 4px;font-size:1rem}.pets-page__play-cta p{margin:0;font-size:.82rem;color:var(--color-text-faint)}.pets-page__hint{font-size:.8rem;color:var(--color-text-faint);margin-top:calc(var(--space-2) * -1);margin-bottom:var(--space-3)}.pets-page__owned-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-4);margin-top:var(--space-3)}.pet-card{background:var(--color-bg-alt);border:2px solid var(--color-panel-border);border-radius:var(--radius-md);padding:var(--space-4);display:flex;flex-direction:column;align-items:center;gap:var(--space-2);text-align:center}.pet-card__avatar{width:56px;height:56px;border-radius:50%;background:var(--color-panel);display:flex;align-items:center;justify-content:center;font-size:1.8rem}.pet-card h3{margin:0;font-size:1rem}.pet-card__stage{margin:0;font-size:.8rem;color:var(--color-text-dim)}.pet-card__next{margin:0;font-size:.75rem;color:var(--color-text-faint)}.pet-card__active-badge{background:#3ddc9729;border-color:var(--color-secondary);color:var(--color-secondary)}.pet-card__points-form{display:flex;gap:var(--space-2);width:100%;margin-top:var(--space-1)}.pet-card__points-form input{width:0;flex:1;background:var(--color-bg);border:2px solid var(--color-panel-border);border-radius:var(--radius-sm);padding:var(--space-2);color:var(--color-text);font-size:.85rem}.pets-page__gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:var(--space-3);margin-top:var(--space-3)}.pet-slot{background:var(--color-bg-alt);border:2px solid var(--color-panel-border);border-radius:var(--radius-md);padding:var(--space-3);display:flex;flex-direction:column;align-items:center;gap:var(--space-2);text-align:center}.pet-slot--locked{opacity:.55}.pet-slot__avatar{width:44px;height:44px;border-radius:50%;background:var(--color-panel);display:flex;align-items:center;justify-content:center;font-size:1.4rem}.pet-slot__name{font-size:.78rem;color:var(--color-text-dim)}.pet-slot__unlock-hint{font-size:.72rem;color:var(--color-text-faint)}.pet-room{display:flex;flex-direction:column;gap:var(--space-4)}.pet-room__header{display:flex;align-items:center;justify-content:space-between;flex-direction:row;flex-wrap:wrap;gap:var(--space-2)}.pet-room__header h1{margin:0 0 var(--space-1)}.pet-room__hint{margin:0;font-size:.8rem;color:var(--color-text-faint);max-width:320px;text-align:right}.pet-room__stage{position:relative;height:280px;border-radius:var(--radius-md);border:2px solid var(--color-panel-border);background:linear-gradient(180deg,var(--color-bg-alt) 0%,var(--color-panel) 100%);overflow:hidden}.pet-room__ground{position:absolute;left:0;right:0;bottom:0;height:44px;background:#ffffff08;border-top:2px dashed var(--color-panel-border)}.pet-room__sprite{position:absolute;bottom:44px;transition:left .18s linear}.pet-room__sprite-face{display:inline-block;font-size:3.2rem;line-height:1;cursor:pointer;filter:drop-shadow(0 4px 6px rgba(0,0,0,.35));transition:transform .5s ease}.pet-room__sprite-face--jump{transform:translateY(-72px)}.pet-room__sprite-face--happy{animation:pet-room-wiggle .5s ease}@keyframes pet-room-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-14deg)}75%{transform:rotate(14deg)}}.pet-room__effect{position:absolute;bottom:100px;font-size:1.7rem;animation:pet-room-effect-fly .9s ease forwards;pointer-events:none}@keyframes pet-room-effect-fly{0%{opacity:1;transform:translateY(0) scale(.6)}60%{opacity:1;transform:translateY(-70px) scale(1.2)}to{opacity:0;transform:translateY(-110px) scale(1)}}.pet-room__controls{display:flex;align-items:center;justify-content:space-between;flex-direction:row;flex-wrap:wrap;gap:var(--space-3)}.pet-room__dpad{display:flex;gap:var(--space-2)}.pet-room__dpad button{width:44px;height:44px;border-radius:var(--radius-md);border:2px solid var(--color-panel-border);background:var(--color-bg-alt);color:var(--color-text);font-size:1.1rem;cursor:pointer;transition:var(--transition-pop)}.pet-room__dpad button:hover{border-color:var(--color-accent)}.pet-room__abilities{display:flex;gap:var(--space-2);flex-wrap:wrap}.pet-room__back{align-self:flex-start;font-size:.85rem;color:var(--color-text-dim);text-decoration:none}.pet-room__back:hover{color:var(--color-text)}.leaderboard-page{max-width:780px}.leaderboard-page__hint{font-size:.8rem;color:var(--color-text-faint);margin-top:0;margin-bottom:var(--space-4)}.leaderboard-page__table{display:flex;flex-direction:column;gap:var(--space-1)}.leaderboard-page__row{display:grid;grid-template-columns:2.5rem 1.5fr 1fr 1fr 1fr 1fr;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:.85rem}.leaderboard-page__row--head{color:var(--color-text-faint);font-size:.72rem;text-transform:uppercase;letter-spacing:.04em}.leaderboard-page__row:not(.leaderboard-page__row--head){background:var(--color-bg-alt);border:2px solid var(--color-panel-border)}.leaderboard-page__row--me{border-color:var(--color-accent)!important;box-shadow:0 0 0 1px var(--color-accent)}.leaderboard-page__rank{font-family:var(--font-mono);color:var(--color-accent);font-weight:700}@media (max-width: 640px){.leaderboard-page__row{grid-template-columns:2rem 1.5fr 1fr 1fr}.leaderboard-page__row span:nth-child(5),.leaderboard-page__row span:nth-child(6){display:none}}.settings-page{max-width:520px;display:flex;flex-direction:column;gap:var(--space-5)}.settings-page__section{display:flex;flex-direction:column;gap:var(--space-2)}.settings-page__section h2{margin:0;font-size:1rem}.settings-page__toggle{display:flex;align-items:center;justify-content:space-between;font-size:.95rem;color:var(--color-text-dim)}.settings-page__hint{font-size:.8rem;color:var(--color-text-faint);margin:0}.settings-page__options-grid{display:flex;flex-wrap:wrap;gap:var(--space-2)}.settings-page__option{font-family:var(--font-body);font-size:.85rem;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:2px solid var(--color-panel-border);background:var(--color-bg-alt);color:var(--color-text-dim);cursor:pointer;transition:var(--transition-pop)}.settings-page__option:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-text)}.settings-page__option--selected{border-color:var(--color-primary);background:#ff6b3524;color:var(--color-text)}.settings-page__option--locked{opacity:.5;cursor:not-allowed}.store-page{max-width:640px}.store-page__coming-soon{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);text-align:center;padding:var(--space-6) var(--space-4);color:var(--color-text-dim)}.store-page__coming-soon-icon{font-size:2.5rem}.store-page__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-3)}.store-page__item{background:var(--color-bg-alt);border:2px solid var(--color-panel-border);border-radius:var(--radius-md);padding:var(--space-3)}.store-page__item h3{margin:0 0 var(--space-1);font-size:.95rem}.store-page__item p{margin:0 0 var(--space-2);font-size:.8rem;color:var(--color-text-faint)}.auth-callback{min-height:100vh;display:flex;align-items:center;justify-content:center;color:var(--color-text-dim);font-family:var(--font-display)}:root{--color-bg: #140e29;--color-bg-alt: #1b1338;--color-panel: #201743;--color-panel-alt: #291d54;--color-panel-border: #3c2d72;--color-primary: #ff6b35;--color-primary-dark: #e0531f;--color-secondary: #3ddc97;--color-secondary-dark: #29b87c;--color-accent: #ffd23f;--color-accent-dark: #e0b012;--color-danger: #ff4365;--color-danger-dark: #d92e4d;--color-text: #f5f2ff;--color-text-dim: #b6acdb;--color-text-faint: #8377ab;--font-display: "Baloo 2", system-ui, sans-serif;--font-body: "Nunito Sans", system-ui, sans-serif;--font-mono: "Space Mono", "Courier New", monospace;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px;--radius-pill: 999px;--shadow-pop-primary: 0 4px 0 var(--color-primary-dark), 0 10px 20px rgba(255, 107, 53, .25);--shadow-pop-secondary: 0 4px 0 var(--color-secondary-dark), 0 10px 20px rgba(61, 220, 151, .25);--shadow-pop-accent: 0 4px 0 var(--color-accent-dark), 0 10px 20px rgba(255, 210, 63, .25);--shadow-panel: 0 12px 32px rgba(0, 0, 0, .45);--shadow-inset: inset 0 0 0 2px var(--color-panel-border);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--rail-width: 88px;--topbar-height: 76px;--transition-pop: transform .12s ease, box-shadow .12s ease}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:radial-gradient(circle at 20% 0%,var(--color-bg-alt) 0%,var(--color-bg) 55%);background-attachment:fixed;color:var(--color-text);font-family:var(--font-body);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;margin:0 0 var(--space-3);letter-spacing:.2px}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.15rem}p{margin:0 0 var(--space-3);color:var(--color-text-dim)}a{color:var(--color-accent);text-decoration:none}ul,ol{margin:0;padding:0}button,input,select,textarea{font-family:inherit;color:inherit}:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}.panel{background:var(--color-panel);border:2px solid var(--color-panel-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-panel);padding:var(--space-5)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-display);font-weight:600;font-size:.95rem;border:none;border-radius:var(--radius-pill);padding:var(--space-3) var(--space-5);cursor:pointer;transition:var(--transition-pop)}.btn:active{transform:translateY(3px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:var(--color-primary);color:#1a0f00;box-shadow:var(--shadow-pop-primary)}.btn-primary:active{box-shadow:0 1px 0 var(--color-primary-dark)}.btn-secondary{background:var(--color-secondary);color:#04231a;box-shadow:var(--shadow-pop-secondary)}.btn-secondary:active{box-shadow:0 1px 0 var(--color-secondary-dark)}.btn-ghost{background:transparent;color:var(--color-text-dim);border:2px solid var(--color-panel-border)}.btn-ghost:hover{border-color:var(--color-accent);color:var(--color-text)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);font-family:var(--font-mono);font-size:.75rem;padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--color-panel-alt);border:1px solid var(--color-panel-border);color:var(--color-text-dim)}.stat-number{font-family:var(--font-mono);font-weight:700}.progress-track{width:100%;height:12px;border-radius:var(--radius-pill);background:var(--color-bg-alt);box-shadow:var(--shadow-inset);overflow:hidden}.progress-fill{height:100%;border-radius:var(--radius-pill);background:linear-gradient(90deg,var(--color-secondary),var(--color-accent));transition:width .4s ease}.form-error{color:var(--color-danger);font-size:.85rem;margin:0}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-panel-border);border-radius:var(--radius-pill)}