:root {--paper:#fffaf0;--edge:#d7cfbb;--shadow:0 12px 40px #423a2415;}
.background {background:radial-gradient(ellipse at 10% 10%,#e4ead7,transparent 60%),radial-gradient(ellipse at 100% 90%,#d5e7e9,transparent 60%),#f7f1e4;}
.background:after{display:none}.brand{padding:12px 20px}.welcome{max-width:860px;margin:auto;text-align:center;padding:clamp(28px,7vh,85px) 24px}.welcome-number{margin:24px auto;color:#6c7860;letter-spacing:.28em;font-size:12px}.welcome h1{font-size:clamp(44px,7vw,88px);line-height:1.04;color:#294d48;max-width:800px;margin:20px auto}.welcome>p{font-size:clamp(18px,2vw,25px);max-width:600px;margin:24px auto}.welcome .button{font-size:24px;padding:19px 38px}.welcome small{display:block;margin:24px 0;letter-spacing:.06em}.welcome .draft-note{font-size:13px;color:#657367}.launch-screen{min-height:calc(100svh - 76px);display:grid;place-items:center;padding:0}.menu-heading h1{color:#294d48;text-shadow:none;font-size:clamp(30px,4vw,52px)}.menu-heading p,.menu-heading .eyebrow{color:#41544a;text-shadow:none}.mode-card{min-height:180px;text-align:left;align-items:flex-start;padding:24px;gap:15px}.mode-card strong{font-size:24px}.mode-number{position:static;font-family:Georgia,serif;font-size:30px;opacity:.55}.mode-description{font-size:16px}.category-card{min-height:105px;padding:20px}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.missing-art{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px;background:#f1eee5;border:2px dashed #9bada4;border-radius:20px;padding:20px;text-align:center;color:#52665b}.missing-art>span{text-transform:uppercase;letter-spacing:.1em;font-size:12px}.missing-art>small{font-size:clamp(15px,1.7vw,21px);line-height:1.4}.missing-art.feature-art{min-height:240px}.missing-art.answer-art{min-height:100px}.missing-art.spelling-clue{min-height:130px}.field-notes{border:2px solid #c6bb9e;border-radius:18px;background:#fff7e0;padding:20px;text-align:center}.field-notes strong{font-family:Georgia,serif;font-size:25px}.field-notes p{margin-top:12px}.note-stamps{display:flex;justify-content:center;gap:10px;font-size:30px;color:#567567}.note-stamps .used{color:#896459}.field-notes.won{background:#e1ecd9}.field-notes.lost{background:#f2e4d1}.marker-label{font-size:10px;font-weight:bold;display:block;line-height:1.1;overflow-wrap:anywhere;max-width:60px;color:#203f3c}.wheel-stage{width:min(410px,76vw)}.many-answers{grid-template-columns:repeat(3,minmax(0,1fr))}.many-answers .answer{min-height:70px;padding:12px}.sort-clue .missing-art{max-height:155px;min-height:100px;margin:auto}.game-panel{max-width:1150px}.all-words{margin:12px 8px}.page-hidden *{animation-play-state:paused!important}.tile-front>span{font-size:clamp(12px,1.1vw,17px);line-height:1.12}.tile{height:clamp(45px,calc((100svh - 340px - (var(--rows) - 1)*8px)/var(--rows)),134px)}
@media(min-width:800px) and (max-height:750px){.topbar{height:60px;padding:8px 24px}.game-screen{padding:0 20px 12px}.game-panel{padding:16px 24px}.game-heading{margin:8px 0}.game-heading h1{font-size:28px}.game-heading p{font-size:15px}.mode-card{min-height:150px;padding:18px;gap:8px}.menu-screen{padding-top:8px}.menu-heading{margin-bottom:16px}.mode-grid{gap:12px}.mode-card strong{font-size:21px}.mode-number{font-size:23px}.menu-footnote{margin-top:12px}.missing-art.feature-art{min-height:200px;max-height:270px}.tile{height:calc((100svh - 290px - (var(--rows) - 1)*8px)/var(--rows))}.feedback{min-height:48px}.wheel-stage{width:280px;margin:8px auto}.spelling-layout{margin:8px 0}.field-notes{padding:10px}.spelling-clue{max-height:140px}.letter-key{height:36px}.keyboard{gap:4px}}
@media(max-width:700px){.topbar{height:auto;min-height:64px;flex-wrap:wrap;padding:10px}.brand{font-size:12px}.utilities{margin-left:auto}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mode-card{min-height:160px;padding:16px}.mode-card strong{font-size:21px}.many-answers{grid-template-columns:repeat(2,minmax(0,1fr))}.missing-art.feature-art{min-height:140px}.missing-art{padding:14px}.flip-board{--cols:4;--rows:5}.flip-board--20{--rows:10}.flip-board--30{--rows:15}.tile{height:75px}.marker-label{font-size:8px;max-width:40px}.spelling-word{gap:3px}.letter-slot{width:23px;height:34px;font-size:18px}.word-part{gap:2px}.note-stamps{font-size:25px;gap:7px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.missing-art.clue-art{width:min(650px,100%);height:auto;min-height:90px;margin:auto}.identify-target{height:auto}.answers.many-answers{grid-template-columns:repeat(3,minmax(0,1fr))}.teacher-tools .subtle{min-height:44px}.missing-art.answer-art{height:90px;min-height:70px}.mode-card:disabled{opacity:.65}@media(max-width:700px){.answers.many-answers{grid-template-columns:repeat(2,minmax(0,1fr))}.missing-art.answer-art{padding:8px}.missing-art.answer-art>span{font-size:10px}.teacher-tools{flex-wrap:wrap}}
.mode-card:before,.mode-card:after{display:none}.mode-card{background:linear-gradient(120deg,var(--card),#fffaf0 72%)}.mode-card>*{position:relative}.mode-card strong{margin:0}.mode-description{text-align:left}.mode-number{line-height:1}.flip-board--2{--cols:2;--rows:2}.flip-board--4{--cols:4;--rows:2}.flip-board--8{--cols:4;--rows:4}
.spelling-layout{display:grid;grid-template-columns:minmax(180px,1fr) minmax(0,2fr);gap:20px;align-items:center;max-width:900px;margin:12px auto}.spelling-clue{width:100%;height:auto}.spelling-attempts{display:flex;justify-content:center;gap:15px;flex-wrap:wrap;margin:10px 0}.spelling-play{min-width:0}.launch-screen{height:auto;min-height:calc(100svh - 76px)}@media(min-width:800px) and (max-height:750px){.welcome{padding:15px 24px}.welcome h1{font-size:64px}.welcome>p{margin:16px auto}.welcome-number{margin:12px auto}.spelling-layout{margin:5px auto;gap:15px}.spelling-attempts{margin:6px 0}.sort-clue{margin:8px auto}}@media(max-width:700px){.spelling-layout{grid-template-columns:1fr;gap:10px}.field-notes{padding:14px}.field-notes strong{font-size:21px}.spelling-attempts{font-size:13px;gap:8px}.welcome{padding:25px 18px}}
@media(max-width:560px){.brand{padding:10px 14px;min-height:44px}.brand span{display:inline;font-size:0}.brand span:before{content:"Home";font-size:14px}.letter-key{min-height:44px}}