@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;--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:#999;--color-border-light:#bbb;--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:480px;--header-height:56px}img{filter:grayscale()}[data-theme=colour] img{filter:none}[data-theme=colour]{--color-bg:#fefcf9;--color-bg-card:#fff;--color-bg-accent:#f0f4ff;--color-text:#1b2437;--color-text-secondary:#3d4f6f;--color-text-muted:#6b7d99;--color-primary:#2563eb;--color-primary-light:#3b82f6;--color-primary-dark:#1d4ed8;--color-secondary:#7c3aed;--color-secondary-light:#a78bfa;--color-accent:#ea580c;--color-accent-light:#fb923c;--color-danger:#dc2626;--color-border:#cbd5e1;--color-border-light:#e2e8f0;--shadow-sm:0 1px 3px #2563eb14;--shadow-md:0 4px 12px #2563eb1a;--shadow-lg:0 8px 24px #2563eb1f}[data-theme=colour] [data-adventure=travel-through-time]{--adv-color:#b8860b;--adv-bg:#fff8e1;--adv-border:#daa520;--adv-hue:30deg}[data-theme=colour] [data-adventure=discover-our-planet]{--adv-color:#2d8b4e;--adv-bg:#e8f5e9;--adv-border:#50c878;--adv-hue:120deg}[data-theme=colour] [data-adventure=explore-space]{--adv-color:#1e3a6e;--adv-bg:#e3f2fd;--adv-border:#42a5f5;--adv-hue:220deg}[data-theme=colour] [data-adventure=dream-big]{--adv-color:#e8751a;--adv-bg:#fff3e0;--adv-border:#ffb74d;--adv-hue:25deg}[data-theme=colour] [data-adventure=perform-and-play]{--adv-color:#c62828;--adv-bg:#ffebee;--adv-border:#ef5350;--adv-hue:0deg}[data-theme=colour] [data-adventure=fantastical-journey]{--adv-color:#7b1fa2;--adv-bg:#f3e5f5;--adv-border:#ce93d8;--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:linear-gradient(135deg,#2563eb,#7c3aed)}[data-theme=colour] .btn-primary:hover{background:linear-gradient(135deg,#1d4ed8,#6d28d9)}[data-theme=colour] img[src*="/icons/artefacts/"],[data-theme=colour] img[src*="/artefacts-colour/"]{filter:none}[data-theme=colour] h1{background:linear-gradient(135deg,#2563eb,#7c3aed);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}[data-theme=colour] h2{color:var(--color-primary)}[data-theme=colour] h3{color:var(--color-secondary)}[data-theme=colour] .btn-secondary{border-color:var(--color-primary-light);color:var(--color-primary)}[data-theme=colour] .btn-secondary:hover{background:var(--color-bg-accent);border-color:var(--color-primary)}[data-theme=colour] .btn-ghost{color:var(--color-secondary)}[data-theme=colour] .btn-ghost:hover{color:var(--color-primary);background:var(--color-bg-accent)}[data-theme=colour] .btn-secondary svg{color:var(--color-accent)}[data-theme=colour] .screen{background:linear-gradient(#fefcf9 0%,#f0f4ff 100%)}[data-theme=colour] label{color:var(--color-text-secondary)}[data-theme=colour] [class*=tabActive]{color:var(--color-primary)!important;border-color:var(--color-primary)!important}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100vh;font-size:16px;overflow:hidden}body{font-family:var(--font-body);color:var(--color-text);background-color:var(--color-bg);height:100vh;max-width:var(--max-width);padding:0 var(--space-md);margin:0 auto;line-height:1.6;overflow:hidden}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{background:var(--color-primary);color:#fff;padding:var(--space-md) var(--space-xl);box-shadow:var(--shadow-md)}.btn-primary:hover{background:var(--color-primary-dark);box-shadow:var(--shadow-lg)}.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{height:100vh;padding-top:var(--space-xl);padding-bottom:var(--space-3xl);-webkit-overflow-scrolling:touch;flex-direction:column;display:flex;overflow-y:auto}.screen-header{text-align:center;margin-bottom:var(--space-xl)}.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-xl)}.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-md);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}@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}