@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Nunito:wght@400;600;700;800&display=swap";
:root{--font-heading:"Outfit", sans-serif;--font-body:"Nunito", sans-serif;--text-scale:1.3;--color-bg:#fafafa;--color-bg-card:#fff;--color-bg-accent:#f0f0f0;--color-text:#1a1a1a;--color-text-secondary:#444;--color-text-muted:#666;--color-primary:#333;--color-primary-light:#555;--color-primary-dark:#222;--color-secondary:#666;--color-secondary-light:#888;--color-accent:#444;--color-accent-light:#666;--color-danger:#555;--color-border:#333;--color-border-light:#555;--shadow-sm:0 1px 3px #0000001a;--shadow-md:0 4px 12px #0000001f;--shadow-lg:0 8px 24px #00000026;--shadow-card:0 2px 8px #0000001a, 0 0 0 1px #00000014;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-round:50%;--transition-fast:.15s ease;--transition-normal:.25s ease;--max-width:500px;--header-height:56px}img{filter:grayscale()contrast(1.2)brightness(1.15)}[data-theme=colour] img{filter:saturate(1.3)contrast(1.1)}[data-theme=colour]{--color-bg:#fefcf9;--color-bg-card:#fff;--color-bg-accent:#dee8ff;--color-text:#000;--color-text-secondary:#1a1a1a;--color-text-muted:#333;--color-primary:#04c;--color-primary-light:#05d;--color-primary-dark:#03a;--color-secondary:#60b;--color-secondary-light:#83d;--color-accent:#d40;--color-accent-light:#e50;--color-danger:#c00;--color-border:#79c;--color-border-light:#9bd;--shadow-sm:0 1px 3px #0044cc1a;--shadow-md:0 4px 12px #0044cc1f;--shadow-lg:0 8px 24px #0044cc26}[data-theme=colour] [data-adventure=travel-through-time]{--adv-color:#a70;--adv-bg:#feb;--adv-border:#c90;--adv-hue:30deg}[data-theme=colour] [data-adventure=discover-our-planet]{--adv-color:#083;--adv-bg:#cfd;--adv-border:#0a4;--adv-hue:120deg}[data-theme=colour] [data-adventure=explore-space]{--adv-color:#04b;--adv-bg:#cce0ff;--adv-border:#05d;--adv-hue:220deg}[data-theme=colour] [data-adventure=dream-big]{--adv-color:#d50;--adv-bg:#ffe0cc;--adv-border:#e60;--adv-hue:25deg}[data-theme=colour] [data-adventure=perform-and-play]{--adv-color:#c00;--adv-bg:#fcc;--adv-border:#d22;--adv-hue:0deg}[data-theme=colour] [data-adventure=fantastical-journey]{--adv-color:#70a;--adv-bg:#ecf;--adv-border:#93c;--adv-hue:280deg}[data-theme=colour] [data-adventure]{background:var(--adv-bg)!important;border-color:var(--adv-border)!important}[data-theme=colour] [data-adventure] h3,[data-theme=colour] [data-adventure] .cardTitle,[data-theme=colour] [data-adventure] svg{color:var(--adv-color)!important}[data-theme=colour] .btn-primary{background:#fff;border:2.5px solid #26c;color:#000!important}[data-theme=colour] .btn-primary:hover{background:#f5f5f5}[data-theme=colour] #create-adventure{color:#000!important;background:#fff!important;border:2.5px solid #26c!important}[data-theme=colour] #continue-story{border:2.5px solid #0a4!important}[data-theme=colour] #explorer-hub{border:2.5px solid #e60!important}[data-theme=colour] #companions{border:2.5px solid #93c!important}[data-theme=colour] h1{color:#000;background:0 0;-webkit-background-clip:unset;-webkit-text-fill-color:unset;background-clip:unset}[data-theme=colour] h2{color:#000}[data-theme=colour] h3{color:#1a1a1a}[data-theme=colour] .btn-secondary{color:#000;border-width:2.5px;border-color:#888}[data-theme=colour] .btn-secondary:hover{background:var(--color-bg-accent);border-color:#999}[data-theme=colour] .btn-ghost{color:#000}[data-theme=colour] .btn-ghost:hover{color:#000;background:var(--color-bg-accent)}[data-theme=colour] .btn-secondary svg{color:#000}[data-theme=colour] .screen{filter:contrast(1.15);background:linear-gradient(#fefcf9 0%,#f0f4ff 100%)}[data-theme=colour] label{color:var(--color-text-secondary)}[data-theme=colour] [class*=tabActive]{color:#000!important;border-color:#000!important}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:calc(16px * var(--text-scale,1));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);color:var(--color-text);background-color:var(--color-bg);max-width:var(--max-width);padding:0 var(--space-lg);min-height:100vh;margin:0 auto;line-height:1.6}h1,h2,h3,h4{font-family:var(--font-heading);color:var(--color-text);line-height:1.2}h1{letter-spacing:-.02em;font-size:1.75rem;font-weight:800}h2{font-size:1.375rem;font-weight:700}h3{font-size:1.125rem;font-weight:600}p{color:var(--color-text-secondary);font-size:1rem}.btn{justify-content:center;align-items:center;gap:var(--space-sm);font-family:var(--font-heading);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal);-webkit-tap-highlight-color:transparent;border:none;font-size:1.0625rem;font-weight:600;text-decoration:none;display:flex}.btn:active{transform:scale(.97)}.btn-primary{color:#000;padding:var(--space-md) var(--space-xl);background:#fff;border:2.5px solid #000}.btn-primary:hover{background:#f5f5f5}.btn-secondary{background:var(--color-bg-card);color:var(--color-text);padding:var(--space-md) var(--space-xl);border:1.5px solid var(--color-border);box-shadow:var(--shadow-sm)}.btn-secondary:hover{border-color:var(--color-primary-light);background:var(--color-bg-accent)}.btn-ghost{color:var(--color-text-secondary);padding:var(--space-sm) var(--space-md);background:0 0}.btn-ghost:hover{color:var(--color-text);background:var(--color-bg-accent)}.btn-large{width:100%;padding:var(--space-lg) var(--space-xl);border-radius:var(--radius-xl);font-size:1.125rem}.card{background:var(--color-bg-card);border-radius:var(--radius-lg);border:1.5px solid var(--color-border-light);box-shadow:var(--shadow-card);padding:var(--space-lg);transition:all var(--transition-normal);cursor:pointer;-webkit-tap-highlight-color:transparent}.card:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-md)}.card:active{transform:scale(.98)}.screen{min-height:100vh;padding-top:var(--space-sm);padding-bottom:var(--space-md);flex-direction:column;display:flex;overflow-y:auto}.screen-header{text-align:center;margin-bottom:var(--space-sm)}.screen-header h1{margin-bottom:var(--space-xs)}.screen-header p{color:var(--color-text-muted);font-size:.9375rem}.step-header{text-align:center;margin-bottom:var(--space-sm)}.step-indicator{align-items:center;gap:var(--space-xs);font-family:var(--font-heading);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-sm);font-size:.75rem;font-weight:600;display:inline-flex}.step-dots{margin-bottom:var(--space-xs);justify-content:center;gap:6px;display:flex}.step-dot{border-radius:var(--radius-round);background:var(--color-border);width:8px;height:8px;transition:all var(--transition-normal)}.step-dot.active{background:var(--color-primary);border-radius:4px;width:24px}.step-dot.completed{background:var(--color-primary-light)}.text-center{text-align:center}.text-muted{color:var(--color-text-muted)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.stack{flex-direction:column;display:flex}.icon-emoji{font-size:2rem;line-height:1}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:.4s forwards fadeIn}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.icon-spin{animation:1s linear infinite spin;display:inline-block}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.btn-generating{pointer-events:none;opacity:1!important;animation:1.5s ease-in-out infinite pulse!important}.btn-generating:disabled{opacity:1!important;animation:1.5s ease-in-out infinite pulse!important}@media (prefers-color-scheme:dark){:root{--color-bg:#fafaf7;--color-text:#2d2a26}}.lock-icon{align-items:center;gap:var(--space-xs);color:var(--color-text-muted);font-size:.875rem;display:inline-flex}.full-width-page{width:100vw;padding-left:var(--space-md);padding-right:var(--space-md);box-sizing:border-box;border-left:none;border-right:none;margin-left:calc(-50vw + 50%)}