:root{
 --cream:#f6efdf;--paper:#fffaf1;--ink:#393d35;--muted:#788075;--sage:#657e64;--sage-deep:#435947;
 --gold:#d5a449;--rose:#c78372;--accent:#69846a;--accent-soft:#dce7d7;--scene:#b8cbb5;
 --shadow:0 22px 60px rgba(62,52,42,.17);--soft:0 8px 24px rgba(68,57,45,.1)
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:Inter,ui-rounded,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:#b9c7b3}
body{min-height:100dvh;overflow-x:hidden}button{font:inherit}
button:focus-visible{outline:3px solid rgba(213,164,73,.45);outline-offset:3px}
.app{min-height:100dvh;position:relative;padding-bottom:25px;overflow:hidden;background:linear-gradient(145deg,#dfe7d8,#c2d0bd 50%,#aebfac)}
.ambient-bg{position:fixed;inset:0;pointer-events:none;background:
 radial-gradient(circle at 8% 10%,rgba(255,238,197,.85),transparent 24%),
 radial-gradient(circle at 88% 14%,color-mix(in srgb,var(--scene) 75%,white),transparent 27%),
 radial-gradient(circle at 50% 100%,rgba(111,82,58,.12),transparent 30%)}
.rain-layer{position:fixed;inset:0;pointer-events:none;opacity:.045;background:repeating-linear-gradient(104deg,transparent 0 26px,rgba(255,255,255,.95) 27px,transparent 28px);background-size:90px 90px;animation:rain 13s linear infinite}
@keyframes rain{to{background-position:-90px 180px}}
.app[data-scene="space"]{--accent:#64729b;--accent-soft:#dce0ef;--scene:#909db5}
.app[data-scene="ocean"]{--accent:#5b8790;--accent-soft:#d6e8e9;--scene:#8fb4b5}
.app[data-scene="science"]{--accent:#78825e;--accent-soft:#e2e7d2;--scene:#a7b68d}
.app[data-scene="geography"]{--accent:#a27658;--accent-soft:#eee0d2;--scene:#c7a47f}
.app[data-scene="technology"]{--accent:#6d728b;--accent-soft:#e0e0eb;--scene:#9799aa}
.app[data-scene="arts"]{--accent:#9b6f7b;--accent-soft:#eddde1;--scene:#c7a0a9}
.app[data-scene="body"]{--accent:#9a6663;--accent-soft:#efddda;--scene:#c39b96}
.app[data-scene="weather"]{--accent:#718a9a;--accent-soft:#dce7ed;--scene:#9eb5c1}
.app[data-scene="animals"]{--accent:#837c59;--accent-soft:#e8e3d1;--scene:#b9ad83}
.topbar{position:relative;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px clamp(12px,3.3vw,46px)}
.brand{display:flex;align-items:center;gap:10px}.brand-orb{width:43px;height:43px;border-radius:14px;background:rgba(255,250,241,.85);box-shadow:var(--soft);display:grid;place-items:center;font-size:23px}
.eyebrow{font-size:9px;letter-spacing:.17em;font-weight:900;text-transform:uppercase;color:var(--sage-deep)}h1{font-size:clamp(17px,2vw,25px);margin:1px 0 0}
.audio-strip{display:flex;align-items:center;gap:6px}.now-playing{display:flex;align-items:center;gap:8px;min-width:190px;padding:7px 10px;border-radius:12px;background:rgba(255,250,241,.75);box-shadow:var(--soft);border:1px solid rgba(255,255,255,.5)}.now-playing>span{font-size:16px;color:var(--accent)}.now-playing small{display:block;font-size:7px;letter-spacing:.12em;color:var(--muted);font-weight:900}.now-playing strong{font-size:10px;display:block;white-space:nowrap}.small-btn{width:37px;height:37px;border:0;border-radius:11px;background:rgba(255,250,241,.82);box-shadow:var(--soft);cursor:pointer;color:var(--sage-deep);font-weight:900}
.shell{position:relative;z-index:2;width:min(1500px,97vw);margin:auto}
.room-scene{height:108px;position:relative;margin:0 4px 9px;border-radius:22px;overflow:hidden;background:
 linear-gradient(90deg,rgba(55,46,38,.14),transparent 24%,transparent 78%,rgba(55,46,38,.1)),
 linear-gradient(145deg,color-mix(in srgb,var(--scene) 76%,white),#ded8c7);border:1px solid rgba(255,255,255,.55);box-shadow:var(--soft)}
.window{position:absolute;left:30px;top:12px;width:190px;height:83px;border:7px solid #806b5b;border-radius:8px;background:#71879a;box-shadow:inset 0 0 0 3px #bc9f7f,0 5px 12px rgba(62,51,42,.12);overflow:hidden}.window:after{content:"";position:absolute;left:50%;top:0;bottom:0;width:4px;background:#806b5b;transform:translateX(-2px)}.window-sky{position:absolute;inset:0;background:linear-gradient(#8ba3b0,#c8d5cf)}.window-rain{position:absolute;inset:-50%;opacity:.25;background:repeating-linear-gradient(110deg,transparent 0 14px,white 15px,transparent 16px);animation:rain2 8s linear infinite}@keyframes rain2{to{transform:translate(-50px,90px)}}.window-sill{position:absolute;left:0;right:0;bottom:0;height:25px;background:rgba(240,223,197,.8);display:flex;align-items:end;justify-content:space-around;font-size:20px;z-index:2}
.lamp{position:absolute;right:100px;bottom:5px;width:72px;height:86px}.lamp:before{content:"";position:absolute;bottom:0;left:34px;width:5px;height:50px;background:#725f52}.lamp:after{content:"";position:absolute;bottom:0;left:17px;width:39px;height:7px;background:#725f52;border-radius:50%}.lamp i{position:absolute;left:6px;top:0;width:62px;height:42px;border-radius:50% 50% 25% 25%;background:#e6be72;box-shadow:0 0 32px rgba(255,211,126,.55)}
.scene-caption{position:absolute;left:250px;top:27px;display:flex;align-items:center;gap:11px}.scene-caption>span{font-size:36px;filter:drop-shadow(0 4px 4px rgba(60,50,40,.08))}.scene-caption small{display:block;font-size:8px;letter-spacing:.16em;color:#655d52;font-weight:900}.scene-caption strong{font-family:Georgia,serif;font-size:25px}.scene-decor{position:absolute;bottom:10px;font-size:31px}.scene-decor.left{left:8px}.scene-decor.right{right:20px}
.game-panel{background:rgba(248,241,226,.84);border:1px solid rgba(255,255,255,.7);border-radius:26px;padding:12px;box-shadow:var(--shadow);backdrop-filter:blur(12px)}
.stats{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin-bottom:9px}.stat{background:rgba(255,250,241,.82);border:1px solid rgba(101,126,100,.1);border-radius:12px;padding:8px 9px;display:flex;align-items:center;justify-content:space-between}.stat small{font-size:7px;letter-spacing:.11em;color:var(--muted);text-transform:uppercase;font-weight:900}.stat b{font-size:15px}.stat.key b{color:#9a701f}.stat.knowledge b{color:var(--accent)}
.game-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(285px,.72fr);gap:10px}.board-card,.sidebar{background:rgba(255,250,241,.88);border:1px solid rgba(101,126,100,.1);border-radius:18px}.board-card{padding:11px;min-width:0}
.board-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:7px}.chapter{font-size:8px;letter-spacing:.14em;color:var(--accent);font-weight:900;text-transform:uppercase}.progress-wrap{text-align:right;min-width:110px;color:var(--muted);font-size:9px;font-weight:900}.progress{height:6px;background:#e5e0d4;border-radius:99px;margin-top:4px;overflow:hidden}.progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 55%,white));transition:.3s}
.board-wrap{position:relative;width:min(100%,790px);margin:auto;aspect-ratio:1;touch-action:none;user-select:none;-webkit-user-select:none}.board{position:absolute;inset:0;display:grid;gap:clamp(2px,.33vw,6px);padding:clamp(4px,.48vw,8px);background:linear-gradient(145deg,#dbc8a7,#c9b38f);border-radius:16px;box-shadow:inset 0 0 0 1px rgba(75,58,43,.12),inset 0 10px 22px rgba(255,255,255,.18)}.cell{display:grid;place-items:center;border-radius:clamp(4px,.52vw,8px);background:linear-gradient(145deg,#fff9e9,#efe1c5);border:1px solid rgba(103,78,54,.1);box-shadow:0 2px 4px rgba(73,55,42,.08),inset 0 1px rgba(255,255,255,.9);font-family:Georgia,serif;font-weight:900;color:#5b5247;font-size:clamp(10px,1.42vw,22px);transition:.15s}.cell.preview{background:#ead49b;transform:translateY(-1px)}.cell.found{background:color-mix(in srgb,var(--accent-soft) 70%,#b7cfae);color:#334c37}.cell.secret{background:#e1c478;color:#654b18}.cell.hint{animation:hint 1s ease 3}@keyframes hint{50%{background:#f4d579;transform:scale(1.07);box-shadow:0 0 0 4px rgba(213,164,73,.2)}}#selectionCanvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.board-tip{text-align:center;font-size:9px;color:var(--muted);margin-top:7px}
.sidebar{padding:9px;display:flex;flex-direction:column;gap:7px}.side-box,.secret-box,.learn-card{background:rgba(244,237,221,.74);border:1px solid rgba(101,126,100,.08);border-radius:12px;padding:9px}.side-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px;font-size:11px}.difficulty{font-size:7px;letter-spacing:.1em;border-radius:99px;padding:4px 7px;background:var(--accent-soft);color:var(--sage-deep)}.word-list{display:flex;flex-wrap:wrap;gap:5px}.word-chip{padding:5px 7px;border-radius:99px;background:#fffaf1;border:1px solid rgba(101,126,100,.13);font-size:10px;font-weight:850}.word-chip.hard:before{content:"◆";font-size:7px;color:var(--gold);margin-right:4px}.word-chip.found{text-decoration:line-through;opacity:.55;background:#dfe8d9}.word-chip.direction{box-shadow:0 0 0 2px rgba(213,164,73,.4);background:#fff1bb}
.learn-card{min-height:115px;background:linear-gradient(145deg,#fffaf1,color-mix(in srgb,var(--accent-soft) 35%,#fffaf1));position:relative;overflow:hidden}.learn-card:after{content:"";position:absolute;width:70px;height:70px;border-radius:50%;background:color-mix(in srgb,var(--accent) 9%,transparent);right:-20px;bottom:-20px}.learn-empty{text-align:center;padding:8px 6px}.learn-empty>span{font-size:22px}.learn-empty strong{display:block;font-family:Georgia,serif;font-size:14px}.learn-empty p{font-size:9px;color:var(--muted);margin:4px 0}.learn-top{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:7px}.learn-top>span{font-size:24px}.learn-top small{font-size:7px;letter-spacing:.11em;color:var(--accent);font-weight:900}.learn-top h3{font-family:Georgia,serif;font-size:18px;margin:0}.learn-top em{font-style:normal;font-size:9px;font-weight:900;color:var(--accent);background:white;padding:4px 6px;border-radius:99px}.learn-content p{font-size:10px;line-height:1.45;color:#61675d;margin:7px 0 0}
.helpers{display:grid;gap:5px}.helper{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:6px;border:1px solid rgba(101,126,100,.1);background:#fffaf1;border-radius:10px;padding:7px;text-align:left;cursor:pointer;color:var(--ink)}.helper>span{font-size:18px}.helper strong{font-size:10px;display:block}.helper small{font-size:7px;color:var(--muted);display:block}.helper em{font-style:normal;font-size:8px;color:#93691d;font-weight:900}.helper:disabled{opacity:.4;cursor:not-allowed}
.secret-box{display:flex;gap:8px;align-items:flex-start}.secret-box>span{font-size:21px}.secret-box strong{font-size:10px}.secret-box small{font-size:8px;color:var(--muted);line-height:1.35;display:block;margin:1px 0 6px}#secretStatus{text-align:center;padding:5px 7px;background:#fffaf1;border:1px dashed rgba(115,87,54,.22);border-radius:8px;letter-spacing:.14em;font-size:9px;font-weight:900;color:#806f5b}
.reward-shelf{margin-top:8px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:rgba(255,250,241,.72);border:1px solid rgba(255,255,255,.55);border-radius:16px;padding:9px 13px;box-shadow:var(--soft)}.reward-shelf strong{display:block;font-size:11px}.collection{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.collectible{width:32px;height:32px;border-radius:9px;background:#e8e1d5;display:grid;place-items:center;filter:grayscale(1);opacity:.27;position:relative}.collectible.on{filter:none;opacity:1;background:#fffaf1;box-shadow:0 3px 8px rgba(64,53,43,.08)}.collectible:after{content:attr(data-req);position:absolute;right:-3px;bottom:-3px;height:13px;min-width:13px;padding:0 2px;border-radius:8px;background:var(--sage-deep);color:white;font-size:6px;display:grid;place-items:center}
.modal{position:fixed;inset:0;z-index:20;display:none;place-items:center;padding:14px;background:rgba(52,60,51,.52);backdrop-filter:blur(10px)}.modal.show{display:grid}.modal-card{width:min(700px,95vw);max-height:94dvh;overflow:auto;text-align:center;padding:clamp(18px,4vw,33px);border-radius:24px;background:linear-gradient(145deg,#fffaf1,#efe4d1);border:1px solid rgba(255,255,255,.8);box-shadow:0 28px 90px rgba(53,45,36,.28)}.start-card{width:min(760px,95vw)}.start-icon{width:62px;height:62px;border-radius:19px;background:#dbe7d4;display:grid;place-items:center;font-size:33px;margin:0 auto 10px}.modal-card h2{font-family:Georgia,serif;font-size:clamp(30px,5vw,49px);line-height:1;margin:8px 0 10px;color:#455744}.lead{color:var(--muted);max-width:600px;margin:0 auto 18px;line-height:1.5}.language-title{font-size:9px;letter-spacing:.07em;font-weight:900;margin-bottom:6px}.language-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.language-btn{display:flex;align-items:center;gap:8px;text-align:left;border:1px solid rgba(101,126,100,.15);background:rgba(255,255,255,.47);border-radius:12px;padding:10px;cursor:pointer}.language-btn>b{width:37px;height:37px;display:grid;place-items:center;border-radius:10px;background:#e2e6d9;color:var(--sage-deep)}.language-btn strong{display:block;font-size:12px}.language-btn small{display:block;font-size:8px;color:var(--muted)}.language-btn.selected{background:#e9f0e5;border-color:#7d9978;box-shadow:0 0 0 2px rgba(101,126,100,.1)}.language-btn.selected>b{background:var(--sage);color:white}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:13px 0}.feature-grid div{text-align:left;background:rgba(255,255,255,.42);border-radius:10px;padding:9px}.feature-grid span{font-size:17px}.feature-grid b{display:block;font-size:9px;margin-top:3px}.feature-grid small{font-size:8px;line-height:1.35;color:var(--muted);display:block}
.primary,.secondary,.text-btn{border:0;cursor:pointer}.primary{background:linear-gradient(135deg,#6b8568,#4e6a52);color:white;border-radius:12px;padding:11px 19px;font-weight:900;box-shadow:0 8px 18px rgba(65,91,68,.18)}.secondary{background:#ded6c9;color:var(--ink);border-radius:12px;padding:10px 17px;font-weight:800;margin-top:7px}.danger-btn{display:block;width:100%;max-width:220px;margin:8px auto 0;border:1px solid rgba(151,91,78,.25);background:#f1dfd9;color:#7a4d43;border-radius:12px;padding:10px 17px;font-weight:900;cursor:pointer}.danger-btn:hover{background:#ead1c9}.text-btn{display:block;background:transparent;margin:9px auto 0;color:var(--muted);font-size:8px;text-decoration:underline}
.complete-symbol{font-size:42px;color:var(--gold)}.reward-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:14px 0}.reward-grid div{background:rgba(255,255,255,.48);border-radius:10px;padding:9px}.reward-grid span{display:block;font-size:19px}.reward-grid b{display:block;font-size:18px}.reward-grid small{font-size:7px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}.perfect-banner{padding:8px;border-radius:10px;background:#f4e3a9;color:#74551c;font-size:9px;font-weight:900;margin-bottom:9px}.glossary-wrap{text-align:left;background:rgba(255,255,255,.36);border-radius:12px;padding:9px;margin:8px 0}.glossary-wrap>strong{font-family:Georgia,serif;font-size:12px}.glossary{margin-top:6px;display:grid;grid-template-columns:1fr 1fr;gap:5px;max-height:190px;overflow:auto}.glossary-item{padding:6px 7px;border-radius:8px;background:rgba(255,250,241,.75)}.glossary-item b{font-size:9px;display:block}.glossary-item span{font-size:7px;color:var(--muted);line-height:1.35;display:block}.unlock{min-height:17px;color:#8b6724;font-size:9px;font-weight:900}.pause-card{width:min(420px,94vw)}
.toast{position:fixed;z-index:30;top:13px;left:50%;transform:translate(-50%,-15px);opacity:0;background:#4b624e;color:white;border-radius:99px;padding:8px 13px;font-size:9px;font-weight:900;pointer-events:none;box-shadow:var(--shadow);transition:.22s}.toast.show{opacity:1;transform:translate(-50%,0)}.sparkles{position:fixed;inset:0;z-index:29;pointer-events:none;overflow:hidden}.spark{position:absolute;animation:spark 1.15s ease-out forwards}@keyframes spark{to{transform:translate(var(--dx),var(--dy)) rotate(130deg) scale(.3);opacity:0}}
body.paused .game-panel{filter:saturate(.7) brightness(.9)}
@media(max-width:1000px){.game-layout{grid-template-columns:1fr}.sidebar{display:grid;grid-template-columns:1fr 1fr}.secret-box{grid-column:1/3}.learn-card{min-height:130px}.board-wrap{width:min(100%,720px)}}
@media(max-width:760px){.topbar{padding:8px 9px}.brand-orb{width:38px;height:38px}.brand .eyebrow{display:none}.brand h1{font-size:16px}.now-playing{min-width:0;width:122px}.now-playing strong{font-size:8px;max-width:88px;overflow:hidden;text-overflow:ellipsis}.small-btn{width:34px;height:34px}.shell{width:100%;padding:0 7px}.room-scene{height:82px;margin:0 2px 6px;border-radius:16px}.window{left:13px;top:8px;width:125px;height:65px}.scene-caption{left:155px;top:18px}.scene-caption>span{font-size:26px}.scene-caption strong{font-size:17px}.lamp{display:none}.stats{grid-template-columns:repeat(6,1fr);gap:3px}.stat{display:block;text-align:center;padding:6px 2px}.stat small{font-size:5px;display:block}.stat b{font-size:10px}.game-panel{padding:7px;border-radius:17px}.board-card{padding:7px}.chapter{font-size:6px}.progress-wrap{min-width:75px;font-size:7px}.board{gap:2px;padding:3px;border-radius:10px}.cell{border-radius:3px;font-size:clamp(8px,3.15vw,16px)}.sidebar{display:block;padding:7px}.side-box,.secret-box,.learn-card{padding:7px;margin-bottom:5px}.helpers{grid-template-columns:repeat(3,1fr)}.helper{display:flex;flex-direction:column;text-align:center;padding:6px 3px;gap:1px}.helper small{display:none}.helper em{font-size:7px}.helper strong{font-size:8px}.reward-shelf{margin:6px 7px 0;display:block;padding:7px}.reward-shelf>div:first-child{display:none}.collection{justify-content:center}.collectible{width:28px;height:28px}.glossary{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr}.language-grid{grid-template-columns:1fr}}
@media(max-width:480px){.audio-strip{gap:3px}.now-playing{display:none}.small-btn{width:32px;height:32px}.scene-caption{left:148px}.scene-decor{display:none}.word-chip{font-size:8px;padding:4px 6px}.learn-content p{font-size:9px}.board-tip{font-size:8px}.reward-grid{grid-template-columns:repeat(2,1fr)}}