:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#22313f;background:#eef8fb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--sky: #8fd4f4;--lake: #377fb8;--lake-dark: #245f8e;--sand: #f1b85a;--sun: #ffd35a;--rock: #d65f2f;--rock-dark: #984326;--mountain: #687584;--ink: #22313f;--paper: #fffdf5;--green: #387846;--good: #1f7a4d;--bad: #a73737;--shadow: 0 14px 30px rgba(31, 66, 86, .16)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,textarea,select{font:inherit}button{border:0}button:focus-visible{outline:4px solid #ffd35a;outline-offset:3px}.app-shell{position:relative;min-height:100vh;padding:24px;overflow:hidden;background:linear-gradient(180deg,#dff5ff,#eef8fb 48%,#fff8df)}.app-shell:before{position:fixed;inset:auto 0 0;height:120px;content:"";pointer-events:none;background:linear-gradient(135deg,transparent 0 20%,rgba(214,95,47,.18) 20% 35%,transparent 35% 52%,rgba(55,127,184,.15) 52% 67%,transparent 67%)}.screen{width:min(1120px,100%);margin:22px auto 0;animation:rise-in .36s ease both}.narrow-screen{width:min(930px,100%);padding:34px;background:var(--paper);border:3px solid rgba(36,95,142,.25);border-radius:8px;box-shadow:var(--shadow)}.welcome-screen{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(420px,1.1fr);gap:30px;align-items:center;min-height:620px}.welcome-copy{padding:32px;background:var(--paper);border:3px solid rgba(214,95,47,.22);border-radius:8px;box-shadow:var(--shadow)}.eyebrow{margin:0 0 8px;color:var(--rock-dark);font-weight:900;letter-spacing:0;text-transform:uppercase}h1,h2,h3,p{overflow-wrap:anywhere}h1{max-width:12ch;margin:0;color:var(--lake-dark);font-size:4rem;line-height:.96}h2{margin:0 0 12px;color:var(--lake-dark);font-size:2.4rem;line-height:1.05}h3{margin:0 0 10px;color:#2d4256;font-size:1.3rem;line-height:1.15}.lead{font-size:1.18rem;line-height:1.55}.hero-art{width:100%;min-height:280px;filter:drop-shadow(0 18px 24px rgba(31,66,86,.18))}.action-row{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:22px}.action-row.centered{justify-content:center}.action-row.right{justify-content:flex-end}.primary-button,.secondary-button,.restart-button{min-height:48px;padding:12px 20px;cursor:pointer;border-radius:8px;font-weight:900;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.primary-button{color:#fffdf5;background:var(--rock);box-shadow:0 8px 0 var(--rock-dark)}.secondary-button{color:var(--lake-dark);background:#e4f6ff;border:2px solid var(--lake)}.top-actions{position:absolute;top:24px;right:24px;display:flex;gap:10px;align-items:center}.restart-button{min-height:40px;padding:8px 14px}.restart-button{color:#fffdf5;background:var(--mountain)}.primary-button:hover,.secondary-button:hover,.restart-button:hover,.match-card:hover,.choice-button:hover,.tray-item:hover,.scene-zone:hover{transform:translateY(-2px)}.primary-button:active,.secondary-button:active,.restart-button:active{transform:translateY(2px);box-shadow:none}button:disabled{cursor:not-allowed;opacity:.68;transform:none}.best-score,.tip-box{margin-top:18px;color:#435467;font-weight:800}.creator-tag{display:inline-flex;max-width:100%;margin:6px 0 0;padding:8px 12px;color:#2d3210;background:var(--sun);border:2px solid #b28724;border-radius:8px;font-weight:950}.certificate-tag{margin-top:0}.public-stats{display:grid;gap:3px;margin-top:16px;padding:14px;color:var(--lake-dark);background:#e4f6ff;border:2px solid rgba(55,127,184,.35);border-radius:8px}.public-stats strong{font-size:1.8rem;line-height:1}.public-stats span,.public-stats small{font-weight:850}.public-stats small{color:#435467;line-height:1.35}.progress-shell{display:grid;grid-template-columns:repeat(6,minmax(82px,1fr));gap:8px;width:min(980px,calc(100% - 110px));margin:0 auto;padding:8px;background:#fffdf5d6;border:2px solid rgba(55,127,184,.25);border-radius:8px}.progress-step{display:flex;gap:8px;align-items:center;min-height:38px;padding:6px;color:#506170;font-size:.88rem;font-weight:800;border-radius:8px}.step-dot{display:grid;flex:0 0 26px;width:26px;height:26px;place-items:center;color:#fffdf5;background:var(--mountain);border-radius:50%}.progress-step.done{color:var(--green)}.progress-step.done .step-dot{background:var(--green)}.progress-step.current{color:var(--lake-dark);background:#e4f6ff}.progress-step.current .step-dot{background:var(--lake)}.instruction-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0}.instruction-grid article,.question-card,.match-column,.game-status,.certificate,.recap-panel{background:var(--paper);border:2px solid rgba(104,117,132,.24);border-radius:8px;box-shadow:var(--shadow)}.instruction-grid article{padding:20px}.activity-icon{display:grid;width:42px;height:42px;margin-bottom:12px;place-items:center;color:var(--ink);background:var(--sun);border:2px solid #b28724;border-radius:8px;font-weight:1000}.game-screen{width:min(1050px,100%)}.section-heading{margin-bottom:18px;padding-right:90px}.section-heading p:not(.eyebrow){margin:0;color:#405265;font-size:1.08rem}.question-card{padding:26px}.question-meta{display:flex;justify-content:space-between;gap:12px;margin-bottom:16px;color:var(--rock-dark);font-weight:900}.choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:20px}.choice-button,.match-card,.tray-item,.scene-zone{min-height:58px;padding:14px;color:var(--ink);background:#fff8df;border:2px solid rgba(55,127,184,.35);border-radius:8px;box-shadow:0 5px #377fb840;cursor:pointer;font-weight:850;text-align:left;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease}.choice-button.correct,.match-card.matched{color:#0d4f31;background:#ddf5e8;border-color:var(--good)}.choice-button.incorrect{color:#681f1f;background:#ffe4df;border-color:var(--bad)}.feedback{display:grid;gap:5px;margin-top:20px;padding:16px;border-radius:8px}.feedback.happy{color:#0d4f31;background:#ddf5e8;border:2px solid rgba(31,122,77,.35)}.feedback.try-again{color:#70301f;background:#fff0df;border:2px solid rgba(214,95,47,.35)}.catcher-arena{position:relative;display:grid;gap:18px;min-height:430px;padding:24px;overflow:hidden;background:linear-gradient(180deg,#dff5ff,#e4f6ff 46%,#f7cf92 47%,#fff8df);border:3px solid rgba(55,127,184,.28);border-radius:8px;box-shadow:var(--shadow)}.catcher-sky{position:absolute;inset:0;pointer-events:none}.wind-line{position:absolute;left:-35%;width:44%;height:8px;background:#377fb838;border-radius:8px;animation:wind-run 4s linear infinite}.line-one{top:22%}.line-two{top:38%;animation-delay:1.1s}.line-three{top:58%;animation-delay:2.2s}.floating-fact-card{position:relative;z-index:1;align-self:center;width:min(680px,100%);min-height:180px;margin:18px auto 0;padding:24px;color:var(--ink);background:var(--paper);border:3px solid var(--rock);border-radius:8px;box-shadow:0 12px #9843263d;animation:float-card 1.9s ease-in-out infinite alternate}.floating-fact-card.caught{border-color:var(--good);animation:catch-pop .36s ease both}.floating-fact-card.missed{border-color:var(--bad);animation:miss-shake .36s ease both}.card-count{display:inline-flex;margin-bottom:12px;padding:6px 10px;color:var(--lake-dark);background:#e4f6ff;border-radius:8px;font-weight:950}.catcher-controls{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:14px}.catch-button,.let-go-button{display:grid;gap:4px;min-height:76px;padding:14px;color:#fffdf5;border-radius:8px;cursor:pointer;font-weight:950;transition:transform .16s ease,filter .16s ease}.catch-button{background:var(--green)}.let-go-button{background:var(--rock)}.catch-button span,.let-go-button span{font-size:.9rem;font-weight:800}.catch-button:hover,.let-go-button:hover{transform:translateY(-2px);filter:brightness(1.05)}.matching-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:18px}.match-column{display:grid;gap:10px;align-content:start;padding:18px}.match-card.selected{color:#fffdf5;background:var(--lake);border-color:var(--lake-dark)}.match-card.description{min-height:74px}.game-status{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;justify-content:space-between;margin-top:18px;padding:16px 18px;color:#34485a}.game-status.complete{border-color:#1f7a4d73;background:#ddf5e8}.scene-builder{display:grid;grid-template-columns:250px 1fr;gap:18px}.item-tray{display:grid;gap:12px;align-content:start}.tray-item{display:grid;grid-template-columns:70px 1fr;gap:10px;align-items:center;background:#fffdf5}.tray-item svg{width:70px;height:46px}.tray-item.selected{background:#e4f6ff;border-color:var(--lake)}.scene-canvas{display:grid;grid-template-areas:"mountains mountains" "lake desert" "meadow desert";grid-template-columns:1fr 1fr;grid-template-rows:150px 170px 150px;gap:10px;min-height:490px;padding:12px;background:#fff8df;border:3px solid rgba(152,67,38,.32);border-radius:8px;box-shadow:var(--shadow)}.scene-zone{position:relative;display:flex;flex-direction:column;gap:4px;align-items:flex-start;justify-content:flex-start;overflow:hidden;box-shadow:none}.scene-zone.mountains{grid-area:mountains;background:#d9e2ea}.scene-zone.lake{grid-area:lake;background:#ccefff}.scene-zone.desert{grid-area:desert;background:#f7cf92}.scene-zone.meadow{grid-area:meadow;background:#dff0d6}.scene-zone.wrong-placement{border-color:var(--bad);background-image:repeating-linear-gradient(135deg,rgba(167,55,55,.14) 0 10px,transparent 10px 20px)}.zone-label{color:var(--ink);font-weight:950}.zone-helper{color:#465766;font-size:.92rem;font-weight:700}.placed-art{position:absolute;inset:42px 10px 10px;display:grid;place-items:center;color:var(--ink);text-align:center}.placed-art svg{width:min(210px,88%);max-height:120px}.placed-art strong{display:block;margin-top:2px;padding:4px 8px;background:#fffdf5d1;border-radius:8px}.placed-art em{display:block;margin-top:4px;color:#34485a;font-size:.86rem;font-style:normal;font-weight:950}.results-screen{display:grid;grid-template-columns:.9fr 1.1fr;gap:20px;align-items:start}.certificate,.recap-panel{padding:28px}.certificate{text-align:center;border-color:#d65f2f59}.badge-art{width:160px;max-width:65%;margin-bottom:12px}.score-board{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:20px}.score-board span{display:grid;gap:4px;padding:14px;color:var(--lake-dark);background:#e4f6ff;border:2px solid rgba(55,127,184,.35);border-radius:8px;font-weight:900}.score-board strong{font-size:2rem}.score-breakdown{display:grid;gap:8px;margin-top:14px;padding:14px;color:#34485a;background:#fff8df;border:2px solid rgba(104,117,132,.24);border-radius:8px;font-weight:850;text-align:left}.new-best{color:var(--good);font-weight:950}.placement-note,.miss-note,.community-note{margin-top:14px;padding:14px;color:#34485a;background:#fff8df;border:2px solid rgba(214,95,47,.28);border-radius:8px;font-weight:850;line-height:1.4}.placement-note{display:grid;gap:5px;color:#0d4f31;background:#ddf5e8;border-color:#1f7a4d59}.community-note{display:grid;gap:5px;background:#e4f6ff;border-color:#377fb859}.recap-panel ul{display:grid;gap:12px;margin:16px 0 0;padding-left:22px}.recap-panel li{line-height:1.45}@keyframes rise-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes wind-run{0%{transform:translate(0)}to{transform:translate(320%)}}@keyframes float-card{0%{transform:translate(-10px) rotate(-1deg)}to{transform:translate(10px) rotate(1deg)}}@keyframes catch-pop{0%{transform:scale(1)}60%{transform:scale(1.035)}to{transform:scale(1)}}@keyframes miss-shake{0%,to{transform:translate(0)}30%{transform:translate(-10px)}60%{transform:translate(10px)}}@media(max-width:900px){.app-shell{padding:18px}.top-actions{position:static;justify-content:center;margin:12px auto 0}.progress-shell{grid-template-columns:repeat(3,1fr);width:100%}.welcome-screen,.scene-builder,.results-screen{grid-template-columns:1fr}.welcome-screen{min-height:0}h1{max-width:none;font-size:3rem}h2{font-size:2rem}.instruction-grid{grid-template-columns:1fr}.section-heading{padding-right:0}.scene-canvas{grid-template-rows:130px 150px 140px}}@media(max-width:620px){.app-shell{padding:12px}.progress-shell{grid-template-columns:repeat(2,1fr)}.progress-step{font-size:.78rem}.welcome-copy,.narrow-screen,.question-card,.certificate,.recap-panel{padding:18px}h1{font-size:2.35rem}h2{font-size:1.72rem}.choice-grid,.catcher-controls,.score-board{grid-template-columns:1fr}.question-meta,.game-status{align-items:flex-start;flex-direction:column}.scene-canvas{grid-template-areas:"mountains" "lake" "desert" "meadow";grid-template-columns:1fr;grid-template-rows:repeat(4,140px);min-height:0}.action-row.right{justify-content:flex-start}}