/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.hidden{display:none}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}}:root{--paper:#f7f3ec;--paper-strong:#e9ded0;--ink:#17262a;--muted:#657172;--forest:#2f6a61;--forest-dark:#102c2f;--leaf:#789c68;--sky:#79b9c3;--mint:#79d2c6;--coral:#c96b54;--gold:#c59b50;--violet:#6769a8;--line:#20323424;--shadow:0 22px 60px #0d202433;--shadow-deep:0 34px 88px #0d202452;--shadow-hover:0 28px 68px #0d202447, 0 0 0 1px #ffffff3d;--focus-ring:0 0 0 4px #79b9c361}*{box-sizing:border-box}html{background:#172323;min-height:100%}body{min-height:100%;color:var(--ink);letter-spacing:0;margin:0;font-family:Arial,Helvetica,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.78}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{box-shadow:var(--focus-ring);outline:none}@keyframes fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes cover-drift{0%{transform:scale(1.02)translate(0)}to{transform:scale(1.06)translate(-10px,-6px)}}@keyframes light-sweep{0%{transform:translate(-130%)skew(-16deg)}to{transform:translate(130%)skew(-16deg)}}@keyframes soft-pulse{0%,to{box-shadow:0 0 #f4b84200}50%{box-shadow:0 0 32px #f4b8423d}}@keyframes lab-pour{0%{opacity:0;transform:translateY(-34px)scaleY(.2)}22%,76%{opacity:.88;transform:translateY(0)scaleY(1)}to{opacity:0;transform:translateY(34px)scaleY(.25)}}@keyframes lab-swirl{0%{transform:translate(-8%)rotate(0)scale(1.04)}50%{transform:translate(8%)rotate(8deg)scale(1.1)}to{transform:translate(-8%)rotate(0)scale(1.04)}}@keyframes lab-bubble{0%{opacity:0;transform:translateY(18px)scale(.55)}24%,78%{opacity:.82}to{opacity:0;transform:translateY(-96px)scale(1.12)}}@keyframes lab-shake{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(-8px)rotate(-1deg)}50%{transform:translate(8px)rotate(1deg)}75%{transform:translate(-5px)rotate(-.6deg)}}@keyframes lab-float{0%,to{transform:translateY(0)rotateX(0)}50%{transform:translateY(-8px)rotateX(1.5deg)}}@keyframes school-supply-float{0%,to{translate:0}50%{translate:0 -8px}}@keyframes school-pack-away{0%{opacity:1;scale:1}70%{opacity:.82;scale:.72}to{opacity:0;translate:34vw 8vh;scale:.16}}@keyframes backpack-glow{0%,to{box-shadow:0 20px 42px #0625222e,inset 0 1px #ffffff70}50%{box-shadow:0 20px 42px #0625222e,0 0 0 9px #78b9572e,inset 0 1px #ffffff70}}@keyframes monster-paper-float{0%,to{transform:translateY(0)rotateX(0)}50%{transform:translateY(-7px)rotateX(1.5deg)}}@keyframes brush-bob{0%,to{transform:rotate(-13deg)translateY(0)}50%{transform:rotate(-8deg)translateY(-5px)}}@keyframes paint-pot-pop{0%{transform:translateY(0)scale(1)}45%{transform:translateY(-8px)scale(1.06)}to{transform:translateY(-4px)scale(1.02)}}@keyframes monster-fresh-paint{0%{filter:drop-shadow(0 0 #f4b84200);transform:scale(1)}42%{filter:drop-shadow(0 0 14px #f4b8428c);transform:scale(1.025)}to{filter:drop-shadow(0 0 #f4b84200);transform:scale(1)}}@keyframes paint-splash-pop{0%{opacity:.8;transform:translate(-50%,-50%)scale(.2)rotate(0)}70%{opacity:.4;transform:translate(-50%,-50%)scale(1)rotate(18deg)}to{opacity:0;transform:translate(-50%,-50%)scale(1.24)rotate(24deg)}}@keyframes builder-float-3d{0%,to{transform:translate(0)rotateX(0)rotateY(0)}50%{transform:translate3d(0,-6px,18px)rotateX(1.2deg)rotateY(-1deg)}}@keyframes card-rise{0%{opacity:0;transform:translateY(18px)rotateX(3deg)}to{opacity:1;transform:translateY(0)rotateX(0)}}@keyframes account-spin{to{transform:rotate(360deg)}}.game-shell{background:radial-gradient(circle at 12% 8%,#79b9c338,#0000 30%),linear-gradient(#121f23b8,#111a1df0),#172323;min-height:100vh}.hero-stage{min-height:100vh;padding:96px clamp(16px,4vw,48px) 40px;position:relative;overflow:hidden}.hero-art{filter:saturate(.88)contrast(1.02);background-image:linear-gradient(90deg,#0c181cb8,#0c181c38 48%,#0c181c9e),linear-gradient(#0c181c33,#0c181ca3),url(/assets/modern-learning-studio-bg.png);background-position:50%;background-size:cover;animation:18s ease-in-out infinite alternate cover-drift;position:absolute;inset:0;transform:scale(1.02)}.library-page .hero-art,.builder-page .hero-art{filter:saturate(.8)contrast(1.04);background-image:linear-gradient(#0c181cbd,#101d1fe6),linear-gradient(90deg,#0c181cd6,#0c181c7a 54%,#0c181cb8),url(/assets/modern-learning-studio-bg.png)}.site-topbar{z-index:20;-webkit-backdrop-filter:blur(18px)saturate(1.08);backdrop-filter:blur(18px)saturate(1.08);background:#f7f3ecd1;border:1px solid #ffffff61;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;width:min(1220px,100% - 32px);min-height:64px;padding:10px;display:grid;position:fixed;top:16px;left:50%;transform:translate(-50%);box-shadow:0 24px 70px #0a181c47}.menu-trigger,.brand-button,.language-switch button,.drawer-close,.drawer-nav button{border:0}.menu-trigger{background:#17262a;border-radius:8px;place-content:center;gap:4px;width:44px;height:44px;display:grid;box-shadow:0 12px 28px #0a181c47}.menu-trigger span{background:#f7f3ec;border-radius:999px;width:18px;height:2px;display:block}.brand-button{min-width:0;color:var(--ink);text-align:left;background:0 0;justify-items:start;padding:4px 6px;display:grid}.brand-button span{color:var(--forest);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:900}.brand-button strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:1rem;line-height:1.1;overflow:hidden}.topbar-controls{justify-content:flex-end;align-items:center;gap:8px;display:inline-flex}.teacher-pill{max-width:148px;min-height:44px;color:var(--forest-dark);text-overflow:ellipsis;white-space:nowrap;background:#ffffff8f;border:1px solid #17262a1f;border-radius:8px;padding:0 13px;font-size:.76rem;font-weight:900;overflow:hidden}.teacher-pill.active{color:#f7f3ec;background:#17262a;box-shadow:0 10px 24px #0a181c33}.sound-toggle{min-height:44px;color:var(--muted);letter-spacing:.04em;text-transform:uppercase;background:#ffffff8f;border:1px solid #17262a1f;border-radius:8px;padding:0 13px;font-size:.76rem;font-weight:900}.sound-toggle.active{color:#f7f3ec;background:#17262a;box-shadow:0 10px 24px #0a181c33}.sound-toggle.drawer{width:100%}.language-switch{background:#ffffff8f;border:1px solid #17262a1f;border-radius:8px;grid-template-columns:repeat(2,minmax(54px,1fr));gap:4px;padding:4px;display:inline-grid}.language-switch button{min-height:36px;color:var(--muted);letter-spacing:.04em;background:0 0;border-radius:7px;font-size:.76rem;font-weight:900}.language-switch button.active{color:#f7f3ec;background:#17262a;box-shadow:0 10px 24px #0a181c33}.drawer-scrim{z-index:25;opacity:0;pointer-events:none;background:#080f127a;border:0;transition:opacity .22s;position:fixed;inset:0}.drawer-scrim.open{opacity:1;pointer-events:auto}.site-drawer{z-index:30;background:linear-gradient(160deg,#f7f3ecfa,#e7ece7f0),#f7f3ec;border-right:1px solid #ffffff47;grid-template-rows:auto minmax(0,1fr) auto;gap:22px;width:min(388px,88vw);padding:24px;transition:transform .26s cubic-bezier(.2,.8,.2,1);display:grid;position:fixed;top:0;bottom:0;left:0;transform:translate(-104%);box-shadow:36px 0 90px #080f1257}.site-drawer.open{transform:translate(0)}.drawer-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.drawer-head span,.drawer-language>span{color:var(--forest);letter-spacing:.08em;text-transform:uppercase;font-size:.74rem;font-weight:900}.drawer-head strong{color:var(--ink);margin-top:4px;font-size:2rem;line-height:1;display:block}.drawer-close{color:#f7f3ec;background:#17262a;border-radius:8px;width:44px;height:44px;font-size:1.5rem;line-height:1}.drawer-nav{align-content:start;gap:10px;padding-right:4px;display:grid;overflow-y:auto}.drawer-nav button{min-height:58px;color:var(--ink);text-align:left;background:#ffffff8f;border:1px solid #17262a14;border-radius:8px;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:12px;padding:10px 12px;font-weight:900;transition:transform .18s,background .18s,box-shadow .18s;display:grid}.drawer-nav button:hover,.drawer-nav button.active{background:#fffdf8;transform:translate(4px);box-shadow:0 16px 34px #0d202424}.drawer-nav button span{width:36px;height:36px;color:var(--forest);background:#2f6a611a;border-radius:8px;place-items:center;font-size:.74rem;font-weight:900;display:grid}.drawer-language{border-top:1px solid #17262a1a;gap:10px;padding-top:14px;display:grid}.drawer-language .language-switch{width:100%}.top-bar,.game-layout{z-index:1;position:relative}.top-bar{color:#fffdf6;text-shadow:0 2px 18px #00000059;justify-content:space-between;align-items:flex-start;gap:20px;max-width:1220px;margin:0 auto 28px;display:flex}.top-actions{align-items:flex-start;gap:12px;display:flex}.portal-stage{align-content:start;gap:24px;display:grid}.portal-header{z-index:1;color:#fffdf6;text-shadow:0 2px 18px #00000059;width:100%;max-width:1220px;margin:0 auto;position:relative}.portal-header.with-actions{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.portal-home-layout{z-index:1;grid-template-columns:minmax(310px,.72fr) minmax(0,1.28fr);align-items:center;gap:clamp(24px,4vw,54px);width:100%;max-width:1220px;min-height:calc(100vh - 150px);margin:0 auto;display:grid;position:relative}.portal-home-layout .portal-header{max-width:none;margin:0}.portal-home-copy{gap:18px;min-width:0;display:grid}.portal-home-header{color:var(--ink);text-shadow:none;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f7f3ece6;border:1px solid #ffffff6b;border-radius:8px;padding:clamp(20px,3vw,30px);box-shadow:0 24px 70px #0a181c33}.portal-home-header .kicker{color:var(--coral)}.portal-home-header h1{max-width:520px;font-size:clamp(2.55rem,4.7vw,4.95rem);line-height:1}.portal-home-header .portal-intro{max-width:470px;color:var(--muted)}.home-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:520px;display:grid}.home-stat{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f7f3ecd1;border:1px solid #ffffff6b;border-radius:8px;gap:2px;min-width:0;padding:14px 12px;display:grid;box-shadow:0 18px 48px #0a181c2e}.home-stat strong{color:var(--ink);font-size:1.55rem;line-height:1}.home-stat span{color:var(--forest);letter-spacing:.04em;text-transform:uppercase;font-size:.72rem;font-weight:900}.quick-access-panel,.portal-roadmap-strip,.section-grid-heading{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f7f3ece6;border:1px solid #ffffff6b;border-radius:8px;box-shadow:0 22px 60px #0a181c2e}.quick-access-panel{gap:12px;max-width:520px;padding:14px;display:grid}.quick-access-heading,.section-grid-heading{gap:3px;display:grid}.quick-access-heading span,.section-grid-heading span,.portal-roadmap-strip span{color:var(--coral);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:900}.quick-access-heading strong,.section-grid-heading strong,.portal-roadmap-strip strong{color:var(--ink);font-size:1.05rem;line-height:1.22}.quick-action-grid{gap:8px;display:grid}.quick-action-card{min-height:48px;color:var(--ink);text-align:left;background:#ffffff9e;border:1px solid #17262a14;border-radius:8px;grid-template-columns:minmax(88px,.42fr) minmax(0,1fr);align-items:center;gap:10px;transition:transform .18s,background .18s,box-shadow .18s;display:grid}.quick-action-card:hover{background:#fffdf8;transform:translate(4px);box-shadow:0 16px 34px #0d202424}.quick-action-card span{min-height:30px;color:var(--forest);background:#2f6a611a;border-radius:8px;justify-content:center;align-items:center;padding:4px 8px;font-size:.72rem;font-weight:900;display:inline-flex}.quick-action-card strong{overflow-wrap:break-word;font-size:.96rem;line-height:1.2}.portal-section-column{gap:14px;min-width:0;display:grid}.section-grid-heading{padding:14px 16px}.portal-roadmap-strip{gap:4px;padding:14px 16px;display:grid}.portal-intro,.library-description{color:#fffdf6e0;max-width:760px;margin:12px 0 0;font-size:clamp(1rem,2vw,1.24rem);font-weight:800;line-height:1.38}.book-grid,.unit-grid,.library-grid,.learning-grid{z-index:1;gap:14px;width:100%;max-width:1220px;margin:0 auto;display:grid;position:relative}.book-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.library-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.portal-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:none;margin:0}.unit-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.book-card,.unit-card,.library-card,.learning-card,.empty-results{min-height:250px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffaeef0;border:1px solid #ffffff6b;border-radius:8px}.book-card{color:var(--ink);text-align:left;align-content:end;gap:10px;padding:20px;transition:transform .22s,box-shadow .22s,background .22s;animation:.52s both fade-up;display:grid;position:relative;overflow:hidden}.book-card:hover{box-shadow:var(--shadow-hover);background:#fffdf8;transform:translateY(-5px)}.book-card span,.unit-card span{color:var(--coral);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:900}.book-card strong{font-size:clamp(2rem,4vw,3.2rem);line-height:1}.book-card small{color:var(--muted);font-weight:900}.library-card{min-height:358px;color:var(--ink);text-align:left;text-shadow:none;background:#f7f3ecf0;grid-template-rows:auto minmax(170px,auto);align-content:start;gap:12px;padding:12px;transition:transform .26s,border-color .26s,box-shadow .26s,background .26s;animation:.56s both fade-up;display:grid;position:relative;overflow:hidden;box-shadow:0 24px 70px #0a181c2e}.library-card:nth-child(2),.learning-card:nth-child(2){animation-delay:70ms}.library-card:nth-child(3),.learning-card:nth-child(3){animation-delay:.14s}.library-card:nth-child(4),.learning-card:nth-child(4){animation-delay:.21s}.library-card:before,.learning-card:before,.library-cover-panel:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(90deg,#0000,#fff3,#0000);width:34%;position:absolute;top:-20%;bottom:-20%;left:0;transform:translate(-130%)skew(-16deg)}.library-card:after{content:"";pointer-events:none;background:radial-gradient(circle at 100% 0,#79b9c333,#0000 36%),linear-gradient(135deg,#ffffff6b,#fff0);position:absolute;inset:0}.library-card:hover{background:#fffdf8fa;border-color:#ffffffb8;transform:translateY(-6px);box-shadow:0 36px 90px #0a181c4d}.library-card:hover:before,.learning-card:hover:before,.library-cover-panel:hover:before{opacity:1;animation:.9s light-sweep}.library-card-visual{z-index:1;aspect-ratio:16/8.6;background:#17262a14;border:1px solid #ffffff85;border-radius:8px;min-height:0;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff47,0 16px 34px #0d202424}.library-card-visual:after{content:"";pointer-events:none;background:linear-gradient(#08141805,#0814182e),linear-gradient(90deg,#ffffff2e,#0000 48%);position:absolute;inset:0}.library-card-visual img{object-fit:cover;width:100%;height:100%;min-height:0;transition:transform .42s,filter .42s;display:block}.library-card:hover .library-card-visual img{filter:saturate(1.04)contrast(1.04);transform:scale(1.035)}.builder-entry-card:after{background:radial-gradient(circle at 100% 0,#c96b542e,#0000 34%),linear-gradient(135deg,#79b9c32e,#c59b501a,#0000 66%)}.library-card-copy{z-index:1;grid-template-rows:auto auto minmax(56px,1fr) auto;align-content:start;gap:8px;min-width:0;min-height:170px;padding:4px 6px 8px;display:grid;position:relative}.library-card-copy>strong,.library-card-copy>small,.library-card-footer,.library-card-topline{z-index:1;display:block;position:relative}.library-card-topline{justify-content:space-between;align-items:center;gap:10px;display:flex}.library-card-topline span{color:var(--forest);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:900}.library-card-topline em{color:var(--forest-dark);background:#2f6a611a;border-radius:8px;flex:none;padding:5px 8px;font-size:.72rem;font-style:normal;font-weight:900}.library-card-copy>strong{overflow-wrap:break-word;max-width:100%;color:var(--ink);font-size:clamp(1.48rem,2vw,2rem);line-height:1.08}.library-card-copy>small{max-width:100%;color:var(--muted);overflow-wrap:break-word;font-size:.9rem;font-weight:800;line-height:1.36}.library-card-footer{color:var(--coral);align-self:end;padding-top:4px;font-size:.82rem;font-weight:900}.library-page{gap:18px}.library-page-header{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:16px;display:grid}.library-cover-panel{box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffaee24;border:1px solid #ffffff6b;border-radius:8px;grid-template-columns:minmax(220px,340px) minmax(0,1fr);align-items:center;gap:18px;padding:14px;transition:transform .22s,box-shadow .22s,border-color .22s;animation:.52s both fade-up;display:grid;position:relative;overflow:hidden}.library-cover-panel:hover{box-shadow:var(--shadow-hover);border-color:#ffffff94;transform:translateY(-3px)}.library-cover-panel img{aspect-ratio:16/10;object-fit:cover;border-radius:8px;width:100%;box-shadow:0 18px 40px #06252247}.library-cover-panel h1{max-width:760px}.library-content{z-index:1;gap:16px;width:100%;max-width:1220px;margin:0 auto;display:grid;position:relative}.library-search{box-shadow:var(--shadow);background:#fffaeef0;border:1px solid #ffffff6b;border-radius:8px;gap:8px;padding:14px;transition:transform .22s,box-shadow .22s;animation:.56s both fade-up;display:grid}.library-search:focus-within{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.library-search span{color:var(--forest);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:900}.library-search input{width:100%;min-height:58px;color:var(--ink);background:#fffdf8;border:2px solid #1167562e;border-radius:8px;padding:0 16px;font-size:clamp(1rem,2vw,1.24rem);font-weight:800}.library-search input:focus{border-color:var(--forest);outline:none}.result-line{color:#fffdf6;text-shadow:0 2px 18px #00000059;font-size:.94rem;font-weight:900}.learning-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.learning-card{min-height:320px;color:var(--ink);align-content:space-between;gap:14px;padding:18px;transition:transform .22s,box-shadow .22s,border-color .22s;animation:.56s both fade-up;display:grid;position:relative;overflow:hidden}.learning-card.planned{background:linear-gradient(135deg,#ffffffc2,#ffe7b8c7),#fffaeef0}.learning-card:hover{box-shadow:var(--shadow-hover);border-color:#ffffffb8;transform:translateY(-5px)}.learning-card-topline,.band-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.learning-card-topline span,.band-heading span{color:var(--coral);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:900}.learning-card-topline small{min-height:28px;color:var(--forest-dark);background:#1167561a;border-radius:8px;align-items:center;padding:4px 8px;font-size:.78rem;font-weight:900;display:inline-flex}.learning-card strong{color:var(--forest-dark);font-size:clamp(1.4rem,3vw,2.1rem);line-height:1}.learning-card p{color:#435353;margin:0;font-weight:800;line-height:1.42}.learning-meta{flex-wrap:wrap;gap:8px;display:flex}.learning-meta span{min-height:30px;color:var(--forest-dark);background:#7fd6d12e;border-radius:8px;align-items:center;padding:5px 9px;font-size:.82rem;font-weight:900;display:inline-flex}.library-section-band{gap:14px;display:grid}.band-heading strong{color:#fffdf6;text-shadow:0 2px 18px #00000059;font-size:1.2rem}.course-book-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.course-book-card{min-height:230px}.course-note{color:var(--ink);box-shadow:var(--shadow);background:linear-gradient(135deg,#7fd6d142,#ffe7b8c7),#fffaeef0;border:1px solid #ffffff6b;border-radius:8px;gap:8px;padding:18px;animation:.62s both fade-up;display:grid}.course-note strong{color:var(--forest-dark);font-size:clamp(1.3rem,3vw,2rem);line-height:1}.course-note p{color:#435353;margin:0;font-weight:800}.builder-shell{z-index:1;grid-template-columns:minmax(360px,1.05fr) minmax(340px,.95fr);gap:16px;width:100%;max-width:1220px;margin:0 auto;display:grid;position:relative}.builder-panel{box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffaeef5;border:1px solid #ffffff6b;border-radius:8px;align-content:start;gap:16px;padding:clamp(16px,3vw,24px);animation:.56s both fade-up;display:grid}.preview-panel{background:linear-gradient(135deg,#7fd6d133,#ffe7b8c7),#fffaeef5}.saved-panel{grid-column:1/-1}.builder-panel-heading{gap:6px;display:grid}.builder-panel-heading span,.builder-field span,.template-card span,.builder-preview-card>span,.draft-card span,.sort-column span{color:var(--coral);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:900}.builder-panel-heading strong{color:var(--forest-dark);font-size:clamp(1.45rem,3vw,2.2rem);line-height:1}.builder-panel-heading small,.builder-field small{color:var(--muted);font-weight:800;line-height:1.35}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.template-card{min-height:124px;color:var(--ink);text-align:left;background:#fffdf8;border:2px solid #11675624;border-radius:8px;gap:8px;padding:14px;transition:transform .18s,border-color .18s,box-shadow .18s,background .18s;display:grid}.template-card:hover,.template-card.active{background:#fff3d5;border-color:#ef705db8;transform:translateY(-2px);box-shadow:0 14px 30px #0625221f}.template-card small{color:#435353;font-weight:800;line-height:1.35}.builder-field{gap:8px;display:grid}.builder-field input,.builder-field textarea{width:100%;color:var(--ink);background:#fffdf8;border:2px solid #1167562e;border-radius:8px;padding:12px 14px;font-weight:800}.builder-field input{min-height:58px;font-size:1.2rem}.builder-field textarea{resize:vertical;min-height:220px;font-size:1rem;line-height:1.55}.builder-actions,.draft-actions{flex-wrap:wrap;gap:10px;display:flex}.builder-preview-card,.builder-empty-preview{background:#fffdf8;border:2px solid #11675624;border-radius:8px;align-content:start;gap:14px;min-height:360px;padding:clamp(16px,3vw,22px);display:grid;box-shadow:0 16px 34px #0625221f}.builder-empty-preview{text-align:center;align-content:center}.builder-empty-preview strong,.builder-preview-card>strong{color:var(--forest-dark);font-size:clamp(1.6rem,3vw,2.6rem);line-height:1.05}.builder-empty-preview p{color:var(--muted);margin:0;font-weight:800;line-height:1.45}.builder-option-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.builder-flashcard{min-height:260px;color:var(--forest-dark);text-align:center;background:linear-gradient(135deg,#ffe7b8eb,#7fd6d152),#fffdf8;border:2px solid #f4b842b8;border-radius:8px;place-items:center;padding:24px;transition:transform .18s,box-shadow .18s,background .18s;display:grid;box-shadow:0 16px #f4b8422e}.builder-flashcard:hover{transform:translateY(-3px);box-shadow:0 20px #f4b8422e}.builder-flashcard.flipped{background:linear-gradient(135deg,#7fd6d16b,#fffaeef0),#fffdf8}.builder-flashcard small{color:var(--coral);text-transform:uppercase;font-weight:900}.builder-flashcard strong{font-size:clamp(2rem,5vw,4rem);line-height:1}.builder-match-board{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.builder-match-board>div{gap:10px;display:grid}.match-chip{overflow-wrap:anywhere;min-height:54px;color:var(--forest-dark);text-align:left;background:#f7fff9;border:2px solid #11675624;border-radius:8px;padding:10px 12px;font-weight:900;transition:transform .16s,border-color .16s,background .16s}.match-chip.answer{background:#fff3d5}.match-chip:hover:not(.matched),.match-chip.selected{background:#ffe7b8;border-color:#ef705dbd;transform:translateY(-1px)}.match-chip.matched{color:#2f743e;background:#ecffd9;border-color:#78b957e0}.builder-sort-board{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.sort-column{background:#f7fff9;border:2px dashed #11675638;border-radius:8px;align-content:start;gap:8px;min-height:160px;padding:12px;display:grid}.sort-column small{min-height:34px;color:var(--forest-dark);background:#fff3d5;border-radius:8px;align-items:center;padding:6px 9px;font-weight:900;display:inline-flex}.builder-draft-search{box-shadow:none;margin:0}.draft-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.draft-card{background:#fffdf8;border:2px solid #11675624;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;display:grid}.draft-card div:first-child{gap:4px;display:grid}.draft-card strong{color:var(--forest-dark);font-size:1.15rem}.draft-card small{color:var(--muted);font-weight:800}.secondary-button.danger{color:#a43f32;border-color:#ef705d5c}.builder-studio-steps{z-index:1;perspective:1200px;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:100%;max-width:1220px;margin:0 auto;display:grid;position:relative}.builder-studio-steps span{min-height:54px;color:var(--forest-dark);text-align:center;background:linear-gradient(135deg,#fffdf8f0,#ffe7b8e0),#fffdf8;border:1px solid #ffffff80;border-radius:8px;place-items:center;padding:10px;font-size:.9rem;font-weight:900;display:grid;transform:rotateX(4deg);box-shadow:0 16px 28px #0625222e,inset 0 -4px #f4b84233}.builder-studio-steps span:nth-child(2){background:linear-gradient(135deg,#e8fff7f5,#fffdf8f0),#fffdf8}.builder-studio-steps span:nth-child(3){background:linear-gradient(135deg,#fff2d7f5,#fffdf8f0),#fffdf8}.builder-studio-steps span:nth-child(4){background:linear-gradient(135deg,#ef705d33,#fffdf8f5),#fffdf8}.builder-page .builder-shell{perspective:1600px;grid-template-columns:minmax(260px,.38fr) minmax(0,1fr);align-items:start}.builder-page .builder-panel{transform-style:preserve-3d;border-color:#ffffff8c;transition:transform .24s,box-shadow .24s,border-color .24s;box-shadow:0 28px 72px #06252247,inset 0 1px #ffffffb8}.builder-page .builder-panel:hover{transform:translateY(-4px)rotateX(.8deg);box-shadow:0 38px 92px #06252257,inset 0 1px #fffc}.setup-panel{background:linear-gradient(135deg,#fffdf8fa,#ffe7b8e0),#fffaeef5}.cards-panel{background:linear-gradient(135deg,#f7fff9fa,#fffdf8f5),#fffaeef5}.builder-page .preview-panel{background:linear-gradient(135deg,#7fd6d157,#ffe7b8db),#fffaeef5;grid-column:1/-1}.builder-page .template-grid{grid-template-columns:1fr}.builder-page .template-card{border-color:#1167562e;min-height:116px;box-shadow:0 10px #11675614,0 18px 34px #06252214}.builder-page .template-card.active{background:linear-gradient(135deg,#ffe7b8eb,#fffdf8f0),#fffdf8;border-color:#ef705dc7;box-shadow:0 10px #ef705d2e,0 20px 36px #ef705d2e}.with-row-action{grid-template-columns:minmax(0,1fr) auto;align-items:start}.builder-card-stack{gap:14px;display:grid}.builder-item-card{background:linear-gradient(135deg,#fffdf8fa,#fff7e8e6),#fffdf8;border:2px solid #11675624;border-radius:8px;gap:14px;padding:14px;transition:transform .18s,box-shadow .18s,border-color .18s;animation:.42s both card-rise;display:grid;box-shadow:0 14px #11675612,0 22px 42px #0625221f}.builder-item-card:hover{border-color:#11675647;transform:translateY(-3px)rotateX(.7deg);box-shadow:0 18px #11675614,0 30px 52px #06252229}.builder-item-header{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;display:grid}.builder-item-header div:first-child{gap:4px;display:grid}.builder-item-header span,.builder-cell>span{color:var(--coral);letter-spacing:.08em;text-transform:uppercase;font-size:.76rem;font-weight:900}.builder-item-header strong{color:var(--forest-dark);overflow-wrap:break-word;word-break:normal;font-size:1.12rem;line-height:1.15}.builder-mini-actions,.image-actions{flex-wrap:wrap;gap:8px;display:flex}.builder-mini-actions .secondary-button,.image-actions .secondary-button,.image-upload-button{min-height:42px;padding:0 12px;font-size:.86rem}.builder-cell-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.builder-cell-grid.quiz-cells{grid-template-columns:repeat(2,minmax(0,1fr))}.builder-cell{background:#fffdf8eb;border:2px solid #1167561f;border-radius:8px;gap:8px;min-height:124px;padding:12px;display:grid;box-shadow:inset 0 -4px #1167560a}.builder-cell input{width:100%;min-height:52px;color:var(--ink);background:#fffdf8;border:2px solid #11675629;border-radius:8px;padding:10px 12px;font-size:1rem;font-weight:900}.prompt-cell{background:linear-gradient(135deg,#7fd6d129,#fffdf8f5),#fffdf8}.answer-cell{background:linear-gradient(135deg,#78b9572e,#fffdf8f5),#fffdf8}.wrong-cell{background:linear-gradient(135deg,#ef705d1f,#fffdf8f5),#fffdf8}.image-cell{grid-column:1/-1}.image-attachment{background:linear-gradient(135deg,#7fd6d124,#ffe7b852),#fffdf8;border:2px dashed #11675638;border-radius:8px;place-items:center;min-height:146px;display:grid;overflow:hidden}.image-attachment.has-image{border-style:solid}.image-attachment img{object-fit:contain;width:100%;height:180px;padding:8px}.image-attachment small,.image-cell>small{color:var(--muted);text-align:center;font-weight:800}.image-upload-button{color:var(--forest-dark);background:#fffdf8;border:2px solid #1167563d;border-radius:8px;place-items:center;font-weight:900;transition:transform .18s,box-shadow .18s,border-color .18s;display:inline-grid}.image-upload-button:hover{border-color:#1167566b;transform:translateY(-2px);box-shadow:0 14px 26px #0625221a}.image-upload-button input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.preview-game-top{grid-template-columns:minmax(120px,180px) minmax(0,1fr);align-items:center;gap:14px;display:grid}.preview-game-top span,.builder-preview-card>span{color:var(--coral);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:900}.preview-game-top strong{color:var(--forest-dark);overflow-wrap:break-word;word-break:normal;margin-top:6px;font-size:clamp(1.55rem,3vw,2.6rem);line-height:1.04;display:block}.preview-image-frame{background:#fffdf8;border:3px solid #ffffffdb;border-radius:8px;place-items:center;min-height:150px;display:grid;overflow:hidden;transform:rotateY(-5deg)rotateX(2deg);box-shadow:0 16px #11675614,0 22px 34px #06252229}.preview-image-frame.empty{background:linear-gradient(135deg,#7fd6d13d,#ffe7b89e),#fffdf8}.preview-image-frame img{object-fit:contain;width:100%;height:170px;padding:8px}.preview-image-frame span{color:var(--muted);font-weight:900}.builder-page .builder-preview-card{transform-style:preserve-3d;animation:5.2s ease-in-out infinite builder-float-3d;position:relative;overflow:hidden;box-shadow:0 20px #11675614,0 32px 64px #06252238}.builder-page .builder-preview-card:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff3d,#0000);width:42%;height:160%;position:absolute;top:-30%;left:-20%;transform:rotate(14deg)}.builder-preview-card .answer-option{min-height:66px;box-shadow:0 9px #1167561f,0 18px 28px #0625221a}.builder-preview-card .answer-option:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px #1167561f,0 24px 36px #06252224}.builder-flashcard img{object-fit:contain;width:min(100%,220px);max-height:150px}.match-chip{align-items:center;gap:8px;display:flex;box-shadow:0 7px #11675614}.match-chip.answer{justify-content:flex-start}.match-chip img{object-fit:contain;background:#fffdf8;border-radius:8px;width:42px;height:42px}.match-chip span{overflow-wrap:break-word;word-break:normal;flex:1;min-width:0}.sort-column small{gap:6px}.sort-column small img{object-fit:contain;border-radius:8px;width:28px;height:28px}.empty-results{min-height:180px;color:var(--ink);align-content:center;gap:8px;padding:20px;display:grid}.empty-results strong{color:var(--forest-dark);font-size:1.6rem}.empty-results p{color:var(--muted);margin:0;font-weight:800}.compact-empty{min-height:120px}.unit-card{align-content:space-between;gap:16px;min-height:230px;padding:18px;transition:transform .22s,box-shadow .22s,border-color .22s,background .22s;animation:.52s both fade-up;display:grid}.unit-card:hover{box-shadow:var(--shadow-hover);border-color:#ffffffa8;transform:translateY(-4px)}.unit-card strong{color:var(--ink);font-size:clamp(1.4rem,3vw,2rem);line-height:1}.unit-card.available{background:linear-gradient(135deg,#7fd6d14d,#ffe7b8db),#fffaeef5}.lesson-buttons{gap:10px;display:grid}.kicker{color:var(--gold);letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-size:.78rem;font-weight:800}h1,h2,h3,p{margin-top:0}h1{letter-spacing:0;max-width:720px;margin-bottom:0;font-size:clamp(2.3rem,6vw,5.7rem);line-height:.95}h2{letter-spacing:0;margin-bottom:10px;font-size:clamp(2rem,4vw,3.8rem);line-height:1}h3{letter-spacing:.06em;margin-bottom:8px;font-size:clamp(2rem,5vw,4rem)}.score-badge{min-width:98px;color:var(--forest-dark);text-align:center;box-shadow:var(--shadow);text-shadow:none;background:#fff7e8e0;border:1px solid #ffffff6b;border-radius:8px;padding:14px 18px;display:grid}.score-badge span{font-size:2rem;font-weight:900;line-height:1}.score-badge small{color:var(--muted);font-weight:700}.game-layout{grid-template-columns:minmax(250px,320px) minmax(0,1fr);gap:clamp(16px,3vw,28px);max-width:1220px;margin:0 auto;display:grid}.mission-board,.play-surface{box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffaeef0;border:1px solid #ffffff6b;border-radius:8px}.mission-board{align-self:start;padding:18px}.passport-mini{background:linear-gradient(135deg, #7fd6d16b, #f4b8423d), var(--paper);border:2px solid #11675633;border-radius:8px;gap:2px;min-height:120px;padding:18px;display:grid}.passport-mini span,.passport-label{color:var(--forest);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:900}.passport-mini strong{letter-spacing:.04em;font-size:2rem}.passport-mini small{color:var(--muted);font-weight:800}.reading-mini{background:linear-gradient(135deg, #f4b84252, #7fd6d161), var(--paper)}.station-nav{gap:10px;margin-top:14px;display:grid}.station-button{border:1px solid var(--line);width:100%;min-height:86px;color:var(--ink);text-align:left;background:#fffaf0;border-radius:8px;gap:4px;padding:12px 14px;transition:transform .18s,border-color .18s,box-shadow .18s,background .18s;display:grid}.station-button:hover{border-color:#1167565c;transform:translateY(-2px);box-shadow:0 12px 24px #0625221a}.station-button.active{border-color:var(--forest);background:#e8fff7;animation:2.2s ease-in-out infinite soft-pulse}.station-button.complete{background:#f4ffe6;border-color:#78b957cc}.station-button.final{background:#fff3d5}.station-button span{color:var(--coral);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:900}.station-button strong{font-size:1.05rem}.station-button small{color:var(--muted);line-height:1.35}.play-surface{min-height:670px;padding:clamp(18px,4vw,34px)}.station-panel{align-content:start;min-height:600px;display:grid}.station-copy{max-width:760px}.station-line{color:#435353;font-size:clamp(1.05rem,2vw,1.35rem);font-weight:700;line-height:1.35}.task-counter{min-height:32px;color:var(--forest-dark);background:#fff3d5;border:2px solid #f4b8426b;border-radius:8px;align-items:center;margin-bottom:12px;padding:5px 10px;font-size:.92rem;font-weight:900;display:inline-flex}.name-grid{grid-template-columns:minmax(220px,320px) minmax(0,1fr);gap:16px;margin-top:18px;display:grid}.name-field{gap:8px;display:grid}.name-field span{color:var(--muted);font-size:.9rem;font-weight:800}.name-field input,.name-field select{width:100%;height:64px;color:var(--ink);letter-spacing:.04em;text-transform:uppercase;background:#fffdf8;border:2px solid #1167563d;border-radius:8px;padding:0 16px;font-size:1.65rem;font-weight:900}.name-field select{appearance:none;background:linear-gradient(45deg, transparent 50%, var(--forest-dark) 50%), linear-gradient(135deg, var(--forest-dark) 50%, transparent 50%), #fffdf8;text-transform:none;background-position:calc(100% - 22px) 28px,calc(100% - 14px) 28px,100% 0;background-repeat:no-repeat;background-size:8px 8px,8px 8px,100% 100%}.spelling-target{background:linear-gradient(135deg,#7fd6d13d,#ffe7b89e),#fffdf8;border:2px solid #11675624;border-radius:8px;grid-template-columns:106px minmax(0,1fr);align-items:center;gap:16px;margin-top:18px;padding:14px;display:grid}.spelling-target img,.passport-avatar{background:#fffaf0;border-radius:8px;width:106px;height:116px}.spelling-target img{object-fit:cover;object-position:center top}.colour-target{grid-template-columns:minmax(150px,220px) minmax(0,1fr)}.colour-picture{background:var(--swatch);border:3px solid #20323429;border-radius:8px;min-height:132px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 8px #ffffff47,0 14px 28px #06252224}.colour-picture:before,.colour-picture:after{content:"";position:absolute}.colour-picture:before{border:2px solid #ffffff80;border-radius:8px;inset:18px}.colour-picture:after{background:#ffffff61;border:2px solid #20323429;border-radius:50%;width:42px;height:42px;bottom:16px;right:16px}.colour-picture>span{background:linear-gradient(135deg, #ffffff6b, #fff0), var(--swatch);border:2px solid #ffffffa3;border-radius:8px;width:54px;height:54px;position:absolute;top:16px;left:16px}.passport-avatar{color:var(--forest-dark);place-items:center;font-size:3.3rem;font-weight:900;display:grid}.spelling-target span{color:var(--coral);letter-spacing:.08em;text-transform:uppercase;font-size:.8rem;font-weight:900}.spelling-target strong{color:var(--ink);margin-top:4px;font-size:clamp(1.8rem,4vw,3.2rem);line-height:1;display:block}.spelling-target p{color:var(--muted);margin:8px 0 0;font-weight:800}.spell-zone,.letter-bank{border-radius:8px;flex-wrap:wrap;align-content:center;align-items:center;gap:10px;min-height:64px;display:flex}.spell-zone{background:#f7fff9;border:2px dashed #11675659;margin-top:18px;padding:10px}.letter-bank{background:#fff2d7;margin-top:18px;padding:16px}.ghost-text{color:var(--muted);font-weight:700}.letter-tile{width:54px;height:54px;color:var(--forest-dark);background:#fffdf8;border:2px solid #2032341f;border-radius:8px;place-items:center;font-size:1.45rem;font-weight:900;display:grid;box-shadow:0 8px #1167561f}.letter-tile.built{background:#dff7ef}.action-row{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.primary-button,.secondary-button,.answer-option{letter-spacing:0;border-radius:8px;min-height:52px;font-weight:900;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s}.primary-button,.secondary-button{padding:0 20px}.primary-button{background:var(--coral);color:#fffdf8;border:0;box-shadow:0 12px 24px #ef705d47}.primary-button:hover:not(:disabled){background:#e95f4a;transform:translateY(-2px);box-shadow:0 18px 34px #ef705d57}.secondary-button{color:var(--forest-dark);background:#fffdf8;border:2px solid #1167563d}.secondary-button:hover:not(:disabled){border-color:#1167566b;transform:translateY(-2px);box-shadow:0 14px 26px #0625221a}.secondary-button.light{background:#fffdf8e6;border-color:#ffffff8a}.secondary-button.active{background:#ffefc4d1;border-color:#c59b5094}.feedback{color:#53605f;min-height:34px;margin:18px 0 0;font-weight:800}.feedback.success{color:#287d4d}.feedback.error{color:#a63d36}.dialogue-scene{grid-template-columns:minmax(130px,210px) minmax(0,1fr);align-items:center;gap:18px;margin-top:20px;display:grid}.dialogue-scene img{aspect-ratio:4/5;object-fit:cover;object-position:center top;border-radius:8px;width:100%}.speech-bubble,.challenge-card,.guardian-note,.passport-card{background:#fffdf8;border:2px solid #11675624;border-radius:8px}.speech-bubble{gap:10px;min-height:160px;padding:clamp(18px,4vw,30px);display:grid;position:relative}.speech-bubble span,.challenge-card span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.84rem;font-weight:900}.speech-bubble strong,.challenge-card strong{font-size:clamp(2rem,5vw,4.4rem);line-height:1}.option-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px;display:grid}.option-grid.compact{grid-template-columns:repeat(3,minmax(120px,1fr))}.answer-option{color:var(--forest-dark);background:#f7fff9;border:2px solid #2032341f;padding:12px 14px;transition:transform .16s,border-color .16s,background .16s}.answer-option:hover:not(:disabled){background:#e8fff7;border-color:#1167566b;transform:translateY(-1px)}.mini-progress{gap:8px;margin-top:18px;display:flex}.dot{background:#d7d6cd;border-radius:50%;width:16px;height:16px}.dot.active{background:var(--gold)}.dot.done{background:var(--leaf)}.bridge-panel{gap:18px}.bridge-track{grid-template-columns:repeat(10,minmax(56px,1fr));gap:8px;margin-top:8px;display:grid}.stone{color:#566361;background:#f5efe2;border:2px solid #1167561f;border-radius:8px;place-items:center;min-height:76px;font-size:1.3rem;font-weight:900;display:grid}.stone small{color:var(--muted);font-size:.68rem;font-weight:800}.stone.lit{color:var(--forest-dark);background:#fff0bd;border-color:#f4b842d1}.challenge-card{gap:10px;min-height:160px;padding:clamp(18px,4vw,30px);display:grid}.challenge-card p{color:var(--muted);margin:0;font-weight:900;line-height:1.45}.reading-panel{gap:18px}.reading-picture-stage,.sequence-stage,.reading-summary,.phonics-stage{align-items:stretch;gap:16px;margin-top:4px;display:grid}.reading-picture-stage,.sequence-stage,.reading-summary{grid-template-columns:minmax(190px,300px) minmax(0,1fr)}.reading-picture-stage img,.sequence-stage img,.reading-summary img{box-sizing:border-box;object-fit:contain;object-position:center;background:#fffdf8;border:2px solid #11675624;border-radius:8px;width:100%;height:clamp(210px,26vw,286px);padding:10px;display:block}.story-step-card{background:linear-gradient(135deg,#ffe7b8e0,#7fd6d142),#fffdf8;border:2px solid #11675624;border-radius:8px;align-content:center;justify-items:start;min-height:210px;padding:clamp(18px,4vw,30px);display:grid}.story-step-card span,.phonics-card span,.phonics-word-card span{color:var(--coral);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:900}.story-step-card strong{color:var(--forest-dark);font-size:clamp(4rem,12vw,8rem);line-height:.9}.story-step-card p{color:var(--muted);margin:8px 0 0;font-weight:900}.story-options{grid-template-columns:1fr}.story-options .answer-option{text-align:left;min-height:68px}.reading-summary{background:linear-gradient(135deg,#7fd6d138,#fff2d7b8),#fffdf8;border:2px solid #11675624;border-radius:8px;padding:14px}.reading-summary img{height:clamp(180px,23vw,240px)}.reading-summary p{color:var(--forest-dark);align-self:center;margin:0;font-size:clamp(1.04rem,2vw,1.3rem);font-weight:800;line-height:1.55}.reading-question strong{font-size:clamp(1.8rem,4vw,3.4rem)}.phonics-stage{grid-template-columns:minmax(190px,.84fr) minmax(0,1.16fr)}.phonics-card,.phonics-word-card{text-align:center;background:#fffdf8;border:2px solid #11675624;border-radius:8px;place-items:center;min-height:210px;padding:18px;display:grid}.phonics-card strong,.phonics-word-card strong{color:var(--forest-dark);font-size:clamp(2.2rem,5vw,4.2rem);line-height:1}.phonics-word-card{background:linear-gradient(135deg,#f4b84270,#fffaeeeb),#fffdf8}.phonics-word-card strong{font-size:clamp(3rem,10vw,6.5rem)}.phonics-card small{color:var(--muted);font-weight:900;line-height:1.35}.emma-sound{background-color:#fff3d5}.lee-sound{background-color:#e8fff7}.sound-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.sound-button{min-height:76px;color:var(--forest-dark);border:2px solid #1167562e;border-radius:8px;font-size:clamp(1.3rem,3vw,2rem);font-weight:900}.sound-button:hover:not(:disabled){border-color:var(--forest)}.phonics-choice-board{grid-template-columns:1fr;gap:12px;display:grid}.sound-word-button{overflow-wrap:anywhere;min-height:68px;color:var(--forest-dark);text-align:center;background:#f7fff9;border:2px solid #2032341f;border-radius:8px;padding:12px 14px;font-size:clamp(1.45rem,4vw,2.25rem);font-weight:900;line-height:1.08;transition:transform .16s,border-color .16s,background .16s}.sound-word-button:hover:not(:disabled){background:#e8fff7;border-color:#1167566b;transform:translateY(-1px)}.reading-passport-card{align-items:center}.reading-passport-card img{object-fit:cover;border-radius:8px;width:100%;max-height:210px}.reading-cues .cue-picture img{max-height:160px}.distance-stage{background:linear-gradient(#7fd6d147,#fff2d7ad),#fffdf8;border-radius:8px;grid-template-columns:minmax(150px,250px) minmax(70px,1fr) minmax(110px,190px);align-items:end;gap:18px;margin-top:20px;padding:18px;display:grid}.student-card{background:#fffaf0;border:2px solid #2032341f;border-radius:8px;justify-items:center;gap:8px;min-height:310px;padding:12px;transition:transform .16s;display:grid}.student-card.target{border-color:var(--gold);box-shadow:0 0 0 6px #f4b8422e}.student-card.far{opacity:.88;transform:scale(.86)}.student-card span{color:var(--coral);font-weight:900}.student-card img{object-fit:contain;border-radius:8px;width:100%;max-height:230px}.student-card strong{font-size:1.35rem}.path-line{background:repeating-linear-gradient(90deg,#1167562e,#1167562e 18px,#f4b8426b 18px 36px);border-radius:999px;height:8px;margin-bottom:92px}.final-panel{gap:18px}.output-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.writing-layout{grid-template-columns:minmax(250px,.82fr) minmax(360px,1.18fr);align-items:stretch}.output-card,.picture-cues{background:#f7fff9;border:2px solid #11675624;border-radius:8px;align-content:start;gap:8px;min-height:210px;padding:18px;display:grid}.output-card.writing{background:#fff7e8}.output-card.locked,.picture-cues.locked{color:#737a76;background:#f3f1e9}.output-card span,.picture-cues>span{color:var(--coral);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:900}.output-card strong,.picture-cues>strong{color:var(--forest-dark);font-size:1.35rem}.output-card p{color:var(--ink);margin:0;font-size:1.08rem;font-weight:800;line-height:1.5}.output-editor{resize:vertical;width:100%;min-height:150px;color:var(--ink);background:#fffdf8;border:2px solid #1167562e;border-radius:8px;padding:12px;font-size:1.04rem;font-weight:800;line-height:1.55}.writing-editor{min-height:190px}.word-bank{flex-wrap:wrap;gap:8px;display:flex}.word-bank span{min-height:34px;color:var(--forest-dark);background:#f4b84238;border-radius:8px;align-items:center;padding:5px 10px;font-size:.9rem;font-weight:900;display:inline-flex}.cue-picture-grid{grid-template-columns:1.05fr .88fr;align-items:end;gap:12px;display:grid}.cue-picture{background:linear-gradient(#7fd6d138,#fff2d7bd),#fffdf8;border:2px solid #2032341f;border-radius:8px;justify-items:center;gap:8px;min-height:250px;padding:12px;display:grid}.cue-picture span{color:var(--coral);font-size:.9rem;font-weight:900}.cue-picture img{object-fit:contain;object-position:center bottom;width:100%;max-height:170px}.cue-picture strong{color:var(--forest-dark);font-size:1.25rem}.cue-picture.far-cue{opacity:.88;transform-origin:bottom;min-height:220px;transform:scale(.92)}.passport-card{background:linear-gradient(135deg,#7fd6d152,#ffe7b8f0),#fffdf8;grid-template-columns:minmax(0,1fr) minmax(210px,300px);gap:22px;padding:clamp(20px,4vw,34px);display:grid}.passport-card p{color:var(--muted);margin-bottom:0;font-size:1.2rem;font-weight:800}.passport-stamps{grid-template-columns:repeat(2,minmax(0,1fr));align-content:center;gap:10px;display:grid}.stamp{color:#7b827d;background:#ffffff8c;border:2px dashed #20323438;border-radius:8px;place-items:center;min-height:78px;font-weight:900;display:grid}.stamp.earned{color:#2f743e;background:#ecffd9;border-style:solid;border-color:#78b957d1}.guardian-note{grid-template-columns:92px minmax(0,1fr);align-items:center;gap:16px;padding:14px;display:grid}.guardian-note img{object-fit:cover;object-position:center top;border-radius:8px;width:92px;height:92px}.guardian-note p{color:var(--forest-dark);margin-bottom:0;font-size:1.08rem;font-weight:800;line-height:1.42}.colour-lab-page .hero-art{filter:saturate(.92)contrast(1.04);background-image:linear-gradient(90deg,#0c181cc2,#0c181c5c 52%,#0c181cb8),linear-gradient(#0c181c1a,#0c181cb8),url(/assets/colour-lab-cover.png)}.colour-lab-layout{grid-template-columns:minmax(260px,310px) minmax(0,1fr)}.colour-play-surface{background:linear-gradient(145deg,#fffdf8f7,#ebfaf7f0),#fffaeef0}.colour-lab-board{gap:16px;display:grid}.colour-lab-mini{background:linear-gradient(135deg,#7fd6d16b,#ffe7b8cc),#fffdf8}.lab-journal{gap:9px;display:grid}.lab-journal>span,.lab-object-card>span,.recipe-slot small,.colour-report-cues>span,.lab-result-card small{color:var(--coral);letter-spacing:.08em;text-transform:uppercase;font-size:.76rem;font-weight:900}.lab-journal-row{min-height:52px;color:var(--forest-dark);text-align:left;background:#fffdf8c7;border:2px solid #1167561f;border-radius:8px;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;padding:8px 10px;font-weight:900;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s;display:grid}.lab-journal-row:not(:disabled):hover,.lab-journal-row.active{background:#fffdf8;border-color:#11675652;transform:translateY(-2px);box-shadow:0 12px 24px #0625221a}.lab-journal-row span{background:var(--journal-colour);border:2px solid #ffffffb8;border-radius:50%;width:30px;height:30px;display:block;box-shadow:inset 0 6px 10px #ffffff3d,0 8px 16px #06252224}.lab-journal-row strong{overflow-wrap:break-word}.colour-lab-panel{gap:18px}.colour-lab-stage{grid-template-columns:minmax(190px,.42fr) minmax(0,.58fr);align-items:stretch;gap:18px;display:grid}.lab-object-card,.lab-workbench{background:#fffdf8;border:2px solid #11675624;border-radius:8px;position:relative;overflow:hidden;box-shadow:0 18px #1167560f,0 28px 54px #06252224}.lab-object-card{text-align:center;align-content:center;justify-items:center;gap:12px;min-height:360px;padding:20px;display:grid}.lab-object-card:before,.lab-workbench:before{content:"";pointer-events:none;background:linear-gradient(115deg,#ffffff57,#0000 34%),radial-gradient(circle at 82% 8%,#7fd6d147,#0000 32%);position:absolute;inset:0}.lab-target-object{z-index:1;aspect-ratio:1;background:linear-gradient(135deg, #ffffff6b, #fff0), var(--target-colour);border:4px solid #ffffffc2;border-radius:22% 46% 26% 44%;place-items:center;width:min(180px,70%);animation:4.2s ease-in-out infinite lab-float;display:grid;position:relative;box-shadow:inset -16px -20px 34px #00000029,inset 14px 16px 30px #ffffff3d,0 22px 42px #0625222e}.lab-target-object:after{content:"";background:#ffffff6b;border-radius:50%;width:28%;height:18%;position:absolute;top:18%;left:20%;transform:rotate(-24deg)}.lab-target-object.star{clip-path:polygon(50% 4%,62% 35%,96% 36%,69% 57%,78% 91%,50% 71%,22% 91%,31% 57%,4% 36%,38% 35%);border-radius:8px}.lab-target-object.leaf{border-radius:78% 12% 78% 14%;transform:rotate(-18deg)}.lab-target-object.moon{border-radius:50%;box-shadow:inset -42px 0 #fffdf8eb,inset 14px 16px 30px #ffffff3d,0 22px 42px #0625222e}.lab-target-object.cloud{aspect-ratio:1.45;border-radius:999px;width:min(220px,78%)}.lab-object-card strong{z-index:1;color:var(--forest-dark);font-size:clamp(2rem,4.8vw,4.3rem);line-height:1;position:relative}.lab-object-card small{z-index:1;color:var(--muted);font-size:1rem;font-weight:900;position:relative}.lab-workbench{background:linear-gradient(#e8fff7d6,#fff2d7db),#fffdf8;align-content:center;gap:14px;min-height:360px;padding:clamp(16px,4vw,26px);display:grid}.flask-zone{z-index:1;perspective:1100px;justify-items:center;min-height:250px;display:grid;position:relative}.flask{filter:drop-shadow(0 24px 26px #06252233);width:min(360px,100%);min-height:250px;transform-style:preserve-3d;align-content:end;justify-items:center;display:grid}.colour-lab-panel.error .flask{animation:.42s lab-shake}.flask-neck{background:linear-gradient(90deg,#ffffff80,#ffffff14,#ffffff61);border:4px solid #ffffffdb;border-bottom:0;border-radius:18px 18px 6px 6px;width:76px;height:84px;margin-bottom:-6px}.flask-body{background:linear-gradient(115deg,#ffffffa3,#ffffff0f 42%,#ffffff52),#ffffff47;border:5px solid #ffffffdb;border-radius:46% 46% 18% 18%;place-items:end center;width:min(330px,94%);height:218px;display:grid;position:relative;overflow:hidden}.flask-body:before{content:"";background:#ffffff47;border-radius:50%;width:46%;height:30%;position:absolute;inset:12px 24px auto auto;transform:rotate(-18deg)}.flask-body strong{z-index:2;min-width:92px;color:var(--forest-dark);text-align:center;text-transform:uppercase;background:#fffdf8cc;border-radius:8px;padding:7px 12px;font-size:1.05rem;font-weight:900;position:absolute;bottom:18px}.flask-liquid{background:linear-gradient(135deg, var(--first-colour), var(--second-colour), var(--third-colour));opacity:.48;height:46%;transition:height .36s,opacity .36s,background .36s;position:absolute;bottom:0;left:0;right:0}.colour-lab-panel.success .flask-liquid{background:var(--target-colour);opacity:.94;height:62%}.flask-liquid:before{content:"";background:radial-gradient(circle at 35% 35%,#ffffff70,#0000 22%),linear-gradient(90deg,#ffffff42,#fff0);border-radius:48%;height:72px;animation:2.6s ease-in-out infinite lab-swirl;position:absolute;inset:-36px -20px auto}.flask-liquid span{opacity:0;background:#ffffff8a;border-radius:50%;width:16px;height:16px;position:absolute;bottom:24px}.colour-lab-panel.success .flask-liquid span{animation:1.4s ease-in-out infinite lab-bubble}.flask-liquid span:first-child{left:26%}.flask-liquid span:nth-child(2){width:11px;height:11px;animation-delay:.18s;left:50%}.flask-liquid span:nth-child(3){width:13px;height:13px;animation-delay:.36s;right:26%}.pour-stream{z-index:2;opacity:0;transform-origin:top;filter:drop-shadow(0 0 12px #ffffff70);border-radius:999px;width:18px;height:118px;position:absolute;top:42px}.stream-one{background:linear-gradient(180deg, transparent, var(--first-colour), transparent);left:22%;transform:rotate(18deg)}.stream-two{background:linear-gradient(180deg, transparent, var(--second-colour), transparent);right:22%;transform:rotate(-18deg)}.stream-three{background:linear-gradient(180deg, transparent, var(--third-colour), transparent);margin-left:-9px;left:50%}.colour-lab-panel.success .stream-one,.colour-lab-panel.success .stream-two{animation:1s ease-out both lab-pour}.colour-lab-panel.success .stream-two{animation-delay:.12s}.colour-lab-panel.three-recipe.success .stream-three{animation:1s ease-out .22s both lab-pour}.recipe-slots{z-index:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid;position:relative}.recipe-slot{background:#fffdf8b8;border:2px dashed #11675633;border-radius:8px;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:8px;min-height:50px;padding:8px 10px;display:grid}.recipe-slot.filled{background:#fffdf8;border-style:solid}.recipe-slot span{background:var(--slot-colour);border-radius:50%;width:28px;height:28px;box-shadow:inset 0 5px 8px #ffffff47,0 8px 16px #06252224}.recipe-slot strong{color:var(--forest-dark);font-weight:900}.bottle-rack{background:linear-gradient(#fffdf8e6,#e8fff7e0),#fffdf8;border:2px solid #1167561f;border-radius:8px;grid-template-columns:repeat(6,minmax(74px,1fr));gap:10px;padding:14px;display:grid;box-shadow:inset 0 -8px #1167560d}.colour-bottle{min-height:172px;color:var(--forest-dark);background:#fffdf8db;border:2px solid #1167561f;border-radius:8px;justify-items:center;gap:8px;padding:10px 8px;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s;display:grid}.colour-bottle:hover:not(:disabled),.colour-bottle.selected{background:#fffdf8;border-color:#ef705da3;transform:translateY(-8px)rotateX(3deg);box-shadow:0 10px #ef705d24,0 22px 34px #06252224}.tube-glass{background:linear-gradient(90deg,#ffffffad,#ffffff14,#ffffff6b);border:4px solid #ffffffdb;border-top-width:7px;border-radius:20px 20px 24px 24px;width:48px;height:116px;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #11675614,0 12px 20px #06252229}.tube-glass:after{content:"";background:#ffffff75;border-radius:999px;width:8px;height:58px;position:absolute;top:12px;left:10px}.tube-liquid{background:radial-gradient(circle at 42% 24%, #ffffff57, transparent 22%), var(--bottle-colour);border-radius:12px 12px 22px 22px;height:68%;position:absolute;bottom:4px;left:4px;right:4px}.colour-bottle strong{background:var(--bottle-colour);min-width:42px;min-height:34px;color:var(--bottle-text);border-radius:8px;place-items:center;padding:4px 7px;font-size:.9rem;font-weight:900;display:grid;box-shadow:0 8px 14px #0625221f}.colour-lab-passport{align-items:center}.colour-lab-passport img{object-fit:cover;border-radius:8px;width:100%;max-height:230px;box-shadow:0 18px 34px #0625222e}.lab-result-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.lab-result-card{text-align:center;background:#fffdf8;border:2px solid #1167561f;border-radius:8px;justify-items:center;gap:8px;min-height:134px;padding:12px;display:grid;box-shadow:0 12px 24px #0625221a}.lab-result-card>span{background:var(--result-colour);border:3px solid #ffffffbd;border-radius:50%;width:54px;height:54px;display:block;box-shadow:inset 0 8px 12px #ffffff42,0 10px 18px #06252224}.lab-result-card strong{color:var(--forest-dark);font-size:1.08rem;font-weight:900}.lab-result-card small{text-transform:none;line-height:1.18}.colour-word-bank{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.colour-word-bank span{background:var(--bank-colour);min-height:42px;color:var(--bank-text);border:2px solid #ffffffc7;border-radius:8px;place-items:center;padding:7px 9px;font-weight:900;display:grid;box-shadow:0 10px 18px #0625221f}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.school-bag-page .hero-art{filter:saturate(.9)contrast(1.03);background-image:linear-gradient(90deg,#0c181cb8,#0c181c47 52%,#0c181cad),linear-gradient(#0c181c14,#0c181cad),url(/assets/school-bag-hunt-cover.png)}.school-bag-layout{grid-template-columns:minmax(260px,310px) minmax(0,1fr)}.school-play-surface{background:linear-gradient(145deg,#fffdf8f7,#e8fff7e0),#fffaeef0}.school-bag-board{gap:16px;display:grid}.school-bag-mini{background:linear-gradient(135deg,#ffe7b8bd,#7fd6d161),#fffdf8}.school-mission-list{gap:9px;display:grid}.school-mission-list>span,.school-bag-mission-card span,.desk-target-strip span,.school-backpack>span,.school-report-cues>span{color:var(--coral);letter-spacing:.08em;text-transform:uppercase;font-size:.76rem;font-weight:900}.school-mission-row{min-height:52px;color:var(--forest-dark);background:#fffdf8c7;border:2px solid #1167561f;border-radius:8px;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;padding:8px 10px;font-weight:900;display:grid}.school-mission-row.active{background:#fffdf8;border-color:#11675657;box-shadow:0 12px 24px #0625221a}.school-mission-row span{width:30px;height:30px;color:var(--forest-dark);background:#2f6a611f;border-radius:50%;place-items:center;display:grid}.school-bag-panel{gap:18px}.school-bag-mission-card{background:linear-gradient(135deg,#fffdf8fa,#ffe7b8c7),#fffdf8;border:2px solid #11675624;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:clamp(16px,3vw,22px);display:grid;box-shadow:0 16px #1167560f,0 24px 48px #0625221f}.school-bag-mission-card div{gap:6px;min-width:0;display:grid}.school-bag-mission-card strong{color:var(--forest-dark);overflow-wrap:break-word;font-size:clamp(1.45rem,3.6vw,3.3rem);line-height:1.08}.school-bag-mission-card small{color:var(--muted);font-weight:900}.school-desk-scene{isolation:isolate;background-image:linear-gradient(#fffdf80a,#0f1f2114),url(/assets/school-bag-hunt-cover.png);background-position:50%;background-size:cover;border:2px solid #ffffff9e;border-radius:8px;min-height:clamp(520px,56vw,720px);position:relative;overflow:hidden;box-shadow:0 22px #1167560f,0 34px 70px #06252238}.school-desk-scene:before{content:"";pointer-events:none;background:radial-gradient(circle at 18% 18%,#ffffff47,#0000 24%),linear-gradient(90deg,#fffdf847,#0000 46%,#0814182e);position:absolute;inset:0}.desk-target-strip{z-index:5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffdf8d6;border:1px solid #ffffff8f;border-radius:8px;flex-wrap:wrap;gap:8px;max-width:min(620px,100% - 220px);padding:10px;display:flex;position:absolute;top:14px;left:14px;box-shadow:0 14px 30px #0625221f}.desk-target-strip span{min-height:34px;color:var(--forest-dark);background:#2f6a611a;border-radius:8px;place-items:center;padding:6px 10px;display:inline-grid}.school-backpack{z-index:6;color:#fffdf8;-webkit-backdrop-filter:blur(10px)saturate(1.1);backdrop-filter:blur(10px)saturate(1.1);background:#122f3485;border:2px dashed #ffffffbd;border-radius:8px;align-content:start;gap:8px;width:clamp(190px,25vw,280px);min-height:190px;padding:16px;display:grid;position:absolute;bottom:clamp(18px,4vw,46px);right:clamp(16px,4vw,46px);box-shadow:0 20px 42px #0625222e,inset 0 1px #ffffff70}.school-backpack.complete{background:#2f6a61a8;border-style:solid;animation:1.6s ease-in-out infinite backpack-glow}.school-backpack>span{color:#ffe7b8}.school-backpack>strong{color:#fffdf8;font-size:clamp(2rem,4vw,3.6rem);line-height:1}.packed-supply-list{flex-wrap:wrap;gap:7px;display:flex}.packed-supply-list small{min-height:30px;color:var(--forest-dark);background:#fffdf8db;border-radius:8px;align-items:center;padding:5px 8px;font-weight:900;display:inline-flex}.desk-supply{top:var(--desk-y);left:var(--desk-x);z-index:4;cursor:grab;width:clamp(112px,13vw,176px);height:clamp(86px,9vw,124px);transform:translate(-50%, -50%) rotate(var(--desk-rotate));transform-origin:50%;background:0 0;border:0;place-items:center;transition:filter .18s,transform .18s;animation:3.2s ease-in-out infinite school-supply-float;display:grid;position:absolute}.desk-supply.pencil,.desk-supply.pen,.desk-supply.ruler{width:clamp(138px,16vw,208px);height:clamp(62px,7vw,92px)}.desk-supply.book,.desk-supply.notebook{width:clamp(104px,12vw,154px);height:clamp(112px,13vw,168px)}.desk-supply.eraser,.desk-supply.sharpener{width:clamp(96px,11vw,138px);height:clamp(78px,9vw,112px)}.desk-supply:nth-of-type(odd){animation-delay:.22s}.desk-supply:hover:not(.packed){z-index:7;filter:drop-shadow(0 18px 18px #0625223d);cursor:grab;transform:translate(-50%, -50%) rotate(var(--desk-rotate)) scale(1.08)}.desk-supply:active:not(.packed){cursor:grabbing}.desk-supply.packed{pointer-events:none;animation:.54s ease-in both school-pack-away}.supply-art{--supply-edge:#1e293b33;--supply-light:#ffffffad;--supply-deep:#06252233;filter:drop-shadow(0 18px 18px #0625222e);width:100%;height:100%;display:block;position:relative}.supply-art span{box-sizing:border-box;display:block;position:absolute}.supply-art-pencil .pencil-eraser{background:linear-gradient(135deg,#ffffffb3,#0000 42%),#f5a4bf;border:2px solid #5c2d4d2e;border-radius:10px 3px 3px 10px;width:13%;height:36%;top:32%;left:2%;box-shadow:inset 0 -5px #93335e29}.supply-art-pencil .pencil-ferrule{background:repeating-linear-gradient(90deg,#f8fafc 0 3px,#94a3b8 3px 5px),linear-gradient(#e5e7eb,#94a3b8);border:1px solid #1e293b2e;width:8%;height:42%;top:29%;left:13%;box-shadow:inset 0 -3px #0f172a1f}.supply-art-pencil .pencil-body{border:2px solid var(--supply-edge);background:linear-gradient(180deg, #ffffff9e 0 22%, transparent 23% 58%, #00000021 59% 100%), var(--supply-colour);border-radius:5px;height:44%;top:28%;left:20%;right:18%;overflow:hidden}.supply-art-pencil .pencil-shine{background:#ffffff8f;border-radius:999px;height:3px;top:18%;left:10%;right:8%}.supply-art-pencil .pencil-edge{background:#0000001a;height:8px;bottom:0;left:0;right:0}.supply-art-pencil .pencil-wood{clip-path:polygon(0 0,100% 50%,0 100%);background:linear-gradient(135deg,#ffffff6b,#0000 45%),#d6a15f;border-left:2px solid #78350f2e;width:15%;height:54%;top:23%;right:5%}.supply-art-pencil .pencil-lead{clip-path:polygon(0 0,100% 50%,0 100%);background:#1f2937;width:6%;height:20%;top:40%;right:2%}.supply-art-pen .pen-cap{border:2px solid var(--supply-edge);background:linear-gradient(180deg, #ffffff80, transparent 46%, #00000021), var(--supply-colour);border-radius:12px 3px 3px 12px;width:24%;height:50%;top:24%;left:3%}.supply-art-pen .pen-clip{background:#ffffffbd;border-radius:999px;width:48%;height:14%;top:8%;left:26%;box-shadow:0 8px #ffffff42}.supply-art-pen .pen-barrel{border:2px solid var(--supply-edge);background:linear-gradient(180deg, #ffffff8f, transparent 45%, #0000001a), var(--supply-colour);border-radius:3px;height:44%;top:27%;left:25%;right:24%;overflow:hidden}.supply-art-pen .pen-window{background:#ffffff7a;border-radius:999px;width:34%;height:28%;top:33%;left:12%}.supply-art-pen .pen-shine{background:#ffffff8f;border-radius:999px;height:3px;top:14%;left:8%;right:8%}.supply-art-pen .pen-grip{background:repeating-linear-gradient(90deg,#0f172a33 0 2px,#0000 2px 5px),#e5e7eb;border:2px solid #1e293b29;border-radius:3px 8px 8px 3px;width:14%;height:40%;top:29%;right:12%}.supply-art-pen .pen-tip{clip-path:polygon(0 0,100% 50%,0 100%);background:linear-gradient(90deg,#e5e7eb,#475569 82%,#111827);width:11%;height:27%;top:36%;right:3%}.supply-art-ruler .ruler-body{background:linear-gradient(135deg, #ffffff9e, transparent 46%), linear-gradient(180deg, transparent 55%, #0000001a), var(--supply-colour);border:2px solid #1e293b33;border-radius:12px;justify-content:space-between;align-items:flex-start;height:44%;padding:8px 10px 0;display:flex;top:28%;left:2%;right:2%;box-shadow:inset 0 0 0 4px #ffffff3d,0 10px 18px #0625221f}.supply-art-ruler .ruler-tick{background:#0f172a61;border-radius:999px;width:2px;height:17px;position:relative}.supply-art-ruler .ruler-tick.long{height:25px}.supply-art-book .book-pages,.supply-art-notebook .notebook-pages{background:repeating-linear-gradient(#f8fafc 0 7px,#e2e8f0 7px 8px),#fff;border:2px solid #94a3b85c;border-radius:11px;inset:8% 7% 5% 10%;transform:rotate(4deg)}.supply-art-book .book-cover,.supply-art-notebook .notebook-cover{border:2px solid var(--supply-edge);background:linear-gradient(135deg, #ffffff94, transparent 40%), linear-gradient(180deg, transparent 62%, #0000001f), var(--supply-colour);border-radius:13px;inset:4% 12% 11% 4%;overflow:hidden;box-shadow:8px 10px #0f172a14}.supply-art-book .book-spine{background:#0f172a2e;width:18%;top:0;bottom:0;left:0;box-shadow:inset -2px 0 #ffffff47}.supply-art-book .book-label,.supply-art-notebook .notebook-label{background:#ffffff94;border-radius:7px;height:18%;top:18%;left:32%;right:14%}.supply-art-book .book-corner{background:#ffffff38;border-radius:999px 0 0;width:36%;height:30%;bottom:-9%;right:-11%}.supply-art-notebook .notebook-cover{border-radius:11px}.supply-art-notebook .notebook-rings{flex-direction:column;justify-content:space-around;width:16%;display:flex;top:8%;bottom:8%;left:7%}.supply-art-notebook .notebook-rings span{background:0 0;border:2px solid #e5e7eb;border-left-color:#0f172a57;border-radius:999px;width:15px;height:8px;position:relative}.supply-art-notebook .notebook-lines{background:#ffffff85;border-radius:999px;height:3px;top:42%;left:32%;right:13%;box-shadow:0 13px #ffffff6b,0 26px #ffffff52}.supply-art-eraser .eraser-rubber{background:linear-gradient(135deg, #ffffffc2, transparent 44%), linear-gradient(180deg, transparent 62%, #0000001a), var(--supply-colour);border:2px solid #1e293b29;border-radius:18px;inset:20% 5% 15% 7%;transform:skew(-10deg)}.supply-art-eraser .eraser-wrapper{background:linear-gradient(135deg,#ffffffd1,#ffffff57),#ffffff94;border:2px solid #1e293b24;border-radius:10px;inset:27% 24% 22% 28%;transform:skew(-10deg)}.supply-art-eraser .eraser-band{background:#0f172a24;width:18%;top:0;bottom:0;left:42%}.supply-art-pencil-case .case-body{border:2px solid var(--supply-edge);background:linear-gradient(135deg, #ffffff9e, transparent 42%), linear-gradient(180deg, transparent 60%, #00000024), var(--supply-colour);border-radius:999px 999px 30px 30px;inset:19% 4% 18%;overflow:hidden;box-shadow:inset 0 0 0 4px #ffffff24,0 10px 18px #0625221f}.supply-art-pencil-case .case-pocket{background:#ffffff1f;border:2px solid #ffffff61;border-radius:12px 12px 18px 18px;width:28%;height:35%;bottom:16%;right:12%}.supply-art-pencil-case .case-zipper{background:repeating-linear-gradient(90deg,#0f172a73 0 3px,#ffffff85 3px 6px),#0f172a42;border-radius:999px;height:5px;top:45%;left:11%;right:11%}.supply-art-pencil-case .case-pull{background:#e5e7eb;border:2px solid #0f172a52;border-radius:4px;width:13px;height:18px;top:36%;right:16%}.supply-art-sharpener .sharpener-shell{border:2px solid var(--supply-edge);background:linear-gradient(135deg, #ffffff9e, transparent 42%), linear-gradient(180deg, transparent 60%, #00000024), var(--supply-colour);border-radius:18px 24px 18px 22px;inset:10% 10% 9% 9%;overflow:hidden;box-shadow:inset 0 0 0 5px #ffffff24,0 10px 18px #0625221f}.supply-art-sharpener .sharpener-hole{background:radial-gradient(circle,#111827 0 20%,#e5e7eb 22% 54%,#0000 56%);border:4px solid #0f172a3d;border-radius:999px;width:38%;height:40%;top:29%;left:18%}.supply-art-sharpener .sharpener-blade{background:linear-gradient(90deg,#f8fafc,#94a3b8);border:1px solid #0f172a33;border-radius:999px;width:31%;height:14%;top:28%;right:12%;transform:rotate(-20deg)}.supply-art-sharpener .sharpener-screw{background:#475569;border-radius:50%;width:7px;height:7px;top:32%;right:22%;box-shadow:0 0 0 2px #ffffff6b}.school-bag-passport{align-items:center}.school-bag-passport img{object-fit:cover;border-radius:8px;width:100%;max-height:230px;box-shadow:0 18px 34px #0625222e}.school-result-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.school-result-card{text-align:center;background:#fffdf8;border:2px solid #1167561f;border-radius:8px;align-content:center;justify-items:center;gap:10px;min-height:140px;padding:14px;display:grid;box-shadow:0 12px 24px #0625221a}.school-result-card .supply-art{width:min(124px,94%);height:86px;animation:none;transform:none}.school-result-card.pencil .supply-art,.school-result-card.pen .supply-art,.school-result-card.ruler .supply-art{height:62px}.school-result-card strong{color:var(--forest-dark);font-size:1rem;font-weight:900;line-height:1.18}.school-report-cues .word-bank span{background:#7fd6d12e}.monster-painter-page .hero-art{filter:saturate(.95)contrast(1.05);background:linear-gradient(90deg,#0c181cc7,#0c181c57 52%,#0c181cb8),linear-gradient(135deg,#f4b84233,#0000 34%),linear-gradient(#29434a,#111a1d)}.monster-painter-layout{grid-template-columns:minmax(270px,330px) minmax(0,1fr)}.monster-play-surface{background:linear-gradient(145deg,#fffdf8f7,#eef7ffe6),#fffaf0}.monster-painter-board{gap:16px;display:grid}.monster-painter-mini{background:linear-gradient(135deg,#ffe7b8b8,#ec489926,#7fd6d152),#fffdf8}.monster-template-list{gap:9px;display:grid}.monster-template-list>span,.paint-station-heading span,.paper-label span,.monster-play-note>span,.monster-colour-card>span{color:var(--coral);letter-spacing:.08em;text-transform:uppercase;font-size:.76rem;font-weight:900}.monster-template-card{min-height:76px;color:var(--forest-dark);text-align:left;background:#fffdf8c7;border:2px solid #1167561f;border-radius:8px;gap:4px;padding:12px;transition:border-color .18s,box-shadow .18s,transform .18s;display:grid;box-shadow:0 10px 20px #0625220f}.monster-template-card:hover,.monster-template-card.active{background:#fffdf8;border-color:#1167565c;transform:translateY(-2px);box-shadow:0 16px 30px #0625221f}.monster-template-card strong{font-size:1.05rem;font-weight:900}.monster-template-card small{color:var(--muted);font-weight:800;line-height:1.25}.monster-play-note,.monster-colour-card{background:linear-gradient(145deg,#fffdf8f5,#e8fff7c7),#fffdf8;border:2px solid #1167561f;border-radius:8px;gap:7px;padding:14px;display:grid;box-shadow:0 12px 24px #06252214}.monster-play-note strong,.monster-colour-card strong{color:var(--forest-dark);font-size:1.08rem;font-weight:900}.monster-play-note small,.monster-colour-card p{color:var(--muted);margin:0;font-weight:850;line-height:1.26}.monster-painter-panel{gap:18px}.brush-preview{width:96px;height:110px;transform-style:preserve-3d;animation:2.4s ease-in-out infinite brush-bob;position:relative}.brush-preview:before{content:"";background:linear-gradient(90deg,#7c2d12,#f59e0b 48%,#92400e);border-radius:999px;width:15px;height:76px;position:absolute;bottom:22px;right:37px;box-shadow:0 10px 16px #0625222e}.brush-preview span{background:linear-gradient(180deg, #ffffff8c, transparent 44%), var(--brush-colour);border:2px solid #0f172a2e;border-radius:9px 9px 18px 18px;width:48px;height:32px;position:absolute;bottom:8px;right:20px}.brush-preview span:after{content:"";background:var(--brush-colour);filter:brightness(.92);border-radius:0 0 16px 16px;height:13px;position:absolute;bottom:-9px;left:5px;right:5px}.monster-studio{grid-template-columns:minmax(360px,1fr) minmax(260px,320px);align-items:stretch;gap:18px;display:grid}.monster-paper{min-height:clamp(600px,60vw,760px);transform-style:preserve-3d;background:linear-gradient(135deg,#ffffffe6,#0000 32%),#fffdf8;border:3px solid #20323424;border-radius:8px;align-items:center;padding:clamp(12px,2vw,24px);animation:4.2s ease-in-out infinite monster-paper-float;display:grid;position:relative;overflow:hidden;box-shadow:0 20px #1167560f,0 34px 70px #0625222e}.paper-label{z-index:2;background:#fffdf8d1;border:1px solid #11675624;border-radius:8px;gap:3px;max-width:calc(100% - 32px);padding:9px 11px;display:grid;position:absolute;top:16px;left:16px;box-shadow:0 12px 24px #06252214}.paper-label strong{color:var(--forest-dark);font-size:.96rem;line-height:1.18}.monster-colouring-svg{width:min(100%,700px);min-height:540px;margin:auto;overflow:visible}.kid-figure-large{transform-box:view-box;transform-origin:50%;transform:translate(260px,260px)scale(1.28)translate(-260px,-260px)}.monster-colouring-svg .monster-shadow ellipse{fill:#06252224;stroke:0}.monster-svg-part{cursor:pointer;transform-box:fill-box;transform-origin:50%;outline:none;transition:filter .18s,opacity .18s,transform .18s}.monster-svg-part>*{stroke:#23383a;stroke-width:8px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.monster-svg-part:hover,.monster-svg-part:focus-visible{filter:drop-shadow(0 0 12px #f4b8427a);transform:scale(1.012)}.monster-svg-part.fresh{animation:.72s both monster-fresh-paint}.monster-line{fill:none;stroke:#23383a;stroke-width:8px;stroke-linecap:round;vector-effect:non-scaling-stroke}.paint-splash{pointer-events:none;filter:blur(.2px);background:radial-gradient(circle at 52% 48%,#f4b84247 0 15%,#0000 16%),radial-gradient(circle at 20% 36%,#ec489933 0 11%,#0000 12%),radial-gradient(circle at 78% 30%,#7fd6d133 0 11%,#0000 12%),radial-gradient(circle at 72% 78%,#22c55e29 0 10%,#0000 11%);width:190px;height:150px;animation:.72s ease-out both paint-splash-pop;position:absolute;top:52%;left:52%}.paint-station{background:linear-gradient(145deg,#fffdf8f5,#e8fff7d1),#fffdf8;border:2px solid #1167561f;border-radius:8px;align-content:start;gap:14px;padding:16px;display:grid;box-shadow:0 18px 36px #0625221a}.brush-holder{background:#ffe7b857;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;padding:10px;display:grid}.brush-holder p{color:var(--forest-dark);margin:0;font-weight:900;line-height:1.24}.paint-station-heading{gap:3px;display:grid}.paint-station-heading strong{color:var(--forest-dark);font-size:1.2rem;font-weight:900}.monster-palette{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.paint-pot{min-height:56px;color:var(--forest-dark);text-align:left;background:#fffdf8d1;border:2px solid #11675624;border-radius:8px;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:8px;padding:8px;transition:border-color .18s,box-shadow .18s,transform .18s;display:grid;box-shadow:0 10px 18px #06252214}.paint-pot span{background:linear-gradient(135deg, #ffffffa6, transparent 45%), var(--paint);border:2px solid #fffc;border-radius:50% 50% 45% 45%;width:36px;height:36px;display:block;position:relative;box-shadow:inset 0 -6px #0000001f,0 8px 14px #0625221a}.paint-pot span:after{content:"";background:var(--paint);filter:brightness(.92);border-radius:999px 999px 999px 2px;width:12px;height:13px;position:absolute;bottom:-6px;right:7px;transform:rotate(34deg)}.paint-pot strong{color:var(--forest-dark);font-size:.96rem;font-weight:900;line-height:1.1}.paint-pot:hover,.paint-pot.active{background:#fffdf8;border-color:#11675661;box-shadow:0 16px 28px #06252221}.paint-pot.active{animation:.24s both paint-pot-pop}.monster-painter-actions{grid-template-columns:1fr;gap:9px;display:grid}.animal-game-page .hero-art{filter:saturate(.9)contrast(1.05);background:linear-gradient(90deg,#0c181cc7,#0c181c47 54%,#0c181cb8),linear-gradient(135deg,#7fd6d138,#0000 42%),linear-gradient(#2c5140,#13211d)}.animal-game-layout{grid-template-columns:minmax(270px,330px) minmax(0,1fr)}.animal-play-surface{background:linear-gradient(145deg,#fffdf8fa,#e8f6eceb),#fffdf8}.animal-game-board,.animal-station-panel{gap:16px;display:grid}.animal-game-mini{background:linear-gradient(135deg,#7fd6d147,#f4b84247,#fffdf8e6),#fffdf8}.animal-filter-list{gap:9px;display:grid}.word-set-panel{background:#fffdf8c2;border:2px solid #1167561f;border-radius:8px;gap:10px;padding:12px;display:grid;box-shadow:0 12px 24px #06252212}.word-set-toggle{color:#fffdf8;background:#17262a;border:0;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;min-height:48px;padding:9px 11px;font-weight:900;display:flex}.word-set-toggle strong{background:#ffffff1f;border-radius:999px;padding:4px 8px}.word-set-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.word-set-actions button{min-height:38px;color:var(--forest-dark);background:#fffdf8eb;border:1px solid #11675629;border-radius:8px;font-size:.82rem;font-weight:900}.word-set-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:360px;padding-right:3px;display:grid;overflow:auto}.word-set-card{min-height:52px;color:var(--muted);text-align:left;background:#fffdf8e0;border:2px solid #1167561a;border-radius:8px;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:7px;padding:7px;font-size:.82rem;font-weight:900;display:grid}.word-set-card.active{color:var(--forest-dark);background:#e8fff7f0;border-color:#1167566b}.word-set-card img{object-fit:contain;width:38px;height:38px}.word-set-card span{overflow-wrap:anywhere}.animal-filter-list>span,.animal-game-note>span,.animal-game-head span,.animal-match-column>span{color:var(--coral);letter-spacing:.08em;text-transform:uppercase;font-size:.76rem;font-weight:900}.animal-filter-button{min-height:66px;color:var(--forest-dark);text-align:left;background:#fffdf8d1;border:2px solid #1167561f;border-radius:8px;gap:4px;padding:11px 12px;transition:border-color .18s,box-shadow .18s,transform .18s;display:grid;box-shadow:0 10px 18px #0625220f}.animal-filter-button:hover,.animal-filter-button.active{background:#fffdf8;border-color:#11675661;transform:translateY(-2px);box-shadow:0 16px 30px #0625221f}.animal-filter-button strong,.animal-game-head strong{color:var(--forest-dark);font-size:1.05rem;font-weight:900}.animal-filter-button small,.animal-game-note small,.animal-game-head p{color:var(--muted);margin:0;font-weight:820;line-height:1.28}.animal-game-note{background:linear-gradient(145deg,#fffdf8f5,#e8fff7c7),#fffdf8;border:2px solid #1167561f;border-radius:8px;gap:7px;padding:14px;display:grid;box-shadow:0 12px 24px #06252214}.animal-game-note strong{color:var(--forest-dark);font-weight:900}.animal-game-head{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.animal-game-head>div:first-child{gap:5px;min-width:0;display:grid}.animal-action-row{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.animal-image{object-fit:contain;pointer-events:none;filter:drop-shadow(0 14px 18px #06252233);width:100%;height:100%;display:block}.animal-spy-scene,.animal-picture-scene,.animal-rescue-scene{background:linear-gradient(#fffdf80a,#0c2c2b24),url(/assets/animal-safari-bg.jpg) 50%/cover no-repeat,#dfe8cf;border:2px solid #11675624;border-radius:8px;min-height:470px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #fff6,0 18px 38px #0625221f}.animal-spy-scene.farm,.animal-picture-scene.farm,.animal-rescue-scene.farm{background:linear-gradient(#fffdf814,#0c2c2b1f),url(/assets/animal-farm-bg.jpg) 50%/cover no-repeat,#dcebd4}.animal-spy-scene.wild,.animal-picture-scene.wild,.animal-rescue-scene.wild{background:linear-gradient(#fffdf80a,#0c2c2b29),url(/assets/animal-safari-bg.jpg) 50%/cover no-repeat,#dfe8cf}.animal-spy-scene:before,.animal-picture-scene:before,.animal-rescue-scene:before{content:"";pointer-events:none;background:linear-gradient(#fff0,#092c2326);border-radius:50% 50% 0 0;height:130px;position:absolute;bottom:-38px;left:-28px;right:-28px}.animal-spy-target{z-index:2;opacity:.03;filter:saturate(.4)blur(2px);background:0 0;border:0;width:clamp(120px,15vw,176px);height:clamp(120px,15vw,176px);transition:filter .18s,opacity .18s,transform .18s;position:absolute;transform:translateZ(0)}.animal-spy-scene.focused .animal-spy-target{opacity:.04;filter:saturate(.6)blur(1.4px);transform:scale(1.02)}.animal-spy-scene.revealed .animal-spy-target{opacity:1;filter:none;transform:scale(1.06)}.animal-binocular{z-index:6;touch-action:none;cursor:grab;filter:drop-shadow(0 20px 26px #06252247);width:clamp(226px,29vw,314px);height:clamp(120px,15vw,158px);transition:filter .18s,transform .18s;position:absolute;transform:translateZ(0)}.animal-binocular.dragging{cursor:grabbing;filter:drop-shadow(0 28px 34px #06252257);transform:scale(1.02)}.animal-lens{aspect-ratio:1;-webkit-backdrop-filter:blur(1px)saturate(1.25);backdrop-filter:blur(1px)saturate(1.25);background:#fffdf814;border:clamp(9px,1.3vw,14px) solid #17262a;border-radius:50%;width:43%;position:absolute;top:13%;overflow:hidden;box-shadow:inset 0 0 0 2px #ffffff57,inset 0 -14px 24px #082a2a1f,0 10px 20px #06252238}.animal-lens:before,.animal-lens:after{z-index:2;content:"";pointer-events:none;position:absolute;inset:0}.animal-lens:before{background:radial-gradient(circle at 30% 24%,#ffffff9e,#0000 13%),radial-gradient(circle at 58% 68%,#79d2c629,#0000 42%)}.animal-lens:after{background:linear-gradient(135deg,#ffffff52,#0000 28% 72%,#ffffff2e),radial-gradient(circle,#0000 56%,#0723252e 78%,#0723254d);border-radius:50%}.animal-lens.left{left:0}.animal-lens.right{right:0}.animal-lens-image{top:var(--animal-lens-y,50%);left:var(--animal-lens-x,50%);z-index:1;object-fit:contain;opacity:0;pointer-events:none;filter:drop-shadow(0 12px 14px #0625223d);width:118%;height:118%;transition:opacity .18s,transform .18s;position:absolute;transform:translate(-50%,-50%)scale(.74)}.animal-lens.found .animal-lens-image{opacity:.96;transform:translate(-50%,-50%)scale(1.02)}.animal-binocular-bridge{z-index:2;background:linear-gradient(#294044,#111e20);border-radius:999px;width:22%;height:20%;position:absolute;top:45%;left:39%;box-shadow:inset 0 3px #ffffff14}.animal-binocular-focus{z-index:3;background:linear-gradient(#304b4f,#17262a);border-radius:999px 999px 4px 4px;width:12%;height:18%;position:absolute;top:20%;left:44%}.animal-spy-label{z-index:4;max-width:min(420px,100% - 32px);color:var(--forest-dark);background:#fffdf8db;border-radius:8px;padding:9px 12px;font-size:.94rem;font-weight:900;position:absolute;top:16px;left:16px;box-shadow:0 12px 24px #0625221a}.animal-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.animal-word-option,.animal-match-word,.animal-match-picture{min-height:62px;color:var(--forest-dark);background:#fffdf8eb;border:2px solid #11675624;border-radius:8px;font-weight:900;transition:border-color .18s,box-shadow .18s,transform .18s;box-shadow:0 10px 18px #06252214}.animal-word-option:hover,.animal-match-word:hover,.animal-match-picture:hover{transform:translateY(-2px);box-shadow:0 16px 28px #06252221}.animal-word-option.correct,.animal-match-word.matched,.animal-match-picture.matched{background:#e8fff7f0;border-color:#11675670}.animal-difference-grid,.animal-match-board{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.animal-picture-scene{min-height:360px}.animal-picture-scene.second{box-shadow:inset 0 0 0 3px #f4b84233,0 18px 38px #0625221f}.animal-picture-scene>span{z-index:5;color:var(--forest-dark);background:#fffdf8e0;border-radius:8px;padding:7px 10px;font-size:.84rem;font-weight:900;position:absolute;top:12px;left:12px}.difference-animal{z-index:3;background:0 0;border:0;width:clamp(76px,11vw,126px);height:clamp(76px,11vw,126px);transition:filter .18s,transform .18s;position:absolute}.difference-animal:hover,.difference-animal.hit{filter:drop-shadow(0 0 14px #f4b8428f);transform:scale(1.1)}.animal-rescue-scene{min-height:500px}.rescue-prompt{z-index:5;max-width:calc(100% - 32px);color:var(--forest-dark);background:#fffdf8e6;border-radius:8px;padding:10px 12px;font-weight:900;position:absolute;top:16px;left:16px;box-shadow:0 12px 24px #0625221a}.rescue-timebar{z-index:5;background:#fffdf8b8;border-radius:999px;height:12px;position:absolute;bottom:18px;left:16px;right:16px;overflow:hidden;box-shadow:inset 0 0 0 1px #11675629}.rescue-timebar span{border-radius:inherit;background:linear-gradient(90deg, var(--mint), var(--gold), var(--coral));height:100%;transition:width .12s linear;display:block}.rescue-animal{top:var(--animal-top);left:var(--animal-left);z-index:3;width:clamp(86px,12vw,132px);height:clamp(86px,12vw,132px);animation:1.7s ease-in-out infinite animal-float;animation-delay:var(--animal-delay);background:0 0;border:0;transition:filter .18s,opacity .18s,transform .18s;position:absolute}.rescue-animal:disabled{opacity:.58}.rescue-animal.running:hover,.rescue-animal.target{filter:drop-shadow(0 0 14px #f4b8429e);transform:scale(1.12)}.animal-match-column{background:#fffdf8c7;border:2px solid #1167561f;border-radius:8px;align-content:start;gap:10px;padding:14px;display:grid;box-shadow:0 14px 28px #06252214}.animal-match-word.selected,.animal-match-picture.selected{background:#ffe7b89e;border-color:#ec489970}.animal-match-picture{min-height:112px;padding:8px}.animal-match-picture .animal-image{max-height:96px}.school-vocab-page .hero-art{background:linear-gradient(90deg,#121f23c7,#121f234d 54%,#121f23c2) 50%/cover no-repeat,url(/assets/school-vocab-backpack.png) right 8% bottom 8%/min(34vw,360px) no-repeat,linear-gradient(135deg,#79b9c338,#0000 44%) 50%/cover no-repeat,linear-gradient(#314c54,#17262a) 50%/cover no-repeat}.school-vocab-mini{background:linear-gradient(135deg,#79b9c342,#c59b5038,#fffdf8eb),#fffdf8}.school-vocab-image{object-fit:contain;pointer-events:none;filter:drop-shadow(0 16px 18px #15242733);width:100%;height:100%;display:block}.school-match-board,.school-pack-layout{grid-template-columns:minmax(180px,260px) minmax(0,1fr);gap:14px;display:grid}.school-picture-grid,.school-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.school-picture-card,.school-choice-card{background:linear-gradient(145deg,#fffdf8f5,#ecf4eed1),#fffdf8;border:2px solid #11675621;border-radius:8px;place-items:center;min-height:150px;padding:12px;transition:border-color .18s,box-shadow .18s,transform .18s;display:grid;box-shadow:0 14px 28px #06252217}.school-picture-card:hover,.school-choice-card:hover{transform:translateY(-2px);box-shadow:0 20px 34px #06252221}.school-picture-card.matched,.school-choice-card.correct{background:#e8fff7eb;border-color:#1167566b}.school-choice-card.selected{background:#ffefc4c7;border-color:#c59b5099}.school-choice-card span{color:var(--forest-dark);font-weight:900}.school-picture-card .school-vocab-image,.school-choice-card .school-vocab-image{max-height:112px}.school-desk-memory,.school-pack-scene{background:radial-gradient(circle at 80% 16%,#fffdf8a8,#0000 12%),linear-gradient(#d7edf1 0 44%,#cfa66d 45% 100%);border:2px solid #11675624;border-radius:8px;min-height:390px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff6b,0 18px 38px #0625221f}.school-desk-memory:before,.school-pack-scene:before{content:"";background:linear-gradient(#925b2a1f,#60371f2e),#d8a978;border-radius:50% 50% 0 0;position:absolute;inset:45% -10% -14%}.school-stage-item{z-index:2;background:0 0;border:0;place-items:center;transition:filter .18s,transform .18s;display:grid;position:absolute}.school-stage-item:hover{filter:drop-shadow(0 0 16px #c59b5094);transform:translateY(-4px)scale(1.04)}.school-stage-item.memory-item{pointer-events:none}.desk-note{z-index:5;color:var(--forest-dark);background:#fffdf8e6;border-radius:8px;padding:10px 12px;position:absolute;top:16px;left:16px;box-shadow:0 12px 24px #0625221f}.school-pack-layout{grid-template-columns:minmax(0,1fr) minmax(210px,280px)}.school-backpack-zone{background:linear-gradient(145deg,#fffdf8f5,#e8f6ecd6),#fffdf8;border:2px solid #11675624;border-radius:8px;align-content:start;justify-items:center;gap:10px;min-height:390px;padding:16px;display:grid;box-shadow:0 16px 30px #0625221a}.school-backpack-zone>img{aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 16px 18px #0625222e);width:min(190px,82%)}.school-backpack-zone strong{color:var(--forest-dark);font-weight:900}.school-pack-list{flex-wrap:wrap;justify-content:center;gap:7px;display:flex}.school-pack-list span{color:var(--forest-dark);background:#17262a14;border-radius:999px;padding:7px 9px;font-size:.82rem;font-weight:900}.packed-mini-list{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.packed-mini-list img{object-fit:contain;width:42px;height:42px}.teacher-card-tools{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px;display:grid}.teacher-card-tools button{min-height:38px;color:var(--forest-dark);background:#fffdf8db;border:1px solid #17262a1f;border-radius:8px;padding:0 9px;font-size:.74rem;font-weight:900}.teacher-card-tools button.active{background:#ffe7b8e0;border-color:#c59b5085}.account-entry-card .account-visual,.account-page .hero-art{background:linear-gradient(135deg,#17262a2e,#79b9c33d),linear-gradient(#eef4ef,#d8e4e2)}.account-visual{place-items:center;display:grid;position:relative}.account-visual span{aspect-ratio:1;background:radial-gradient(circle at 50% 28%,#ffffffeb 0 18%,#0000 19%),radial-gradient(circle at 50% 72%,#ffffffc7 0 30%,#0000 31%),#2f6a61;border-radius:999px;width:68%;position:absolute;box-shadow:0 24px 42px #0d202438}.account-visual strong{z-index:2;color:#fffdf8;font-size:clamp(2.4rem,7vw,4.8rem);font-weight:900}.account-page .hero-art{background:linear-gradient(90deg,#121f23d1,#121f2357 54%,#121f23c7),linear-gradient(135deg,#79b9c32e,#0000 46%),linear-gradient(#384f53,#17262a)}.account-auth-shell{z-index:1;grid-template-columns:minmax(0,1fr) minmax(320px,430px);align-items:center;gap:22px;width:min(1180px,100%);min-height:calc(100vh - 170px);margin:0 auto;display:grid;position:relative}.account-auth-copy h1{color:#fffdf8;max-width:680px;margin:0;font-size:clamp(3rem,8vw,7rem);line-height:.95}.account-auth-copy .portal-intro{color:#fffdf8d1;max-width:640px}.account-demo-box,.account-auth-card,.account-panel,.account-stat-grid div,.teacher-resource-card{-webkit-backdrop-filter:blur(16px)saturate(1.08);backdrop-filter:blur(16px)saturate(1.08);background:#fffdf8e6;border:1px solid #ffffff61;border-radius:8px;box-shadow:0 24px 68px #0a181c38}.account-demo-box{gap:5px;margin-top:24px;padding:14px 16px;display:inline-grid}.account-demo-box span,.account-panel-head span,.teacher-resource-card span{color:var(--forest);letter-spacing:.06em;text-transform:uppercase;font-size:.74rem;font-weight:900}.account-demo-box strong,.account-demo-box small{color:var(--forest-dark);font-weight:900}.account-auth-card{gap:12px;padding:18px;display:grid}.account-restore-card{text-align:center;place-items:center;min-height:260px}.account-restore-card strong{color:var(--forest-dark);font-size:1.2rem;font-weight:950}.account-restore-card p{color:var(--muted);margin:0;font-weight:800}.account-loading-mark{border:6px solid #11675629;border-top-color:var(--forest);border-radius:50%;width:62px;height:62px;animation:.9s linear infinite account-spin;box-shadow:0 18px 36px #0a181c24}.account-mode-tabs{background:#17262a14;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:4px;display:grid}.account-mode-tabs button,.folder-tabs button{min-height:42px;color:var(--muted);background:0 0;border:0;border-radius:7px;font-weight:900}.account-mode-tabs button.active,.folder-tabs button.active{color:#fffdf8;background:#17262a;box-shadow:0 10px 24px #0a181c29}.account-auth-card label,.admin-grid label{color:var(--forest-dark);gap:6px;font-weight:900;display:grid}.account-auth-card label span,.admin-grid label span{color:var(--muted);font-size:.76rem}.account-auth-card input,.folder-create input,.folder-add-row select,.admin-grid input,.notes-panel textarea{width:100%;min-height:46px;color:var(--forest-dark);background:#fffdf8;border:2px solid #11675624;border-radius:8px;padding:0 12px;font-weight:800}.account-dashboard{z-index:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:min(1220px,100%);margin:0 auto;display:grid;position:relative}.account-header{width:min(1220px,100%);margin-inline:auto}.account-stat-grid{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.account-stat-grid div{gap:6px;padding:16px;display:grid}.account-stat-grid span{color:var(--muted);text-transform:uppercase;font-size:.76rem;font-weight:900}.account-stat-grid strong{color:var(--forest-dark);font-size:2rem;line-height:1}.account-panel{gap:14px;padding:16px;display:grid}.lesson-plan-panel,.folders-panel,.admin-panel{grid-column:1/-1}.account-panel-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.account-panel-head strong{color:var(--forest-dark);margin-top:3px;font-size:1.45rem;line-height:1.05;display:block}.folder-create{grid-template-columns:minmax(160px,1fr) auto;gap:8px;display:grid}.folder-tabs{background:#17262a0f;border-radius:8px;flex-wrap:wrap;gap:8px;padding:4px;display:flex}.folder-tabs button{align-items:center;gap:8px;padding:0 12px;display:inline-flex}.folder-tabs button span{background:#fffdf842;border-radius:999px;place-items:center;min-width:24px;height:24px;font-size:.72rem;display:inline-grid}.folder-add-row{max-width:440px}.teacher-resource-list{gap:10px;display:grid}.teacher-resource-card{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px 14px;padding:14px;display:grid;box-shadow:0 12px 30px #0a181c1f}.teacher-resource-card p{color:var(--muted);grid-column:1/-1;margin:0;line-height:1.45}.teacher-resource-card strong{color:var(--forest-dark);margin-top:3px;font-size:1.05rem;display:block}.teacher-resource-card small{color:var(--muted);margin-top:4px;font-weight:800;display:block}.teacher-resource-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.teacher-resource-actions .primary-button,.teacher-resource-actions .secondary-button{min-height:38px;padding-inline:12px;font-size:.82rem}.account-empty{color:var(--muted);margin:0;font-weight:800}.notes-panel textarea{resize:vertical;min-height:190px;padding:12px;line-height:1.45}.admin-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.teacher-table{gap:8px;display:grid}.teacher-table div{background:#fffdf8b8;border:1px solid #1167561f;border-radius:8px;grid-template-columns:.8fr 1fr 1fr;align-items:center;gap:10px;padding:10px 12px;display:grid}.teacher-table span,.teacher-table strong,.teacher-table small{overflow-wrap:anywhere}.clothes-page .hero-art{background-color:#0000;background-image:linear-gradient(90deg,#121f23c7,#121f2347 54%,#121f23c2),url(/assets/clothes/hat.png),url(/assets/clothes/jacket.png),linear-gradient(135deg,#c59b5033,#0000 44%),linear-gradient(#3c4f55,#17262a);background-position:50%,right 9% bottom 12%,left 8% bottom 10%,50%,50%;background-repeat:no-repeat;background-size:cover,min(22vw,220px),min(24vw,240px),cover,cover;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box}.clothes-mini{background:linear-gradient(135deg,#c59b5038,#79b9c338,#fffdf8f0),#fffdf8}.clothes-image{object-fit:contain;pointer-events:none;filter:drop-shadow(0 16px 18px #1524272e);width:100%;height:100%;display:block}.clothes-picture-card .clothes-image,.clothes-choice-card .clothes-image{max-height:116px}.clothes-dress-layout,.clothes-weather-layout{grid-template-columns:minmax(280px,.95fr) minmax(0,1.05fr);gap:16px;display:grid}.clothes-character-card,.clothes-wardrobe-card,.clothes-weather-card{background:linear-gradient(145deg,#fffdf8f5,#f6eedcd6),#fffdf8;border:2px solid #11675621;border-radius:8px;box-shadow:0 16px 30px #0625221a}.clothes-character-card{padding:14px}.clothes-character-tabs{background:#17262a14;border-radius:8px;gap:6px;margin-bottom:10px;padding:4px;display:inline-flex}.clothes-character-tabs button{min-height:36px;color:var(--muted);background:0 0;border:0;border-radius:7px;padding:0 14px;font-weight:900}.clothes-character-tabs button.active{color:#fffdf8;background:#17262a}.clothes-avatar{background:radial-gradient(circle at 50% 18%,#ffffffc7,#0000 18%),linear-gradient(#f9f1dd,#fffaf0);border:1px solid #c59b5038;border-radius:8px;justify-content:center;align-items:flex-end;min-height:500px;display:flex;position:relative;overflow:hidden}.clothes-base-character,.clothes-fitted-layer{object-fit:contain;width:auto;height:min(92%,450px);position:absolute;bottom:0;left:50%;transform:translate(-50%)}.clothes-base-character{z-index:1;filter:drop-shadow(0 18px 20px #15242729)}.clothes-fitted-layer{z-index:3;pointer-events:none;filter:drop-shadow(0 6px 8px #15242714)}.clothes-fitted-layer.fresh{animation:.26s cubic-bezier(.2,1.35,.5,1) clothes-snap-in}.clothes-wardrobe-card{align-content:start;gap:12px;padding:14px;display:grid}.clothes-task-list{justify-content:flex-start}.clothes-wardrobe-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-height:420px;padding-right:2px;display:grid;overflow:auto}.clothes-wardrobe-item{min-height:126px;color:var(--forest-dark);background:#fffdf8eb;border:2px solid #1167561f;border-radius:8px;place-items:center;gap:7px;padding:10px;font-weight:900;transition:border-color .18s,box-shadow .18s,transform .18s;display:grid}.clothes-wardrobe-item:hover,.clothes-wardrobe-item.active{border-color:#c59b5094;transform:translateY(-2px);box-shadow:0 16px 28px #0625221f}.clothes-wardrobe-item .clothes-image{max-height:76px}.clothes-check-button{justify-self:start}.clothes-rail{background:linear-gradient(#fffdf8ad,#fffdf833),linear-gradient(#d5edf2 0 42%,#e9d1a9 43% 100%)}.clothes-rail:after{content:"";background:linear-gradient(#8f6b3e,#5f4324);border-radius:999px;height:10px;position:absolute;top:118px;left:8%;right:8%;box-shadow:0 10px 18px #15242729}.clothes-stage-item{z-index:3}.clothes-weather-card{text-align:center;align-content:start;justify-items:center;gap:12px;padding:18px;display:grid}.clothes-weather-card img{aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 18px 20px #15242729);width:min(190px,78%)}.clothes-weather-card strong{color:var(--forest-dark);text-transform:capitalize;font-size:1.8rem;font-weight:900}.clothes-weather-card span{color:var(--forest-dark);background:#17262a14;border-radius:999px;padding:7px 10px;font-size:.82rem;font-weight:900}.clothes-weather-grid{grid-template-columns:repeat(4,minmax(0,1fr))}@keyframes clothes-snap-in{0%{opacity:.4;transform:translate(-50%)scale(.86)}70%{opacity:1;transform:translate(-50%)scale(1.035)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes animal-float{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-10px)rotate(1deg)}}@media (width<=940px){.hero-stage{padding:88px 12px 28px}.top-bar,.top-actions,.portal-header.with-actions,.library-page-header{align-items:stretch}.game-layout,.portal-home-layout,.builder-page .builder-shell,.builder-shell,.name-grid,.dialogue-scene,.passport-card,.output-grid,.reading-picture-stage,.sequence-stage,.reading-summary,.phonics-stage,.sound-actions,.colour-lab-stage,.school-bag-mission-card,.monster-studio,.animal-difference-grid,.animal-match-board,.school-match-board,.school-pack-layout,.clothes-dress-layout,.clothes-weather-layout,.account-auth-shell,.account-dashboard{grid-template-columns:1fr}.portal-home-layout{align-items:start;min-height:auto}.portal-home-header h1,.portal-home-header .portal-intro{max-width:760px}.home-stats,.quick-access-panel{max-width:none}.account-stat-grid,.admin-grid,.book-grid,.unit-grid,.library-grid,.learning-grid,.course-book-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.library-page-header,.library-cover-panel{grid-template-columns:1fr}.builder-studio-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.builder-page .preview-panel{position:static}.mission-board{order:2;position:relative}.play-surface{order:1}.station-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.saved-panel{grid-column:auto}.station-button{min-height:96px}.bridge-track{grid-template-columns:repeat(5,minmax(52px,1fr))}.bottle-rack,.lab-result-grid,.school-result-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.animal-options{grid-template-columns:repeat(2,minmax(0,1fr))}.monster-palette{grid-template-columns:repeat(5,minmax(0,1fr))}.school-desk-scene{min-height:640px}.monster-paper{min-height:620px}.animal-spy-scene,.animal-rescue-scene,.school-desk-memory,.school-pack-scene,.school-backpack-zone,.clothes-avatar{min-height:440px}.desk-target-strip{max-width:calc(100% - 28px)}}@media (width<=620px){.site-topbar{grid-template-columns:auto minmax(0,1fr) auto;width:calc(100% - 20px);min-height:58px;top:10px}.site-topbar .language-switch,.site-topbar .sound-toggle,.site-topbar .teacher-pill{display:none}.site-drawer{width:min(340px,92vw);padding:18px}.top-bar,.top-actions,.portal-header.with-actions{display:grid}.score-badge{width:100%}.book-grid,.unit-grid,.library-grid,.learning-grid,.course-book-grid{grid-template-columns:1fr}.book-card,.unit-card,.library-card,.learning-card{min-height:190px}.library-card{grid-template-rows:auto auto;min-height:312px}.library-card-copy{min-height:auto}.home-stats,.quick-action-grid,.account-stat-grid,.admin-grid,.teacher-resource-card,.teacher-table div,.folder-create{grid-template-columns:1fr}.account-panel-head,.teacher-resource-actions{justify-content:stretch;display:grid}.teacher-card-tools,.quick-action-card{grid-template-columns:1fr}.library-card-topline{align-items:flex-start}.spelling-target,.station-nav,.option-grid,.option-grid.compact,.builder-studio-steps,.builder-option-grid,.builder-match-board,.template-grid,.builder-cell-grid,.builder-cell-grid.quiz-cells,.builder-item-header,.with-row-action,.preview-game-top,.draft-list,.draft-card,.cue-picture-grid,.distance-stage,.passport-stamps,.recipe-slots,.lab-result-grid,.colour-word-bank,.school-result-grid,.monster-palette,.animal-options,.animal-match-board,.school-picture-grid,.school-choice-grid,.clothes-weather-grid,.word-set-grid{grid-template-columns:1fr}.animal-game-head{display:grid}.animal-spy-scene,.animal-picture-scene,.animal-rescue-scene,.school-desk-memory,.school-pack-scene,.clothes-avatar{min-height:360px}.clothes-wardrobe-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none}.animal-binocular{width:218px;height:118px}.distance-stage{align-items:stretch}.student-card,.student-card.far,.cue-picture.far-cue,.builder-studio-steps span,.preview-image-frame,.builder-page .builder-panel,.builder-page .builder-panel:hover{transform:none}.path-line{background:repeating-linear-gradient(#1167562e,#1167562e 12px,#f4b8426b 12px 24px);height:42px;margin:0}.bridge-track,.bottle-rack{grid-template-columns:repeat(2,minmax(0,1fr))}.colour-bottle{min-height:142px}.tube-glass{height:92px}.school-desk-scene{background-position:50%;min-height:700px}.monster-paper{min-height:600px;padding:12px 6px 6px}.monster-colouring-svg{min-height:500px}.paint-station{padding:12px}.school-backpack{width:auto;min-height:150px;bottom:12px;left:12px;right:12px}.desk-supply{width:116px;height:88px}.desk-supply.pencil,.desk-supply.pen,.desk-supply.ruler{width:134px;height:62px}.desk-supply.book,.desk-supply.notebook{width:100px;height:124px}.desk-supply.eraser,.desk-supply.sharpener{width:96px;height:78px}.desk-target-strip{left:12px;right:12px}.speech-bubble strong,.challenge-card strong{font-size:2rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}