:root{font-family:Inter,ui-rounded,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;color:#2f254c;background:#f7f1ff;--plum: var(--color-on-surface);--purple: var(--color-primary);--violet: #9a78f0;--lavender: #e9ddff;--pink: var(--color-secondary);--sun: var(--color-accent);--cream: #fffaf0;--ink: #2f254c;--color-primary: #7d35b2;--color-primary-soft: #efe4ff;--color-secondary: #ff73b6;--color-accent: #ffd86b;--color-page: #faf6ff;--color-surface: #ffffff;--color-surface-tint: #f5edff;--color-on-surface: #321245;--color-on-surface-muted: #654278;--color-border: #d6bbed;--color-correct: #8ee8a4;--color-wrong: #ff7084;--color-wrong-soft: #ffe7ec;--font-family-body: Inter, ui-rounded, "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-size-display: 96px;--line-height-display: 104px;--font-weight-display: 800;--font-size-heading-lg: 54px;--line-height-heading-lg: 60px;--font-weight-heading: 800;--font-size-heading-md: 34px;--line-height-heading-md: 42px;--font-size-heading-sm: 24px;--line-height-heading-sm: 32px;--font-size-body-lg: 22px;--line-height-body-lg: 30px;--font-weight-body: 500;--font-size-label-sm: 13px;--line-height-label-sm: 16px;--font-weight-label: 700;--font-size-conversation-title: 18px;--line-height-conversation-title: 24px;--font-size-conversation: 26px;--line-height-conversation: 36px;--font-weight-conversation: 500;--radius-sm: 18px;--radius-md: 24px;--radius-lg: 28px;--radius-xl: 36px;--radius-pill: 999px;--shadow-card: 0 14px 28px -8px rgba(106, 58, 160, .16);--shadow-panel: 0 14px 14px rgba(106, 58, 160, .16);--shadow-soft: 0 10px 22px -8px rgba(106, 58, 160, .15);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}h1,h2,h3,p{margin-top:0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.primary-action,.secondary-action{min-height:52px;padding:12px 18px;border:0;border-radius:var(--radius-md);color:var(--color-surface);font-weight:var(--font-weight-heading);cursor:pointer;box-shadow:0 8px #4b308721}.primary-action{background:var(--color-primary)}.secondary-action{background:var(--color-secondary)}.animal-portrait{width:82px;height:82px;border:3px solid rgba(122,85,216,.16);border-radius:var(--radius-pill);background-color:#ffffffdb;background-repeat:no-repeat;background-size:156%;box-shadow:inset 0 0 0 3px #ffffff80}.screen-decoration{position:absolute;inset:0;pointer-events:none}.decor-sun{position:absolute;top:54px;left:1130px;width:84px;height:84px;border-radius:var(--radius-pill);background:var(--color-accent)}.decor-accent{position:absolute;top:162px;left:1046px;width:34px;height:34px;border-radius:var(--radius-pill);background:var(--color-secondary)}.app-shell-v2 .primary-action{border:0;border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-surface);font-size:var(--font-size-body-lg);font-weight:var(--font-weight-heading);line-height:26px;box-shadow:var(--shadow-soft);transition:box-shadow .16s ease,transform .16s ease}.app-shell-v2 .primary-action:not(:disabled):hover,.app-shell-v2 .primary-action:not(:disabled):focus-visible,.spell-pink-action:hover,.spell-pink-action:focus-visible,.spell-clear-action:hover,.spell-clear-action:focus-visible{transform:translateY(-3px);box-shadow:0 14px 24px -10px #6a3aa047}.app-shell-v2 .primary-action:not(:disabled):active,.spell-pink-action:active,.spell-clear-action:active{transform:translateY(1px) scale(.98);box-shadow:0 6px 12px -8px #6a3aa03d}.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:var(--font-weight-heading);text-transform:uppercase}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:760px;display:grid;gap:12px}.start-form label{color:var(--plum);font-weight:var(--font-weight-heading)}.start-form input{min-height:58px;padding:12px 14px;border:3px solid rgba(122,85,216,.24);border-radius:var(--radius-md);background:#ffffffe6;color:var(--plum);font-size:1.15rem;font-weight:800}.learning-paths{margin-top:8px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.learning-path-card{min-height:122px;padding:16px 12px 12px;display:grid;justify-items:center;gap:4px;border:3px solid rgba(122,85,216,.2);border-radius:var(--radius-md);background:linear-gradient(180deg,#f2e9ff,#d9cdf3);color:var(--plum);text-align:center;box-shadow:0 12px 22px #4b308724;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.learning-path-card[data-selected=true]{border-color:#89df7f;background:linear-gradient(180deg,#a6ff9d,#91e884);box-shadow:0 12px #53a5492e,0 18px 34px #4b308729}.learning-path-card[data-available=false]{color:#2f254cb8;cursor:not-allowed}.learning-path-card:not(:disabled):hover,.learning-path-card:not(:disabled):focus-visible{transform:translateY(-3px);border-color:#7a55d885}.learning-path-card strong{font-size:1.15rem;line-height:1.1}.learning-path-card span,.learning-path-card small{font-weight:800;line-height:1.2}.path-icon{position:relative;width:34px;height:34px;display:block;border-radius:999px;background:#fffaf0e0;box-shadow:inset 0 0 0 3px #7a55d81f}.path-icon:before,.path-icon:after{position:absolute;content:""}.path-icon-sprout:before{top:8px;left:15px;width:4px;height:18px;border-radius:999px;background:#4b9b55}.path-icon-sprout:after{top:8px;left:8px;width:20px;height:12px;border-radius:999px 999px 0;background:#7fd46b;transform:rotate(24deg)}.path-icon-compass:before{inset:8px;border:3px solid #7a55d8;border-radius:999px}.path-icon-compass:after{top:8px;left:14px;width:7px;height:18px;border-radius:999px;background:#ff9fc9;transform:rotate(38deg)}.path-icon-map:before{inset:8px 7px;border-radius:4px;background:linear-gradient(90deg,transparent 31%,rgba(47,37,76,.28) 32% 35%,transparent 36% 64%,rgba(47,37,76,.28) 65% 68%,transparent 69%),#ffd45f}.path-icon-map:after{top:14px;left:16px;width:6px;height:6px;border-radius:999px;background:var(--color-secondary)}.start-animals{min-height:440px;position:relative;overflow:hidden;border:2px solid rgba(75,48,135,.14);border-radius:var(--radius-md);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}.header-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:flex-end}.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:var(--radius-md);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:var(--font-weight-heading)}.game-selection-home{display:grid;gap:22px;max-width:1180px}.game-selection-copy{max-width:760px}.game-selection-copy h2,.spell-preview h2{margin-bottom:8px;color:var(--plum);font-size:2.8rem;line-height:1.05}.game-selection-copy p,.spell-preview p{margin-bottom:0;font-size:1.12rem;line-height:1.45}.game-option-grid{display:grid;grid-template-columns:repeat(2,minmax(280px,1fr));gap:18px}.game-option-card{position:relative;min-height:290px;padding:24px;display:grid;align-content:start;justify-items:start;gap:10px;border:3px solid rgba(122,85,216,.16);border-radius:var(--radius-md);background:linear-gradient(180deg,#ffffffdb,#ffffff85),#f6edff;color:var(--plum);text-align:left;box-shadow:0 18px 34px #4b308721;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.game-option-card[data-selected=true]{border-color:var(--purple);box-shadow:0 10px #7a55d824,0 22px 38px #4b30872e}.game-option-card:hover,.game-option-card:focus-visible{transform:translateY(-4px)}.game-option-card .animal-portrait{width:96px;height:96px}.game-option-card strong{font-size:2rem;line-height:1.05}.game-option-card>span:not(.difficulty-pill){font-size:1.1rem;font-weight:var(--font-weight-heading)}.game-option-card p{max-width:460px;margin-bottom:0;line-height:1.45}.difficulty-pill{position:absolute;right:18px;bottom:18px;padding:8px 12px;border-radius:999px;background:#fff0a9;color:var(--plum);font-size:.86rem;font-weight:var(--font-weight-heading);text-transform:uppercase}.selected-game-action{padding:16px 18px;display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;border:2px solid rgba(75,48,135,.14);border-radius:var(--radius-md);background:#ffffffc7;box-shadow:0 14px 28px #4b30871c}.selected-game-action p{margin-bottom:0;font-size:1.08rem}.spell-preview{display:grid;grid-template-columns:minmax(0,.9fr) minmax(280px,.55fr);gap:22px;align-items:stretch;max-width:1080px}.spell-preview-panel,.spell-preview-coach{padding:28px;border:2px solid rgba(75,48,135,.14);border-radius:var(--radius-md);background:#ffffffd6;box-shadow:0 18px 34px #4b308721}.spell-preview-panel{display:grid;align-content:center;gap:18px}.rules-strip{display:flex;flex-wrap:wrap;gap:12px}.rules-strip span{padding:12px 14px;border-radius:999px;background:#fff0a9;color:var(--plum);font-weight:var(--font-weight-heading)}.spell-preview-coach{display:grid;align-content:center;justify-items:center;gap:18px;text-align:center}.spell-preview-coach .animal-portrait{width:148px;height:148px}.conversation-box{width:100%;padding:16px;display:grid;gap:6px;border-radius:var(--radius-md);background:#f4ecff;color:var(--plum);box-shadow:inset 0 0 0 2px #7a55d81f}.conversation-box strong,.conversation-box span{line-height:1.3}.map-preview{position:relative;min-height:390px;overflow:hidden;border:2px solid rgba(75,48,135,.14);border-radius:var(--radius-md);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:var(--font-weight-heading);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:var(--radius-md);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:var(--radius-md);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:var(--radius-md);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:var(--font-weight-heading);animation:rewardPop 1.2s ease-in-out infinite}.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:var(--radius-md);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[data-current=true]{z-index:4}.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=current] img{animation:currentGuideHop 1.6s ease-in-out infinite}.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:var(--radius-md);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:not(:disabled):active{transform:translateY(1px) scale(.98);box-shadow:0 5px #4b30871f,0 12px 18px #4b30871f}.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:var(--font-weight-heading)}.spot-title{max-width:100%;overflow-wrap:anywhere;font-size:.94rem;font-weight:var(--font-weight-heading);line-height:1.1}.spot-state{font-size:.72rem;font-weight:var(--font-weight-heading);text-transform:uppercase}.map-spot[data-state=locked]{background:#d9d1e8;color:#6d607f}.map-spot[data-state=unlocked]{background:#fff0a9;animation:spotUnlockPulse 1.8s ease-in-out infinite}.map-spot[data-state=current]{background:#ffaad0;outline:6px solid rgba(255,170,208,.36);animation:spotCurrentGlow 1.5s ease-in-out infinite alternate}.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:var(--radius-md);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:var(--font-weight-heading);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:var(--radius-md);background:#fbf7ff;color:var(--plum);font-size:4rem;font-weight:var(--font-weight-heading);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:var(--radius-md);background:var(--cream);color:var(--plum);font-size:2rem;font-weight:var(--font-weight-heading);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:not(:disabled):active{transform:translateY(1px) scale(.98);box-shadow:0 5px #4b30871f}.answer-tile:disabled{cursor:default}.answer-tile[data-state=correct]{border-color:#6fca7b;background:#dff7df;animation:correctTilePop .42s ease-out}.answer-tile[data-state=try-again]{border-color:var(--color-secondary);background:#fff0f8}.feedback-banner{padding:14px;display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;border-radius:var(--radius-md);font-weight:var(--font-weight-heading);line-height:1.35}.feedback-banner[data-result=correct]{background:#e8deff;color:var(--plum);animation:rewardSlideIn .36s ease-out}.feedback-banner[data-result=incorrect]{background:#fff0f8;color:#6b2750}.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}.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:var(--radius-md);text-align:center}.state-sample span{width:36px;height:36px;display:grid;place-items:center;border-radius:999px;background:var(--cream);font-weight:var(--font-weight-heading)}.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:var(--radius-md);color:var(--plum);font-weight:var(--font-weight-heading);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:var(--radius-md) var(--radius-md) var(--radius-sm) var(--radius-sm)}.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:var(--radius-md);background:var(--cream);color:var(--plum);font-size:1.05rem;font-weight:var(--font-weight-heading);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:var(--color-secondary);background:#fff0f8}.app-shell-v2{min-height:100vh;padding:0;display:block;background:var(--color-page)}.app-shell-v2 .start-screen,.app-shell-v2 .game-selection-home{position:relative;width:min(100vw,1280px);min-height:800px;margin:0 auto;overflow:hidden;background:var(--color-page)}.app-shell-v2 .start-screen{display:block}.app-shell-v2 .start-screen:before,.app-shell-v2 .game-selection-home:before{position:absolute;inset:0 0 auto;height:226px;content:"";background:var(--color-primary-soft)}.app-shell-v2 .v2-hero-copy{position:relative;z-index:1;padding:52px 0 0 72px;display:grid;justify-items:start}.app-shell-v2 .eyebrow{margin:0 0 18px;color:var(--color-primary);font-size:var(--font-size-label-sm);font-weight:var(--font-weight-label);line-height:var(--line-height-label-sm)}.app-shell-v2 .v2-hero-copy h1,.app-shell-v2 .v2-hero-copy h2{margin:0 0 6px;color:var(--color-on-surface);font-size:var(--font-size-heading-lg);font-weight:var(--font-weight-heading);line-height:var(--line-height-heading-lg)}.app-shell-v2 .v2-hero-copy .intro{max-width:680px;margin:0;color:var(--color-on-surface-muted);font-size:var(--font-size-body-lg);font-weight:var(--font-weight-body);line-height:var(--line-height-body-lg)}.app-shell-v2 .start-form{max-width:none;display:block}.name-input-card{position:absolute;top:268px;left:72px;width:520px;height:76px;padding:14px 28px 12px;display:grid;align-content:center;border:1.5px solid var(--color-border);border-radius:26px;background:var(--color-surface);color:var(--color-on-surface);box-shadow:var(--shadow-card)}.name-input-card span{color:#7d35b2;font-size:22px;font-weight:800;line-height:26px}.name-input-card input{width:100%;min-height:30px;padding:0;border:0;outline:0;background:transparent;color:#321245;font-size:22px;font-weight:500;line-height:30px}.path-heading{position:absolute;top:372px;left:72px;margin:0;color:#321245;font-size:24px;font-weight:800;line-height:32px}.app-shell-v2 .learning-paths{position:absolute;top:426px;left:72px;width:970px;margin:0;display:grid;grid-template-columns:repeat(3,310px);gap:20px}.app-shell-v2 .learning-path-card{position:relative;width:310px;min-height:176px;padding:16px 18px 14px;display:grid;align-content:start;justify-items:center;gap:0;overflow:hidden;border:1.5px solid #b99ce0;border-radius:24px;background:#decdf7;color:#321245;text-align:center;box-shadow:0 14px 28px -8px #6a3aa029;cursor:pointer}.app-shell-v2 .learning-path-card[data-selected=true]{border:3px solid #67d978;background:#a8f59b;box-shadow:0 14px 14px #67d97847}.app-shell-v2 .learning-path-card[data-available=false]{cursor:not-allowed}.app-shell-v2 .learning-path-card:hover,.app-shell-v2 .learning-path-card:focus-visible{transform:translateY(-3px)}.app-shell-v2 .learning-path-card:not(:disabled):active{transform:translateY(1px) scale(.99)}.path-level-badge{width:46px;height:46px;display:grid;place-items:center;border-radius:999px;background:#fff;color:#7d35b2;font-size:24px;font-weight:800;line-height:32px}.app-shell-v2 .learning-path-card strong{margin-top:16px;color:#321245;font-size:24px;font-weight:800;line-height:32px}.app-shell-v2 .learning-path-card>span:not(.path-level-badge){color:#654278;font-size:16px;font-weight:500;line-height:22px}.app-shell-v2 .learning-path-card>small{position:absolute;right:0;bottom:0;left:0;height:60px;padding-top:18px;background:#efe4ffb8;color:#321245;font-size:16px;font-weight:500;line-height:22px}.app-shell-v2 .learning-path-card[data-selected=true]>small{background:#8ee8a48c}.app-shell-v2 .start-screen .primary-action{position:absolute;z-index:1;top:644px;left:72px;width:240px;min-height:64px;border-radius:24px}.start-animal-cards{position:absolute;z-index:1;top:74px;left:740px;display:flex;align-items:flex-start;gap:10px}.mini-animal-card{width:130px;height:126px;padding:10px;display:grid;justify-items:center;align-content:center;gap:4px;border-radius:24px;background:#fff;color:#321245;text-align:center}.mini-animal-card-rabbit,.spell-mini-guide-rabbit{animation:gentleFloat 2.2s ease-in-out infinite}.mini-animal-card-fox,.spell-mini-guide-fox{animation:gentleFloat 2.4s ease-in-out .18s infinite}.mini-animal-card-gazelle,.spell-mini-guide-gazelle{animation:gentleFloat 2.6s ease-in-out .32s infinite}.mini-animal-card-fox{width:94px;height:110px;margin-top:24px}.mini-animal-card .animal-portrait{width:76px;height:76px;border:0;background-size:148%;box-shadow:none}.mini-animal-card-fox .animal-portrait{width:66px;height:66px}.mini-animal-card strong{font-size:16px;font-weight:500;line-height:22px}.app-shell-v2 .game-selection-home{display:block;max-width:none}.app-shell-v2 .game-selection-home .v2-hero-copy{padding-top:44px}.app-shell-v2 .game-selection-home .eyebrow{margin-bottom:20px}.app-shell-v2 .game-option-grid{position:absolute;z-index:1;top:252px;left:72px;display:grid;grid-template-columns:repeat(2,500px);gap:70px}.app-shell-v2 .game-option-card{position:relative;width:500px;min-height:330px;padding:28px 30px;display:block;border:1.5px solid var(--color-border);border-radius:32px;background:#fff;color:#321245;text-align:left;box-shadow:0 14px 28px -8px #6a3aa029;cursor:pointer}.app-shell-v2 .game-option-card[data-selected=true]{border:4px solid #7d35b2;box-shadow:0 14px 14px #6a3aa029}.app-shell-v2 .game-option-card:hover,.app-shell-v2 .game-option-card:focus-visible{transform:translateY(-4px)}.app-shell-v2 .game-option-card:active{transform:translateY(1px) scale(.99)}.app-shell-v2 .game-option-card .animal-portrait{position:absolute;top:22px;right:34px;width:104px;height:100px;border:1px solid var(--color-border);border-radius:26px;background-color:var(--color-surface);background-size:145%;box-shadow:var(--shadow-card)}.app-shell-v2 .game-option-card strong{display:block;max-width:340px;margin:0 0 8px;color:var(--color-on-surface);font-size:var(--font-size-heading-md);font-weight:var(--font-weight-heading);line-height:var(--line-height-heading-md)}.app-shell-v2 .game-option-card>span:not(.difficulty-pill){display:block;max-width:330px;margin-bottom:16px;color:var(--color-on-surface);font-size:var(--font-size-heading-sm);font-weight:var(--font-weight-heading);line-height:var(--line-height-heading-sm)}.app-shell-v2 .game-option-card p{max-width:280px;margin:0;color:var(--color-on-surface);font-size:18px;font-weight:500;line-height:25px}.app-shell-v2 .difficulty-pill{position:absolute;right:auto;bottom:12px;left:30px;width:104px;height:34px;padding:8px 12px;border:1.5px solid var(--color-border);border-radius:17px;background:var(--color-correct);color:var(--color-on-surface);font-size:var(--font-size-label-sm);font-weight:var(--font-weight-label);line-height:var(--line-height-label-sm);text-align:center;text-transform:none}.app-shell-v2 .game-option-card:nth-child(2) .difficulty-pill{background:var(--color-accent)}.app-shell-v2 .selected-game-action{position:absolute;z-index:1;top:654px;left:72px;display:block;padding:0;border:0;background:transparent;box-shadow:none}.app-shell-v2 .selected-game-action .primary-action{width:280px;min-height:72px;border-radius:26px}.journey-map-screen,.missing-letter-screen{position:relative;width:min(100vw,1280px);min-height:800px;margin:0 auto;overflow:hidden;background:var(--color-page)}.journey-map-screen:before,.missing-letter-screen:before{position:absolute;inset:0 0 auto;height:226px;content:"";background:var(--color-primary-soft)}.journey-map-title{position:relative;z-index:1;padding:54px 0 0 72px}.journey-map-title h1{margin:0 0 4px;color:var(--color-on-surface);font-size:var(--font-size-heading-lg);font-weight:var(--font-weight-heading);line-height:var(--line-height-heading-lg)}.journey-map-title p{margin:0;color:var(--color-on-surface);font-size:var(--font-size-heading-sm);font-weight:var(--font-weight-heading);line-height:var(--line-height-heading-sm)}.app-shell-v2 .journey-board{position:absolute;z-index:1;top:190px;left:72px;width:1036px;min-height:500px;overflow:visible;border:1.5px solid var(--color-border);border-radius:36px;background:var(--color-surface-tint);box-shadow:var(--shadow-card)}.app-shell-v2 .journey-board:before,.app-shell-v2 .journey-board:after,.app-shell-v2 .journey-path{display:none}.journey-board-label{position:absolute;top:28px;left:38px;margin:0;color:var(--color-on-surface-muted);font-size:var(--font-size-body-lg);font-weight:var(--font-weight-heading);line-height:26px}.journey-dotted-trail{position:absolute;z-index:1;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.journey-dotted-trail path{fill:none;stroke:#c7a8ed;stroke-width:8;stroke-linecap:round;stroke-dasharray:2 18;opacity:.9}.app-shell-v2 .map-node{position:absolute;z-index:2;width:70px;height:70px;display:block}.app-shell-v2 .map-node[data-current=true]{z-index:5}.app-shell-v2 .map-node-1{top:120px;left:108px}.app-shell-v2 .map-node-2{top:70px;left:258px}.app-shell-v2 .map-node-3{top:136px;left:438px}.app-shell-v2 .map-node-4{top:76px;left:690px}.app-shell-v2 .map-node-5{top:214px;left:780px}.app-shell-v2 .map-node-6{top:292px;left:610px}.app-shell-v2 .map-node-7{top:264px;left:316px}.app-shell-v2 .map-node-8{top:350px;left:176px}.app-shell-v2 .map-node-9{top:422px;left:384px}.app-shell-v2 .map-node-10{top:400px;left:825px;width:94px;height:64px}.app-shell-v2 .map-animal{position:absolute;z-index:3;top:4px;left:62px;width:101px;height:122px;padding:8px;border-radius:25px;background:#fff;filter:none;box-shadow:0 14px 28px -8px #6a3aa029}.app-shell-v2 .map-animal[data-state=current]{transform:none}.app-shell-v2 .map-animal img{width:100%;height:100%;object-fit:contain;animation:currentGuideHop 1.6s ease-in-out infinite}.app-shell-v2 .map-spot{width:70px;min-height:70px;padding:0;display:grid;place-items:center;border:2px solid #c7a8ed;border-radius:999px;background:#eee4f8;color:#321245;box-shadow:0 8px 18px -12px #6a3aa047;outline:0}.app-shell-v2 .map-spot[data-state=completed],.app-shell-v2 .map-spot[data-state=unlocked]{background:#8ee8a4;border-color:#7ddf96}.app-shell-v2 .map-spot[data-state=current]{background:#ffd86b;border-color:#c7a8ed;animation:spotCurrentGlow 1.5s ease-in-out infinite alternate}.app-shell-v2 .map-spot[data-state=locked]{background:#eee4f8;color:#654278;opacity:.94}.app-shell-v2 .map-spot[data-spot-type=final]{width:94px;min-height:64px;border-radius:999px;background:var(--color-secondary)}.app-shell-v2 .map-spot:not(:disabled):hover,.app-shell-v2 .map-spot:not(:disabled):focus-visible{transform:translateY(-3px);box-shadow:0 12px 24px -12px #6a3aa047}.app-shell-v2 .spot-number{width:auto;height:auto;border-radius:0;background:transparent;color:#321245;font-size:22px;font-weight:500;line-height:30px}.app-shell-v2 .map-spot[data-spot-type=final] .spot-number{font-size:16px;line-height:22px}.journey-guide-speech{position:absolute;z-index:1;top:704px;left:104px;width:1072px;min-height:86px;padding:18px 34px 16px 120px;display:grid;align-items:center;border:1px solid var(--color-border);border-radius:28px;background:var(--color-surface);color:var(--color-on-surface);box-shadow:var(--shadow-panel)}.journey-speech-portrait{position:absolute;top:-18px;left:24px;width:76px;height:76px;border:0;border-radius:18px;background-color:var(--color-surface);background-size:148%;box-shadow:none}.journey-guide-speech h2{margin:0;color:var(--color-on-surface);font-size:var(--font-size-conversation-title);font-weight:var(--font-weight-heading);line-height:var(--line-height-conversation-title)}.journey-guide-speech p{max-width:860px;margin:0;color:var(--color-on-surface);font-size:var(--font-size-conversation);font-weight:var(--font-weight-conversation);line-height:var(--line-height-conversation)}.journey-back-action{position:absolute;z-index:2;top:58px;left:952px;width:120px;min-height:56px;border-radius:22px;background:#ff7bc2;color:#fff;font-size:22px;font-weight:800;line-height:26px}.missing-letter-title{position:relative;z-index:1;padding:54px 0 0 72px}.missing-letter-title .eyebrow{margin:0 0 20px;color:#7d35b2;font-size:13px;font-weight:700;line-height:16px}.missing-letter-title h1,.missing-letter-title h2{max-width:720px;margin:0;color:#321245;font-size:54px;font-weight:800;line-height:60px}.missing-progress{position:absolute;z-index:1;top:68px;left:1048px;margin:0;color:#7d35b2;font-size:24px;font-weight:800;line-height:32px}.missing-word-card{position:absolute;z-index:1;top:210px;left:190px;width:900px;min-height:230px;display:grid;place-items:center;border:1.5px solid var(--color-border);border-radius:36px;background:var(--color-surface);box-shadow:var(--shadow-card)}.missing-letter-screen .word-prompt{min-height:180px;padding:0;border:0;border-radius:0;background:transparent;color:var(--color-on-surface);font-size:var(--font-size-display);font-weight:var(--font-weight-display);line-height:var(--line-height-display);letter-spacing:0}.missing-letter-screen .answer-grid{position:absolute;z-index:1;top:520px;left:320px;display:grid;grid-template-columns:repeat(4,104px);gap:46px}.missing-letter-screen .answer-tile{width:104px;min-height:92px;border:1.5px solid var(--color-border);border-radius:26px;background:var(--color-surface);color:var(--color-on-surface);font-size:32px;font-weight:var(--font-weight-heading);line-height:38px;box-shadow:var(--shadow-soft)}.missing-letter-screen .answer-tile[data-state=correct]{border-color:var(--color-correct);background:var(--color-correct)}.missing-letter-screen .answer-tile[data-state=try-again]{border-color:var(--color-wrong);background:var(--color-wrong-soft)}.animal-clue-panel{position:absolute;z-index:1;top:642px;left:104px;width:1072px;min-height:86px;padding:18px 220px 16px 117px;display:grid;align-items:center;border:1px solid var(--color-border);border-radius:28px;background:var(--color-surface);color:var(--color-on-surface);box-shadow:var(--shadow-panel)}.animal-clue-panel .clue-portrait{position:absolute;top:-15px;left:21px;width:67px;height:81px;border:0;border-radius:17px;background-color:var(--color-surface);background-size:150%;box-shadow:none}.animal-clue-panel h2{margin:0;color:var(--color-on-surface);font-size:var(--font-size-conversation-title);font-weight:var(--font-weight-heading);line-height:var(--line-height-conversation-title);text-align:left}.animal-clue-panel p{max-width:820px;margin:0;color:var(--color-on-surface);font-size:var(--font-size-conversation);font-weight:var(--font-weight-conversation);line-height:var(--line-height-conversation);white-space:nowrap}.missing-next-action{position:absolute;z-index:1;top:654px;left:1006px;width:160px;min-height:72px;border-radius:26px}.missing-result-card{position:absolute;z-index:1;top:238px;left:250px;width:780px;min-height:260px;padding:42px;display:grid;place-items:center;gap:16px;border:1.5px solid var(--color-border);border-radius:36px;background:var(--color-surface);color:var(--color-on-surface);text-align:center;box-shadow:var(--shadow-card)}.missing-result-card strong{font-size:96px;font-weight:800;line-height:96px}.missing-result-card span{max-width:560px;font-size:26px;font-weight:500;line-height:36px}.missing-result-actions{position:absolute;z-index:1;top:652px;left:916px;display:flex;gap:16px}.missing-letter-result-screen .animal-clue-panel{padding-right:320px}.spell-screen{position:relative;width:min(100vw,1280px);min-height:800px;margin:0 auto;overflow:hidden;background:var(--color-page)}.spell-screen:before{position:absolute;inset:0 0 auto;height:226px;content:"";background:var(--color-primary-soft)}.spell-hero-copy{position:relative;z-index:1;padding:54px 0 0 72px}.spell-hero-copy .eyebrow{margin:0 0 18px;color:var(--color-primary);font-size:var(--font-size-label-sm);font-weight:var(--font-weight-label);line-height:var(--line-height-label-sm);text-transform:uppercase}.spell-hero-copy h1{max-width:930px;margin:0 0 12px;color:var(--color-on-surface);font-size:var(--font-size-heading-lg);font-weight:var(--font-weight-heading);line-height:var(--line-height-heading-lg)}.spell-hero-copy p:not(.eyebrow){margin:0;color:var(--color-on-surface-muted);font-size:var(--font-size-body-lg);font-weight:var(--font-weight-body);line-height:var(--line-height-body-lg)}.spell-rule-cards{position:absolute;z-index:1;top:287px;left:72px;display:grid;grid-template-columns:repeat(2,342px);gap:31px}.spell-rule-card{min-height:150px;padding:18px;display:grid;grid-template-columns:54px minmax(0,1fr);gap:16px;align-items:center;border:1px solid #93e9a7;border-radius:26px;background:#eefdf1}.spell-rule-card-wrong{border-color:#ff8d9b;background:#fff0f3}.spell-rule-card strong{display:block;margin-bottom:8px;color:#321245;font-size:24px;font-weight:800;line-height:32px}.spell-rule-card span{display:block;color:#5d3a72;font-size:18px;font-weight:500;line-height:25px}.spell-pink-action{position:absolute;z-index:1;top:484px;left:76px;width:250px;min-height:68px;border:0;border-radius:24px;background:var(--color-secondary);color:var(--color-surface);font-size:var(--font-size-body-lg);font-weight:var(--font-weight-heading);line-height:26px;box-shadow:var(--shadow-soft);cursor:pointer;transition:box-shadow .16s ease,transform .16s ease}.spell-rule-guides{position:absolute;z-index:1;top:210px;left:728px;display:flex;align-items:flex-end;gap:0}.spell-mini-guide{width:132px;min-height:128px;padding:10px;display:grid;justify-items:center;align-content:center;gap:4px;border-radius:28px;background:var(--color-surface);color:var(--color-on-surface);text-align:center}.spell-mini-guide-cheetah{animation:gentleFloat 2.3s ease-in-out 90ms infinite}.spell-mini-guide .animal-portrait{width:76px;height:76px;border:0;background-size:148%;box-shadow:none}.spell-mini-guide strong{font-size:13px;font-weight:700;line-height:16px}.spell-rule-guides .spell-mini-guide-cheetah{width:164px;min-height:158px}.spell-rule-guides .spell-mini-guide-cheetah .animal-portrait{width:96px;height:96px}.spell-rule-guides .spell-mini-guide-gazelle{margin-left:-28px;transform:translateY(44px)}.spell-play-title{padding-top:54px}.spell-play-title h1{max-width:420px}.spell-hud{position:absolute;z-index:2;top:42px;left:928px;width:256px}.spell-score-badge{width:230px;min-height:68px;padding:16px 18px;border:2px solid #8e5b1f;border-radius:20px;background:#fff;color:#321245;font-size:24px;font-weight:800;line-height:32px;box-shadow:0 14px 28px -8px #6a3aa029}.spell-play-screen[data-feedback=correct] .spell-score-badge{animation:scorePop .52s ease-out}.spell-timer{width:88px;min-height:34px;margin-top:8px;padding:1px 4px;border-radius:11px;background:#ffd5a6;color:#e0832f;font-size:24px;font-weight:800;line-height:32px}.spell-timer[data-warning=true]{background:#ffe0e0;color:#d74343}.spell-picture-card{position:absolute;z-index:1;top:150px;left:90px;width:460px;height:420px;padding:38px;display:grid;place-items:center;border:1.5px solid var(--color-border);border-radius:36px;background:#fff9ee;box-shadow:var(--shadow-card)}.spell-picture-card img{max-width:100%;max-height:100%;object-fit:contain}.spell-picture-card span{width:180px;height:180px;display:grid;place-items:center;border-radius:44px;background:var(--color-primary-soft);color:var(--color-primary);font-size:76px;font-weight:800;line-height:1}.spell-answer-slots{position:absolute;z-index:1;top:196px;left:640px;display:flex;flex-wrap:wrap;gap:12px;max-width:650px}.spell-slot,.spell-letter-card{width:64px;height:64px;border-radius:18px;color:var(--color-on-surface);font-size:30px;font-weight:var(--font-weight-heading);line-height:38px;text-align:center}.spell-slot{border:2.5px solid #a66cff;background:var(--color-primary-soft);box-shadow:var(--shadow-soft)}.spell-slot[data-state=correct]{border-color:#67d978;background:#dff8e4;color:#1f7a3a}.spell-slot[data-state=wrong]{border-color:#ff8d9b;background:#ffe6ec;color:#bd2945}.spell-slot:disabled{color:transparent}.spell-letter-grid{position:absolute;z-index:1;top:318px;left:640px;width:430px;display:grid;grid-template-columns:repeat(5,64px);gap:14px}.spell-letter-card{border:1.5px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-card);cursor:pointer;transition:box-shadow .16s ease,transform .16s ease}.spell-letter-card:not(:disabled):hover,.spell-letter-card:not(:disabled):focus-visible{transform:translateY(-3px)}.spell-letter-card:not(:disabled):active{transform:translateY(1px) scale(.96);box-shadow:0 8px 18px -10px #6a3aa033}.spell-letter-card:disabled{opacity:.35;cursor:default}.spell-play-actions{position:absolute;z-index:1;top:584px;left:640px;display:flex;gap:28px}.spell-play-actions .primary-action{width:180px;min-height:62px;border-radius:24px}.spell-play-actions .primary-action:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.spell-clear-action{width:150px;min-height:62px;border:1.5px solid var(--color-border);border-radius:24px;background:var(--color-surface);color:var(--color-primary);font-size:var(--font-size-body-lg);font-weight:var(--font-weight-heading);line-height:26px;box-shadow:var(--shadow-soft);cursor:pointer;transition:box-shadow .16s ease,transform .16s ease}.spell-conversation{position:absolute;z-index:1;top:678px;left:90px;width:1072px;min-height:86px;padding:18px 34px 16px 120px;display:grid;align-items:center;border:1px solid var(--color-border);border-radius:28px;background:var(--color-surface);box-shadow:var(--shadow-panel)}.spell-conversation[data-hurry=true]{border-color:#ff8d9b;background:#fff0f3;animation:hurryPulse .7s ease-in-out infinite alternate}.spell-conversation[data-hurry=false][data-feedback=correct]{border-color:#93e9a7;background:#eefdf1;animation:rewardSlideIn .36s ease-out}.spell-conversation .spell-mini-guide,.spell-conversation>.animal-portrait{position:absolute;top:-18px;left:24px;width:76px;height:76px;min-height:84px;border-radius:17px;flex-shrink:0}.spell-conversation .spell-mini-guide .animal-portrait{width:48px;height:48px}.spell-conversation h2{margin:0;color:var(--color-on-surface);font-size:var(--font-size-conversation-title);font-weight:var(--font-weight-heading);line-height:var(--line-height-conversation-title);text-align:left}.spell-conversation[data-hurry=false][data-feedback=correct] .spell-mini-guide,.spell-conversation[data-hurry=false][data-feedback=correct]>.animal-portrait{animation:guideCheer .52s ease-out}.spell-conversation p{margin:0;color:var(--color-on-surface);font-size:var(--font-size-conversation);font-weight:var(--font-weight-conversation);line-height:var(--line-height-conversation)}.spell-conversation[data-hurry=true] p{color:#bd2945;font-weight:var(--font-weight-heading)}.spell-result-card{position:absolute;z-index:1;top:278px;left:72px;width:520px;min-height:220px;padding:34px;display:grid;gap:12px;border:1.5px solid var(--color-border);border-radius:32px;background:var(--color-surface);color:var(--color-on-surface);box-shadow:var(--shadow-card)}.spell-result-card strong{font-size:54px;font-weight:800;line-height:60px}.spell-result-card span{font-size:22px;font-weight:500;line-height:30px}.spell-ranking-card{position:absolute;z-index:1;top:278px;left:638px;width:520px;min-height:300px;padding:28px;border:1.5px solid var(--color-border);border-radius:32px;background:var(--color-surface);color:var(--color-on-surface);box-shadow:var(--shadow-card)}.spell-ranking-card h2{margin:0 0 18px;color:var(--color-on-surface);font-size:var(--font-size-heading-md);font-weight:var(--font-weight-heading);line-height:var(--line-height-heading-md)}.spell-ranking-card ol{margin:0;padding:0;display:grid;gap:10px;list-style:none}.spell-ranking-card li{min-height:46px;padding:8px 12px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center;border-radius:16px;background:var(--color-page)}.spell-ranking-card li:first-child{min-height:58px;background:#fff0a9;animation:rankingFirstPlaceGlow 1.6s ease-in-out infinite alternate}.spell-ranking-card li span{width:30px;height:30px;display:grid;place-items:center;border-radius:999px;background:var(--color-primary);color:var(--color-surface);font-size:16px;font-weight:var(--font-weight-heading)}.spell-ranking-card li strong,.spell-ranking-card li em{color:#321245;font-size:18px;font-style:normal;font-weight:800;line-height:25px}.spell-ranking-card li strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spell-ranking-card p{margin:0;color:#654278;font-size:22px;font-weight:500;line-height:30px}.spell-result-actions{position:absolute;z-index:1;top:540px;left:72px;display:flex;gap:18px}@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}}@keyframes hurryPulse{0%{box-shadow:0 14px 14px #6a3aa029}to{box-shadow:0 14px 24px #ff7bc257}}@keyframes currentGuideHop{0%,to{transform:translateY(0) rotate(-1deg)}45%{transform:translateY(-10px) rotate(2deg)}}@keyframes spotUnlockPulse{0%,to{box-shadow:0 10px #4b30871f,0 18px 24px #4b308724}50%{box-shadow:0 10px #4b30871f,0 18px 30px #ffd86b6b}}@keyframes spotCurrentGlow{0%{outline-color:#ffaad052}to{outline-color:#ffaad0ad}}@keyframes rewardPop{0%,to{transform:rotate(-6deg) scale(1)}42%{transform:rotate(7deg) scale(1.08)}}@keyframes correctTilePop{0%{transform:scale(1)}45%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes rewardSlideIn{0%{transform:translateY(8px);opacity:.7}to{transform:translateY(0);opacity:1}}@keyframes gentleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes scorePop{0%{transform:scale(1)}45%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes guideCheer{0%,to{transform:translateY(0) rotate(0)}45%{transform:translateY(-8px) rotate(-4deg)}}@keyframes rankingFirstPlaceGlow{0%{box-shadow:inset 0 0 #ffd86b00}to{box-shadow:inset 0 0 0 3px #ffd86b8c}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}