:root{--ink:#12202e;--ink-soft:#4a5c6b;--atlas:#1e6091;--atlas-deep:#154766;--atlas-tint:#e4eef3;--teal:#0f7a72;--teal-deep:#0a5850;--teal-tint:#d8f0ec;--brass:#b8863b;--brass-deep:#8f6526;--brass-tint:#f6edda;--success:#2f8f5b;--success-tint:#e3f3e9;--danger:#c33b2e;--danger-tint:#fbe7e4;--paper:#fcfcfb;--surface:#eef3f6;--line:#d7e0e6;--font-display:"Libre Caslon Display", Georgia, serif;--font-body:"Public Sans", system-ui, "Segoe UI", Roboto, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, Consolas, monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--radius-full:999px;--header-height:56px;--content-max-width:1400px;--shadow-xs:0 1px 2px #12202e0f;--shadow-sm:0 2px 8px #12202e14;--shadow-md:0 8px 20px #12202e1a;--shadow-lg:0 20px 44px #12202e29;--focus-ring:0 0 0 4px var(--atlas-tint), 0 0 0 2px var(--atlas);--teal-solid:#0a5850;--teal-solid-deep:#083f39;--danger-solid:#c33b2e;--success-solid:#267047;--ink-solid:#12202e;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font:16px/1.5 var(--font-body);color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--ink:#e7eef3;--ink-soft:#a9bac7;--atlas:#5da3cc;--atlas-deep:#86c0e3;--atlas-tint:#17303e;--teal:#3fc2b4;--teal-deep:#7adcd0;--teal-tint:#103330;--brass:#d7ae68;--brass-deep:#eccb8f;--brass-tint:#2a2214;--success:#55b583;--success-tint:#16281e;--danger:#e2695b;--danger-tint:#2c1613;--paper:#0b141c;--surface:#131f2a;--line:#223140;--shadow-xs:0 1px 2px #00000052;--shadow-sm:0 2px 10px #0000005c;--shadow-md:0 10px 24px #0000006b;--shadow-lg:0 24px 48px #00000080}}:root[data-theme=dark]{--ink:#e7eef3;--ink-soft:#a9bac7;--atlas:#5da3cc;--atlas-deep:#86c0e3;--atlas-tint:#17303e;--teal:#3fc2b4;--teal-deep:#7adcd0;--teal-tint:#103330;--brass:#d7ae68;--brass-deep:#eccb8f;--brass-tint:#2a2214;--success:#55b583;--success-tint:#16281e;--danger:#e2695b;--danger-tint:#2c1613;--paper:#0b141c;--surface:#131f2a;--line:#223140;--shadow-xs:0 1px 2px #00000052;--shadow-sm:0 2px 10px #0000005c;--shadow-md:0 10px 24px #0000006b;--shadow-lg:0 24px 48px #00000080;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--ink:#12202e;--ink-soft:#4a5c6b;--atlas:#1e6091;--atlas-deep:#154766;--atlas-tint:#e4eef3;--teal:#0f7a72;--teal-deep:#0a5850;--teal-tint:#d8f0ec;--brass:#b8863b;--brass-deep:#8f6526;--brass-tint:#f6edda;--success:#2f8f5b;--success-tint:#e3f3e9;--danger:#c33b2e;--danger-tint:#fbe7e4;--paper:#fcfcfb;--surface:#eef3f6;--line:#d7e0e6;--shadow-xs:0 1px 2px #12202e0f;--shadow-sm:0 2px 8px #12202e14;--shadow-md:0 8px 20px #12202e1a;--shadow-lg:0 20px 44px #12202e29;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}h1,h2,h3{font-family:var(--font-body);color:var(--ink);margin:0;font-weight:700}:focus-visible{box-shadow:var(--focus-ring);border-radius:var(--radius-sm);outline:none}.skip-link{top:-100%;left:var(--space-3);z-index:100;padding:var(--space-2) var(--space-4);background:var(--paper);color:var(--ink);border:1.5px solid var(--line);border-radius:var(--radius-sm);font-weight:600;text-decoration:none;position:absolute}.skip-link:focus-visible{top:var(--space-3)}*,:before,:after{box-sizing:border-box}html{scrollbar-gutter:stable}#root{flex-direction:column;min-height:100svh;display:flex}body,p{margin:0}.async-state{padding:var(--space-7) 0;justify-content:center;display:flex}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes vt-fade{0%{opacity:0}to{opacity:1}}@keyframes vt-scale-up{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}::view-transition-old(root){animation-duration:.18s}::view-transition-new(root){animation-duration:.18s}::view-transition-old(quiz-stage){mix-blend-mode:normal}::view-transition-new(quiz-stage){mix-blend-mode:normal}::view-transition-old(quiz-stage){animation:none}::view-transition-new(quiz-stage){animation:.2s ease-out vt-fade}::view-transition-new(game-score-reveal){animation:.32s ease-out vt-scale-up}@media (prefers-reduced-motion:reduce){::view-transition-old(*){animation-duration:0s!important;animation-delay:0s!important}::view-transition-new(*){animation-duration:0s!important;animation-delay:0s!important}::view-transition-group(*){animation-duration:0s!important;animation-delay:0s!important}}.modal-overlay{z-index:200;padding:var(--space-5);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-overlay__backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);cursor:default;background:#12202e80;border:none;position:absolute;inset:0}.modal-panel{background:var(--paper);border-radius:var(--radius-lg);width:100%;max-width:440px;max-height:min(80svh,640px);box-shadow:var(--shadow-xs), inset 0 0 0 1px var(--line);outline:none;flex-direction:column;display:flex;position:relative;overflow:hidden}.modal-panel__header{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-5) var(--space-4);border-bottom:1px solid var(--line);display:flex}.modal-panel__title{font:700 18px/1.3 var(--font-body);color:var(--ink)}.modal-panel__close{border-radius:var(--radius-full);width:32px;height:32px;color:var(--ink-soft);cursor:pointer;background:0 0;border:none;flex:none;justify-content:center;align-items:center;transition:background-color .15s,color .15s;display:inline-flex}.modal-panel__close:hover{background:var(--teal-tint);color:var(--teal-deep)}.modal-panel__close:focus-visible{border-radius:var(--radius-full)}.modal-panel__body{padding:var(--space-5);overflow-y:auto}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-full);font:700 16px/1 var(--font-body);letter-spacing:.1px;cursor:pointer;border:none;padding:15px 28px;text-decoration:none;transition:box-shadow .15s,transform .15s,background-color .15s;display:inline-flex}.btn:disabled{cursor:not-allowed;opacity:.55}.btn--primary{background:var(--teal-solid);color:#fff;box-shadow:0 3px 0 var(--teal-solid-deep), var(--shadow-sm)}.btn--primary:hover:not(:disabled){background:var(--teal-solid-deep);box-shadow:0 2px 0 var(--teal-solid-deep), var(--shadow-md);transform:translateY(1px)}.btn--primary:active:not(:disabled){box-shadow:0 0 0 var(--teal-solid-deep);transform:translateY(3px)}.btn--secondary{background:var(--surface);color:var(--ink);box-shadow:inset 0 0 0 2px var(--line)}.btn--secondary:hover:not(:disabled){box-shadow:inset 0 0 0 2px var(--teal);color:var(--teal-deep)}.btn--ghost{color:var(--ink-soft);background:0 0}.btn--ghost:hover:not(:disabled){background:var(--surface);color:var(--ink)}.spinner{width:28px;height:28px;display:inline-flex}.spinner__ring{border-radius:var(--radius-full);border:3px solid var(--line);border-top-color:var(--atlas);width:100%;height:100%;animation:.7s linear infinite spinner-spin}@keyframes spinner-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner__ring{animation-duration:1.6s}}.notification-bell__badge{border-radius:var(--radius-full);background:var(--teal-solid);color:#fff;min-width:15px;height:15px;font:700 10px/1 var(--font-mono);justify-content:center;align-items:center;padding:0 3px;display:inline-flex;position:absolute;top:2px;right:2px}.notifications-panel{gap:var(--space-3);flex-direction:column;display:flex}.notifications-panel__mark-all{align-self:flex-end}.notifications-empty{padding:var(--space-5) 0;color:var(--ink-soft);text-align:center}.notifications-list{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.notification-row{align-items:flex-start;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);color:inherit;text-decoration:none;transition:background-color .15s;display:flex}.notification-row:hover{background:var(--surface)}.notification-row--unread{background:var(--atlas-tint)}.notification-row__icon{border-radius:var(--radius-full);background:var(--paper);width:34px;height:34px;color:var(--atlas-deep);box-shadow:inset 0 0 0 1px var(--line);flex:none;justify-content:center;align-items:center;display:inline-flex}.notification-row__body{flex-direction:column;gap:2px;min-width:0;display:flex}.notification-row__title{font:600 14.5px/1.3 var(--font-body);color:var(--ink)}.notification-row__description{color:var(--ink-soft);font-size:13.5px}.notification-row__date{font:500 12px/1 var(--font-mono);color:var(--ink-soft);margin-top:2px}.notification-row__dot{border-radius:var(--radius-full);background:var(--teal);flex:none;width:8px;height:8px;margin-top:6px}.card{background:var(--paper);border-radius:var(--radius-lg);box-shadow:inset 0 0 0 1px var(--line);padding:var(--space-5)}.segmented-control{background:var(--surface);border-radius:var(--radius-full);gap:2px;padding:3px;display:inline-flex}.segmented-control__option{padding:7px var(--space-4);border-radius:var(--radius-full);color:var(--ink-soft);font:700 13.5px/1 var(--font-body);white-space:nowrap;cursor:pointer;background:0 0;border:none;transition:background-color .15s,color .15s,box-shadow .15s}.segmented-control__option:hover{color:var(--ink)}.segmented-control__option--active{background:var(--paper);color:var(--ink);box-shadow:var(--shadow-xs)}.segmented-control__option--active:hover{color:var(--ink)}.avatar-crop-modal{width:min(420px,100%)}.avatar-crop-modal__stage{border-radius:var(--radius-xl);background:var(--surface);width:100%;height:320px;position:relative;overflow:hidden}.avatar-crop-modal__stage .reactEasyCrop_CropArea{border-radius:var(--radius-xl)}.avatar-crop-modal__zoom{align-items:center;gap:var(--space-3);margin-top:var(--space-4);display:flex}.avatar-crop-modal__zoom label{font:600 13px/1 var(--font-body);color:var(--ink-soft);flex:none}.avatar-crop-modal__zoom input[type=range]{flex:1}.settings-modal.modal-panel{max-width:760px;height:min(80svh,620px)}.settings-modal .modal-panel__body{flex:1;min-height:0;padding:0;overflow:hidden}.settings-modal__loading{height:100%;padding:var(--space-7);justify-content:center;align-items:center;display:flex}.settings-modal__layout{height:100%;min-height:0;display:flex}.settings-modal__sidebar{gap:var(--space-1);width:208px;padding:var(--space-4) var(--space-3);border-right:1.5px solid var(--line);background:var(--surface);flex-direction:column;flex:none;display:flex;overflow-y:auto}.settings-modal__nav-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);border-radius:var(--radius-md);color:var(--ink-soft);font:600 14px/1 var(--font-body);text-align:left;cursor:pointer;background:0 0;border:none;transition:background-color .15s,color .15s;display:flex}.settings-modal__nav-item svg{flex:none}.settings-modal__nav-item:hover{background:var(--paper);color:var(--ink)}.settings-modal__nav-item--active{background:var(--teal-tint);color:var(--teal-deep)}.settings-modal__content{min-width:0;padding:var(--space-5) var(--space-6);flex:1;overflow-y:auto}.settings-modal__content .card{box-shadow:none;background:var(--surface)}@media (width<=640px){.settings-modal.modal-panel{height:min(88svh,720px)}.settings-modal__layout{flex-direction:column}.settings-modal__sidebar{width:100%;padding:var(--space-2);border-right:none;border-bottom:1.5px solid var(--line);flex-direction:row;overflow-x:auto}.settings-modal__nav-item{flex:none}.settings-modal__content{padding:var(--space-4) var(--space-5)}}.settings-section{gap:var(--space-3);flex-direction:column;display:flex}.settings-section__title{font:700 16px/1.3 var(--font-body);color:var(--ink)}.settings-form{gap:var(--space-4);flex-direction:column;display:flex}.settings-field{gap:var(--space-2);flex-direction:column;display:flex}.settings-field--grow{flex:1}.settings-field label,.settings-field>span:first-child{font:600 13.5px/1 var(--font-body);color:var(--ink-soft)}.settings-field input,.settings-field select{padding:11px var(--space-4);border-radius:var(--radius-md);background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--line);font:500 14px/1 var(--font-body);color:var(--ink);border:none}.settings-field select:disabled{color:var(--ink-soft);cursor:not-allowed}.settings-account-identity{align-items:center;gap:var(--space-4);display:flex}.settings-avatar{border-radius:var(--radius-full);background:var(--brass);width:64px;height:64px;color:var(--ink-solid);font:700 18px/1 var(--font-mono);flex:none;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.settings-avatar img{object-fit:cover;width:100%;height:100%}.settings-form__actions{align-items:center;gap:var(--space-4);display:flex}.settings-feedback{font:600 13.5px/1.3 var(--font-body);color:var(--success)}.settings-feedback--danger{color:var(--danger)}.settings-hint{font:500 13px/1.4 var(--font-body);color:var(--ink-soft)}.settings-display{gap:var(--space-5);flex-direction:column;display:flex}.settings-shortcuts{gap:var(--space-4);flex-wrap:wrap;display:flex}.settings-field input.settings-shortcut-input{text-align:center;text-transform:uppercase;width:56px;font:800 18px/1 var(--font-mono)}.settings-account-mgmt{gap:var(--space-4);flex-direction:column;display:flex}.settings-account-mgmt__row{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.settings-account-mgmt__row--danger{padding-top:var(--space-4);border-top:1px solid var(--line)}.settings-account-mgmt__label{font:700 14px/1.3 var(--font-body);color:var(--ink)}.settings-danger-btn{color:var(--danger)}.btn--ghost.settings-danger-btn:hover:not(:disabled){background:var(--danger-tint);color:var(--danger)}.btn--primary.settings-danger-btn{background:var(--danger-solid);box-shadow:none}.btn--primary.settings-danger-btn:hover:not(:disabled){background:var(--danger-solid);opacity:.9}.settings-modal-actions{justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-5);display:flex}@media (width<=560px){.settings-account-mgmt__row{flex-wrap:wrap}}.app-shell{background:var(--paper);flex-direction:column;min-height:100svh;display:flex}.app-header{height:var(--header-height);padding:0 var(--space-6);background:var(--paper);border-bottom:1.5px solid var(--line);flex:none;align-items:center;display:flex}.app-header__brand{align-items:center;gap:var(--space-2);color:var(--ink);flex:none;text-decoration:none;display:flex}.app-header__brand svg{color:var(--teal)}.app-header__brand-label{font:700 18px/1 var(--font-body);letter-spacing:.2px}.app-header__nav{align-items:center;gap:var(--space-1);margin-left:var(--space-6);display:flex}.app-header__link{align-items:center;gap:var(--space-2);padding:7px var(--space-4);border-radius:var(--radius-full);color:var(--ink-soft);font:600 14px/1 var(--font-body);text-decoration:none;transition:background-color .15s,color .15s;display:flex}.app-header__link:hover{background:var(--surface);color:var(--ink)}.app-header__link--active{background:var(--teal-tint);color:var(--teal-deep)}.app-header__actions{align-items:center;gap:var(--space-3);margin-left:auto;display:flex}.app-header__icon-btn{border-radius:var(--radius-full);width:34px;height:34px;color:var(--ink-soft);cursor:pointer;background:0 0;border:none;flex:none;justify-content:center;align-items:center;transition:background-color .15s,color .15s;display:inline-flex;position:relative}.app-header__icon-btn:hover{background:var(--surface);color:var(--ink)}.app-header__profile{align-items:center;gap:var(--space-2);padding:3px var(--space-3) 3px 3px;border-radius:var(--radius-full);color:var(--ink);text-decoration:none;transition:background-color .15s;display:flex}.app-header__profile:hover{background:var(--surface)}.app-header__avatar{border-radius:var(--radius-full);background:var(--brass);width:28px;height:28px;color:var(--ink-solid);font:700 12px/1 var(--font-mono);flex:none;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.app-header__avatar img{object-fit:cover;width:100%;height:100%}.app-header__username{font:600 14px/1 var(--font-body)}.app-main{flex:1;min-width:0;position:relative}.app-main:focus-visible{box-shadow:none;outline:none}.app-main__loading{padding:var(--space-7);justify-content:center;align-items:center;display:flex}@media (width<=720px){.app-header{padding:0 var(--space-4)}.app-header__nav{margin-left:var(--space-3)}.app-header__link-label,.app-header__username{display:none}}.auth-gate__loading{justify-content:center;align-items:center;min-height:100vh;display:flex}.activity-feed{margin:0;padding:0;list-style:none}.activity-feed__empty{padding:var(--space-4) 0;color:var(--ink-soft)}.activity-feed__row{align-items:center;gap:var(--space-3);padding:var(--space-3) 0;display:flex}.activity-feed__row+.activity-feed__row{border-top:1px solid var(--line)}.activity-feed__actor{flex:none;position:relative}.activity-feed__avatar{border-radius:var(--radius-full);background:var(--surface);justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex;overflow:hidden}.activity-feed__avatar img{object-fit:cover;width:100%;height:100%}.activity-feed__icon{border:2px solid var(--paper);border-radius:var(--radius-full);justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex;position:absolute;bottom:-3px;right:-3px}.activity-feed__icon--world_record{background:var(--brass-tint);color:var(--brass-deep)}.activity-feed__icon--rare_achievement{background:var(--teal-tint);color:var(--teal-deep)}.activity-feed__icon--notable_streak{background:var(--atlas-tint);color:var(--atlas-deep)}.activity-feed__description{min-width:0;font:500 14px/1.4 var(--font-body);color:var(--ink);flex:1}.activity-feed__date{font:600 12px/1 var(--font-mono);color:var(--ink-soft);flex:none}.platform-stats{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.platform-stats__cell{gap:var(--space-4);padding:var(--space-5);background:var(--paper);border-radius:var(--radius-lg);box-shadow:inset 0 0 0 1px var(--line);flex-direction:column;display:flex}.platform-stats__cell-header{align-items:center;gap:var(--space-3);display:flex}.platform-stats__cell-icon{border-radius:var(--radius-md);background:var(--atlas-tint);width:36px;height:36px;color:var(--atlas-deep);flex:none;justify-content:center;align-items:center;display:inline-flex}.platform-stats__cell-label{font:700 14px/1.3 var(--font-body);color:var(--ink)}.platform-stats__cell-values{align-items:stretch;gap:var(--space-4);display:flex}.platform-stats__cell-value-group{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.platform-stats__cell-value-group--recent{padding-left:var(--space-4);border-left:1px solid var(--line)}.platform-stats__cell-value{font:800 24px/1.1 var(--font-mono);color:var(--ink)}.platform-stats__cell-value--recent{color:var(--teal-deep)}.platform-stats__cell-value-caption{font:600 11.5px/1.3 var(--font-body);color:var(--ink-soft)}@media (width<=720px){.platform-stats{grid-template-columns:1fr}}.home{padding:var(--space-7) var(--space-6);max-width:var(--content-max-width);margin:0 auto}.home__hero{padding-bottom:var(--space-7)}.home__eyebrow{font:700 13px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--atlas)}.home__title{margin-top:var(--space-3);font-family:var(--font-display);color:var(--ink);font-size:clamp(2.25rem,4vw,3.25rem);font-weight:400;line-height:1.08}.home__lede{margin-top:var(--space-4);color:var(--ink-soft);font-size:17px;line-height:1.55}.home__error{color:var(--ink-soft)}.home__section-title{font:700 20px/1.3 var(--font-body);color:var(--ink);margin-bottom:var(--space-4)}.home__platform,.home__activity{padding-top:var(--space-7)}.home__activity-card{padding:var(--space-2) var(--space-5)}.profile{width:100%;max-width:var(--content-max-width);margin:0 auto}.profile__header{align-items:center;gap:var(--space-5);padding:var(--space-6) var(--space-6) 0;display:flex}.profile__avatar{border-radius:var(--radius-xl);background:var(--brass);width:136px;height:136px;color:var(--ink-solid);font:700 40px/1 var(--font-mono);flex:none;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.profile__avatar img{object-fit:cover;width:100%;height:100%}.profile__identity{flex:1;min-width:0}.profile__name-row{align-items:center;gap:var(--space-3);display:flex}.profile__username{font:700 24px/1.2 var(--font-body);color:var(--ink)}.profile__stats{gap:var(--space-2);margin:var(--space-3) 0 0;flex-direction:column;padding:0;list-style:none;display:flex}.profile__stat{align-items:center;gap:var(--space-2);font:500 14px/1.3 var(--font-body);color:var(--ink-soft);display:flex}.profile__stat svg{color:var(--atlas);flex:none}.profile__stat strong{color:var(--ink);font-weight:700}.profile__nav{gap:var(--space-2);padding:var(--space-5) var(--space-6) 0;display:flex;overflow-x:auto}.profile__link{align-items:center;gap:var(--space-2);padding:9px var(--space-4);border-radius:var(--radius-full);color:var(--ink-soft);font:600 14px/1 var(--font-body);flex:none;text-decoration:none;transition:background-color .15s,color .15s;display:flex}.profile__link:hover{background:var(--surface);color:var(--ink)}.profile__link--active{background:var(--teal-tint);color:var(--teal-deep)}.profile__content{padding-bottom:var(--space-7)}.profile__content-loading{padding:var(--space-7);justify-content:center;align-items:center;display:flex}@media (width<=640px){.profile__header{flex-wrap:wrap}.profile__stats{gap:var(--space-4)}}