:root{font-family:Inter,ui-rounded,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;color:#2f254c;background:#f7f1ff;--plum: #35265f;--purple: #7a55d8;--violet: #9a78f0;--lavender: #e9ddff;--pink: #ff9fc9;--sun: #ffd45f;--cream: #fffaf0;--ink: #2f254c;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,textarea,select{font:inherit}.app-shell{min-height:100vh;padding:32px;display:grid;align-content:start;gap:28px;background:linear-gradient(180deg,rgba(255,255,255,.32),transparent 38%),radial-gradient(circle at 12% 18%,rgba(255,212,95,.5),transparent 24%),linear-gradient(145deg,#fff1fb,#eee3ff 44%,#d9ccff)}.hero-layout{display:grid;grid-template-columns:minmax(0,.95fr) minmax(360px,1fr);gap:28px;align-items:center}.hero-panel{max-width:860px}.eyebrow{margin:0 0 8px;color:var(--purple);font-size:.95rem;font-weight:900;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{margin-bottom:8px;color:var(--plum);font-size:5.5rem;line-height:.95}.intro{max-width:680px;margin-bottom:0;font-size:1.35rem;line-height:1.45}.start-screen{min-height:calc(100vh - 64px);display:grid;grid-template-columns:minmax(280px,.85fr) minmax(340px,1fr);gap:28px;align-items:center}.start-copy{display:grid;gap:18px}.start-form{max-width:420px;display:grid;gap:10px}.start-form label{color:var(--plum);font-weight:900}.start-form input{min-height:58px;padding:12px 14px;border:3px solid rgba(122,85,216,.24);border-radius:8px;background:#ffffffe6;color:var(--plum);font-size:1.15rem;font-weight:800}.start-animals{min-height:440px;position:relative;overflow:hidden;border:2px solid rgba(75,48,135,.14);border-radius:8px;background:linear-gradient(180deg,rgba(255,255,255,.64),transparent 44%),radial-gradient(circle at 76% 12%,rgba(255,212,95,.52),transparent 18%),linear-gradient(145deg,#efe5ff,#fff0fb 56%,#d6c8ff);box-shadow:0 20px 44px #4b308729}.start-animals:before,.start-animals:after{position:absolute;right:-10%;left:-10%;content:"";border-radius:50% 50% 0 0}.start-animals:before{bottom:-70px;height:150px;background:#bba3ff}.start-animals:after{bottom:-108px;height:150px;background:#7d5ad7}.start-animals img{position:absolute;z-index:1;width:22%;max-width:128px;object-fit:contain;filter:drop-shadow(0 12px 10px rgba(68,44,124,.2))}.start-animals img:nth-child(1){bottom:84px;left:8%}.start-animals img:nth-child(2){bottom:128px;left:26%}.start-animals img:nth-child(3){bottom:96px;left:44%}.start-animals img:nth-child(4){bottom:136px;left:61%}.start-animals img:nth-child(5){bottom:90px;left:78%}.game-header{display:flex;flex-wrap:wrap;gap:18px;align-items:end;justify-content:space-between;max-width:1240px}.game-header h1{font-size:4rem}.progress-summary{min-width:148px;min-height:76px;padding:12px 16px;display:grid;place-items:center;border:2px solid rgba(75,48,135,.14);border-radius:8px;background:#ffffffd6;color:var(--plum);text-align:center;box-shadow:0 12px 24px #4b30871f}.progress-summary strong{font-size:1.5rem;line-height:1}.progress-summary span{font-weight:900}.map-preview{position:relative;min-height:390px;overflow:hidden;border:2px solid rgba(75,48,135,.14);border-radius:8px;background:linear-gradient(180deg,rgba(255,255,255,.62),transparent 48%),radial-gradient(circle at 80% 12%,rgba(255,212,95,.5),transparent 18%),linear-gradient(160deg,#eadfff,#fff0fb 58%,#d7c8ff);box-shadow:0 20px 44px #4b308729}.map-preview:before,.map-preview:after{position:absolute;right:-8%;left:-8%;height:110px;content:"";border-radius:50% 50% 0 0;background:#b798ff}.map-preview:before{bottom:-50px}.map-preview:after{bottom:-82px;background:#845dde}.trail-line{position:absolute;right:10%;bottom:98px;left:10%;height:16px;border-radius:999px;background:#f5c87b;box-shadow:inset 0 -4px #77522229}.trail-stop{position:absolute;z-index:2;width:52px;height:52px;display:grid;place-items:center;border:4px solid var(--cream);border-radius:999px;color:var(--ink);font-size:1.3rem;font-weight:900;box-shadow:0 10px 20px #4b30872e}.trail-stop-1{bottom:78px;left:10%}.trail-stop-2{bottom:108px;left:29%}.trail-stop-3{bottom:82px;left:48%}.trail-stop-4{bottom:116px;left:66%}.trail-stop-5{bottom:86px;left:83%}.trail-stop[data-state=locked]{background:#d6cfdf;color:#6f6480}.trail-stop[data-state=unlocked]{background:#fff0a9}.trail-stop[data-state=current]{background:var(--pink);outline:5px solid rgba(255,159,201,.36)}.trail-stop[data-state=completed]{background:#bda4ff}.animal-figure{position:absolute;z-index:3;width:96px;height:132px;display:grid;place-items:end center;filter:drop-shadow(0 12px 10px rgba(68,44,124,.2))}.animal-figure img{max-width:100%;max-height:100%;object-fit:contain}.animal-figure-1{bottom:132px;left:7%}.animal-figure-2{bottom:164px;left:27%}.animal-figure-3{bottom:136px;left:46%}.animal-figure-4{bottom:170px;left:65%}.animal-figure-5{bottom:138px;left:81%}.foundation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:960px}.foundation-grid article,.animal-card,.state-strip,.reward-strip,.answer-preview{border:2px solid rgba(75,48,135,.12);border-radius:8px;background:#fffc;box-shadow:0 16px 32px #4b30871f}.foundation-grid article{min-height:150px;padding:22px}.foundation-grid h2{margin-bottom:10px;color:var(--plum);font-size:1.25rem}.foundation-grid p{margin-bottom:0;line-height:1.45}.adventure-map{display:grid;grid-template-columns:minmax(240px,.34fr) minmax(0,1fr);gap:22px;align-items:stretch;max-width:1240px}.map-copy{min-height:320px;padding:24px;display:grid;align-content:center;border:2px solid rgba(75,48,135,.14);border-radius:8px;background:linear-gradient(180deg,#ffffffb8,#ffffff70),#f6edff;box-shadow:0 16px 32px #4b30871f}.map-copy h2{margin-bottom:12px;color:var(--plum);font-size:2.05rem;line-height:1.05}.map-copy p:last-child{margin-bottom:0;font-size:1.06rem;line-height:1.45}.journey-reward{margin-top:18px;padding:14px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;border-radius:8px;background:#fff0a9;color:var(--plum);box-shadow:0 8px #4b30871a}.journey-reward span{width:42px;height:42px;display:grid;place-items:center;border-radius:999px;background:var(--sun);font-size:1.4rem;font-weight:900}.journey-reward strong{line-height:1.2}.journey-board{position:relative;min-height:560px;overflow:hidden;border:2px solid rgba(75,48,135,.14);border-radius:8px;background:linear-gradient(180deg,rgba(255,255,255,.72),transparent 42%),radial-gradient(circle at 18% 14%,rgba(255,212,95,.48),transparent 16%),linear-gradient(145deg,#efe5ff,#fff0fb 55%,#d6c8ff);box-shadow:0 20px 44px #4b308729}.journey-board:before,.journey-board:after{position:absolute;right:-12%;left:-12%;content:"";border-radius:50% 50% 0 0}.journey-board:before{bottom:-86px;height:180px;background:#bba3ff}.journey-board:after{bottom:-128px;height:178px;background:#7d5ad7}.journey-path{position:absolute;inset:12% 8% 18%;border:18px solid #f6ca7f;border-right-color:transparent;border-bottom-color:transparent;border-radius:44% 42% 46% 40%;transform:rotate(-7deg);filter:drop-shadow(0 8px 0 rgba(92,63,132,.12))}.map-node{position:absolute;z-index:2;width:126px;display:grid;justify-items:center;gap:4px}.map-node-1{bottom:60px;left:6%}.map-node-2{bottom:168px;left:14%}.map-node-3{bottom:300px;left:25%}.map-node-4{bottom:382px;left:41%}.map-node-5{bottom:298px;left:58%}.map-node-6{bottom:166px;left:68%}.map-node-7{bottom:72px;left:80%}.map-node-8{bottom:48px;left:45%}.map-node-9{bottom:184px;left:35%}.map-node-10{bottom:314px;left:73%;width:150px}.map-animal{width:74px;height:88px;display:grid;place-items:end center;filter:drop-shadow(0 10px 8px rgba(68,44,124,.18));transition:opacity .16s ease,transform .16s ease}.map-animal[data-state=current]{transform:translateY(-7px) scale(1.1)}.map-animal[data-state=locked]{opacity:.5}.map-animal img{max-width:100%;max-height:100%;object-fit:contain}.map-spot{width:100%;min-height:96px;padding:10px;display:grid;place-items:center;gap:3px;border:3px solid rgba(255,250,240,.94);border-radius:8px;color:var(--plum);text-align:center;box-shadow:0 10px #4b30871f,0 18px 24px #4b308724;cursor:pointer;transition:box-shadow .16s ease,transform .16s ease}.map-spot:not(:disabled):hover,.map-spot:not(:disabled):focus-visible{transform:translateY(-4px);box-shadow:0 14px #4b30871f,0 22px 28px #4b30872e}.map-spot:disabled{cursor:not-allowed}.spot-number{width:34px;height:34px;display:grid;place-items:center;border-radius:999px;background:#fffaf0f0;font-size:1rem;font-weight:900}.spot-title{max-width:100%;overflow-wrap:anywhere;font-size:.94rem;font-weight:900;line-height:1.1}.spot-state{font-size:.72rem;font-weight:900;text-transform:uppercase}.map-spot[data-state=locked]{background:#d9d1e8;color:#6d607f}.map-spot[data-state=unlocked]{background:#fff0a9}.map-spot[data-state=current]{background:#ffaad0;outline:6px solid rgba(255,170,208,.36)}.map-spot[data-state=completed]{background:#c9b7ff}.play-flow{display:grid;grid-template-columns:minmax(150px,.22fr) minmax(0,1fr);gap:18px;align-items:stretch;max-width:980px}.animal-coach,.play-card{border:2px solid rgba(75,48,135,.14);border-radius:8px;background:#ffffffd6;box-shadow:0 18px 34px #4b308721}.animal-coach{min-height:240px;padding:18px;display:grid;align-content:center;justify-items:center;gap:8px;text-align:center}.animal-coach strong{color:var(--plum);font-size:1.08rem}.animal-coach span{font-size:.92rem;line-height:1.3}.coach-portrait{width:118px;height:118px;background-size:150%}.play-card{min-height:430px;padding:28px;display:grid;align-content:start;gap:16px}.round-topline{display:flex;justify-content:space-between;gap:16px;align-items:center}.round-topline .eyebrow{margin-bottom:0}.round-topline span{min-width:72px;padding:8px 12px;border-radius:999px;background:var(--lavender);color:var(--plum);font-weight:900;text-align:center}.play-card h2{margin-bottom:0;color:var(--plum);font-size:2.2rem;line-height:1.05}.word-prompt{min-height:106px;padding:18px;display:grid;place-items:center;border:3px dashed rgba(122,85,216,.42);border-radius:8px;background:#fbf7ff;color:var(--plum);font-size:4rem;font-weight:900;letter-spacing:0}.question-clue{margin-bottom:0;font-size:1.18rem;line-height:1.35}.answer-grid{display:grid;grid-template-columns:repeat(4,minmax(82px,1fr));gap:12px}.answer-tile{min-height:88px;border:3px solid transparent;border-radius:8px;background:var(--cream);color:var(--plum);font-size:2rem;font-weight:900;box-shadow:0 8px #4b30871f;cursor:pointer;transition:box-shadow .16s ease,transform .16s ease}.answer-tile:not(:disabled):hover,.answer-tile:not(:disabled):focus-visible{transform:translateY(-4px);box-shadow:0 12px #4b30871f}.answer-tile:disabled{cursor:default}.answer-tile[data-state=correct]{border-color:#6fca7b;background:#dff7df}.answer-tile[data-state=try-again]{border-color:#d86fa6;background:#fff0f8}.feedback-banner{padding:14px;display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;border-radius:8px;font-weight:900;line-height:1.35}.feedback-banner[data-result=correct]{background:#e8deff;color:var(--plum)}.feedback-banner[data-result=incorrect]{background:#fff0f8;color:#6b2750}.primary-action,.secondary-action{min-height:52px;padding:12px 18px;border:0;border-radius:8px;color:var(--cream);font-weight:900;cursor:pointer;box-shadow:0 8px #4b308721}.primary-action{background:var(--purple)}.secondary-action{background:#d86fa6}.result-panel .play-card{align-content:center}.score-line{margin-bottom:0;font-size:1.4rem;line-height:1.3}.score-line strong{color:var(--purple)}.feedback-copy{margin-bottom:0;font-size:1.08rem;line-height:1.45}.play-actions{display:flex;flex-wrap:wrap;gap:12px}.visual-system{display:grid;gap:18px;max-width:1180px}.section-heading h2{margin-bottom:0;color:var(--plum);font-size:2.6rem}.animal-cast,.guide-cast{display:grid;grid-template-columns:repeat(5,minmax(140px,1fr));gap:14px}.guide-cast{max-width:1180px}.animal-card{min-height:190px;padding:16px;display:grid;align-content:start;gap:12px}.animal-card h2,.animal-card h3{margin:0 0 4px;color:var(--plum);font-size:1.1rem}.animal-card p{margin-bottom:0;line-height:1.35}.animal-portrait{width:82px;height:82px;border:3px solid rgba(122,85,216,.16);border-radius:999px;background-color:#ffffffdb;background-repeat:no-repeat;background-size:156%;box-shadow:inset 0 0 0 3px #ffffff80}.system-row{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:16px}.state-strip,.reward-strip,.answer-preview{display:flex;flex-wrap:wrap;gap:12px;padding:16px}.state-sample{min-width:120px;min-height:84px;padding:12px;display:grid;place-items:center;gap:6px;border-radius:8px;text-align:center}.state-sample span{width:36px;height:36px;display:grid;place-items:center;border-radius:999px;background:var(--cream);font-weight:900}.state-sample strong{font-size:.9rem}.state-sample[data-state=locked]{background:#ddd5e9;color:#675b78}.state-sample[data-state=unlocked]{background:#fff0a8}.state-sample[data-state=current]{background:#ffb0d2;outline:4px solid rgba(255,176,210,.38)}.state-sample[data-state=completed]{background:#c8b4ff}.reward-sample{min-width:92px;min-height:58px;padding:12px 14px;display:grid;place-items:center;border-radius:8px;color:var(--plum);font-weight:900;text-transform:capitalize}.reward-sample[data-reward=star]{background:#ffe577;clip-path:polygon(50% 0,62% 32%,96% 34%,69% 55%,78% 90%,50% 70%,22% 90%,31% 55%,4% 34%,38% 32%)}.reward-sample[data-reward=badge]{background:#c6b4ff;border-radius:999px}.reward-sample[data-reward=trophy]{background:#ffc05f;border-radius:8px 8px 18px 18px}.reward-sample[data-reward=sticker]{background:#ff9fc9;transform:rotate(-3deg)}.answer-preview{align-items:center}.answer-choice{min-width:150px;min-height:58px;padding:12px 18px;border:3px solid transparent;border-radius:8px;background:var(--cream);color:var(--plum);font-size:1.05rem;font-weight:900;text-transform:capitalize;box-shadow:0 8px #4b30871c}.answer-choice[data-state=selected]{border-color:var(--purple);background:#efe7ff}.answer-choice[data-state=correct]{border-color:var(--violet);background:#e6dcff}.answer-choice[data-state=try-again]{border-color:#d86fa6;background:#fff0f8}@media(max-width:760px){.app-shell{padding:20px;align-content:start}.hero-layout,.start-screen,.adventure-map,.play-flow,.system-row,.foundation-grid{grid-template-columns:1fr}.map-preview{min-height:330px}.start-screen{min-height:auto}.start-animals{min-height:330px}.game-header{align-items:start}.game-header h1{font-size:3.25rem}.map-copy{min-height:auto}.journey-board{min-height:840px}.journey-path{inset:8% 20% 12%;border-right-color:#f6ca7f;border-bottom-color:transparent;border-radius:999px;transform:rotate(6deg)}.map-node{width:132px}.map-node-1{top:28px;bottom:auto;left:8%}.map-node-2{inset:108px 8% auto auto}.map-node-3{top:190px;bottom:auto;left:12%}.map-node-4{inset:272px 10% auto auto}.map-node-5{top:354px;bottom:auto;left:10%}.map-node-6{inset:436px 8% auto auto}.map-node-7{top:518px;bottom:auto;left:12%}.map-node-8{inset:600px 10% auto auto}.map-node-9{top:682px;bottom:auto;left:10%}.map-node-10{inset:706px 8% auto auto}.animal-cast,.guide-cast{grid-template-columns:repeat(2,minmax(0,1fr))}.answer-choice{flex:1 1 160px}.animal-coach{min-height:auto;grid-template-columns:auto minmax(0,1fr);justify-items:start;text-align:left}.animal-coach span{grid-column:2}.coach-portrait{grid-row:1 / span 2;width:86px;height:86px}.answer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}h1{font-size:3.25rem}.intro{font-size:1.15rem}.section-heading h2{font-size:2rem}}@media(max-width:480px){.journey-board{min-height:980px}.map-node,.map-node-10{width:min(136px,42vw)}.map-node-1,.map-node-3,.map-node-5,.map-node-7,.map-node-9{left:4%}.map-node-2,.map-node-4,.map-node-6,.map-node-8,.map-node-10{right:4%}.map-node-10{top:820px}.start-animals img{width:30%}.animal-cast,.guide-cast{grid-template-columns:1fr}.play-card{padding:20px}.word-prompt{font-size:3rem}}