:root{color-scheme:light;--ink:#092f39;--paper:#fff0ca;--primary:#164c59;--accent:#e9b95e;--coral:#b84728}
body{background:#082933 url('../../assets/landing/sky.png') center/cover fixed;font-family:'Trebuchet MS',Verdana,sans-serif}
button{border:2px solid #174957;border-radius:7px;box-shadow:0 3px 0 #061f2870;font-weight:bold}button:focus-visible{outline:4px solid #efba58;outline-offset:5px}button.primary{background:#a83e22;color:#fff6da;border-color:#7c2b18}@media(hover:hover){button.primary:hover:enabled{background:#812c18;color:#fff6da}}
.site-header{position:relative;z-index:5}.home,.utilities button{background:#ffefc9}.home{border-radius:40px}.home img{border-radius:50%}
.screen-intro{padding:0}.intro{position:relative;isolation:isolate;min-height:calc(100svh - 80px);padding:3vh 16px 18vh;overflow:hidden;color:#fff0ca}
.intro h1{font-family:Impact,'Arial Narrow',sans-serif;font-weight:900;font-size:clamp(3.8rem,7.7vw,7.4rem);line-height:.92;letter-spacing:.035em;text-transform:uppercase;color:#fff0ca;text-shadow:3px 5px 0 #b64e2c;margin:12px 0 30px;z-index:2}
.intro h1 span{font:inherit;font-size:.55em;letter-spacing:.15em;line-height:1.15;margin-top:10px}.intro .eyebrow{color:#f5ca7a;font-size:.73rem;letter-spacing:.22em;z-index:2}.explore{z-index:2;width:clamp(230px,28vw,360px);outline:0;box-shadow:none}.explore img{filter:drop-shadow(0 8px 12px #031b2670)}.explore span{bottom:1%;border-radius:5px;background:#a83e22;border:3px solid #fff0ca;color:#fff0ca;font-size:1.15rem;text-transform:uppercase;padding:12px 30px;box-shadow:0 4px 0 #7d2f1b}
.space-scene{position:absolute;z-index:-1;inset:0;pointer-events:none;isolation:isolate}.space-sky{position:absolute;inset:0;z-index:0;background:#082933 url('../../assets/landing/sky.png') center/cover}.space-terrain,.space-foreground{position:absolute;inset:0}.space-terrain img,.space-foreground img{height:100%;width:100%;object-fit:cover;object-position:center bottom}.space-distant{z-index:1;clip-path:inset(0 0 24% 0)}.space-middle{z-index:2;clip-path:inset(76% 0 0 0)}.space-astronaut{position:absolute;z-index:3;left:clamp(12px,9vw,150px);bottom:3%;height:clamp(230px,47vh,440px);width:clamp(150px,20vw,285px)}.space-astronaut img{height:100%;width:100%;object-fit:contain;object-position:center bottom}.space-foreground{z-index:4}
.invitation{position:relative;z-index:2;color:#ffe4ad;margin-top:30px;font-size:.8rem;letter-spacing:.08em}.page-title h1{color:#fff0ca;font-family:Impact,'Arial Narrow',sans-serif;letter-spacing:.045em;text-transform:uppercase;font-weight:normal}.page-title .eyebrow{color:#f1c578}.menu-grid{gap:16px}.mode-card{border-radius:8px;border:2px solid #d6b77b;background:#fff0ca}.mode-symbol{height:105px;display:grid;place-items:center;font-size:3.2rem;color:#a83e22;font-family:Georgia,serif}.mode-card:disabled{background:#c5c9bb;opacity:.85;border-color:#8fa49f}.mode-card:disabled .mode-symbol{color:#576f72}.coming{color:#344e53;border-color:#8fa49f}.panel,.teacher-notes{background:#fff2d6;border:2px solid #d9ba7b;border-radius:8px}.category-card{background:#fff5df}.category-card.selected{background:#f8dfad;border-color:#ab4325}.word-study{min-height:170px;border:1px solid #d5b987;border-radius:6px;background:#f5e5c3;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:16px;gap:10px}.word-study strong{font-family:Georgia,serif;font-size:clamp(1.2rem,3vw,2.5rem);overflow-wrap:anywhere}.word-study small{font-size:.68rem;opacity:.75}.study-orbit{font-size:2rem;color:#b34b2c}.category-card .word-study{min-height:100px;width:100%;padding:8px}.category-card .word-study strong{font-size:.85rem}.category-card .word-study small{display:none}.word-detail .definition{color:#123e48}.results h1{color:#123e48}.teacher-notes{font-size:.85rem}.result-stars{color:#ad431f}
@media(max-width:599px){.intro{padding-top:5vh;min-height:calc(100svh - 70px)}.intro h1{font-size:3.7rem;margin-bottom:28px}.intro .eyebrow{font-size:.6rem}.explore{width:265px;max-width:76vw}.space-terrain img{width:180%;max-width:none;position:absolute;left:-40%;height:100%}.utilities button{font-size:.7rem;padding:8px}.home span{display:none}.home{padding:2px}.mode-symbol{height:85px}.word-study{min-height:150px}.intro .invitation{max-width:260px;font-size:.72rem}}
@media(max-height:650px) and (min-width:600px){.intro{padding-top:0}.intro h1{font-size:4rem;margin:4px 0 18px}.explore{width:220px}.intro .invitation{margin-top:20px}}
@media(max-width:599px){.space-foreground img{width:180%;max-width:none;position:absolute;left:-40%;height:100%}.space-astronaut{left:-10px;bottom:2%;height:220px;width:145px}.intro .invitation{padding:5px 12px;background:#082933b8;border-radius:3px}}

/* One image coordinate system owns the platform and both boot anchors. */
.space-foreground{inset:auto auto 0 0;width:max(100%,800px);height:auto;aspect-ratio:16/9;transform:translateY(12%);filter:none;z-index:4;--stand-x:26%;--stand-y:68%}
.space-foreground>.space-ledge{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:fill}
.space-foreground>.space-astronaut{position:absolute;left:var(--stand-x);top:var(--stand-y);bottom:auto;width:15%;height:auto;aspect-ratio:2/3;transform:translate(-50%,-95.5%);z-index:1}
.space-foreground .space-astronaut>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;max-width:none}
.space-astronaut::before{content:"";position:absolute;z-index:-1;left:28%;top:94.5%;width:48%;height:2.2%;border-radius:50%;background:radial-gradient(ellipse,#082933a0,transparent 72%)}
@media(max-width:799px){.space-foreground{left:calc(26% - 208px)}}