:root,[data-theme=garden]{--color-cream:#faf6ee;--color-parchment:#f2e9d8;--color-sage:#a8b89a;--color-sage-dark:#7d9270;--color-dusty-blue:#8fa8b8;--color-clay:#c88a68;--color-terracotta:#c1653f;--color-mustard:#d9a441;--color-moss:#5f7a56;--color-coral:#e08a7d;--color-plum:#8a6a80;--color-ink:#3a352e;--color-ink-soft:#5c574d;--color-white:#fff;--color-success:#4f9d5c;--color-success-bright:#6fc17d;--color-discovery:#e6a53c;--color-danger-muted:#c1653f;--color-background:var(--color-cream);--color-surface:var(--color-white);--color-surface-muted:var(--color-parchment);--color-border:#e0d5bf;--color-text:var(--color-ink);--color-text-muted:var(--color-ink-soft);--color-accent:var(--color-moss);--color-accent-contrast:var(--color-white);--color-focus-ring:#2f6fb0;--font-family-base:"Atkinson Hyperlegible", "Segoe UI", system-ui, -apple-system, sans-serif;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-md:1.125rem;--font-size-lg:1.5rem;--font-size-xl:2rem;--font-size-2xl:2.75rem;--font-size-3xl:6.5rem;--font-weight-regular:400;--font-weight-medium:600;--font-weight-bold:700;--line-height-base:1.5;--line-height-tight:1.2;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-8:3rem;--space-10:4rem;--radius-sm:.5rem;--radius-md:1rem;--radius-lg:1.5rem;--radius-round:999px;--shadow-sm:0 1px 2px #3a352e14;--shadow-md:0 4px 12px #3a352e1f;--shadow-lg:0 10px 24px #3a352e29;--touch-target-min:48px;--touch-target-large:176px;--motion-duration-fast:.15s;--motion-duration-base:.25s;--motion-duration-page:.45s;--motion-easing:ease-out}[data-reduced-motion=true]{--motion-duration-fast:0s;--motion-duration-base:0s;--motion-duration-page:0s}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--color-background);color:var(--color-text);font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-base);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3,p{margin:0}img,svg{max-width:100%;display:block}button{font:inherit;color:inherit}@media (prefers-reduced-motion:reduce){:root{--motion-duration-fast:0s;--motion-duration-base:0s}}*{transition-duration:var(--motion-duration-fast)}.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}.skip-link{top:-100%;left:var(--space-4);z-index:100;padding:var(--space-2) var(--space-4);background:var(--color-surface);color:var(--color-text);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);position:absolute}.skip-link:focus{top:var(--space-4)}:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:2px;border-radius:var(--radius-sm)}.button{justify-content:center;align-items:center;gap:var(--space-2);min-width:var(--touch-target-min);min-height:var(--touch-target-min);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);background:var(--color-accent);color:var(--color-accent-contrast);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);cursor:pointer;box-shadow:var(--shadow-sm);transition:transform var(--motion-duration-fast) var(--motion-easing), box-shadow var(--motion-duration-fast) var(--motion-easing);border:none;display:inline-flex}.button:hover{box-shadow:var(--shadow-md)}.button:active{transform:scale(.97)}.button:disabled{opacity:.5;cursor:not-allowed}.button--secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.button--quiet{color:var(--color-text-muted);box-shadow:none;background:0 0}.card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-5)}.panel{background:var(--color-surface-muted);border-radius:var(--radius-md);padding:var(--space-5);border:1px solid var(--color-border)}.dialog-backdrop{padding:var(--space-5);z-index:50;background:#3a352e59;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-6);border:none;width:100%;max-width:28rem}.dialog::backdrop{background:#3a352e59}.field{gap:var(--space-2);flex-direction:column;display:flex}.field label{font-weight:var(--font-weight-medium);color:var(--color-text)}.input,.pin-digit{min-height:var(--touch-target-min);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-size:var(--font-size-md)}.pin-digit{width:var(--touch-target-min);text-align:center}.switch{align-items:center;gap:var(--space-3);min-height:var(--touch-target-min);display:inline-flex}.badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-round);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);background:var(--color-surface-muted);color:var(--color-text-muted);align-items:center;display:inline-flex}.badge--mastered{background:var(--color-success);color:var(--color-white)}.badge--reviewDue{background:var(--color-discovery);color:var(--color-ink)}.badge--available{background:var(--color-dusty-blue);color:var(--color-white)}.badge--hidden{background:var(--color-border);color:var(--color-text-muted)}.app-shell{flex-direction:column;min-height:100%;display:flex}.app-header{padding:var(--space-3) var(--space-5);justify-content:space-between;align-items:center;display:flex}.app-title{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--color-moss)}.parent-access{min-width:var(--touch-target-min);min-height:var(--touch-target-min);padding:var(--space-2) var(--space-3);border-radius:var(--radius-round);color:var(--color-text-muted);font-size:var(--font-size-sm);opacity:.7;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.parent-access:hover,.parent-access:focus-visible{opacity:1}.app-content{padding:var(--space-5);flex:1;width:100%;max-width:48rem;margin:0 auto}.app-nav{justify-content:center;gap:var(--space-4);padding:var(--space-3) var(--space-5);border-top:1px solid var(--color-border);background:var(--color-surface);display:flex}.app-nav__link{justify-content:center;align-items:center;gap:var(--space-1);min-width:var(--touch-target-min);min-height:var(--touch-target-min);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);color:var(--color-text-muted);font-weight:var(--font-weight-medium);flex-direction:column;text-decoration:none;display:inline-flex}.app-nav__link--active{background:var(--color-surface-muted);color:var(--color-accent)}.app-nav__icon{font-size:var(--font-size-lg);line-height:1}.app-nav__label{font-size:var(--font-size-sm)}.home-welcome h1{font-size:var(--font-size-xl);line-height:var(--line-height-tight);color:var(--color-moss)}.home-welcome p{color:var(--color-text-muted);margin-top:var(--space-2)}.home-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));display:grid}.home-card__eyebrow{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-accent);text-transform:uppercase;letter-spacing:.04em}.home-card h2{font-size:var(--font-size-md);margin-top:var(--space-1)}.home-card p{color:var(--color-text-muted);margin-top:var(--space-2)}.home-card .button{margin-top:var(--space-4)}.home-progress-bar{height:var(--space-3);border-radius:var(--radius-round);background:var(--color-surface);margin-top:var(--space-3);overflow:hidden}.home-progress-bar__fill{background:var(--color-success);border-radius:var(--radius-round);height:100%;transition:width var(--motion-duration-base) var(--motion-easing)}.home-discoveries{gap:var(--space-3);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.home-discovery-chip{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-surface);border-radius:var(--radius-round);font-size:var(--font-size-sm);color:var(--color-text);display:inline-flex}.home-discovery-chip__icon{width:1.5rem;height:1.5rem}.learning-path{scroll-behavior:smooth}.learning-path__subject+.learning-path__subject{margin-top:var(--space-8)}.learning-path__subject-title{font-size:var(--font-size-lg);color:var(--color-moss);margin-bottom:var(--space-5)}.learning-path__lane{flex-direction:column;align-items:stretch;display:flex}.learning-path__node-wrapper{flex-direction:column;align-items:center;display:flex}.learning-path__connector{width:4px;min-height:var(--space-6);background:var(--color-border);border-radius:var(--radius-round)}.learning-path__connector--complete{background:var(--color-success)}.path-node{align-items:center;gap:var(--space-4);width:100%;padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm);text-align:left;border:2px solid #0000;display:flex}.path-node__marker{border-radius:var(--radius-round);width:3rem;min-width:3rem;height:3rem;font-size:var(--font-size-lg);background:var(--color-surface-muted);color:var(--color-text-muted);justify-content:center;align-items:center;display:inline-flex}.path-node__body{gap:var(--space-1);text-align:left;flex-direction:column;flex:1;display:flex}.path-node__title{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--color-text)}.path-node__status{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--space-1)}.path-node--locked{opacity:.75}.path-node--locked .path-node__marker{background:var(--color-border);color:var(--color-text-muted)}.path-node--available .path-node__marker{background:var(--color-dusty-blue);color:var(--color-white)}.path-node--available{border-color:var(--color-dusty-blue)}.path-node--inProgress .path-node__marker{background:var(--color-discovery);color:var(--color-ink)}.path-node--inProgress{border-color:var(--color-discovery)}.path-node--mastered .path-node__marker{background:var(--color-success);color:var(--color-white)}.path-node--mastered{border-color:var(--color-success)}.badge--locked{background:var(--color-border);color:var(--color-text-muted)}.badge--inProgress{background:var(--color-discovery);color:var(--color-ink)}.discovery-reveal{text-align:center}.discovery-reveal__art{width:8rem;height:8rem;margin:0 auto var(--space-4)}.discovery-reveal__eyebrow{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-discovery);text-transform:uppercase;letter-spacing:.04em}.discovery-reveal__name{font-size:var(--font-size-xl);margin-top:var(--space-2)}.discovery-reveal__fact{margin-top:var(--space-4);color:var(--color-text-muted)}.discovery-reveal__habitat-note{margin-top:var(--space-2);font-size:var(--font-size-sm);color:var(--color-accent)}.discovery-reveal .button{margin-top:var(--space-6)}.completion-summary{text-align:center;position:relative}.completion-summary__confetti{justify-content:center;gap:var(--space-3);margin-bottom:var(--space-3);height:2rem;display:flex}.completion-summary__confetti span{border-radius:var(--radius-round);width:.75rem;height:.75rem;animation:completionPop var(--motion-duration-base,.25s) var(--motion-easing) both}.completion-summary__confetti span:first-child{background:var(--color-coral);animation-delay:0s}.completion-summary__confetti span:nth-child(2){background:var(--color-mustard);animation-delay:60ms}.completion-summary__confetti span:nth-child(3){background:var(--color-success-bright);animation-delay:.12s}.completion-summary__confetti span:nth-child(4){background:var(--color-dusty-blue);animation-delay:.18s}.completion-summary__confetti span:nth-child(5){background:var(--color-plum);animation-delay:.24s}@keyframes completionPop{0%{opacity:0;transform:translateY(.5rem)scale(.5)}to{opacity:1;transform:translateY(0)scale(1)}}[data-reduced-motion=true] .completion-summary__confetti span{opacity:1;animation:none;transform:none}.completion-summary__list{margin-top:var(--space-3);color:var(--color-text-muted)}.completion-summary__actions{justify-content:center;gap:var(--space-3);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.garden-habitat+.garden-habitat{margin-top:var(--space-8)}.garden-habitat__title{font-size:var(--font-size-lg);color:var(--color-moss)}.garden-habitat__description{color:var(--color-text-muted);margin-top:var(--space-1)}.garden-category-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;margin-top:var(--space-5);margin-bottom:var(--space-3)}.garden-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(7rem,1fr));display:grid}.garden-item{align-items:center;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-sm);text-align:center;min-height:var(--touch-target-min);border:none;flex-direction:column;display:flex}.garden-item__art{width:4rem;height:4rem}.garden-item__name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}.garden-item--locked{opacity:.6}.garden-item--locked .garden-item__art{filter:grayscale()}.garden-empty{color:var(--color-text-muted);text-align:center;padding:var(--space-6) var(--space-4)}.beta-tools{border:2px dashed var(--color-discovery);border-radius:var(--radius-md);padding:var(--space-5);margin-top:var(--space-6)}.beta-tools__title{font-size:var(--font-size-md);color:var(--color-terracotta)}.beta-tools__description{color:var(--color-text-muted);margin-top:var(--space-1);margin-bottom:var(--space-4)}.beta-tools__group{margin-top:var(--space-4)}.beta-tools__group-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted);margin-bottom:var(--space-2);align-items:center;gap:var(--space-2);display:flex}.beta-tools__buttons{gap:var(--space-2);flex-wrap:wrap;display:flex}.beta-tools__diagnostics{font-size:var(--font-size-sm);color:var(--color-text-muted)}.beta-tools__diagnostics-list{margin-top:var(--space-2);padding-left:var(--space-5);gap:var(--space-1);flex-direction:column;display:flex}.empty-state{text-align:center;padding:var(--space-6) var(--space-4);color:var(--color-text-muted)}.empty-state__icon{font-size:var(--font-size-2xl);margin-bottom:var(--space-3)}.adventure-progress{text-align:center;padding:var(--space-3) var(--space-4)}.adventure-progress__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-moss);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--space-2)}.adventure-progress__dots{justify-content:center;gap:var(--space-2);display:flex}.adventure-progress__dot{border-radius:var(--radius-round);border:2px solid var(--color-moss);background:0 0;width:.85rem;height:.85rem;display:inline-block}.adventure-progress__dot--done{background:var(--color-moss)}.adventure-progress__count{margin-top:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-muted)}.mission-frame__banner{align-items:center;gap:var(--space-3);background:var(--color-parchment);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);display:flex}.mission-frame__character{font-size:var(--font-size-xl);flex-shrink:0}.mission-frame__title{font-weight:var(--font-weight-bold);color:var(--color-ink)}.mission-frame__reason{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-top:var(--space-1)}.discovery-reveal__rarity{margin-top:var(--space-1);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-accent)}.discovery-reveal__details{justify-content:center;gap:var(--space-6);margin-top:var(--space-3);display:flex}.discovery-reveal__details dt{font-size:var(--font-size-sm);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.discovery-reveal__details dd{font-weight:var(--font-weight-medium);margin:0}.discovery-reveal__description{margin-top:var(--space-3);color:var(--color-text-muted);font-style:italic}.discovery-reveal__discovered{margin-top:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-muted)}.collectible-art--shimmer,.collectible-art--sparkle{animation:2.4s ease-in-out infinite collectibleShimmer}.collectible-art--sparkle .collectible-art__sparkles{transform-origin:50%;animation:1.4s ease-in-out infinite collectibleSparkleTwinkle}@keyframes collectibleShimmer{0%,to{opacity:1}50%{opacity:.82}}@keyframes collectibleSparkleTwinkle{0%,to{opacity:.4;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}[data-reduced-motion=true] .collectible-art--shimmer,[data-reduced-motion=true] .collectible-art--sparkle,[data-reduced-motion=true] .collectible-art--sparkle .collectible-art__sparkles{opacity:1;animation:none;transform:none}.update-banner{justify-content:center;align-items:center;gap:var(--space-3);background:var(--color-sage);color:var(--color-ink);padding:var(--space-2) var(--space-4);text-align:center;font-size:var(--font-size-sm);flex-wrap:wrap;display:flex}.update-banner button{min-height:var(--touch-target-min)}.world-map-page h1{margin-bottom:var(--space-1)}.storybook-map-scroll{margin-top:var(--space-5)}.storybook-map{aspect-ratio:4/3;border-radius:var(--radius-lg);background:linear-gradient(180deg, var(--color-sage) 0%, var(--color-cream) 65%, var(--color-parchment) 100%);width:100%;min-height:22rem;position:relative;overflow:hidden}@media (width<=600px){.storybook-map-scroll{overflow-x:auto}.storybook-map{aspect-ratio:3/4;min-width:42rem;min-height:34rem}}.map-path{width:100%;height:100%;position:absolute;inset:0}.map-path__line{fill:none;stroke:var(--color-clay);stroke-width:1.2px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:2.5 2.5;opacity:.6}.habitat-destination{align-items:center;gap:var(--space-1);width:6.5rem;min-width:var(--touch-target-min);min-height:var(--touch-target-min);padding:var(--space-2);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-md);text-align:center;border:2px solid #0000;flex-direction:column;display:flex;position:absolute;transform:translate(-50%,-50%)}.habitat-destination__icon{font-size:var(--font-size-xl);line-height:1}.habitat-destination__name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}.habitat-destination__status{color:var(--color-text-muted);font-size:.75rem}.habitat-destination--available{border-color:var(--color-moss)}.habitat-destination--locked{opacity:.75}.habitat-destination--comingSoon{opacity:.55}.habitat-destination:disabled{cursor:default}.journal-habitat+.journal-habitat{margin-top:var(--space-10);padding-top:var(--space-8);border-top:1px solid var(--color-border)}.journal-habitat__title{font-size:var(--font-size-xl);color:var(--color-ink)}.journal-habitat__description{color:var(--color-text-muted);margin-top:var(--space-1);margin-bottom:var(--space-5)}.journal-habitat .garden-habitat+.garden-habitat{margin-top:var(--space-6)}.dig-scene{height:3rem;margin-top:var(--space-3);position:relative}.dig-scene__decoration{font-size:var(--font-size-lg);line-height:1;position:absolute}.dig-spots{gap:var(--space-5);margin:var(--space-5) 0;padding:var(--space-4);border-radius:var(--radius-lg);background:radial-gradient(ellipse at 30% 20%, var(--color-mustard) 0%, var(--color-clay) 70%);flex-wrap:wrap;justify-content:center;display:flex;position:relative}.dig-spot{width:6rem;height:6rem;min-width:var(--touch-target-min);min-height:var(--touch-target-min);transition:transform var(--motion-duration-fast) var(--motion-easing);border:none;justify-content:center;align-items:center;display:flex}.dig-spot--variant-0{background:radial-gradient(ellipse at 35% 30%, var(--color-mustard) 0%, var(--color-clay) 100%);border-radius:60% 40% 55% 45%/55% 45%}.dig-spot--variant-1{background:radial-gradient(ellipse at 60% 35%, var(--color-clay) 0%, var(--color-terracotta) 100%);border-radius:45% 55% 40% 60%/60% 50% 50% 40%}.dig-spot--variant-2{background:radial-gradient(ellipse at 40% 40%, var(--color-mustard) 0%, var(--color-terracotta) 100%);border-radius:50% 50% 60% 40%/45% 55%}.dig-spot:not(:disabled):hover{transform:translateY(-2px)}.dig-spot--dug{border:2px dashed var(--color-border);cursor:default;border-radius:var(--radius-lg)!important;background:var(--color-surface-muted)!important}.dig-spot__mound{border-radius:var(--radius-round);background:#fff6;width:2.5rem;height:1.5rem;box-shadow:0 0 0 3px #ffffff26}.buried-object{font-size:var(--font-size-2xl)}.dig-brush{width:7rem;height:7rem;min-width:var(--touch-target-min);min-height:var(--touch-target-min);margin:var(--space-4) auto;border-radius:var(--radius-lg);background:var(--color-surface-muted);border:none;justify-content:center;align-items:center;display:flex;position:relative}.dig-brush__overlay{border-radius:var(--radius-lg);background:var(--color-clay);transition:opacity var(--motion-duration-fast) var(--motion-easing);position:absolute;inset:0}.dig-reveal{margin:var(--space-4) 0;justify-content:center;display:flex}.dig-reveal .buried-object{font-size:3.5rem}.habitat-destination__growth{font-size:.7rem;line-height:1}.weather-badge{align-items:center;gap:var(--space-2);margin-top:var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-sm);display:inline-flex}.surprise-visitor{align-items:center;gap:var(--space-3);margin-top:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-surface-muted);border:1px solid var(--color-border);animation:surprise-visitor-fade-in var(--motion-duration-base) var(--motion-easing);display:flex}.surprise-visitor__icon{font-size:var(--font-size-xl)}.surprise-visitor__message{color:var(--color-text);flex:1;margin:0}.surprise-visitor__dismiss{min-width:var(--touch-target-min);min-height:var(--touch-target-min);color:var(--color-text-muted);font-size:var(--font-size-md);background:0 0;border:none}@keyframes surprise-visitor-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}[data-reduced-motion=true] .surprise-visitor{animation:none}.companion-race-selector__hint{color:var(--color-text-muted);margin-bottom:var(--space-4)}.companion-race-selector__grid{gap:var(--space-4);margin-bottom:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(7rem,1fr));display:grid}.companion-race-selector__item{align-items:center;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-sm);min-height:var(--touch-target-min);border:3px solid #0000;flex-direction:column;display:flex}.companion-race-selector__item--selected{border-color:var(--color-moss);background:var(--color-sage)}.companion-race-selector__item:disabled{opacity:.5}.companion-race-selector__name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}.race-track{gap:var(--space-4);margin-bottom:var(--space-5);flex-direction:column;display:flex}.race-track__lane{gap:var(--space-1);flex-direction:column;display:flex}.race-track__lane-course{background:var(--color-parchment);border-radius:var(--radius-md);height:3.5rem;position:relative}.race-track__runner{transition-property:left;transition-timing-function:linear;position:absolute;top:.125rem}.race-track__runner--winner{filter:drop-shadow(0 0 .25rem var(--color-mustard))}.race-track__ribbon{font-size:var(--font-size-md);position:absolute;top:-.75rem;right:-.5rem}.race-track__name{font-size:var(--font-size-sm);color:var(--color-text-muted);text-align:center}.companion-race__actions{gap:var(--space-3);flex-wrap:wrap;justify-content:center;display:flex}.companion-race__back{margin-top:var(--space-5);text-align:center}.habitat-scene-page__header{margin-bottom:var(--space-4)}.habitat-scene-page__header p{color:var(--color-text-muted)}.habitat-scene{aspect-ratio:4/3;border-radius:var(--radius-lg);width:100%;min-height:22rem;box-shadow:var(--shadow-md);position:relative;overflow:hidden}@media (width<=600px){.habitat-scene{aspect-ratio:3/4;min-height:26rem}}.habitat-scene--sunny-meadow{background:linear-gradient(180deg, var(--color-cream) 0%, var(--color-sage) 45%, var(--color-sage-dark) 100%)}.habitat-scene--butterfly-grove{background:linear-gradient(180deg, var(--color-dusty-blue) 0%, var(--color-cream) 55%, var(--color-sage) 100%)}.habitat-scene__decoration{pointer-events:none;-webkit-user-select:none;user-select:none;line-height:1;position:absolute;transform:translate(-50%,-50%)}.creature-sprite{width:var(--touch-target-min);height:var(--touch-target-min);cursor:pointer;filter:drop-shadow(0 2px 3px #3a352e33);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;transform:translate(-50%,-50%)}.creature-sprite--idle{animation:2.6s ease-in-out infinite creature-idle-bob}.creature-sprite--reacting{animation:.7s ease-out creature-reaction-bounce}@keyframes creature-idle-bob{0%,to{transform:translate(-50%,-50%)translateY(0)}50%{transform:translate(-50%,-50%)translateY(-6%)}}@keyframes creature-reaction-bounce{0%{transform:translate(-50%,-50%)scale(1)}30%{transform:translate(-50%,-50%)scale(1.25)rotate(-6deg)}60%{transform:translate(-50%,-50%)scale(1.1)rotate(4deg)}to{transform:translate(-50%,-50%)scale(1)}}.garden-home-scene{aspect-ratio:16/9;border-radius:var(--radius-lg);background:linear-gradient(180deg, var(--color-cream) 0%, var(--color-parchment) 40%, var(--color-sage) 100%);width:100%;min-height:18rem;box-shadow:var(--shadow-md);margin-bottom:var(--space-5);position:relative;overflow:hidden}@media (width<=600px){.garden-home-scene{aspect-ratio:4/3;min-height:22rem}}.habitat-entrance{align-items:center;gap:var(--space-1);width:7rem;min-width:var(--touch-target-min);min-height:var(--touch-target-min);padding:var(--space-2);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-md);border:2px solid var(--color-moss);text-align:center;flex-direction:column;display:flex;position:absolute;transform:translate(-50%,-50%)}.habitat-entrance__icon{font-size:var(--font-size-xl);line-height:1}.habitat-entrance__name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}.habitat-entrance__progress{color:var(--color-text-muted);font-size:.75rem}.garden-home-entrance{align-items:center;gap:var(--space-1);min-width:var(--touch-target-min);min-height:var(--touch-target-min);padding:var(--space-2) var(--space-3);border-radius:var(--radius-round);background:var(--color-terracotta);color:var(--color-white);box-shadow:var(--shadow-md);font-weight:var(--font-weight-medium);border:none;flex-direction:column;display:flex;position:absolute;transform:translate(-50%,-50%)}.garden-home-entrance__icon{font-size:var(--font-size-lg);line-height:1}.garden-object-sprite{width:var(--touch-target-min);height:var(--touch-target-min);font-size:var(--font-size-xl);cursor:pointer;filter:drop-shadow(0 2px 3px #3a352e33);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;transform:translate(-50%,-50%)}.habitat-scene-page__plant-controls{margin-top:var(--space-4);justify-content:center;display:flex}.habitat-scene-page__seed-picker{gap:var(--space-2);flex-wrap:wrap;justify-content:center;display:flex}.creature-care{margin-top:var(--space-4);border-top:1px solid var(--color-border);padding-top:var(--space-4)}.creature-care__buttons{gap:var(--space-2);flex-wrap:wrap;justify-content:center;display:flex}.creature-care__response{margin-top:var(--space-3);text-align:center;color:var(--color-text-muted)}.welcome-placement{text-align:center}.welcome-placement__eyebrow{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-discovery);text-transform:uppercase;letter-spacing:.04em}.welcome-placement__art{width:6rem;height:6rem;margin:var(--space-3) auto}.welcome-placement__spots{gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap;justify-content:center;display:flex}.welcome-placement__spot{width:3.5rem;height:3.5rem;min-width:var(--touch-target-min);min-height:var(--touch-target-min);border-radius:var(--radius-round);border:2px solid var(--color-moss);background:var(--color-surface-muted);font-size:var(--font-size-lg);cursor:pointer}.quest-intro{text-align:center}.quest-intro__beat{margin-top:var(--space-3);color:var(--color-text-muted)}.quest-intro__introduction{color:var(--color-text);font-weight:var(--font-weight-bold)}.quest-intro .button{margin-top:var(--space-6)}.habitat-travel-transition{text-align:center}.habitat-travel-transition__flavor{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.habitat-travel-transition__before{margin-top:var(--space-3);color:var(--color-text)}.habitat-travel-transition__encouragement{margin-top:var(--space-2);font-size:var(--font-size-sm);color:var(--color-accent)}.habitat-travel-transition .button{margin-top:var(--space-6)}.quest-progress-display{margin-bottom:var(--space-4);justify-content:center;display:flex}.completion-summary__quest-beat{color:var(--color-text)}.completion-summary__quest-return-home{margin-top:var(--space-4);font-weight:var(--font-weight-bold);color:var(--color-text)}.discovery-reveal__quest-line{margin-top:var(--space-2);color:var(--color-text-muted)}.dino-den-roundel{border-radius:var(--radius-round);width:3.5rem;height:3.5rem;font-size:var(--font-size-lg);background:radial-gradient(circle at 35% 30%, var(--color-white), var(--habitat-accent,var(--color-parchment)) 150%);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;box-shadow:inset 0 2px #ffffff80,inset 0 -2px 4px #3a352e26}.dino-den-roundel--sm{width:3rem;height:3rem}.dino-den-leaf-accent{pointer-events:none;position:absolute}.dino-den-leaf-accent--sprig{font-size:var(--font-size-md);opacity:.8}.dino-den-leaf-accent--sprig.dino-den-leaf-accent--top-left{top:-.6rem;left:-.4rem}.dino-den-leaf-accent--sprig.dino-den-leaf-accent--top-right{top:-.6rem;right:-.4rem}.dino-den-leaf-accent--foliage{font-size:var(--font-size-xl);opacity:.35}.dino-den-leaf-accent--foliage.dino-den-leaf-accent--top-right{top:var(--space-3);right:var(--space-4)}.dino-den-wood-plaque{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);background:linear-gradient(180deg, var(--color-mustard) 0%, var(--color-clay) 65%, var(--color-terracotta) 100%);box-shadow:inset 0 2px 0 #ffffff4d, inset 0 -4px 6px #3a352e47, var(--shadow-md);display:flex;position:relative}.dino-den-wood-plaque h1,.dino-den-wood-plaque h2{color:var(--color-white);font-size:var(--font-size-xl);text-shadow:0 1px 2px #3a352e59;margin:0}.dino-den-wood-plaque>span:first-of-type{font-size:var(--font-size-lg)}@media (width<=600px){.dino-den-wood-plaque{padding:var(--space-2) var(--space-5)}.dino-den-wood-plaque h1,.dino-den-wood-plaque h2{font-size:var(--font-size-lg);white-space:nowrap}}.dino-den-parchment-panel{background:var(--color-parchment);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:inset 0 1px 0 #fff6, var(--shadow-sm);padding:var(--space-6);background-image:repeating-linear-gradient(0deg,#3a352e05 0 1px,#0000 1px 4px);position:relative;overflow:hidden}.dino-den-progress-seal{background:radial-gradient(circle at 35% 30%, var(--color-cream), var(--habitat-accent,var(--color-sage-dark)) 140%);color:var(--color-ink);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);padding:var(--space-1) var(--space-4);border-radius:var(--radius-round);display:inline-block;box-shadow:inset 0 1px #fff6,inset 0 -2px 3px #3a352e26}.dino-den-specimen-card{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-2) var(--space-2);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-cream);box-shadow:inset 0 1px 0 #ffffff80, var(--shadow-sm);text-align:center;min-height:var(--touch-target-min);transition:transform var(--motion-duration-base) var(--motion-easing), box-shadow var(--motion-duration-base) var(--motion-easing), border-color var(--motion-duration-base) var(--motion-easing);flex-direction:column;display:flex;position:relative}.dino-den-specimen-card:not(:disabled):hover,.dino-den-specimen-card:not(:disabled):focus-visible{border-color:var(--habitat-accent,var(--color-moss));box-shadow:inset 0 1px 0 #ffffff80, var(--shadow-md);transform:translateY(-2px)}.dino-den-specimen-card:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:2px}.dino-den-specimen-card:disabled{background:var(--color-parchment);opacity:.85}.dino-den-specimen-card__art{justify-content:center;align-items:center;display:flex}.dino-den-specimen-card__art--animated{animation:4s ease-in-out infinite dino-den-sway}@keyframes dino-den-sway{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}.dino-den-specimen-card__label{font-weight:var(--font-weight-bold);color:var(--color-ink);font-size:var(--font-size-sm)}.dino-den-specimen-card__label--muted{font-weight:var(--font-weight-regular);color:var(--color-text-muted);font-style:italic}.dino-den-field-impression{border-radius:var(--radius-round);width:3.5rem;height:3.5rem;font-size:var(--font-size-lg);filter:grayscale(.6)opacity(.4);background:var(--color-parchment);justify-content:center;align-items:center;display:flex;box-shadow:inset 0 2px 5px #3a352e40,inset 0 -1px #ffffff4d}.dino-den-tactile-button{color:var(--color-accent);font-weight:var(--font-weight-bold);padding:var(--space-2) var(--space-3);border-radius:var(--radius-round);min-height:var(--touch-target-min);cursor:pointer;font:inherit;transition:background-color var(--motion-duration-fast) var(--motion-easing);background:0 0;border:none;align-items:center;text-decoration:none;display:inline-flex}.dino-den-tactile-button:hover,.dino-den-tactile-button:focus-visible{background:var(--color-surface-muted)}.dino-den-page-header{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-2);flex-wrap:wrap;display:flex}@media (width<=600px){.dino-den-page-header{gap:var(--space-3);flex-direction:column}.dino-den-page-header>.dino-den-wood-plaque{order:-1}}.dino-den-ambient-companion{pointer-events:none;z-index:1;filter:drop-shadow(0 2px 3px #3a352e40);font-size:3.5rem;line-height:1;position:absolute}.dino-den-ambient-companion--bottom-left{bottom:var(--space-3);left:var(--space-3)}.dino-den-ambient-companion--bottom-right{bottom:var(--space-3);right:var(--space-3)}.dino-den-ambient-companion--bottom-center{bottom:var(--space-3);left:50%;transform:translate(-50%)}.dino-den-ambient-companion--top-right{top:var(--space-3);right:var(--space-3)}.dino-den-ambient-companion--idle{animation:3.2s ease-in-out infinite dino-den-companion-bob}.dino-den-ambient-companion--bottom-center.dino-den-ambient-companion--idle{animation-name:dino-den-companion-bob-centered}.dino-den-ambient-companion--cheer{animation:.6s ease-out dino-den-companion-cheer}@keyframes dino-den-companion-bob{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-6px)rotate(3deg)}}@keyframes dino-den-companion-bob-centered{0%,to{transform:translate(-50%)translateY(0)rotate(-3deg)}50%{transform:translate(-50%)translateY(-6px)rotate(3deg)}}@keyframes dino-den-companion-cheer{0%{transform:scale(1)rotate(0)}30%{transform:scale(1.25)rotate(-8deg)}60%{transform:scale(1.1)rotate(8deg)}to{transform:scale(1)rotate(0)}}.dino-den-ambient-scenery{opacity:.85;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;font-size:1.1rem;line-height:1;position:absolute}.dino-den-ambient-scenery--birds{font-size:1rem}.dino-den-ambient-scenery--pollen{font-size:.75rem}.dino-den-ambient-scenery--drift{animation-name:dino-den-scenery-drift;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes dino-den-scenery-drift{0%{transform:translate(0)rotate(0)}25%{transform:translate(6%,3%)rotate(6deg)}50%{transform:translate(2%,7%)rotate(-4deg)}75%{transform:translate(-4%,2%)rotate(3deg)}to{transform:translate(0)rotate(0)}}.dino-den-page-travel-transition{animation:dino-den-page-enter var(--motion-duration-page) var(--motion-easing) both}@keyframes dino-den-page-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.listen-and-pop{align-items:center;gap:var(--space-6);text-align:center;flex-direction:column;display:flex}.listen-and-pop__status{color:var(--color-text-muted)}.prompt-area{align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.prompt-area__text{font-size:var(--font-size-2xl);margin:0}.prompt-area__hint{color:var(--color-moss);font-weight:var(--font-weight-medium);margin:0}.answer-choices{grid-template-columns:repeat(auto-fit, minmax(var(--touch-target-large), 1fr));gap:var(--space-6);width:100%;max-width:42rem;display:grid}.answer-choice{justify-content:center;align-items:center;gap:var(--space-2);min-width:var(--touch-target-large);min-height:var(--touch-target-large);padding:var(--space-3);border:4px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-cream);box-shadow:var(--shadow-md);cursor:pointer;transition:transform var(--motion-duration-fast) var(--motion-easing), border-color var(--motion-duration-fast) var(--motion-easing), background var(--motion-duration-fast) var(--motion-easing);flex-direction:column;display:flex}.answer-choice:disabled{cursor:default}.answer-choice:not(:disabled):hover{border-color:var(--color-accent)}.answer-choice__label{font-weight:var(--font-weight-bold);color:var(--color-ink);line-height:1}.answer-choice__label--letter,.answer-choice__label--number,.answer-choice__label--emoji{font-size:var(--font-size-3xl)}.answer-choice__label--word{font-size:var(--font-size-2xl)}.answer-choice__mark{width:2.5rem;height:2.5rem}.answer-choice--correct{border-color:var(--color-success);background:var(--color-cream)}.answer-choice--incorrect{border-color:var(--color-clay);background:var(--color-cream)}.answer-choice--pop{animation:listenAndPopPop var(--motion-duration-base) var(--motion-easing)}.answer-choice--wobble{animation:listenAndPopWobble var(--motion-duration-base) var(--motion-easing)}@keyframes listenAndPopPop{0%{transform:scale(1)}40%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes listenAndPopWobble{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.sort-and-match{align-items:center;gap:var(--space-6);text-align:center;flex-direction:column;display:flex}.sort-and-match__status{color:var(--color-text-muted)}.prompt-header{align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.prompt-header__text{font-size:var(--font-size-2xl);margin:0}.prompt-header__hint{color:var(--color-moss);font-weight:var(--font-weight-medium);margin:0}.match-board{gap:var(--space-6);grid-template-columns:1fr 1fr;width:100%;max-width:42rem;display:grid;position:relative}.match-board__column{gap:var(--space-4);flex-direction:column;display:flex}.match-board__drag-preview{z-index:100;align-items:center;gap:var(--space-2);padding:var(--space-3);pointer-events:none;opacity:.9;flex-direction:column;display:flex;position:fixed;transform:translate(-50%,-50%)}.match-card{justify-content:center;align-items:center;gap:var(--space-2);min-width:var(--touch-target-large);min-height:var(--touch-target-large);padding:var(--space-3);border:4px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-cream);box-shadow:var(--shadow-md);cursor:pointer;transition:transform var(--motion-duration-fast) var(--motion-easing), border-color var(--motion-duration-fast) var(--motion-easing), background var(--motion-duration-fast) var(--motion-easing);flex-direction:column;display:flex}.match-card:disabled{cursor:default}.match-card:not(:disabled):hover{border-color:var(--color-accent)}.match-card__label{font-weight:var(--font-weight-bold);color:var(--color-ink);line-height:1}.match-card__label--letter,.match-card__label--number,.match-card__label--emoji{font-size:var(--font-size-3xl)}.match-card__label--word,.match-card__label--default{font-size:var(--font-size-lg)}.match-card__mark{flex-shrink:0;width:2.25rem;height:2.25rem}.match-card--selected{border-color:var(--color-dusty-blue);background:var(--color-cream)}.match-card--matched{border-color:var(--color-success);background:var(--color-cream);opacity:.75}.match-card--correct{border-color:var(--color-success);background:var(--color-cream)}.match-card--incorrect{border-color:var(--color-clay);background:var(--color-cream)}.match-card--drop-target{border-color:var(--color-accent);box-shadow:var(--shadow-md)}.match-card--pop{animation:sortAndMatchPop var(--motion-duration-base) var(--motion-easing)}.match-card--wobble{animation:sortAndMatchWobble var(--motion-duration-base) var(--motion-easing)}@keyframes sortAndMatchPop{0%{transform:scale(1)}40%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes sortAndMatchWobble{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.memory-observation{align-items:center;gap:var(--space-6);text-align:center;flex-direction:column;display:flex}.memory-observation__status{color:var(--color-text-muted)}.memory-observation__board{grid-template-columns:repeat(auto-fit, minmax(var(--touch-target-large), 1fr));gap:var(--space-5);width:100%;max-width:46rem;display:grid}.memory-tile{min-width:var(--touch-target-large);min-height:var(--touch-target-large);padding:var(--space-4);border:4px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-cream);box-shadow:var(--shadow-md);cursor:pointer;transition:transform var(--motion-duration-fast) var(--motion-easing), border-color var(--motion-duration-fast) var(--motion-easing), background var(--motion-duration-fast) var(--motion-easing);justify-content:center;align-items:center;display:flex}.memory-tile:disabled{cursor:default}.memory-tile:not(:disabled):hover{border-color:var(--color-accent)}.memory-tile__glyph{font-size:var(--font-size-3xl);line-height:1}.memory-tile--face-down .memory-tile__glyph{opacity:.6;font-size:4rem}.memory-tile--matched{border-color:var(--color-success);background:var(--color-cream)}.memory-tile--found{border-color:var(--color-success);background:var(--color-cream);position:relative}.memory-tile__mark{color:var(--color-success);font-size:1.75rem;font-weight:var(--font-weight-bold);position:absolute;top:2px;right:6px}.memory-tile--wobble{animation:memoryTileWobble var(--motion-duration-base) var(--motion-easing)}@keyframes memoryTileWobble{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.build-the-path{align-items:center;gap:var(--space-6);text-align:center;flex-direction:column;display:flex}.build-the-path__status{color:var(--color-text-muted)}.path-track{align-items:center;gap:var(--space-2);flex-direction:column;width:100%;display:flex}.path-track__slots{justify-content:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.path-track__slot{min-width:var(--touch-target-large);min-height:var(--touch-target-large);border:4px dashed var(--color-border);border-radius:var(--radius-lg);font-size:var(--font-size-3xl);background:var(--color-cream);justify-content:center;align-items:center;display:flex}.path-track__slot--filled{border-style:solid;border-color:var(--color-success);background:var(--color-cream);color:var(--color-success)}.path-track__slot--current{border-style:solid;border-color:var(--color-accent)}.path-track__connector{color:var(--color-clay);align-items:center;font-size:2.25rem;display:flex}.path-track__status{margin:0}.path-pieces{grid-template-columns:repeat(auto-fit, minmax(var(--touch-target-large), 1fr));gap:var(--space-5);width:100%;max-width:42rem;display:grid}.path-piece{min-width:var(--touch-target-large);min-height:var(--touch-target-large);padding:var(--space-4);border:4px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-cream);box-shadow:var(--shadow-md);cursor:pointer;transition:transform var(--motion-duration-fast) var(--motion-easing), border-color var(--motion-duration-fast) var(--motion-easing), background var(--motion-duration-fast) var(--motion-easing);justify-content:center;align-items:center;display:flex;position:relative}.path-piece:disabled{cursor:default}.path-piece:not(:disabled):hover{border-color:var(--color-accent)}.path-piece__glyph{font-size:var(--font-size-3xl);line-height:1}.path-piece--placed{border-color:var(--color-success);background:var(--color-cream);opacity:.7}.path-piece__mark{color:var(--color-success);font-size:1.75rem;font-weight:var(--font-weight-bold);position:absolute;top:2px;right:6px}.path-piece--wobble{animation:pathPieceWobble var(--motion-duration-base) var(--motion-easing)}@keyframes pathPieceWobble{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.journal-preview{max-width:56rem;padding-bottom:var(--space-8);margin:0 auto}.journal-preview__preview-note{background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:var(--font-size-sm);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-6)}.journal-preview__subtitle{color:var(--color-text-muted);margin-bottom:var(--space-6)}.journal-preview__empty-frame{padding:var(--space-2)}.journal-preview__empty-card.card{background:var(--color-parchment);border:1px solid var(--color-border)}.journal-preview__habitat{margin-bottom:var(--space-8)}.journal-preview__habitat-header{align-items:center;gap:var(--space-4);padding-bottom:var(--space-4);margin-bottom:var(--space-5);border-bottom:2px solid var(--color-border);display:flex}.journal-preview__habitat-header h2{color:var(--color-ink);margin-bottom:var(--space-1)}.journal-preview__habitat-header p{color:var(--color-text-muted);margin:0}.journal-preview__family+.journal-preview__family{margin-top:var(--space-6)}.journal-preview__family-header{justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.journal-preview__family-header h3{color:var(--color-ink);margin:0}.journal-preview__grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(8rem,1fr));display:grid}.journal-preview__detail-frame{border-radius:var(--radius-lg);background:linear-gradient(180deg, var(--color-parchment) 0%, var(--color-cream) 100%);padding:var(--space-2)}