:root{font-family:'Trebuchet MS',Verdana,sans-serif;color:var(--ink,#34483b);background:#f6efdf;font-synthesis:none;--ink:#34483b;--paper:#faf6eb;--primary:#4e6651;--accent:#d3ad6b;--coral:#a9563e}
*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100svh;background:var(--scene) center/cover fixed}button,input,select{font:inherit}button{color:var(--ink);background:var(--paper);border:1.5px solid #7b8973;border-radius:12px;padding:11px 19px;min-height:46px;cursor:pointer;box-shadow:0 3px 0 #34483b15;transition:background .15s,transform .15s}button:disabled{cursor:default}button.primary{background:var(--primary);color:#fffdf4;border-color:var(--primary)}button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:4px solid var(--coral);outline-offset:4px}@media(hover:hover){button:hover:enabled{background:#e9dfc7}button.primary:hover:enabled{background:#364d3d;color:#fffdf4}}button:active:enabled{transform:translateY(1px)}
h1,h2{font-family:Georgia,'Times New Roman',serif;text-wrap:balance}h1{font-size:clamp(1.65rem,3vw,2.5rem);line-height:1.15;margin:10px 0 20px}h1:focus{outline:0}p{line-height:1.5}select{min-height:46px;border:1.5px solid #7b8973;border-radius:8px;padding:10px;color:var(--ink);background:var(--paper)}label{display:flex;align-items:center;gap:10px}fieldset{border:0;padding:0;margin:8px 0 12px;min-width:0}legend{font-weight:bold;text-align:left;margin-bottom:14px}summary{cursor:pointer}
.site-header{height:80px;display:flex;align-items:center;justify-content:space-between;padding:12px 28px;gap:12px}.home{display:flex;align-items:center;gap:10px;border-radius:50px;padding:3px 18px 3px 3px;font-weight:bold}.home img{width:52px;height:52px;object-fit:contain}.utilities{display:flex;gap:10px}.screen{min-height:calc(100svh - 80px);padding:8px 28px 24px}.intro{min-height:calc(100svh - 120px);display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:clamp(10px,3vh,32px)}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:.78rem;font-weight:bold;margin:0 0 12px}.intro h1{font-size:clamp(3.4rem,7vw,6.2rem);letter-spacing:-.035em;margin:0 0 22px;text-shadow:0 2px 0 #faf6eb}.intro h1 span{display:block;font-size:.28em;letter-spacing:.1em;font-weight:normal;margin-top:8px}.explore{position:relative;width:clamp(235px,29vw,335px);aspect-ratio:1;padding:0;border:0;border-radius:50%;background:transparent;box-shadow:0 7px 20px #34483b20}.explore img{width:100%;height:100%;object-fit:contain;display:block}.explore span{position:absolute;left:50%;bottom:4%;transform:translateX(-50%);padding:9px 27px;border:2px solid var(--paper);border-radius:30px;color:var(--paper);background:var(--primary);font-weight:bold;font-size:1.1rem}@media(hover:hover){.explore:hover:enabled{transform:scale(1.05);background:transparent}}.invitation:empty{display:none}
.page-title{text-align:center;margin:3px auto 20px}.page-title h1{margin:3px 0}.menu-grid{display:grid;grid-template-columns:repeat(4,1fr);max-width:1120px;margin:auto;gap:13px}.mode-card{padding:8px 9px 12px;display:flex;flex-direction:column;align-items:center;min-width:0;background:#faf6ebf2}.mode-art{width:100%;height:clamp(90px,14vh,135px)}.mode-art img{width:100%;height:100%;object-fit:contain;display:block}.mode-card strong{font-size:1rem}.mode-card:disabled{background:#eeeadef2;color:#53604c;border-color:#9ba58c}.coming{font-size:.78rem;margin-top:3px}.teacher-notes{max-width:1120px;margin:16px auto 0;padding:10px 16px;background:#faf6ebf2;border-radius:9px;font-size:.9rem}
.panel{width:min(1160px,100%);margin:auto;padding:20px 26px;text-align:center;background:#faf6ebf7;border:1.5px solid #84917a;border-radius:17px;box-shadow:0 7px 20px #34483b12}.topline{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:.9rem}.topline>span{font-weight:bold}.topline>span:last-child{white-space:nowrap}.setup-form{display:flex;flex-direction:column;gap:12px}.setup-form>label{justify-content:center}.category-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.category-card{display:flex;flex-direction:column;align-items:center;padding:10px;min-width:0;width:calc((100% - 36px)/4)}.category-card.selected{border:3px solid var(--coral);padding:8px;background:#eee4cc}.category-card>span{font-size:.85rem;margin-top:4px}.category-card .picture{width:min(135px,100%)}.start{align-self:center;min-width:200px}
.picture{position:relative;width:100%;aspect-ratio:1;overflow:hidden}.picture img{position:absolute;object-fit:contain;max-width:none}.image-fallback{display:none}.art-failed{display:grid;place-items:center;background:#eee5d2;border:2px dashed #7b8973}.art-failed .image-fallback{display:block;padding:15px}.progress{display:flex;align-items:center;gap:16px;margin:14px 0;font-size:.9rem}.progress progress{flex:1;width:0;height:10px;border:0;border-radius:20px;background:#e1e5d6;color:var(--primary)}progress::-webkit-progress-bar{background:#e1e5d6;border-radius:20px}progress::-webkit-progress-value{background:var(--primary);border-radius:20px}progress::-moz-progress-bar{background:var(--primary);border-radius:20px}
.learning-layout{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:30px;max-width:1010px;margin:auto}.hero-picture{width:min(100%,490px);justify-self:center}.word-detail{text-align:left;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.word-detail p{margin:0 0 14px}.definition{font-size:clamp(1.25rem,2.3vw,1.8rem);line-height:1.4}.reading-sentence{font-size:clamp(1.5rem,2.6vw,2.2rem);white-space:pre-line;line-height:1.55}.word-detail details{background:#eef0e3;padding:12px 16px;border-radius:9px;margin-bottom:9px}.word-detail details p{margin:10px 0 0}.feedback-row{min-height:64px;display:flex;align-items:center;justify-content:center;gap:20px;margin-top:14px}.feedback-row p{margin:0;font-size:1.05rem}.feedback{font-weight:bold}.next{min-width:110px}.unavailable{visibility:hidden;pointer-events:none}.question-picture{width:min(300px,40vh);margin:5px auto 12px}.target-picture{width:min(150px,22vh);margin:6px auto}.scope-note{font-size:.85rem;margin:8px}.answer-grid{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;margin:16px auto 5px}.answer-grid>button{flex:1 1 25%;max-width:320px;min-width:0;padding:13px}.answer-grid>button strong{display:block;font-size:1.15rem}.answer-grid.categories{max-width:940px}.answer-grid.categories button{flex-basis:28%}.answer-grid.text-only{align-items:stretch;min-height:140px}.answer-grid.text-only>button{padding:24px 18px;font-size:clamp(1.1rem,2vw,1.45rem);line-height:1.35}.teacher-toggles{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;margin:6px 0 12px;font-size:.9rem}input[type=checkbox]{width:21px;height:21px;accent-color:var(--primary)}.explanation{font-size:1.2rem;max-width:800px;margin:25px auto}
.spelling-layout{display:grid;grid-template-columns:.85fr 1.4fr;align-items:center;gap:24px}.spelling-world{padding:5px}.fossil-display{position:relative;width:min(340px,100%);margin:auto;aspect-ratio:1;border:1px solid #b4a383;border-radius:45% 35% 41% 28%;overflow:hidden;background:#ede0c2}.fossil-display>img{width:100%;height:100%;object-fit:contain}.fossil-cover{position:absolute;inset:0;background:radial-gradient(ellipse at 30% 20%,#dcc69a,#c7ad7e 65%,#baa078);opacity:.98}.reward-mark{position:absolute;top:25%;right:30%;font-size:45px;color:var(--coral);opacity:0}.won .reward-mark{opacity:1}.discovery-marks{display:flex;justify-content:center;gap:3px;flex-wrap:wrap;min-height:25px;margin:12px auto 0}.discovery-marks span{width:20px;color:#a77738}.discovery-count{margin:4px;font-size:.9rem}.dig-chances{display:flex;justify-content:center;gap:5px;margin:13px auto}.dig-chances span{width:26px;color:var(--primary)}.dig-chances .spent{color:#b8b6a9;opacity:.5}.spelling-clue{display:flex;justify-content:center;align-items:center;gap:12px;text-align:left}.clue-picture{width:105px;flex:0 0 105px}.spelling-clue p{max-width:450px;font-size:1.05rem}.chances{margin:8px 0;font-size:.95rem}.letter-word{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:18px auto}.word-part{display:inline-flex;gap:4px;flex-wrap:wrap;justify-content:center}.word-space{width:9px}.letter{min-width:24px;border-bottom:3px solid var(--ink);padding:5px 3px;font-size:1.45rem;font-weight:bold}.letter.punctuation{border:0}.keyboard{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;max-width:650px;margin:auto}.keyboard button{width:calc((100% - 72px)/13);min-width:33px;height:47px;padding:3px;font-size:1.2rem;font-weight:bold}.keyboard button.right-letter{background:var(--primary);color:var(--paper)}.keyboard button.wrong-letter{background:#e4dbca;color:#746d5e;border-color:#9e9684;text-decoration:line-through}.used-letters{font-size:.85rem;min-height:1.5em}
.flip-board{display:grid;grid-template-columns:repeat(var(--columns-wide),minmax(0,1fr));grid-template-rows:repeat(var(--rows-wide),minmax(0,1fr));gap:8px;height:max(280px,calc(100svh - 310px));max-height:650px}.flip-card{grid-column:var(--start-wide,auto)/span 2;min-width:0;min-height:0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:4px;background:var(--primary);color:var(--paper);border-color:var(--primary);overflow:hidden}.flip-card.face-up{background:var(--paper);color:var(--ink)}.flip-card.matched{border-color:#b89a55;background:#f4eedb}.flip-card .picture{flex:1;min-height:0;aspect-ratio:auto}.flip-card>span{font-size:clamp(.65rem,1vw,.92rem);line-height:1.15;margin-top:2px}.flip-card .card-back{font-family:Georgia,serif;font-size:clamp(1.2rem,3vw,2.7rem)}@media(hover:hover){.flip-card:hover:enabled{background:#657b5e;color:#fffdf4}}
.wheel-wrap{position:relative;width:min(540px,64vh,90%);aspect-ratio:1;margin:8px auto 18px}.wheel-disc{position:absolute;inset:0;border:5px solid var(--primary);border-radius:50%;background:repeating-conic-gradient(#ecdfc2 0deg 30deg,#f7f0df 30deg 60deg);box-shadow:0 5px 0 #34483b20}.wheel-marker{position:absolute;width:18%;aspect-ratio:1;left:50%;top:50%;transform:translate(-50%,-50%) rotate(var(--angle)) translateX(calc(var(--wheel-size,500px) * .4)) rotate(var(--counter))}.wheel-disc{container-type:inline-size}.wheel-marker{transform:translate(-50%,-50%) rotate(var(--angle)) translateX(40cqw) rotate(var(--counter))}.wheel-pointer{position:absolute;width:24px;height:24px;border:4px solid #faf6eb;border-radius:50%;background:var(--coral);right:-9px;top:calc(50% - 12px);z-index:3;box-shadow:0 0 0 2px var(--coral)}.spin{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100px;height:100px;border-radius:50%;background:var(--primary);color:var(--paper);z-index:2}.spin:active:enabled{transform:translate(-50%,-50%)}@media(hover:hover){.spin:hover:enabled{background:#34483b;color:#fffdf4}}.wheel-reading{font-family:Georgia,serif;font-size:clamp(2.5rem,7vw,5.5rem);padding:8vh 0;overflow-wrap:anywhere}
.detective-settings,.detective-controls{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.detective-canvas{position:relative;width:min(600px,100%);margin:14px auto}.detective-canvas canvas{width:100%;max-height:48vh;object-fit:contain;border-radius:12px}.image-status:empty{display:none}.timer{font-variant-numeric:tabular-nums}.results{max-width:700px;padding:35px}.results-badge{width:min(250px,60%)}.result-stars{font-size:3rem;color:#a87930;letter-spacing:.15em}.score{font-size:1.5rem}.actions{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.notice{position:fixed;bottom:10px;left:50%;transform:translateX(-50%);background:var(--paper);border-radius:8px;padding:10px 20px;z-index:10}.notice:empty{display:none}
@media(min-width:900px) and (max-height:750px){.site-header{height:68px;padding:8px 24px}.screen{padding-top:4px}.panel{padding:14px 24px}.play-panel h1{font-size:1.9rem;margin:8px 0 12px}.hero-picture{width:min(100%,calc(100svh - 285px))}.learning-layout{gap:24px}.intro{padding-top:5px}.intro h1{font-size:4.8rem;margin-bottom:16px}.explore{width:280px}.mode-art{height:12.3vh}.menu-grid{gap:10px}.page-title{margin-bottom:14px}.feedback-row{margin-top:8px;min-height:55px}.progress{margin:10px 0}.spelling-clue .picture{width:85px;flex-basis:85px}.fossil-display{width:240px}.letter-word{margin:10px auto}.spelling-layout{gap:15px}}
@media(max-width:899px){.site-header{padding:10px 18px}.screen{padding:8px 18px 20px}.menu-grid{grid-template-columns:repeat(3,1fr)}.mode-art{height:120px}.category-card{width:calc((100% - 24px)/3)}.panel{padding:18px}.learning-layout{gap:20px}.spelling-layout{grid-template-columns:.7fr 1.4fr;gap:14px}.spelling-clue{flex-direction:column;gap:4px}.clue-picture{width:90px;flex-basis:auto}.spelling-clue p{margin:0;text-align:center}.keyboard button{width:calc((100% - 48px)/9);min-width:35px}.flip-board{grid-template-columns:repeat(var(--columns-tablet),minmax(0,1fr));grid-template-rows:repeat(var(--rows-tablet),minmax(0,1fr))}.flip-card{grid-column:var(--start-tablet,auto)/span 2}.wheel-wrap{width:min(500px,65vh,90%)}}
@media(max-width:599px){.site-header{height:70px;padding:8px 10px;gap:7px}.home{padding-right:12px;gap:5px}.home img{width:42px;height:42px}.utilities{gap:5px}.utilities button{padding:8px 10px;font-size:.8rem}.screen{padding:8px 10px 20px}.intro{padding-top:8vh}.intro h1{font-size:3.6rem}.intro .eyebrow{max-width:280px;line-height:1.5;font-size:.68rem}.explore{width:270px;max-width:80vw}.menu-grid{grid-template-columns:repeat(2,1fr);gap:10px}.mode-art{height:110px}.mode-card strong{font-size:.88rem}.page-title .eyebrow{font-size:.68rem}.panel{padding:14px 12px}.topline{gap:7px;font-size:.72rem}.topline button{padding:8px 12px}.category-card{width:calc((100% - 12px)/2)}.category-card strong{font-size:.88rem}.learning-layout{grid-template-columns:1fr;gap:16px}.hero-picture{width:min(100%,350px)}.word-detail{align-items:center;text-align:center}.definition{font-size:1.3rem}.reading-sentence{font-size:1.5rem}.answer-grid{gap:9px}.answer-grid>button{padding:8px}.answer-grid>button strong{font-size:.88rem;overflow-wrap:anywhere}.answer-grid.text-only{flex-direction:column;min-height:0}.answer-grid.text-only>button{max-width:none;padding:18px;flex-basis:auto}.answer-grid.categories button{flex-basis:42%;font-size:.9rem}.spelling-layout{grid-template-columns:1fr}.fossil-display{width:160px}.dig-chances{margin:7px auto}.discovery-marks{margin-top:5px}.spelling-clue{flex-direction:row}.clue-picture{width:70px;flex:0 0 70px}.spelling-clue p{font-size:.9rem;text-align:left}.letter{font-size:1.25rem;min-width:20px;padding:4px 2px}.keyboard button{min-width:35px;width:calc((100% - 42px)/8)}.feedback-row{flex-wrap:wrap;gap:10px}.flip-board{height:auto;max-height:none;grid-template-columns:repeat(var(--columns-phone),minmax(0,1fr));grid-auto-rows:105px;grid-template-rows:none;gap:6px}.flip-card{grid-column:var(--start-phone,auto)/span 2}.flip-card>span{font-size:.68rem}.wheel-wrap{width:90%}.spin{width:80px;height:80px;padding:5px}.wheel-pointer{width:20px;height:20px;top:calc(50% - 10px)}.detective-settings label{font-size:.8rem;gap:5px}.detective-settings select{max-width:145px}.detective-controls{gap:6px}.detective-controls button{padding:9px 13px}.notice{max-width:95%;width:max-content;font-size:.9rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}
.play-panel[data-mode="wheel"] .feedback-row:has(.next:disabled){display:none}
@media(min-width:900px) and (max-height:800px){.wheel-wrap{width:min(360px,calc(100svh - 420px),90%)}.spin{width:78px;height:78px}}

@media(min-width:900px) and (max-height:800px){.detective-canvas canvas{max-height:33vh}}
.card-navigation{display:flex;align-items:center;justify-content:center;gap:12px}.previous{min-width:110px}.previous:disabled{opacity:.45}.feedback:empty{display:none}