.access-gate{box-sizing:border-box;color:#1f2937;background:linear-gradient(#fef3c7 0%,#fde68a 100%);place-items:center;min-height:100vh;padding:24px;display:grid}.access-gate__card{box-sizing:border-box;background:#fff;border:0;width:100%;box-shadow:0 12px 36px #b453092e}.access-gate__card--welcome{border-radius:22px;max-width:380px;padding:32px 28px 28px;box-shadow:0 16px 40px #b453092e}.access-gate__card--account{border-radius:18px;max-width:420px;padding:28px 28px 24px}.access-gate__header{margin-bottom:20px}.access-gate__card--compact-header .access-gate__header{margin-bottom:16px}.access-gate__card--welcome .access-gate__header{text-align:center}.access-gate__icon{margin-bottom:8px;font-size:56px;line-height:1}.access-gate__title-icon{font-size:inherit}.access-gate__title{color:#0f172a;margin:0 0 8px;font-size:22px;font-weight:700}.access-gate__card--account .access-gate__title{color:#1f2937}.access-gate__card--welcome .access-gate__title{margin-bottom:6px;font-size:26px;font-weight:800}.access-gate__lead{color:#475569;margin:0;font-size:14px;line-height:1.5}.access-gate__card--welcome .access-gate__lead{color:#64748b}.access-gate__lead p{margin:0}.access-gate__form{flex-direction:column;gap:8px;margin-bottom:14px;display:flex}.access-gate__card--welcome .access-gate__form{gap:12px;margin-bottom:16px}.access-gate__label{color:#334155;font-size:13px;font-weight:600}.access-gate__input{box-sizing:border-box;color:#1f2937;min-height:44px;font:inherit;border:1.5px solid #cbd5e1;border-radius:10px;padding:10px 14px;font-size:15px}.access-gate__input--welcome{letter-spacing:.4em;text-align:center;background:#fffbeb;border:2px solid #fde68a;border-radius:14px;padding:16px 18px;font-family:ui-monospace,Cascadia Code,Menlo,monospace;font-size:26px;font-weight:700}.access-gate__input:focus-visible{outline:3px solid var(--ui-color-focus-ring);outline-offset:2px}.access-gate__error{color:#b91c1c;margin:4px 0 0;font-size:13px;font-weight:600}.access-gate__card--welcome .access-gate__error{text-align:center;margin:0 0 4px}.access-gate__primary{width:100%;margin-top:8px;box-shadow:0 8px 20px #d9770659}.access-gate__card--welcome .access-gate__primary{margin-top:0;font-size:16px}.access-gate__secondary{width:100%}.access-gate__actions{gap:12px;display:grid}.access-gate__actions .ui-btn{width:100%}.access-gate__skip.ui-btn{color:#92400e;background:0 0;border-color:#0000;width:100%;min-height:44px;padding:10px 16px;font-size:13px}.access-gate__checking{text-align:center;color:#92400e}.access-gate__checking p{opacity:.7;margin:0;font-size:14px}.profile-sync-notice{text-align:center;margin:0;padding:10px 16px;font:600 14px/1.4 system-ui,-apple-system,Segoe UI,sans-serif}.profile-sync-notice--local-only{color:#312e81;background:#e0e7ff}.profile-sync-notice--offline{color:#78350f;background:#fef3c7}.profile-sync-notice--unsaved{color:#7f1d1d;background:#fee2e2}.dashboard-shell{--dashboard-ink:#f8f7ff;--dashboard-muted:#b9bdd8;min-height:100vh;color:var(--dashboard-ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:radial-gradient(circle at 12% 14%,#7d5ddf47,#0000 30rem),radial-gradient(circle at 88% 82%,#35b29a2e,#0000 31rem),#0b0e24;place-items:center;padding:14px;font-family:Fredoka,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;display:grid;position:relative;overflow:clip}.dashboard-shell *,.dashboard-shell :before,.dashboard-shell :after{box-sizing:border-box}.dashboard-sky{pointer-events:none;position:absolute;inset:0;overflow:hidden}.dashboard-sky:before{content:"";opacity:.28;background-image:radial-gradient(circle,#ffffff70 1px,#0000 1.5px),radial-gradient(circle,#a2b5ff59 1px,#0000 1.5px);background-position:0 0,37px 23px;background-size:72px 72px,91px 91px;position:absolute;inset:0}.dashboard-sky span{border:1px solid #9ca5e429;border-radius:50%;position:absolute}.dashboard-sky span:first-child{width:340px;height:340px;top:-210px;left:-120px}.dashboard-sky span:nth-child(2){width:520px;height:190px;top:17%;right:-280px;transform:rotate(-18deg)}.dashboard-sky span:nth-child(3){width:260px;height:260px;bottom:-190px;right:8%}.dashboard-sky span:nth-child(4){background:#8ff1d6;border:0;width:8px;height:8px;top:9%;right:12%;box-shadow:0 0 0 6px #8ff1d614,0 0 28px #8ff1d6b3}.dashboard-frame{z-index:1;background:linear-gradient(140deg,#2a2c5c99,#121530f0),#151831;border:1px solid #b4bbef33;border-radius:30px;grid-template-rows:auto minmax(0,1fr);width:min(1180px,100%);display:grid;position:relative;overflow:hidden;box-shadow:0 32px 90px #0104148a,inset 0 1px #ffffff12}.dashboard-hud{background:#171a36;border-bottom:1px solid #b8c0ef1f;justify-content:space-between;align-items:center;gap:10px;min-height:66px;padding:8px 14px;display:flex}.dashboard-player{align-items:center;gap:11px;min-width:0;display:flex}.dashboard-player>:first-child{border:2px solid #ffffffc7;flex:none;box-shadow:0 0 0 4px #8373d92e}.dashboard-player__copy{gap:2px;min-width:0;display:grid}.dashboard-player__copy strong{color:#fff;letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:700;overflow:hidden}.dashboard-player__copy span{color:#aeb4d4;align-items:center;gap:6px;font-size:10px;font-weight:600;display:flex}.dashboard-player__copy i{background:#7de4bd;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #7de4bd1a}.dashboard-player-nav{background:#0f1228;border:1px solid #b4bbef1f;border-radius:15px;align-items:stretch;gap:2px;min-width:0;margin-left:auto;padding:3px;display:flex}.dashboard-wallet{background:#0f1228;border:1px solid #b4bbef24;border-radius:999px;gap:2px;padding:4px;display:inline-flex}.dashboard-wallet__item{color:#f4f2ff;border-radius:999px;justify-content:center;align-items:center;gap:5px;min-width:50px;padding:5px 8px;font-size:11px;font-weight:700;display:inline-flex}.dashboard-wallet__item+.dashboard-wallet__item{border-left:1px solid #b4bbef1f;border-radius:0}.dashboard-wallet__icon{font-size:12px;line-height:1}.dashboard-main{grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);gap:14px;min-height:0;padding:14px;display:grid}.dashboard-status{background:radial-gradient(circle at 112% -6%,#7763cf3d,#0000 18rem),#202447;border:1px solid #b4bbef24;border-radius:24px;flex-direction:column;gap:15px;min-width:0;min-height:0;padding:22px;display:flex}.dashboard-status__heading{min-width:0}.dashboard-status__ready{color:#92e8cc;align-items:center;gap:7px;font-size:11px;font-weight:650;display:inline-flex}.dashboard-status__ready:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px;box-shadow:0 0 12px #92e8cc99}.dashboard-status h1{color:#fff;letter-spacing:-.035em;text-wrap:balance;margin:8px 0 6px;font-size:clamp(1.65rem,2.35vw,2.4rem);font-weight:650;line-height:1.04}.dashboard-status__heading p{color:#b9bdd8;text-wrap:pretty;max-width:34ch;margin:0;font-size:12px;line-height:1.45}.dashboard-vault{color:#fff9e8;background:radial-gradient(circle at 92% 12%,#e2ba5433,#0000 10rem),linear-gradient(145deg,#263d32,#15251e);border:1px solid #e8c5675c;border-radius:20px;flex:1;grid-template-columns:auto minmax(0,1fr);align-content:center;align-items:center;gap:13px;min-height:0;padding:26px;text-decoration:none;transition:border-color .18s,box-shadow .18s,transform .18s;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 32px #040c0833,inset 0 1px #ffffff14}.dashboard-vault:after{content:"";border:1px solid #e6c36433;border-radius:50%;width:190px;height:190px;position:absolute;bottom:-94px;right:-58px}.dashboard-vault:hover{border-color:#f5d270b3;transform:translateY(-2px);box-shadow:0 22px 38px #030a074d,inset 0 1px #ffffff1a}.dashboard-vault:focus-visible,.dashboard-game-portal:focus-visible,.dashboard-base-shortcut:focus-visible{z-index:3;outline-offset:3px;outline:3px solid #9be7ff}.dashboard-vault.is-unavailable{background:linear-gradient(145deg,#303641,#20252d);border-color:#b0b8cb3d}.dashboard-vault__icon{z-index:1;background:#ffffff12;border:1px solid #f1d1774d;border-radius:16px;place-items:center;width:48px;height:48px;font-size:24px;display:grid;position:relative}.dashboard-vault__copy{z-index:1;align-content:center;min-width:0;display:grid;position:relative}.dashboard-vault__title{align-items:center;gap:7px;display:flex}.dashboard-vault__title strong{letter-spacing:-.02em;font-size:16px}.dashboard-vault__freshness{color:#9be4c7;background:#90e2c014;border:1px solid #90e2c03d;border-radius:999px;padding:3px 6px;font-size:8px;font-style:normal;font-weight:700}.dashboard-vault__freshness--updating,.dashboard-vault__freshness--syncing{color:#f2d27d;background:#f3d07014;border-color:#f3d07042}.dashboard-vault__freshness--stale,.dashboard-vault__freshness--unavailable{color:#ffb1a5;background:#ffa59714;border-color:#ffa5974d}.dashboard-vault__status{color:#c9d2ca;text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:10px;line-height:1.3;overflow:hidden}.dashboard-vault__open{color:#f2d27d;align-items:center;gap:7px;width:fit-content;margin-top:12px;font-size:10px;font-weight:700;display:inline-flex}.dashboard-vault__open span{transition:transform .18s}.dashboard-vault:hover .dashboard-vault__open span{transform:translate(3px)}.dashboard-vault__balance{z-index:1;grid-column:1/-1;grid-template-columns:auto auto;justify-content:start;place-items:end start;gap:9px;min-width:68px;margin-top:28px;display:grid;position:relative}.dashboard-vault__balance strong{color:#f5d77e;letter-spacing:-.06em;font-size:clamp(3.8rem,6vw,5rem);font-weight:600;line-height:.88}.dashboard-vault__balance>span{color:#c9d2ca;letter-spacing:.04em;margin-bottom:5px;font-size:9px;font-weight:650}.dashboard-vault__balance small{color:#f2d27d;grid-column:1/-1;margin-top:-2px;font-size:8px}.dashboard-quests{grid-template-rows:auto auto;align-content:center;gap:12px;min-width:0;min-height:0;display:grid}.dashboard-quests__heading{justify-content:space-between;align-items:center;gap:14px;min-height:52px;padding:3px 3px 0;display:flex}.dashboard-quests__heading h2{color:#fff;letter-spacing:-.025em;margin:0;font-size:21px;font-weight:650}.dashboard-quests__heading p{color:#aeb4d3;margin:3px 0 0;font-size:11px}.dashboard-quests__count{color:#c7cbea;background:#ffffff0a;border:1px solid #b4bbef26;border-radius:999px;flex:none;padding:6px 9px;font-size:9px;font-weight:700}.dashboard-game-grid{grid-template-rows:repeat(2,124px);grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;min-height:0;display:grid}.dashboard-game-portal{--portal-accent:#79e4bd;--portal-ink:#eafff7;--portal-start:#1d6956;--portal-end:#123a34;--portal-mark:"A·Z";border:1px solid color-mix(in srgb, var(--portal-accent) 42%, transparent);min-width:0;min-height:112px;color:var(--portal-ink);background:linear-gradient(105deg, transparent 0 47%, #ffffff0b 47.2%, transparent 47.6%), radial-gradient(circle at 96% 5%, color-mix(in srgb, var(--portal-accent) 30%, transparent), transparent 10rem), linear-gradient(142deg, var(--portal-start), var(--portal-end));box-shadow:0 12px 24px color-mix(in srgb, var(--portal-end) 48%, #00000042), inset 0 1px 0 #ffffff24, inset 0 -18px 32px #00000012;isolation:isolate;border-radius:19px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;padding:14px 15px;text-decoration:none;transition:border-color .2s cubic-bezier(.22,1,.36,1),box-shadow .2s cubic-bezier(.22,1,.36,1),transform .2s cubic-bezier(.22,1,.36,1);display:grid;position:relative;overflow:hidden}.dashboard-game-portal:before{color:var(--portal-accent);content:var(--portal-mark);letter-spacing:-.05em;opacity:.09;pointer-events:none;font-size:34px;font-weight:700;line-height:1;position:absolute;bottom:-7px;right:76px;transform:rotate(-5deg)}.dashboard-game-portal:hover{border-color:color-mix(in srgb, var(--portal-accent) 78%, transparent);box-shadow:0 18px 34px color-mix(in srgb, var(--portal-end) 56%, #00000057), 0 0 0 1px color-mix(in srgb, var(--portal-accent) 12%, transparent), inset 0 1px 0 #ffffff2e;transform:translateY(-2px)}.dashboard-game-portal:active{transform:translateY(1px)scale(.992)}.dashboard-game-portal__glow{z-index:-1;background:color-mix(in srgb, var(--portal-accent) 28%, transparent);filter:blur(28px);opacity:.72;border-radius:50%;width:150px;height:110px;transition:opacity .2s,transform .2s cubic-bezier(.22,1,.36,1);position:absolute;top:-34px;left:-20px}.dashboard-game-portal:hover .dashboard-game-portal__glow{opacity:1;transform:translate(8px,4px)scale(1.08)}.dashboard-game-portal__icon{z-index:1;border:1px solid color-mix(in srgb, var(--portal-accent) 48%, #fff6);background:linear-gradient(145deg, #fff3, #ffffff12), color-mix(in srgb, var(--portal-accent) 12%, transparent);text-shadow:0 4px 8px #00000029;border-radius:16px;place-items:center;width:52px;height:52px;font-size:25px;transition:transform .2s cubic-bezier(.22,1,.36,1);display:grid;position:relative;transform:rotate(-2deg);box-shadow:0 10px 18px #0000002b,inset 0 1px #ffffff38,inset 0 -8px 14px #0000000f}.dashboard-game-portal__icon:after{content:"";border:1px solid #ffffff14;border-radius:12px;position:absolute;inset:4px}.dashboard-game-portal:hover .dashboard-game-portal__icon{transform:rotate(0)scale(1.04)}.dashboard-game-portal__copy{z-index:1;gap:4px;min-width:0;display:grid;position:relative}.dashboard-game-portal__copy strong{color:#fff;letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap;font-size:17px;font-weight:650;line-height:1.08;overflow:hidden}.dashboard-game-portal__copy small{color:color-mix(in srgb, var(--portal-ink) 78%, transparent);text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1.2;overflow:hidden}.dashboard-game-portal__action{z-index:1;color:#fff;background:#070e1c2e;border:1px solid #fff3;border-radius:999px;justify-content:center;align-items:center;gap:6px;min-width:59px;height:32px;padding:0 9px 0 11px;font-size:9px;font-weight:700;transition:background .18s,border-color .18s,transform .18s cubic-bezier(.22,1,.36,1);display:inline-flex;position:relative;box-shadow:inset 0 1px #ffffff1a}.dashboard-game-portal__action span{font-size:13px}.dashboard-game-portal:hover .dashboard-game-portal__action{border-color:color-mix(in srgb, var(--portal-accent) 55%, #fff3);background:color-mix(in srgb, var(--portal-accent) 16%, #070e1c2e);transform:translate(2px)}.dashboard-game-portal--reading{--portal-accent:#7ed7ff;--portal-ink:#eefaff;--portal-start:#1d6383;--portal-end:#173a54;--portal-mark:"READ"}.dashboard-game-portal--logic{--portal-accent:#d8b4fe;--portal-ink:#fbf5ff;--portal-start:#65408a;--portal-end:#35254f;--portal-mark:"WHY"}.dashboard-game-portal--typing{--portal-accent:#b8afff;--portal-ink:#f6f3ff;--portal-start:#56508b;--portal-end:#302c5a;--portal-mark:"TYPE"}.dashboard-game-portal--match{--portal-accent:#ffb47c;--portal-ink:#fff5ec;--portal-start:#874d2f;--portal-end:#4f2a20;--portal-mark:"PAIR"}.dashboard-game-portal--listening{--portal-accent:#67e8f9;--portal-ink:#ecfeff;--portal-start:#17677a;--portal-end:#123d4a;--portal-mark:"HEAR"}.dashboard-base-shortcut{min-width:104px;min-height:var(--ui-touch-target,44px);color:#e9e8f8;border:1px solid #0000;border-radius:13px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:5px 7px;text-decoration:none;transition:border-color .16s,background .16s;display:grid;position:relative}.dashboard-base-shortcut:hover{background:#ffffff0f;border-color:#b4bbef24}.dashboard-base-shortcut__icon{background:#ffffff0f;border-radius:9px;place-items:center;width:28px;height:28px;font-size:15px;display:grid}.dashboard-base-shortcut__copy{gap:2px;min-width:0;display:grid}.dashboard-base-shortcut__copy strong,.dashboard-base-shortcut__copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dashboard-base-shortcut__copy strong{font-size:10px;font-weight:650}.dashboard-base-shortcut__copy small{color:#9299bc;font-size:7px}@media (width>=961px) and (height>=700px){.dashboard-shell{height:100dvh;min-height:0;overflow:hidden}.dashboard-frame{height:min(650px,100dvh - 28px)}}@media (width<=960px){.dashboard-frame{width:min(760px,100%)}.dashboard-main{grid-template-columns:1fr}.dashboard-status{grid-template-columns:minmax(0,.75fr) minmax(300px,1.25fr);align-items:stretch;display:grid}.dashboard-vault__balance{margin-top:20px}}@media (width<=640px){.dashboard-shell{place-items:stretch stretch;padding:0}.dashboard-frame{border:0;border-radius:0;width:100%;overflow:visible}.dashboard-hud{z-index:20;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding-inline:10px;display:grid;position:sticky;top:0}.dashboard-player__copy strong{max-width:108px;font-size:14px}.dashboard-player__copy span,.dashboard-wallet__item:last-child{display:none}.dashboard-wallet__item{min-width:auto;padding:5px;font-size:10px}.dashboard-player-nav{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));width:auto;margin-left:0;display:grid}.dashboard-player-nav .dashboard-base-shortcut{width:100%;min-width:0;padding-inline:4px}.dashboard-main{gap:18px;padding:10px}.dashboard-status{grid-template-columns:1fr;padding:18px}.dashboard-status h1{font-size:2rem}.dashboard-vault{grid-template-columns:auto minmax(0,1fr);min-height:148px;padding:18px}.dashboard-vault__balance{grid-column:1/-1;grid-template-columns:auto auto;justify-content:start;align-items:end;gap:8px;margin-top:9px}.dashboard-vault__balance strong{font-size:2.5rem}.dashboard-vault__balance>span{margin-bottom:3px}.dashboard-vault__balance small{grid-column:1/-1}.dashboard-game-grid{grid-template-rows:none;grid-template-columns:1fr;grid-auto-rows:112px}.dashboard-game-portal{min-height:0}}@media (width<=390px){.dashboard-status{padding-inline:14px}}@media (prefers-reduced-motion:reduce){.dashboard-vault,.dashboard-vault__open span,.dashboard-game-portal,.dashboard-game-portal__glow,.dashboard-game-portal__icon,.dashboard-game-portal__action,.dashboard-base-shortcut{transition:none}}.share-modal__panel{background:var(--ui-color-surface);border-radius:var(--ui-radius-lg);box-shadow:var(--ui-shadow-md);padding:var(--ui-space-6) var(--ui-space-5) var(--ui-space-5);position:relative}.share-modal__close{top:var(--ui-space-2);right:var(--ui-space-3);width:var(--ui-touch-target);height:var(--ui-touch-target);color:var(--ui-color-text-muted);cursor:pointer;touch-action:manipulation;background:0 0;border:none;border-radius:50%;font-size:18px;position:absolute}.share-modal__close:hover{background:var(--ui-color-surface-muted);color:var(--ui-color-text)}.share-modal__close:focus-visible{outline:3px solid var(--ui-color-focus-ring);outline-offset:2px}.share-modal__title{color:var(--ui-color-text);margin:0 0 10px;font-size:22px;font-weight:700}.share-modal__lead{margin:0 0 var(--ui-space-4);color:var(--ui-color-text-subtle);font-size:14px;line-height:1.5}.share-modal__form{gap:var(--ui-space-2);flex-direction:column;display:flex}.share-modal__label{color:var(--ui-color-text-subtle);font-size:13px;font-weight:600}.share-modal__input{min-height:var(--ui-touch-target);padding:var(--ui-space-2) var(--ui-space-3);border:1.5px solid var(--ui-color-border);border-radius:var(--ui-radius-sm);background:var(--ui-color-surface);color:var(--ui-color-text);font-family:inherit;font-size:16px}.share-modal__input:focus-visible{border-color:var(--ui-color-accent);outline:3px solid var(--ui-color-focus-ring);outline-offset:1px}.share-modal__error{color:var(--ui-color-danger);margin:4px 0 0;font-size:13px}.share-modal__primary{margin-top:var(--ui-space-3);width:100%}.share-modal__qr-wrap{padding:var(--ui-space-3);background:var(--ui-color-surface-muted);border-radius:var(--ui-radius-md);margin-bottom:var(--ui-space-3);place-items:center;display:grid}.share-modal__qr-canvas{width:220px;height:220px;image-rendering:pixelated}.share-modal__url-row{align-items:center;gap:var(--ui-space-2);display:flex}.share-modal__url-field{min-height:var(--ui-touch-target);min-width:0;padding:var(--ui-space-2) var(--ui-space-3);border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-sm);background:var(--ui-color-surface-muted);color:var(--ui-color-text);flex:1;font-family:ui-monospace,Cascadia Code,Menlo,monospace;font-size:12.5px}.share-modal__url-field:focus-visible{border-color:var(--ui-color-accent);outline:3px solid var(--ui-color-focus-ring);outline-offset:1px}.share-modal__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}.share-modal__copy-status{margin:var(--ui-space-2) 0 0;min-height:1em;font-size:12.5px;font-weight:600}.share-modal__copy-status--copied{color:var(--ui-color-text-subtle)}.share-modal__copy-status--failed{color:var(--ui-color-danger)}.share-modal__hint{margin:var(--ui-space-3) 0 0;color:var(--ui-color-text-muted);font-size:12.5px;font-style:italic}.share-modal__done{margin-top:var(--ui-space-4);width:100%}.settings-shell{padding:var(--ui-space-7) var(--ui-space-5);background:linear-gradient(180deg, var(--ui-color-canvas) 0%, var(--ui-color-canvas-strong) 100%);justify-content:center;display:flex}.settings-card{width:100%;max-width:520px;height:fit-content}.settings-field{gap:var(--ui-space-2);margin-bottom:var(--ui-space-4);flex-direction:column;display:flex}.settings-label{color:var(--ui-color-text-subtle);font-size:13px;font-weight:600}.settings-input{min-height:var(--ui-touch-target);padding:var(--ui-space-2) var(--ui-space-3);border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-sm);background:var(--ui-color-surface-muted);color:inherit;font-family:inherit;font-size:15px}.settings-input:focus-visible{border-color:var(--ui-color-accent);outline:3px solid var(--ui-color-focus-ring);outline-offset:1px}.settings-hint{color:var(--ui-color-text-muted);margin:2px 0 0;font-size:12px;line-height:1.4}.settings-gender-group{gap:var(--ui-space-2);display:flex}.settings-gender-btn{justify-content:center;align-items:center;gap:var(--ui-space-2);min-height:var(--ui-touch-target);padding:var(--ui-space-3) var(--ui-space-4);border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-md);background:var(--ui-color-surface-muted);color:inherit;cursor:pointer;transition:border-color var(--ui-motion-base) var(--ui-motion-ease), background var(--ui-motion-base) var(--ui-motion-ease);flex:1;font-family:inherit;font-size:14px;font-weight:600;display:flex}.settings-gender-btn[aria-checked=true]{border:2px solid var(--ui-color-accent);background:color-mix(in srgb, var(--ui-color-accent) 8%, transparent)}.settings-gender-btn:focus-visible{outline:3px solid var(--ui-color-focus-ring);outline-offset:2px}.settings-gender-btn__icon{font-size:22px}.settings-actions{gap:var(--ui-space-3);margin-top:var(--ui-space-5);display:flex}.settings-actions .ui-btn{flex:1}.settings-divider-block{margin-top:var(--ui-space-6);padding-top:var(--ui-space-5);border-top:1px dashed var(--ui-color-border)}.settings-subheading{color:var(--ui-color-text);margin:0 0 6px;font-size:16px;font-weight:700}.settings-lead{margin:0 0 var(--ui-space-3);color:var(--ui-color-text-subtle);font-size:13px;line-height:1.5}.settings-row{align-items:center;gap:var(--ui-space-2);flex-wrap:wrap;display:flex}.settings-meta{color:var(--ui-color-text-muted);font-size:12px}.settings-code{background:var(--ui-color-surface-muted);color:var(--ui-color-text-subtle);border-radius:4px;padding:2px 6px;font-family:ui-monospace,Menlo,monospace;font-size:11px}@media (prefers-reduced-motion:reduce){.settings-gender-btn{transition:none}}.sign-out-confirm{background:var(--ui-color-surface);border-radius:var(--ui-radius-lg);box-shadow:var(--ui-shadow-md);padding:var(--ui-space-6) var(--ui-space-5) var(--ui-space-5);border-top:4px solid var(--ui-color-danger-solid)}.sign-out-confirm__title{margin:0 0 var(--ui-space-2);color:var(--ui-color-text);font-size:19px;font-weight:700}.sign-out-confirm__body{margin:0 0 var(--ui-space-5);color:var(--ui-color-text-subtle);font-size:14px;line-height:1.5}.sign-out-confirm__actions{justify-content:flex-end;gap:var(--ui-space-2);display:flex}.guarded-link-confirm{background:var(--ui-color-surface);border-radius:var(--ui-radius-lg);box-shadow:var(--ui-shadow-md);padding:var(--ui-space-6) var(--ui-space-5) var(--ui-space-5);border-top:4px solid var(--ui-color-accent)}.guarded-link-confirm h2{margin:0 0 var(--ui-space-2);color:var(--ui-color-text);font-size:19px}.guarded-link-confirm p{margin:0 0 var(--ui-space-5);color:var(--ui-color-text-subtle);line-height:1.5}.guarded-link-confirm__actions{justify-content:flex-end;gap:var(--ui-space-3);flex-wrap:wrap;display:flex}.quest-nav-shell{z-index:100;color:#f7f6ff;background:#11142d;border-bottom:1px solid #b7beee29;justify-content:center;width:100%;min-height:56px;font-family:Fredoka,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;display:flex;position:sticky;top:0;box-shadow:0 6px 18px #0a0c1f1f}.quest-nav-shell *,.quest-nav-shell :before,.quest-nav-shell :after{box-sizing:border-box}.quest-nav{align-items:center;gap:8px;width:min(1180px,100%);min-width:0;min-height:56px;padding:6px 12px;display:flex}.quest-nav__home,.quest-nav__world{color:#d9dcef;border:1px solid #0000;align-items:center;min-height:44px;text-decoration:none;transition:border-color .18s cubic-bezier(.22,1,.36,1),background .18s cubic-bezier(.22,1,.36,1),color .18s cubic-bezier(.22,1,.36,1),transform .18s cubic-bezier(.22,1,.36,1);display:inline-flex}.quest-nav__home{border-radius:14px;flex:none;gap:7px;padding:0 12px 0 9px;font-size:13px;font-weight:700}.quest-nav__home:hover{color:#fff;background:#ffffff12;border-color:#b7beee2e}.quest-nav__home-icon{color:#fff;background:#2d3156;border-radius:9px;place-items:center;width:27px;height:27px;font-size:18px;line-height:1;display:grid}.quest-nav__divider{background:#b7beee26;flex:none;width:1px;height:26px}.quest-nav__worlds{scrollbar-width:none;align-items:center;gap:4px;min-width:0;display:flex;overflow-x:auto}.quest-nav__tools{flex-shrink:0;margin-left:auto}.quest-nav__worlds::-webkit-scrollbar{display:none}.quest-nav__world{--quest-tone:#9ca3cf;border-radius:14px;flex:none;gap:7px;padding:0 11px 0 8px;font-size:12px;font-weight:650}.quest-nav__world:hover{border-color:color-mix(in srgb, var(--quest-tone) 28%, transparent);color:#fff;background:color-mix(in srgb, var(--quest-tone) 10%, transparent);transform:translateY(-1px)}.quest-nav__world.is-active{border-color:color-mix(in srgb, var(--quest-tone) 42%, transparent);color:#fff;background:color-mix(in srgb, var(--quest-tone) 18%, #171a36);box-shadow:inset 0 1px #ffffff14,0 5px 12px #04061429}.quest-nav__world-icon{border:1px solid color-mix(in srgb, var(--quest-tone) 22%, #ffffff14);background:color-mix(in srgb, var(--quest-tone) 10%, #ffffff08);border-radius:9px;place-items:center;width:28px;height:28px;font-size:15px;line-height:1;display:grid}.quest-nav__world.is-active .quest-nav__world-icon{border-color:color-mix(in srgb, var(--quest-tone) 44%, transparent);background:color-mix(in srgb, var(--quest-tone) 23%, #ffffff0a)}.quest-nav__world--spell{--quest-tone:#79e4bd}.quest-nav__world--reading{--quest-tone:#7ed7ff}.quest-nav__world--logic{--quest-tone:#d8b4fe}.quest-nav__world--typing{--quest-tone:#b8afff}.quest-nav__world--match{--quest-tone:#ffb47c}.quest-nav__world--vault{--quest-tone:#f2d27d}.quest-nav__home:focus-visible,.quest-nav__world:focus-visible{outline-offset:-4px;outline:3px solid #9be7ff}.quest-nav__home:active,.quest-nav__world:active{transform:translateY(1px)}@media (width<=720px){.quest-nav{gap:5px;padding-inline:8px}.quest-nav__home{padding-inline:7px}.quest-nav__home>span:last-child{display:none}.quest-nav__world{justify-content:center;min-width:44px;padding-inline:7px}.quest-nav__world-label{display:none}.quest-nav__world.is-active{padding-right:10px}.quest-nav__world.is-active .quest-nav__world-label{font-size:12px;display:inline}}@media (prefers-reduced-motion:reduce){.quest-nav__home,.quest-nav__world{transition:none}}.learning-layout{min-width:0}.learning-layout--docked{grid-template-columns:minmax(0,1fr) 56px;align-items:start;display:grid}.learning-layout--expanded{grid-template-columns:minmax(0,1fr) 304px}.learning-sidebar-toggle{color:#f7f6ff;min-width:44px;min-height:44px;font:inherit;cursor:pointer;background:#252a48;border:1px solid #73799d;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;gap:7px;padding:7px 10px;font-size:13px;display:inline-flex}.learning-sidebar-toggle:hover,.learning-sidebar-toggle[aria-expanded=true]{background:#363d63}.learning-sidebar-toggle:focus-visible{outline-offset:2px;outline:3px solid #9be7ff}.learning-sidebar-toggle__count{font-variant-numeric:tabular-nums;font-size:12px}.learning-sidebar.ui-shell,.learning-sidebar--mobile{min-height:0;color:var(--ui-color-text);background:var(--ui-color-surface);font-family:var(--ui-font-family)}.learning-sidebar.ui-shell{border-left:1px solid var(--ui-color-border);overscroll-behavior:contain;grid-template-columns:55px minmax(0,1fr);height:100dvh;display:grid;position:sticky;top:0;overflow:hidden}.learning-sidebar__rail{flex-direction:column;align-items:center;padding:12px 0;display:flex}.learning-sidebar__rail .learning-sidebar-toggle{width:44px;color:var(--ui-color-text);background:0 0;border-color:#0000;border-radius:8px;flex-direction:column;gap:5px;padding:8px 0}.learning-sidebar__rail .learning-sidebar-toggle__label{display:none}.learning-sidebar__rail .learning-sidebar-toggle:hover,.learning-sidebar__rail .learning-sidebar-toggle[aria-expanded=true]{background:var(--ui-color-surface-muted);border-color:var(--ui-color-border)}.learning-sidebar__rail .learning-sidebar-toggle:focus-visible{outline-color:var(--ui-color-focus-ring);outline-offset:1px}.learning-sidebar__panel{overscroll-behavior:contain;border-left:1px solid var(--ui-color-border);background:var(--ui-color-surface);min-width:0;height:100%;overflow-y:auto}.quest-nav-shell+.learning-layout .learning-sidebar.ui-shell{height:calc(100dvh - 56px);top:56px}.learning-sidebar__header{z-index:1;border-bottom:1px solid var(--ui-color-border);background:var(--ui-color-surface);justify-content:space-between;align-items:center;gap:8px;padding:12px 16px;display:flex;position:sticky;top:0}.learning-sidebar__header h2{color:inherit;margin:0;font-size:19px;line-height:1.3}.learning-sidebar button,.learning-sidebar a{min-width:44px;min-height:44px}.learning-sidebar button{color:inherit;font:inherit;cursor:pointer}.learning-sidebar__header button{border:1px solid var(--ui-color-secondary-border);background:0 0;border-radius:10px;flex-shrink:0;place-items:center;padding:8px;display:grid}.learning-sidebar :is(button,a):focus-visible{outline:3px solid var(--ui-color-focus-ring);outline-offset:3px}.learning-sidebar__modules{padding:20px 16px max(24px, env(safe-area-inset-bottom));gap:20px;display:grid}.learning-sidebar__module-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.learning-sidebar__module-heading h3{margin:0;font-size:16px}.learning-sidebar__module-heading>strong{font-variant-numeric:tabular-nums}.learning-sidebar__tasks{margin:12px 0;padding:0;list-style:none}.learning-sidebar__task{border-bottom:1px solid var(--ui-color-border-soft);padding:14px 0}.learning-sidebar__task>div{justify-content:space-between;align-items:center;gap:8px;font-size:16px;display:flex}.learning-sidebar__task p,.learning-sidebar__notice{color:var(--ui-color-text-subtle);overflow-wrap:anywhere;margin:6px 0 0;font-size:14px;line-height:1.6}.learning-sidebar__task--done>div>span{color:var(--ui-color-ghost-foreground)}.learning-sidebar__task-link,.learning-sidebar__retry{border:1px solid var(--ui-color-secondary-border);color:var(--ui-color-ghost-foreground);background:var(--ui-color-surface-muted);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding:10px 12px;font-size:15px;font-weight:600;text-decoration:none;display:flex}.learning-sidebar__retry{justify-content:center;width:100%}.learning-sidebar__retry:disabled{cursor:wait;opacity:.65}.ui-modal-overlay:has(>.learning-sidebar-drawer){place-items:stretch end;padding:0}.ui-modal-panel.learning-sidebar-drawer{background:var(--ui-color-surface);width:min(360px,100vw);max-width:100vw;height:100dvh;max-height:100dvh;animation:.18s ease-out learning-sidebar-enter}.learning-sidebar--mobile .learning-sidebar__header{padding-top:max(12px, env(safe-area-inset-top))}.learning-layout:has(.burrow-page) .learning-sidebar{--ui-color-surface:#302019;--ui-color-surface-muted:#493422;--ui-color-border:#85632c;--ui-color-border-soft:#674b2b;--ui-color-secondary-border:#bc964f;--ui-color-text:#fef3c7;--ui-color-text-subtle:#e6cda1;--ui-color-ghost-foreground:#fcd34d;--ui-color-focus-ring:#fcd34d}body:has(.burrow-page) .learning-sidebar-drawer{--ui-color-surface:#302019;--ui-color-surface-muted:#493422;--ui-color-border:#85632c;--ui-color-border-soft:#674b2b;--ui-color-secondary-border:#bc964f;--ui-color-text:#fef3c7;--ui-color-text-subtle:#e6cda1;--ui-color-ghost-foreground:#fcd34d;--ui-color-focus-ring:#fcd34d}@keyframes learning-sidebar-enter{0%{transform:translate(100%)}to{transform:translate(0)}}@media (width<=720px){.learning-sidebar-toggle__label{display:none}.learning-sidebar-toggle{gap:4px;padding-inline:8px}}@media (prefers-reduced-motion:reduce){.ui-modal-panel.learning-sidebar-drawer{animation:none}}.admin-shell{padding:var(--ui-space-6) var(--ui-space-5);background:linear-gradient(180deg, var(--ui-color-canvas) 0%, var(--ui-color-canvas-strong) 100%)}.admin-container{max-width:1200px;margin:0 auto}.admin-gate{max-width:360px;margin:60px auto}.admin-gate-form{gap:var(--ui-space-2);flex-direction:column;display:flex}.admin-label{color:var(--ui-color-text-subtle);font-size:13px;font-weight:600}.admin-input{min-height:var(--ui-touch-target);padding:var(--ui-space-2) var(--ui-space-3);border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-sm);background:var(--ui-color-canvas);color:var(--ui-color-text);font-family:inherit;font-size:15px}.admin-input:focus-visible{border-color:var(--ui-color-accent);outline:3px solid var(--ui-color-focus-ring);outline-offset:1px}.admin-error{color:var(--ui-color-danger);margin:4px 0 0;font-size:13px}.admin-gate-form .ui-btn{margin-top:var(--ui-space-2)}.admin-refresh-error{margin-bottom:var(--ui-space-3)}.admin-summary{justify-content:space-between;align-items:center;gap:var(--ui-space-3);margin-bottom:var(--ui-space-3);color:var(--ui-color-text-subtle);flex-wrap:wrap;font-size:14px;display:flex}.admin-table-card{overflow:hidden}.admin-table-wrap{overflow:auto}.admin-table{border-collapse:collapse;width:100%;min-width:880px}.admin-table th{padding:var(--ui-space-3) var(--ui-space-4);border-bottom:1px solid var(--ui-color-border-soft);background:var(--ui-color-surface-muted);color:var(--ui-color-text-muted);letter-spacing:.04em;text-align:left;text-transform:uppercase;font-size:12px;font-weight:700}.admin-table tr{border-bottom:1px solid var(--ui-color-border-soft)}.admin-table td{padding:var(--ui-space-3) var(--ui-space-4);color:var(--ui-color-text);font-size:13px}.admin-table__mono{color:var(--ui-color-text-subtle);font-family:ui-monospace,Menlo,monospace;font-size:12px}.admin-table__num{text-align:right;font-family:ui-monospace,Menlo,monospace;font-size:13px}.admin-pin-dialog{width:min(440px,100vw - 32px);padding:var(--ui-space-5);border-radius:var(--ui-radius-md);background:var(--ui-color-canvas);color:var(--ui-color-text)}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100vh;margin:0;padding:0}.app-route-content{--quest-viewport-height:100dvh;min-width:0;min-height:var(--quest-viewport-height)}.quest-nav-shell+.app-route-content,.quest-nav-shell+.learning-layout>.app-route-content{--quest-viewport-height:calc(100dvh - 56px)}html:has(.quest-nav-shell){scroll-padding-top:64px}
