.placeholder{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-xl);text-align:center}.placeholder__logo{width:min(60vw,220px);height:auto;filter:drop-shadow(0 12px 24px rgba(13,156,194,.25))}.placeholder__title{font-family:var(--font-display);font-weight:700;letter-spacing:var(--tracking-display);font-size:clamp(1.5rem,5vw,2rem);margin:0;color:var(--text-ink)}.placeholder__subtitle{font-family:var(--font-body);font-size:1rem;color:var(--text-ink-muted);margin:0}.protected-route-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;color:var(--text-ink-muted);font-family:var(--font-body)}.mute-toggle{padding:0;font-size:1.5rem;line-height:1}.touch-target{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);border:none;border-radius:var(--radius-control);padding:0 var(--space-md);background:var(--surface-card);color:var(--text-ink);font-family:var(--font-body);font-weight:600;font-size:1rem;line-height:1;cursor:pointer;touch-action:manipulation;box-shadow:var(--shadow-card);transition:transform .15s ease,box-shadow .15s ease}.touch-target--primary{border-radius:var(--radius-hero);background:var(--gradient-signature);color:#fff;font-family:var(--font-display);font-size:1.05rem;letter-spacing:var(--tracking-display)}.touch-target:active{transform:scale(.96);box-shadow:var(--shadow-selected)}.touch-target:disabled{opacity:.5;cursor:not-allowed;transform:none}@media(prefers-reduced-motion:reduce){.touch-target{transition:none}}.game-dev{min-height:100dvh;padding:var(--space-xl) var(--gutter-mobile);padding-top:calc(var(--space-xl) + var(--safe-top));padding-bottom:calc(var(--space-xl) + var(--safe-bottom));background:var(--surface-canvas);display:flex;flex-direction:column;gap:var(--space-lg)}.game-dev__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.game-dev__title{font-family:var(--font-display);font-weight:600;letter-spacing:-.02em;font-size:1.25rem;color:var(--text-ink);margin:0}.game-dev__grid{display:flex;flex-direction:column;gap:var(--space-md);max-width:480px}.game-dev__option{width:100%;justify-content:center}.game-dev__loading{min-height:100dvh;display:flex;align-items:center;justify-content:center;color:var(--text-ink-muted);background:var(--surface-canvas)}.login{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-xl) var(--gutter-mobile);padding-top:calc(var(--space-xl) + var(--safe-top));padding-bottom:calc(var(--space-xl) + var(--safe-bottom));text-align:center;max-width:var(--content-max-width);margin:0 auto}.login__mark{width:var(--size-avatar-lg);height:var(--size-avatar-lg);border-radius:var(--radius-avatar-lg);background:var(--gradient-signature);box-shadow:var(--shadow-card)}.login h1{font-family:var(--font-display);font-weight:700;letter-spacing:var(--tracking-display);font-size:clamp(1.5rem,5vw,2rem);margin:0;color:var(--text-ink)}.login p{font-family:var(--font-body);color:var(--text-ink-muted);margin:0;max-width:32ch}.login__form{width:100%;max-width:360px;display:flex;flex-direction:column;align-items:stretch;gap:var(--space-md);margin-top:var(--space-md)}.login__label{text-align:left;font-weight:600;color:var(--text-ink);font-size:.9rem}.login__input{min-height:var(--touch-min-tutor);border:1px solid var(--border-whisper);border-radius:var(--radius-control);padding:0 var(--space-md);font-size:1rem;font-family:var(--font-body);background:var(--surface-card);color:var(--text-ink)}.login__input:focus-visible{outline:2px solid var(--color-brand-500);outline-offset:2px}.login__error{color:var(--color-amber-deep);font-weight:600;margin:0;text-align:left}.login__submit{width:100%}.pair{min-height:100vh;display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);padding:var(--space-xl) var(--gutter-mobile);padding-top:calc(var(--space-xl) + var(--safe-top));padding-bottom:calc(var(--content-bottom-padding) + var(--safe-bottom));text-align:center;touch-action:manipulation;overscroll-behavior:none}.pair h1{font-family:var(--font-display);font-weight:700;letter-spacing:var(--tracking-display);font-size:clamp(1.5rem,5vw,2rem);margin:0;color:var(--text-ink)}.pair__hint{font-family:var(--font-body);color:var(--text-ink-muted);margin:0}.pair__dots{display:flex;gap:var(--space-md)}.pair__dot{width:20px;height:20px;border-radius:var(--radius-pill);border:2px solid var(--color-brand-500);background:transparent;transition:background-color .15s ease}.pair__dot--filled{background-color:var(--color-brand-500)}@media(prefers-reduced-motion:reduce){.pair__dot{transition:none}}.pair__error{color:var(--text-ink);background:var(--color-brand-50);border-radius:var(--radius-control);padding:var(--space-sm) var(--space-md);font-weight:500;margin:0}.pair__numpad{display:grid;grid-template-columns:repeat(3,var(--touch-min-primary));gap:var(--touch-min-gap);justify-content:center}.pair__key{font-size:1.5rem}.pair__key--back{font-size:1.25rem}.pair__key-spacer{width:var(--touch-min-primary);height:var(--touch-min-primary)}.play-page--status{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:var(--space-xl) var(--gutter-mobile);text-align:center;color:var(--text-ink-muted);background:var(--surface-canvas)}.child-switcher{display:flex;gap:var(--touch-min-gap);overflow-x:auto;padding:0 var(--space-xs) var(--space-xs);-webkit-overflow-scrolling:touch}.child-chip{flex:0 0 auto;border-radius:var(--radius-pill);font-family:var(--font-display)}.child-chip--selected{background:var(--gradient-signature);color:#fff}.bottom-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a161b73;display:flex;align-items:flex-end;justify-content:center;z-index:50}.bottom-sheet{width:100%;max-width:var(--content-max-width);background:var(--surface-card);border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;padding:var(--space-md) var(--gutter-mobile) calc(var(--space-lg) + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:var(--space-md);touch-action:none;box-shadow:var(--shadow-card-hover)}.bottom-sheet__handle{width:44px;height:5px;border-radius:var(--radius-pill);background:var(--border-whisper);margin:0 auto}.bottom-sheet__content{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);text-align:center}.bottom-sheet__close{align-self:stretch}@media(min-width:768px){.bottom-sheet-backdrop{align-items:center}.bottom-sheet{max-width:480px;border-radius:var(--radius-sheet);padding:var(--space-lg) var(--gutter-md)}.bottom-sheet__handle{display:none}}.node-sheet__icon{font-size:40px;line-height:1}.node-sheet__title{font-family:var(--font-display);font-weight:700;letter-spacing:var(--tracking-display);font-size:1.3rem;margin:0;color:var(--text-ink)}.node-sheet__subtitle{margin:0;color:var(--text-ink-muted);font-size:.95rem}.node-sheet__excerpt{margin:0;padding:var(--space-md);background:var(--color-brand-50);border-radius:var(--radius-control);color:var(--text-ink);font-style:italic;font-size:.9rem}.node-sheet__locked{margin:0;color:var(--text-ink-muted);font-size:.9rem}.node-sheet__cta,.node-sheet__read{align-self:stretch}.path-scene{position:relative;width:100%;height:100%;touch-action:none;overscroll-behavior:none;background:var(--surface-canvas)}.path-scene canvas{display:block;width:100%;height:100%;touch-action:none}.perf-overlay{position:fixed;top:calc(var(--safe-top) + var(--space-sm));left:var(--space-sm);z-index:60;display:flex;gap:var(--space-sm);padding:4px 8px;background:#0a161bbf;color:#a0f0ff;font-family:monospace;font-size:11px;border-radius:6px;pointer-events:none}.unlock-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-xl);pointer-events:none}.unlock-overlay__xp{font-family:var(--font-display);font-weight:700;letter-spacing:var(--tracking-display);font-size:clamp(40px,12vw,72px);color:var(--color-signal-cyan);text-shadow:0 2px 24px rgba(6,191,229,.5)}.unlock-overlay__title{font-family:var(--font-body);font-size:18px;color:var(--text-ink);background:var(--surface-card);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-pill);box-shadow:var(--shadow-card);margin:0}.unlock-overlay .unlock-overlay__skip{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;min-width:0;min-height:0;border-radius:0;background:transparent;border:none;color:transparent;box-shadow:none;pointer-events:auto}.path-page{position:relative;width:100%;height:100dvh;overflow:hidden;touch-action:none;overscroll-behavior:none;background:var(--surface-canvas)}.path-page__header{position:absolute;top:var(--safe-top);left:0;right:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:var(--space-sm) var(--gutter-mobile)}.path-page__logo{height:36px;width:auto}.path-page__header-right{display:flex;align-items:center;gap:var(--space-md)}.path-page__xp{font-family:var(--font-display);font-weight:700;color:var(--color-brand-600);background:var(--surface-card);padding:4px 12px;border-radius:var(--radius-pill);box-shadow:var(--shadow-card);white-space:nowrap}.path-page__lite-toggle{font-size:12px;padding:0 var(--space-sm);background:var(--surface-card);color:var(--text-ink-muted);box-shadow:var(--shadow-card);border-radius:var(--radius-pill)}.path-page__switcher{position:absolute;top:calc(var(--safe-top) + 52px);left:0;right:0;z-index:30;padding:0 var(--gutter-mobile)}.path-page__error{position:absolute;top:calc(var(--safe-top) + 52px);left:var(--gutter-mobile);right:var(--gutter-mobile);z-index:30;text-align:center;color:var(--color-amber-deep);background:var(--surface-card);border-radius:var(--radius-control);padding:var(--space-xs) var(--space-sm);box-shadow:var(--shadow-card)}.path-page__scene{width:100%;height:100%}.path-page-status{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:var(--space-xl) var(--gutter-mobile);text-align:center;color:var(--text-ink-muted)}.splash-root{position:relative;width:100%;height:100dvh}.splash-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--surface-canvas);z-index:40}.splash-overlay__image{max-width:220px;max-height:220px;width:auto;height:auto}.task-list{min-height:100vh;display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-md) var(--gutter-mobile);padding-top:calc(var(--space-md) + var(--safe-top));padding-bottom:calc(var(--content-bottom-padding) + var(--safe-bottom));touch-action:manipulation;overscroll-behavior:none}.task-list__header{display:flex;align-items:center;justify-content:center;position:relative;padding:var(--space-sm) 0}.task-list__logo{height:40px;width:auto}.task-list__path-toggle{position:absolute;right:0;font-size:12px;padding:0 var(--space-sm);background:var(--surface-card);color:var(--text-ink-muted);box-shadow:var(--shadow-card);border-radius:var(--radius-pill)}.task-list__status{text-align:center;color:var(--text-ink-muted);margin:var(--space-lg) 0}.task-list__empty{text-align:center;color:var(--text-ink-muted);margin:var(--space-xl) var(--gutter-mobile);max-width:32ch;align-self:center}.task-list__cards{display:flex;flex-direction:column;gap:var(--space-md)}.touch-target.task-card{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--space-md);width:100%;height:auto;min-height:var(--touch-min-primary);padding:var(--card-padding-md);border-radius:var(--radius-card);text-align:left}.task-card__glyph{flex-shrink:0;color:var(--color-brand-500)}.task-card__body{display:flex;flex-direction:column;gap:var(--space-xs);min-width:0}.task-card__piece{font-family:var(--font-display);font-weight:700;font-size:1.15rem;color:var(--text-ink)}.task-card__focus{color:var(--text-ink-muted);font-size:.95rem}.task-card__pill{align-self:flex-start;background:var(--color-brand-50);color:var(--color-brand-700);border-radius:var(--radius-pill);padding:var(--space-xs) var(--space-sm);font-size:.8rem;font-weight:700}.task-sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;flex-direction:column;background:var(--surface-canvas);padding:calc(var(--space-xl) + var(--safe-top)) var(--gutter-mobile) calc(var(--space-lg) + var(--safe-bottom))}.task-sheet__content{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-md);overflow-y:auto;padding-top:var(--space-lg)}.task-sheet__glyph{width:72px;height:72px;color:var(--color-brand-500)}.task-sheet__piece{font-family:var(--font-display);font-weight:700;letter-spacing:var(--tracking-display);font-size:1.5rem;margin:0;color:var(--text-ink)}.task-sheet__focus{font-size:1.1rem;color:var(--text-ink);margin:0;max-width:32ch}.task-sheet__pill{background:var(--color-brand-50);color:var(--color-brand-700);border-radius:var(--radius-pill);padding:var(--space-xs) var(--space-md);font-weight:700;margin:0}.task-sheet__excerpt{margin:0;padding:var(--space-md);border-left:3px solid var(--color-brand-200);background:var(--surface-card);border-radius:var(--radius-control);color:var(--text-ink-muted);font-style:italic;max-width:36ch}.task-sheet__read{margin-top:var(--space-sm)}.task-sheet__close{width:100%}.task-list__footer{margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding-top:var(--space-lg)}.task-list__error{color:var(--color-amber-deep);font-weight:600;margin:0}.task-list__pin-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--card-padding);border-radius:var(--radius-card);background:var(--surface-card);box-shadow:var(--shadow-card)}.task-list__pin-label{margin:0;color:var(--text-ink-muted);font-size:.85rem}.task-list__pin-value{margin:0;font-family:var(--font-display);font-weight:700;letter-spacing:.3em;font-size:2.5rem;color:var(--color-brand-600)}.task-list__pin-expiry{margin:0;color:var(--text-ink-muted);font-size:.8rem}.review-card{display:flex;flex-direction:column;gap:var(--space-md);width:100%;max-width:480px;margin:0 auto;padding:var(--card-padding-md);border-radius:var(--radius-card);background:var(--surface-card);box-shadow:var(--shadow-card);touch-action:pan-y;will-change:transform}.review-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-sm)}.review-card__name{font-family:var(--font-display);font-weight:700;letter-spacing:var(--tracking-display);font-size:1.3rem;margin:0;color:var(--text-ink)}.review-card__meta{margin:var(--space-xs) 0 0;color:var(--text-ink-muted);font-size:.9rem}.review-card__confidence{flex-shrink:0;font-size:.75rem;font-weight:600;color:var(--text-ink-muted);background:var(--color-brand-50);border-radius:var(--radius-pill);padding:var(--space-xs) var(--space-sm);text-transform:capitalize}.review-card__excerpt{display:flex;flex-direction:column;gap:var(--space-xs);text-align:left;border:none;border-left:3px solid var(--color-brand-200);background:var(--surface-canvas);border-radius:var(--radius-control);padding:var(--space-sm) var(--space-md);color:var(--text-ink-muted);font-family:var(--font-body);font-style:italic;font-size:.95rem;cursor:pointer;min-height:var(--touch-min-tutor)}.review-card__excerpt-hint{font-style:normal;font-size:.75rem;color:var(--color-brand-600);font-weight:600}.review-card__tasks{display:flex;flex-direction:column;gap:var(--space-sm)}.review-card__empty{margin:0;color:var(--text-ink-muted);font-size:.95rem}.review-card__task{display:block;width:100%;border:none;border-radius:var(--radius-control);padding:var(--space-md);background:var(--surface-canvas);min-height:var(--touch-min-tutor);text-align:left;font-family:inherit;cursor:pointer}.review-card__task-piece{margin:0;font-family:var(--font-display);font-weight:600;font-size:1.15rem;color:var(--text-ink)}.review-card__task-focus{margin:var(--space-xs) 0 0;color:var(--text-ink);font-size:1rem}.review-card__task-target{margin:var(--space-xs) 0 0;color:var(--color-brand-600);font-weight:600;font-size:.85rem}.review-card__task--editing{display:flex;flex-direction:column;gap:var(--space-xs);cursor:default}.review-card__field-label{font-size:.75rem;font-weight:600;color:var(--text-ink-muted)}.review-card__field{min-height:var(--touch-min-tutor);border:1px solid var(--border-whisper);border-radius:var(--radius-control);padding:0 var(--space-md);font-size:1rem;font-family:var(--font-body);background:var(--surface-card);color:var(--text-ink)}.review-card__field:focus-visible{outline:2px solid var(--color-brand-500);outline-offset:2px}.review-card__stepper{display:flex;align-items:center;justify-content:center;gap:var(--space-md);margin-top:var(--space-xs)}.review-card__stepper-btn{width:var(--touch-min-tutor);height:var(--touch-min-tutor);border-radius:var(--radius-pill);border:1px solid var(--border-whisper);background:var(--surface-card);color:var(--text-ink);font-size:1.25rem;line-height:1;cursor:pointer}.review-card__stepper-value{min-width:8ch;text-align:center;font-weight:600;color:var(--text-ink)}.review-card__actions{display:flex;gap:var(--touch-min-gap)}.review-card__accept{flex:2}.review-card__same-again,.review-card__edit-toggle{flex:1}.review-card__dismiss{align-self:center;border:none;background:none;color:var(--text-ink-muted);font-family:var(--font-body);font-size:.85rem;text-decoration:underline;padding:var(--space-sm);cursor:pointer}.today{min-height:100vh;display:flex;flex-direction:column;align-items:stretch;gap:var(--space-md);padding:var(--space-lg) var(--gutter-mobile);padding-top:calc(var(--space-lg) + var(--safe-top));padding-bottom:calc(var(--space-xl) + var(--safe-bottom))}.today--center{align-items:center;justify-content:center;text-align:center;gap:var(--space-sm)}.today__progress{text-align:center;margin:0;color:var(--text-ink-muted);font-weight:600;font-size:.9rem;letter-spacing:.04em;text-transform:uppercase}.today__action-error{max-width:480px;margin:0 auto;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-control);background:var(--color-brand-50);color:var(--text-ink);font-weight:500;text-align:center}.today__mark{width:var(--size-avatar-lg);height:var(--size-avatar-lg);border-radius:var(--radius-avatar-lg);background:var(--gradient-signature);box-shadow:var(--shadow-card)}.today h1{font-family:var(--font-display);font-weight:700;letter-spacing:var(--tracking-display);font-size:clamp(1.5rem,5vw,2rem);margin:0;color:var(--text-ink)}.today p{color:var(--text-ink-muted);margin:0}.today__stats{display:flex;gap:var(--space-xl);margin:var(--space-md) 0 0}.today__stat{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs)}.today__stat dt{font-size:.8rem;color:var(--text-ink-muted)}.today__stat dd{margin:0;font-family:var(--font-display);font-weight:700;font-size:1.5rem;color:var(--color-brand-600)}:root{--color-brand-50: #e7f7fb;--color-brand-100: #cdeef7;--color-brand-200: #a1e1f0;--color-brand-300: #67cde6;--color-brand-400: #2eb8d9;--color-brand-500: #0d9cc2;--color-brand-600: #0b7fa0;--color-brand-700: #0e6a85;--color-brand-800: #0e576c;--color-brand-900: #0c4453;--color-signal-cyan: #06bfe5;--color-amber: #f59e0b;--color-amber-deep: #d97706;--color-canvas-light: #f6fafb;--color-canvas-dark: #0a161b;--color-surface-light: #ffffff;--color-surface-dark: #12262d;--color-ink-light: #1a202c;--color-ink-dark: #edf2f7;--color-ink-muted-light: #4a5568;--color-ink-muted-dark: #a0aec0;--color-border-whisper-light: #edf2f7;--color-border-whisper-dark: rgba(255, 255, 255, .2);--gradient-signature: linear-gradient(135deg, #0d9cc2 0%, #0e576c 100%);--node-locked: #c9d6da;--node-current-glow: var(--color-signal-cyan);--node-cleared: #d4af37;--streak-flame: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--font-display: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--tracking-display: -.02em;--radius-control: 12px;--radius-hero: 16px;--radius-card: 20px;--radius-sheet: 24px;--radius-pill: 9999px;--radius-avatar-sm: 12px;--radius-avatar-md: 14px;--radius-avatar-lg: 18px;--size-avatar-sm: 36px;--size-avatar-md: 48px;--size-avatar-lg: 64px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 20px;--space-xl: 32px;--card-padding: 16px;--card-padding-md: 20px;--content-max-width: 960px;--gutter-mobile: 16px;--gutter-md: 32px;--shadow-card: 0 1px 2px rgba(10, 30, 36, .04), 0 8px 24px -8px rgba(10, 30, 36, .08);--shadow-card-hover: 0 10px 20px -5px rgba(13, 156, 194, .18), 0 20px 30px -10px rgba(10, 30, 36, .1);--shadow-selected: 0 0 0 2px rgba(13, 156, 194, .45), 0 10px 20px -5px rgba(13, 156, 194, .2);--touch-min-pupil: 56px;--touch-min-primary: 64px;--touch-min-gap: 12px;--touch-min-tutor: 44px;--tabbar-height: 84px;--content-bottom-padding: calc(84px + env(safe-area-inset-bottom)) ;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--surface-canvas: var(--color-canvas-light);--surface-card: var(--color-surface-light);--text-ink: var(--color-ink-light);--text-ink-muted: var(--color-ink-muted-light);--border-whisper: var(--color-border-whisper-light)}@media(prefers-color-scheme:dark){:root{--surface-canvas: var(--color-canvas-dark);--surface-card: var(--color-surface-dark);--text-ink: var(--color-ink-dark);--text-ink-muted: var(--color-ink-muted-dark);--border-whisper: var(--color-border-whisper-dark)}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;touch-action:manipulation;overscroll-behavior:none;background:var(--surface-canvas);color:var(--text-ink);font-family:var(--font-body)}#root{min-height:100vh}