@import url('./keyboard-games.css');
@import url('./thinking-games.css');
@import url('./deduction-games.css');

:root{font-family:'Trebuchet MS','Segoe UI',Arial,sans-serif;color:#1b453b;background:#faf9f1;font-size:22px;font-weight:500;line-height:1.5;font-synthesis:none;--forest:#174e40;--ink:#1b453b;--cream:#faf9f1;--paper:#fffef9;--sage:#dceccf;--mint:#c9e2d5;--coral:#e98c6a;--yellow:#ffdb72;--line:#dce3d5;--shadow:0 8px 0 #194c3d0b;--font-boost:1}
*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}button{touch-action:manipulation}a{color:var(--forest)}button,input,select,textarea{font-size:max(20px,calc(22px * var(--font-boost)))}button{min-height:54px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:4px solid #f2a348;outline-offset:5px}svg{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.18}button svg{pointer-events:none}body.big-text{--font-boost:1.15;font-size:25px}body.big-text .week-title{font-size:28px}body.big-text .big-prompt{font-size:32px}body.big-text .game-host p{font-size:25px}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:var(--forest);color:white;padding:12px 22px;border-radius:12px;font-size:22px}.skip-link:focus{top:15px}
.site-header{height:96px;max-width:1320px;padding:0 42px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{border:0;background:transparent;display:flex;align-items:center;gap:10px;text-align:left;padding:0;min-height:64px}.brand-mark{width:54px;height:54px;color:var(--yellow);background:var(--forest);border-radius:18px;padding:7px;transform:rotate(-5deg)}.brand-title{font-size:26px;font-weight:900;line-height:1.05;letter-spacing:-1px}.brand-subtitle{font-size:20px;font-weight:700;line-height:1.2;letter-spacing:0}.header-tools{display:flex;align-items:center;gap:10px}.tool-button{background:var(--paper);border:2px solid var(--line);border-radius:16px;padding:8px 16px;font-size:20px;font-weight:800;min-height:52px}.tool-button[aria-pressed=true]{background:#e6efda;border-color:var(--forest)}.star-total{display:flex;align-items:center;gap:7px;font-size:24px;font-weight:800;background:#fff1c4;padding:8px 16px;border-radius:30px;min-height:52px}.star-total svg{width:30px;height:30px;color:#edb53d}
.home-main{max-width:1236px;margin:auto;padding:12px 0 28px}.hero{display:flex;align-items:center;justify-content:space-between;gap:16px;border-radius:32px;padding:26px 38px 20px;background:#eaf0df;position:relative;overflow:hidden;margin:0 0 32px;min-height:245px}.hero-copy{position:relative;z-index:1}.grade-pill{display:inline-flex;background:#fffdf6;border:1px solid #d8e1cb;border-radius:30px;padding:3px 13px;font-size:20px;font-weight:800;gap:8px;align-items:center;margin-bottom:13px}.grade-pill:before{content:'';height:9px;width:9px;border-radius:50%;background:#78a08b}.hero h1{font-size:clamp(32px,3.3vw,46px);letter-spacing:-1.5px;margin-bottom:11px}.hero p{font-size:24px;color:#466256}.hero-art{width:355px;flex-shrink:0;align-self:stretch;height:230px;margin-top:-10px;margin-bottom:-10px}.floating-star{animation:float 5s ease-in-out infinite;transform-origin:center}.little-robot{animation:gentle-bob 6s ease-in-out infinite}.robot-eyes{animation:blink 8s infinite;transform-origin:214px 94px}.map-heading{display:flex;justify-content:space-between;align-items:center;margin:0 4px 16px}.map-heading h2{font-size:26px;letter-spacing:-.5px}.map-heading p{font-size:20px;color:#617269}.weeks-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.week-card{border:2px solid #dbe1d1;background:var(--paper);border-radius:25px;box-shadow:var(--shadow);min-width:0;min-height:235px;padding:15px 18px 16px;text-align:left;display:flex;flex-direction:column;position:relative;transition:transform .2s,box-shadow .2s,border-color .2s}.week-card:hover{transform:translateY(-5px);box-shadow:0 13px 0 #194c3d0c;border-color:#94b19b}.week-card:active{transform:translateY(1px)}.week-top{display:flex;align-items:center;justify-content:space-between;gap:4px;font-size:20px;font-weight:700}.week-number{display:flex;align-items:center;gap:6px}.week-number b{background:var(--tone);width:33px;height:33px;display:grid;place-items:center;border-radius:50%;font-size:20px}.week-stars{font-size:20px;color:#6b5924}.week-art{height:88px;display:grid;place-items:center;margin:6px 0}.week-art svg{height:87px;width:111px;transition:transform .25s}.week-card:hover .week-art svg{transform:rotate(-5deg)}.week-title{font-size:25px;line-height:1.2;font-weight:900;letter-spacing:-.6px;display:flex;justify-content:space-between;align-items:center;gap:8px}.week-arrow{width:30px;height:30px;flex-shrink:0;background:var(--tone);border-radius:50%;display:grid;place-items:center;font-size:24px;font-weight:600}.week-subtitle{font-size:20px;color:#607268;margin-top:5px;line-height:1.25}.keyboard-card{border-top:6px solid var(--tone);padding-top:11px}
.site-footer{max-width:1236px;margin:0 auto;padding:22px 0 26px;display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid var(--line);color:#617269;font-size:20px}.teacher-link{border:0;background:transparent;text-decoration:underline;text-underline-offset:5px;padding:0;min-height:44px;font-size:20px}.footer-small{font-size:20px}.game-main{max-width:1140px;margin:0 auto;padding:10px 0 20px}.game-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.back-button{background:var(--paper);border:2px solid var(--line);border-radius:15px;font-size:22px;font-weight:700;padding:9px 18px;white-space:nowrap}.week-heading{font-size:26px;font-weight:900;line-height:1.3;flex:1;text-align:center}.listen-button{background:#e9eddf;border:0;border-radius:16px;font-size:22px;font-weight:700;padding:9px 18px;white-space:nowrap}.game-stage{background:var(--paper);border:2px solid var(--line);border-radius:30px;padding:30px 34px;box-shadow:var(--shadow);position:relative;min-height:440px}.game-host{outline:none;min-width:0;font-size:24px}.game-host:focus{outline:none}.game-surface{max-width:980px;margin:auto}.big-prompt{font-size:28px;font-weight:800;line-height:1.35;letter-spacing:-.5px;text-align:center;margin:0 0 17px}.game-note{font-size:22px;line-height:1.45;text-align:center;color:#536d60;margin:12px auto}.game-button,.choice-button{border:2px solid #b5c8b9;border-radius:16px;background:#edf2e5;color:var(--forest);font-size:24px;font-weight:800;padding:12px 23px;min-width:64px;min-height:60px;box-shadow:0 4px 0 #b8cdbd;transition:transform .12s,background .12s}.game-button:hover,.choice-button:hover{background:#dceccf}.game-button:active,.choice-button:active{transform:translateY(3px);box-shadow:0 1px 0 #b8cdbd}.game-button.primary{background:var(--forest);border-color:var(--forest);color:white;box-shadow:0 4px 0 #0d3229}.answer-input{background:#fffefb;border:3px solid #87ab96;border-radius:16px;padding:12px 16px;min-height:68px;font-size:32px;max-width:100%;text-align:center}.game-feedback{font-size:24px;line-height:1.4;padding:14px 20px;border-radius:16px;background:#f2f1e6;margin:16px auto 0;text-align:center;min-height:56px}.game-feedback:empty{display:none}.game-feedback.success{background:#e3efda;color:var(--forest)}.game-illustration{font-size:60px;text-align:center;margin:12px auto}.keycap{display:inline-grid;place-items:center;border:2px solid #b8c8b4;background:#fffef8;border-radius:9px;box-shadow:0 3px 0 #d0d8c8;padding:3px 10px;min-width:38px;min-height:38px;font-size:22px;font-weight:800;margin:0 3px}.game-navigation{margin-top:23px;display:flex;justify-content:space-between;align-items:center;gap:14px}.nav-button{border:2px solid #d4ddcc;border-radius:16px;padding:11px 22px;background:#fffef7;font-size:22px;font-weight:700;min-width:130px}.nav-button.next{background:#e8eedc;border-color:#adc3a8}.nav-button.next.ready{background:var(--forest);color:white;border-color:var(--forest);animation:success-pop .4s ease-out}.mission-picker{border:0;background:transparent;display:flex;align-items:center;gap:8px;font-size:22px;font-weight:800;padding:8px 15px;min-width:100px;justify-content:center}.mission-picker:after{content:'⌄';font-size:24px}.success-tray{background:#e8efdc;border-radius:17px;padding:12px 20px;margin-top:18px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:24px;font-weight:800;animation:success-pop .35s ease-out}.success-tray svg{width:35px;height:35px;color:#eebd49}.save-note{font-size:20px;text-align:center;color:#8d5425;margin-top:14px}.celebration{pointer-events:none;position:absolute;inset:0;overflow:hidden;border-radius:28px}.confetti{position:absolute;left:50%;top:25%;width:13px;height:20px;border-radius:4px;background:var(--yellow);animation:confetti .85s ease-out both;transform:rotate(var(--r));animation-delay:var(--delay)}.confetti:nth-child(3n){background:#93bca0}.confetti:nth-child(3n+1){background:#efa98c}
.overlay{position:fixed;inset:0;background:#173f35a6;z-index:30;display:grid;place-items:center;padding:24px;backdrop-filter:blur(4px)}.dialog{width:min(760px,100%);max-height:calc(100dvh - 48px);overflow:auto;border-radius:26px;background:var(--cream);padding:28px;box-shadow:0 20px 70px #0b2d2940}.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:21px}.dialog-top h2{font-size:28px}.close-button{border:2px solid #d7dfcd;border-radius:13px;background:white;min-width:55px;font-size:27px;font-weight:700;flex-shrink:0}.mission-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.mission-cell{aspect-ratio:1;min-height:64px;border:2px solid #d0dbc4;background:#fffdf7;border-radius:16px;font-size:26px;font-weight:800;position:relative}.mission-cell.current{border:3px solid var(--forest);background:#e5edd9}.mission-cell.done{background:#fff0bc}.mission-cell.done:after{content:'★';font-size:20px;position:absolute;right:5px;top:-4px;color:#a77c1d}.mission-cell:hover{background:#dceccf}.teacher-body{font-size:22px;line-height:1.6}.teacher-body p{margin-bottom:15px}.teacher-body ul{padding-left:25px}.teacher-body li{margin-bottom:12px}.teacher-body table{font-size:20px;width:100%;border-collapse:collapse;margin:20px 0}.teacher-body th,.teacher-body td{border-bottom:1px solid #d4ddcc;text-align:left;padding:10px 8px;vertical-align:top}.teacher-body th{font-size:20px}.teacher-body button{font-size:22px}.notice{border-radius:16px;background:#e9efdc;padding:15px 20px;margin:16px 0;font-size:22px}.loading-game{display:grid;min-height:330px;place-content:center;text-align:center;font-size:28px;gap:20px}.loading-game svg{width:70px;margin:auto;color:var(--yellow);animation:gentle-bob 1s ease-in-out infinite}
@keyframes float{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-9px) rotate(3deg)}}@keyframes gentle-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes blink{0%,43%,47%,100%{transform:scaleY(1)}45%{transform:scaleY(.12)}}@keyframes success-pop{0%{transform:scale(.93)}65%{transform:scale(1.025)}100%{transform:scale(1)}}@keyframes confetti{0%{opacity:0;transform:translate(0,0) rotate(0)}12%{opacity:1}100%{opacity:0;transform:translate(var(--x),var(--y)) rotate(var(--r))}}
@media(min-width:1500px){.home-main,.site-footer{max-width:1280px}.hero{min-height:262px}.week-card{min-height:250px}.week-art,.week-art svg{height:100px}}
@media(max-width:1320px){.home-main,.site-footer{margin-left:28px;margin-right:28px}.game-main{margin:0 28px}.site-header{padding:0 28px}.weeks-grid{gap:16px}.week-card{padding-left:14px;padding-right:14px}}
@media(max-width:1000px){.weeks-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.week-card{min-height:212px}.hero-art{width:280px}.hero h1{font-size:37px}.hero{padding:25px 28px}.week-art{height:80px}.week-art svg{height:80px}.game-stage{padding:24px}.hero p{font-size:23px}}
@media(max-width:650px){.site-header{height:auto;min-height:91px;padding:16px;gap:8px;flex-wrap:wrap}.brand-title{font-size:24px}.brand-subtitle{font-size:20px}.brand-mark{width:48px;height:48px}.header-tools{gap:7px}.tool-button{padding:7px 10px;font-size:20px}.tool-button.motion-button{display:none}.star-total{padding:7px 10px;font-size:22px}.star-total svg{width:25px}.home-main,.site-footer{margin-left:16px;margin-right:16px}.hero{padding:25px 23px;margin-bottom:25px;display:block;min-height:210px}.hero h1{font-size:36px;max-width:100%}.hero p{font-size:24px;max-width:100%}.hero-art{display:none}.grade-pill{font-size:20px;margin-bottom:13px}.map-heading{align-items:start;gap:8px}.map-heading h2{font-size:25px}.map-heading p{font-size:20px;max-width:130px;text-align:right}.weeks-grid{gap:13px}.week-card{min-height:228px;border-radius:21px;padding:12px}.week-top{font-size:20px}.week-number b{height:30px;width:30px}.week-stars{font-size:20px}.week-title{font-size:24px;gap:3px;letter-spacing:-.7px}.week-subtitle{font-size:20px}.week-arrow{display:none}.week-art svg{height:83px;width:100px}.week-art{height:87px}.site-footer{align-items:start;gap:10px;padding:20px 0}.footer-small{max-width:150px;font-size:20px}.game-main{margin:0 12px}.game-topbar{gap:9px;flex-wrap:wrap}.week-heading{font-size:25px;order:-1;flex-basis:100%;text-align:left;margin-bottom:5px}.back-button,.listen-button{font-size:22px;padding:8px 14px}.game-topbar .listen-button{margin-left:auto}.game-stage{padding:23px 14px;border-radius:23px;min-height:400px}.big-prompt{font-size:27px}.game-note{font-size:22px}.game-navigation{gap:5px;margin-top:18px}.nav-button{font-size:22px;min-width:0;padding:11px 13px}.mission-picker{font-size:22px;min-width:0;padding:8px 9px}.success-tray{font-size:23px;padding:12px}.overlay{padding:12px}.dialog{padding:20px;max-height:calc(100dvh - 24px)}.dialog-top h2{font-size:26px}.mission-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.game-button,.choice-button{font-size:24px;min-width:60px;min-height:60px;padding:10px 17px}.answer-input{font-size:30px}.teacher-body table{font-size:20px}.teacher-body th,.teacher-body td{padding:10px 5px}body.big-text .week-title{font-size:27px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}body.quiet-motion *,body.quiet-motion *:before,body.quiet-motion *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
.play-screen .site-header{height:78px}.play-screen .site-footer{padding:14px 0 18px}.play-screen .game-topbar{margin-bottom:12px}.play-screen .game-stage{padding-top:23px;padding-bottom:23px}.play-screen .game-navigation{margin-top:18px}
@media(max-width:650px){.play-screen .site-header{height:auto;min-height:84px}}

.mission-guidance{font-size:24px;line-height:1.4;margin:0 0 20px}.mission-cell:disabled{opacity:1;background:#e7e9e0;color:#617268;border-style:dashed;cursor:not-allowed}.mission-cell:disabled:hover{background:#e7e9e0}.mission-lock{display:block;font-size:20px;line-height:1}.nav-button.next:disabled{opacity:1;background:#e4e7df;color:#617268;border-style:dashed;cursor:not-allowed}body.big-text .mission-guidance{font-size:28px}