@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Nunito+Sans:wght@400;600;700;800&display=swap');
:root{color-scheme:dark;--ink:#111623;--panel:#1c2434;--line:#394558;--accent:#ffd36a;--muted:#bdc6d6;font-family:'Nunito Sans',system-ui,sans-serif;color:#f6f3e9;background:var(--ink);font-size:16px}*{box-sizing:border-box}body{margin:0}a{color:inherit}button,input{font:inherit}button,.button{min-height:48px;border:1px solid var(--line);border-radius:8px;padding:12px 20px;background:var(--panel);color:inherit;font-weight:800;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}button:hover,.button:hover{border-color:var(--accent);filter:brightness(1.12)}button.primary,.button.primary{background:var(--accent);color:#151a23;border-color:var(--accent)}button:disabled{opacity:.45;cursor:default}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #fff;outline-offset:4px}.skip{position:absolute;top:-100px;z-index:30;background:#fff;color:#111;padding:15px}.skip:focus{top:0}.top{display:flex;align-items:center;justify-content:space-between;gap:22px;max-width:1440px;margin:auto;padding:24px 4%;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font:800 36px 'Barlow Condensed',sans-serif;color:#ffd36a}.brand span{font:800 14px/1.15 'Nunito Sans',sans-serif;color:#fff;letter-spacing:.07em}nav{display:flex;gap:24px;flex-wrap:wrap}nav a{font-size:14px;text-underline-offset:7px}nav a[aria-current]{color:#ffd36a}main{max-width:1360px;margin:auto;padding:34px 4% 64px;min-height:75vh}h1,h2,h3{font-family:'Barlow Condensed',system-ui,sans-serif;line-height:1.03;margin:0 0 16px;font-weight:700}h1{font-size:clamp(40px,5vw,66px);letter-spacing:.01em}h2{font-size:36px}h3{font-size:28px}p{line-height:1.6;margin:0 0 18px}.eyebrow{font-size:14px;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);font-weight:800;margin-bottom:12px}.muted{color:var(--muted)}.intro{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:32px}.intro p{max-width:620px}.phases{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.phases span{border-bottom:3px solid var(--line);padding:10px 14px;color:var(--muted);font-size:14px;font-weight:800}.phases .active{color:var(--accent);border-color:var(--accent)}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.realm{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--panel);display:flex;flex-direction:column;transition:transform .2s}.realm:hover{transform:translateY(-4px)}.realm img{width:100%;aspect-ratio:1;object-fit:contain;background:#101521;padding:10px}.realm .body{padding:20px;flex:1;display:flex;flex-direction:column}.realm h2{font-size:30px}.realm .button{margin-top:auto;font-size:14px}.tag{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}.school-callout{margin-top:32px;padding:28px;border:1px solid #547d74;border-radius:14px;display:flex;justify-content:space-between;align-items:center;gap:30px;background:#172e30}.school-callout p{max-width:650px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.preview{display:grid;grid-template-columns:1fr 1.2fr;gap:48px;align-items:center;margin-top:24px}.preview>img{width:100%;max-width:480px;justify-self:center}.box{padding:26px;border:1px solid var(--line);background:var(--panel);border-radius:14px;margin:24px 0}label{display:block;font-weight:700;margin-bottom:10px}input{background:#101623;border:1px solid #7c889b;border-radius:6px;padding:14px;color:#fff;width:100%;max-width:520px}.error{color:#ffc0b1;margin:12px 0}.notice{background:#293441;padding:12px 18px;border-left:4px solid var(--accent);margin-bottom:20px}.mission-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.mission-head h1{font-size:40px}.mission-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:24px}.scene{position:relative;min-height:520px;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#0d1220}.scene-art{position:absolute;width:100%;height:100%;object-fit:contain;opacity:.27;pointer-events:none}.scene-content{position:relative;z-index:1;padding:30px;height:100%;display:flex;flex-direction:column}.taunt{background:#101522e8;border-left:4px solid var(--accent);padding:14px 18px;max-width:620px;font-weight:700}.arena{position:relative;flex:1;min-height:255px;margin:16px 0;display:flex;align-items:center;justify-content:center;gap:12px;border:1px solid #ffffff26;border-radius:12px;background:#0c12217d}.lane{height:230px;width:30%;display:flex;align-items:end;justify-content:center;padding-bottom:20px;border-radius:8px;border:1px dashed #737f91;background:#141c2bb0;position:relative}.lane.danger{background:#993f274f;border:2px solid #ffa06f}.lane.safe{background:#527c404d}.player{width:36px;height:36px;background:#fff5bb;border:5px solid var(--accent);border-radius:50%;box-shadow:0 0 24px #ffe19a}.hazard{position:absolute;top:20px;color:#ffb598;font-size:36px;font-weight:800}.game-msg{min-height:52px;font-weight:800;font-size:18px;margin:0}.controls{display:flex;gap:12px;flex-wrap:wrap}.controls button{flex:1;min-width:100px}.meter{height:16px;background:#0b0f18;border:1px solid #526074;border-radius:12px;overflow:hidden;margin:12px 0}.meter span{height:100%;display:block;background:var(--accent);transition:width .15s}.tracker{padding:22px;background:var(--panel);border:1px solid var(--line);border-radius:14px;align-self:start}.disc{width:180px;height:180px;border:2px solid #65728b;border-radius:50%;position:relative;margin:20px auto;background:repeating-conic-gradient(from -30deg,#304057 0deg 59deg,#8c99ab 59deg 60deg)}.disc span{position:absolute;left:calc(50% + var(--x));top:calc(50% + var(--y));transform:translate(-50%,-50%);width:34px;height:34px;display:grid;place-items:center;background:#141b29;border-radius:50%;font-weight:800;border:1px solid #8791a3}.disc span.done{background:#a7e1b4;color:#102018}.disc span.current{border:3px solid var(--accent);color:var(--accent)}.tracker p{font-size:14px}.stage-steps{padding-left:20px;color:var(--muted);font-size:14px;line-height:1.7}.stage-steps .current{color:var(--accent)}.field{max-width:900px;margin:20px auto;background:#213c3f;border:1px solid #557c76;border-radius:18px;padding:40px}.field .eyebrow{color:#bcf2cf}.mysteries{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:28px 0}.mystery{width:74px;height:86px;border:2px dashed #b3bcc8;border-radius:14px;display:grid;place-items:center;font-size:28px;background:#182230}.mystery.done{background:#acd7b4;color:#173421;border-style:solid}.win{text-align:center;padding:44px 24px;background:linear-gradient(135deg,#243837,#242947);border-radius:20px}.win .actions{justify-content:center}.win h1{color:#ffd36a}.rockling{width:170px;max-height:260px;object-fit:contain;display:block;margin:20px auto}.signal-zone{width:70%;height:42px;border:1px solid #e7ebf2;border-radius:8px;position:relative;background:linear-gradient(to right,#334055 0% 32%,#83c7a2 32% 68%,#334055 68%)}.needle{width:8px;height:58px;position:absolute;top:-9px;background:#fff;border-radius:3px}.path-node{width:64px;height:64px;padding:0;border-radius:50%;font-size:20px}.path-node.next{outline:3px solid var(--accent)}.boss-badge{font:800 38px 'Barlow Condensed',sans-serif;border:3px solid var(--accent);padding:25px;border-radius:14px;background:#1c2135;transition:transform .2s}.boss-badge.charge{transform:scale(1.1) rotate(-4deg)}footer{border-top:1px solid var(--line);padding:24px 4%;font-size:14px;display:flex;justify-content:space-between;gap:20px;color:var(--muted)}@media(max-width:1000px){.grid{grid-template-columns:repeat(3,1fr)}.mission-layout{grid-template-columns:1fr}.tracker{display:none}}@media(max-width:700px){.top{align-items:start;flex-direction:column;padding:18px 5%}nav{gap:15px}.grid{grid-template-columns:repeat(2,1fr);gap:12px}.realm .body{padding:14px}.realm h2{font-size:27px}.realm img{padding:5px}.intro,.school-callout,.mission-head{align-items:start;flex-direction:column}.preview{grid-template-columns:1fr;gap:20px}.preview>img{max-width:280px}.scene-content{padding:20px}.scene{min-height:510px}.field{padding:24px}.mystery{width:55px;height:65px}.phases span{padding:8px;font-size:13px}footer{flex-direction:column}.controls{gap:8px}.controls button{padding:12px}.path-node{width:44px;height:44px}.arena{gap:7px}.intro{gap:4px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Scenic exploration shares one renderer across every paid realm and the classroom. */
.playing .top,.playing footer{display:none}.playing main{max-width:none;padding:0 0 20px;background:#080e15}.playing .mission-head{padding:12px 24px;gap:16px;background:#101923;min-height:74px}.playing .mission-head h1{font-size:27px;margin:0}.playing .mission-head .eyebrow{font-size:10px;margin:0 0 4px}.play-tools{display:flex;align-items:center;gap:16px;font-size:13px}.play-tools button{padding:8px 12px;min-height:44px;font-size:12px}.playing main>.phases{margin:0;padding:0 20px;background:#101923}.playing main>.phases span{font-size:11px;padding:7px 12px}.exploration{background:#080d12;overflow:hidden}.scene-world{position:relative;height:calc(100dvh - 123px);min-height:540px;max-height:1100px;isolation:isolate;overflow:hidden;background:#233743}.world-art{position:absolute;inset:0;width:100%;height:100%;z-index:-3;pointer-events:none}.scene-world:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(#071019ba,transparent 30%,transparent 70%,#050e17d9)}.scene-title{position:absolute;top:30px;left:4%;max-width:65%;text-shadow:0 2px 12px #000}.scene-title h1{font-size:clamp(32px,4.4vw,62px);margin-bottom:10px}.scene-title .eyebrow{margin-bottom:9px;font-size:12px}.scene-title p{font-size:15px}.dig-pips{position:absolute;right:4%;top:32px;display:flex;gap:7px}.dig-pips span{width:28px;height:28px;border:1px solid #f9df9a80;background:#10202abf;border-radius:50%;display:grid;place-items:center;font-size:12px}.dig-pips .done{background:#b3dfb3;color:#0a261c}.hotspot{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:clamp(92px,12vw,185px);height:clamp(112px,14vw,205px);padding:0;border:0;background:transparent;display:block;filter:drop-shadow(0 9px 9px #0009);z-index:3;transition:opacity .35s,filter .3s,translate .4s}.hotspot:hover{background:transparent;filter:drop-shadow(0 0 12px #ffd470);border:0}.hotspot svg{width:100%;height:100%;overflow:hidden;pointer-events:none}.hotspot:before{content:'';position:absolute;inset:auto 8% -3% 8%;height:14%;border:2px solid #ffdd80;border-radius:50%;box-shadow:0 0 18px #ffdc8a88;background:#ffc65a18;z-index:-1;animation:ring 3s ease-in-out infinite}.hotspot-label{position:absolute;left:50%;bottom:-32px;transform:translateX(-50%);font-size:12px;line-height:1.2;background:#0c1c28ed;color:#fff4d3;border:1px solid #ceab6770;padding:7px 11px;border-radius:20px;white-space:nowrap;pointer-events:none}.object-count{position:absolute;right:0;top:0;font-size:12px;min-width:27px;min-height:27px;border-radius:30px;background:#f7d287;color:#111b23;display:grid;place-items:center;padding:3px 6px}.hotspot.waiting{filter:brightness(.7) drop-shadow(0 8px 8px #0009)}.waiting:before{animation:none;border-color:#ffffff60;box-shadow:none}.finished{opacity:.5;filter:grayscale(.3)}.finished:before{display:none}.finished .object-count{background:#ade1c7}.finished.prop-rubble,.finished.prop-tarp{opacity:.14;transform:translate(-50%,-50%) scale(.75)}.finished.prop-cart{translate:35px 0}.finished.prop-wheel svg{rotate:20deg}.finished.prop-door{opacity:.3}.grumbly-presence{position:absolute;left:78%;top:35%;width:100px;height:65px;opacity:.15;filter:drop-shadow(0 0 18px #ff841a);transition:opacity 1s,translate 1s;pointer-events:none}.grumbly-presence svg{width:100%;height:100%}.reacting .grumbly-presence{animation:peek 4s ease both}.grumbly-voice{position:absolute;right:6%;top:26%;max-width:250px;background:#09121bdb;border-radius:18px 18px 0 18px;padding:0 14px;font-size:13px;color:#ffe8ad;pointer-events:none}.grumbly-voice:not(:empty){padding:10px 14px;border:1px solid #dfac5660}.specimen-signal{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);border:0;background:transparent;width:130px;height:170px;padding:0;z-index:5;filter:drop-shadow(0 0 28px #ffdb71)}.specimen-signal svg{width:100%;height:100%}.specimen-signal span{position:absolute;bottom:-35px;left:50%;transform:translateX(-50%);white-space:nowrap;background:#ffe19a;color:#132230;padding:10px 16px;border-radius:25px;font-size:12px}.explore-caption{position:absolute;bottom:18px;left:4%;right:4%;display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 20px;text-shadow:0 2px 6px #000}.explore-progress{font-size:11px;text-transform:uppercase;letter-spacing:.15em;color:#ffe09a}.explore-message{font-size:15px;font-weight:700;line-height:1.4;max-width:680px;margin:0}.hint-button{grid-column:2;grid-row:1/3;padding:8px 13px;min-height:44px;font-size:12px;background:#10202ccc}.atmosphere{position:absolute;inset:-10%;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 30% 75%,#e6f2cf30,transparent 45%),radial-gradient(ellipse at 80% 45%,#7bbfb121,transparent 30%);animation:drift 16s alternate infinite ease-in-out}.mood-embers .atmosphere{background:radial-gradient(ellipse at 50% 85%,#fa641944,transparent 55%)}.mood-water .atmosphere{background:linear-gradient(105deg,transparent 20%,#78e4ef25 26%,transparent 35%,#9bebee18 65%,transparent 70%)}.mood-spores .atmosphere,.mood-sparkles .atmosphere{background:radial-gradient(ellipse at 30% 50%,#61d5dd30,transparent 40%),radial-gradient(ellipse at 80% 60%,#ae79fd35,transparent 35%)}.physical-world{position:relative;isolation:isolate;min-height:calc(100dvh - 123px);display:grid;place-items:center;padding:40px 20px}.physical-world:after{content:'';position:absolute;inset:0;background:#07121b80;z-index:-2}.dig-overlay{max-width:600px;text-align:center;background:#0b1922db;border:1px solid #daba7680;border-radius:24px;padding:32px;backdrop-filter:blur(10px)}.dig-overlay h1{font-size:48px}.physical-number{margin:10px auto 24px;width:80px;height:80px;border:2px solid #ffdc84;border-radius:50%;display:grid;place-items:center;font:700 46px 'Barlow Condensed';color:#ffdc84;box-shadow:0 0 35px #ffdc8430}.dig-overlay .muted{font-size:12px;margin:18px 0 0}.playing .field{margin:40px auto;background:linear-gradient(#123139ed,#123139ed),url('../assets/web/scenes-E03-E03-L01.webp') center/cover}.playing .win{border-radius:0;min-height:calc(100dvh - 123px);background:linear-gradient(#152830df,#12232fd9),url('../assets/web/scenes-E03-E03-L01.webp') center/cover}.playing main:fullscreen{overflow:auto;width:100%;height:100%}.playing main:fullscreen .scene-world{height:calc(100dvh - 115px)}[hidden]{display:none!important}@keyframes ring{50%{opacity:.5;scale:.9}}@keyframes drift{to{transform:translate(4%,2%)}}@keyframes peek{10%,55%{opacity:1;translate:-25px 0}100%{opacity:.1;translate:35px 0}}@media(max-width:700px){.playing .mission-head{flex-direction:row;padding:10px 12px;align-items:center}.playing .mission-head h1{font-size:21px}.playing .mission-head .eyebrow{display:none}.play-tools{gap:7px;font-size:11px;flex-wrap:wrap;justify-content:flex-end}.play-tools button{font-size:10px;padding:6px;min-height:36px}.playing main>.phases{padding:0 5px}.scene-world{min-height:650px;height:calc(100dvh - 118px)}.scene-title{top:62px;left:6%;max-width:88%}.scene-title h1{font-size:37px}.scene-title p{font-size:13px}.dig-pips{top:16px;left:6%;right:auto}.hotspot{width:85px;height:110px}.hotspot-label{font-size:10px;white-space:normal;width:110px;bottom:-35px}.grumbly-voice{top:31%;right:6%;max-width:180px;font-size:11px}.grumbly-presence{left:73%;top:39%;width:65px}.explore-caption{bottom:18px;gap:7px;left:6%;right:6%}.explore-message{font-size:13px}.hint-button{font-size:10px;padding:6px;max-width:75px}.specimen-signal{width:95px;height:130px}.dig-overlay{padding:24px}.dig-overlay h1{font-size:40px}.playing .field{margin:20px 12px}.scene-title .eyebrow{font-size:11px}}
.playing h1:focus{outline:none}.hotspot[aria-disabled="true"]{cursor:default}@media(max-width:400px){.play-tools{max-width:165px}.play-tools a{width:100%;text-align:right}.scene-world{min-height:640px}.hotspot-label{max-width:95px}}

.demo-label{font-size:12px;letter-spacing:.08em;color:#ffd36a}body[data-demo] .play-tools{flex-wrap:wrap}body[data-demo] .mission-head{align-items:center}@media(max-width:700px){body[data-demo] .demo-label{display:none}body[data-demo] .mission-head h1{max-width:120px}}