:root{--cream-0: #FFF9F0;--cream-1: #FBF2E2;--cream-2: #F5E8CF;--cream-3: #EADAB6;--ink-1: #1F1A14;--ink-2: #4A3F32;--ink-3: #7A6A54;--ink-4: #B1A088;--sunset: #E9663A;--sunset-soft: #F2A277;--sunset-deep: #C44B22;--sky: #5AA8D6;--sky-soft: #A9D3EA;--sky-deep: #2D6B93;--sunlight: #F2C14E;--sunlight-soft: #F7DB96;--moss: #7FA06B;--plum: #8A5B8E;--shadow-soft: 0 2px 8px rgba(47, 30, 12, .06), 0 8px 24px rgba(47, 30, 12, .08);--shadow-lift: 0 6px 16px rgba(47, 30, 12, .12), 0 18px 40px rgba(47, 30, 12, .14);--r-sm: 10px;--r-md: 18px;--r-lg: 28px;--r-xl: 40px;--r-pill: 999px;--font-display: "Fraunces", "Georgia", serif;--font-sans: "Nunito", "Quicksand", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body{margin:0;padding:0;background:#e7dfd0;font-family:var(--font-sans);color:var(--ink-1);-webkit-font-smoothing:antialiased;min-height:100%}#root{width:100vw;min-height:100vh;display:grid;place-items:center;padding:12px;background:radial-gradient(1200px 800px at 20% 0%,#F1E8D6 0%,transparent 60%),radial-gradient(1000px 700px at 100% 100%,#E4D7BE 0%,transparent 55%),#ddd2bc}.ipad{position:relative;width:1280px;height:900px;border-radius:44px;background:#1a1a1a;padding:22px;box-shadow:0 1px #ffffff14 inset,0 0 0 2px #2a2a2a,0 40px 80px #00000040,0 10px 30px #0000002e}.ipad:before{content:"";position:absolute;left:50%;top:10px;width:6px;height:6px;border-radius:50%;background:#3a3a3a;transform:translate(-50%)}.ipad-screen{width:100%;height:100%;border-radius:22px;overflow:hidden;background:var(--cream-0);position:relative}.ipad-scaler{transform-origin:center center}@media (hover: none) and (pointer: coarse),(max-width: 1280px),(max-height: 900px){#root{padding:0;background:var(--cream-0);place-items:stretch;width:100vw;height:100vh;min-height:100vh}.ipad-scaler{width:100%;height:100%;transform:none!important}.ipad{width:100%;height:100%;border-radius:0;background:transparent;padding:0;box-shadow:none}.ipad:before{display:none}.ipad-screen{width:100%;height:100%;border-radius:0}.status-bar{display:none!important}.app{top:0;right:0;bottom:0;left:0}}.status-bar{height:28px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;font-family:var(--font-sans);font-weight:700;font-size:13px;color:var(--ink-2);background:transparent;position:relative;z-index:5}.status-bar .right{display:flex;gap:6px;align-items:center}.status-icon{width:16px;height:11px;border:1.5px solid var(--ink-2);border-radius:2px;position:relative}.status-icon:after{content:"";position:absolute;right:-3px;top:3px;width:2px;height:5px;background:var(--ink-2);border-radius:0 1px 1px 0}.status-icon.bat:before{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;width:70%;background:var(--moss);border-radius:1px}.wifi{width:14px;height:10px;background:radial-gradient(circle at 50% 100%,var(--ink-2) 0 2px,transparent 3px),radial-gradient(circle at 50% 100%,transparent 0 3px,var(--ink-2) 3px 4.5px,transparent 5px),radial-gradient(circle at 50% 100%,transparent 0 5.5px,var(--ink-2) 5.5px 7px,transparent 8px)}.app{position:absolute;top:28px;right:0;bottom:0;left:0;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;padding:10px 24px 6px}.brand{display:flex;align-items:center;gap:9px;font-family:var(--font-display);font-weight:700;font-size:19px;letter-spacing:-.01em;color:var(--ink-1)}.brand-mark{width:30px;height:30px;border-radius:8px;background:var(--sunset);position:relative;box-shadow:0 4px 0 var(--sunset-deep);display:grid;place-items:center}.brand-mark:before{content:"";width:14px;height:14px;border-radius:50%;background:var(--cream-0);box-shadow:-5px 0 0 -2px var(--sunlight)}.brand em{color:var(--sunset);font-style:normal}.tabs{display:flex;gap:4px;padding:4px;background:var(--cream-1);border-radius:var(--r-pill);box-shadow:inset 0 1px #fff8}.tab{border:0;background:transparent;padding:7px 16px;border-radius:var(--r-pill);font-family:var(--font-sans);font-weight:700;font-size:14px;color:var(--ink-3);cursor:pointer;display:flex;align-items:center;gap:7px;transition:all .18s ease}.tab:hover{color:var(--ink-1)}.tab.active{background:var(--ink-1);color:var(--cream-0);box-shadow:0 4px 10px #00000026}.tab .tab-dot{width:8px;height:8px;border-radius:50%;background:var(--sunset)}.tab.active .tab-dot{background:var(--sunlight)}.user-chip{display:flex;align-items:center;gap:10px;padding:6px 14px 6px 6px;background:var(--cream-1);border-radius:var(--r-pill);font-weight:700;font-size:14px;color:var(--ink-2)}.avatar{width:32px;height:32px;border-radius:50%;background:var(--sky);color:#fff;font-family:var(--font-display);font-weight:700;display:grid;place-items:center;font-size:15px}.stage{flex:1;min-height:0;padding:10px 24px 16px;display:flex;flex-direction:column;position:relative}.home{flex:1;display:grid;grid-template-rows:auto 1fr;gap:20px}.home-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:24px;background:linear-gradient(145deg,#ffe8c8,#ffd4af);border-radius:var(--r-lg);padding:36px 40px;position:relative;overflow:hidden;box-shadow:var(--shadow-soft);min-height:260px}.home-hero:after{content:"";position:absolute;right:-60px;top:-60px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#FFE3A8,var(--sunlight) 70%);opacity:.7}.hero-content{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center}.hero-eyebrow{font-family:var(--font-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--sunset-deep);margin-bottom:10px}.hero-title{font-family:var(--font-display);font-weight:800;font-size:52px;line-height:1.04;letter-spacing:-.02em;margin:0 0 12px;color:var(--ink-1);text-wrap:pretty}.hero-title em{font-style:italic;color:var(--sunset-deep)}.hero-sub{font-size:17px;line-height:1.5;color:var(--ink-2);max-width:420px;margin:0 0 22px}.cta-row{display:flex;gap:12px;align-items:center}.big-btn{border:0;cursor:pointer;font-family:var(--font-sans);font-weight:800;font-size:18px;padding:18px 28px;border-radius:var(--r-pill);background:var(--ink-1);color:var(--cream-0);display:inline-flex;align-items:center;gap:10px;box-shadow:0 6px #0006,var(--shadow-soft);transition:transform .1s ease}.big-btn:hover{transform:translateY(-1px)}.big-btn:active{transform:translateY(2px);box-shadow:0 2px #0006}.big-btn.primary{background:var(--sunset);box-shadow:0 6px 0 var(--sunset-deep),var(--shadow-soft)}.big-btn.ghost{background:transparent;color:var(--ink-1);box-shadow:none;border:2px solid var(--ink-1)}.hero-visual{position:relative;z-index:1;display:grid;place-items:center}.hero-card{width:300px;height:220px;background:var(--cream-0);border-radius:22px;box-shadow:var(--shadow-lift);transform:rotate(-4deg);padding:16px;position:relative}.hero-card .pl{height:100%;border-radius:14px;background:repeating-linear-gradient(135deg,#f4dec1 0,#f4dec1 6px,#edd3b0 6px,#edd3b0 12px);display:grid;place-items:center;position:relative}.hero-card-2{position:absolute;width:180px;height:140px;right:-10px;bottom:-10px;background:var(--sky-soft);border-radius:18px;transform:rotate(6deg);box-shadow:var(--shadow-soft);padding:12px}.hero-card-2 .pl2{height:100%;border-radius:12px;background:repeating-linear-gradient(45deg,#bedcee 0,#bedcee 6px,#a6cde4 6px,#a6cde4 12px)}.recents{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.story-card{background:var(--cream-0);border-radius:var(--r-md);box-shadow:var(--shadow-soft);overflow:hidden;cursor:pointer;transition:transform .15s ease;border:2px solid transparent}.story-card:hover{transform:translateY(-3px);border-color:var(--sunset-soft)}.story-card.new{background:transparent;border:2.5px dashed var(--ink-4);display:grid;place-items:center;min-height:240px;box-shadow:none}.story-card.new:hover{border-color:var(--sunset);background:#fff9}.sc-cover{height:150px;position:relative;overflow:hidden}.sc-cover.c1{background:linear-gradient(160deg,#f2a277 0,#e9663a)}.sc-cover.c2{background:linear-gradient(160deg,#a9d3ea 0,#5aa8d6)}.sc-cover.c3{background:linear-gradient(160deg,#f7db96 0,#e9a83b)}.sc-cover .stripes{position:absolute;top:12px;right:12px;bottom:12px;left:12px;border-radius:10px;background:repeating-linear-gradient(45deg,#ffffff2e 0,#ffffff2e 6px,#fff0 6px,#fff0 12px)}.sc-cover .caption{position:absolute;bottom:8px;left:14px;font-family:var(--font-mono);font-size:10px;color:#fff;opacity:.85}.sc-meta{padding:14px 16px 16px}.sc-title{font-family:var(--font-display);font-weight:700;font-size:17px;color:var(--ink-1);margin:0 0 4px;line-height:1.2}.sc-sub{font-size:12px;color:var(--ink-3);display:flex;align-items:center;gap:8px}.sc-sub .dot{width:4px;height:4px;border-radius:50%;background:var(--ink-4)}.new-plus{width:56px;height:56px;border-radius:50%;background:var(--sunset);color:#fff;display:grid;place-items:center;font-size:30px;font-weight:800;box-shadow:0 4px 0 var(--sunset-deep);margin-bottom:10px}.new-label{font-family:var(--font-display);font-weight:700;font-size:18px;color:var(--ink-1)}.new-sub{font-size:12px;color:var(--ink-3);margin-top:2px}.setup{flex:1;display:grid;grid-template-rows:auto 1fr auto;gap:18px;animation:fade-up .4s ease both;min-height:0}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}}.setup-head{display:flex;align-items:center;gap:16px;justify-content:space-between}.setup-head .crumbs{display:flex;gap:10px;align-items:center}.crumb{display:flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border-radius:var(--r-pill);background:var(--cream-1);font-size:13px;font-weight:700;color:var(--ink-3)}.crumb .n{width:22px;height:22px;border-radius:50%;background:#fff;color:var(--ink-3);display:grid;place-items:center;font-size:12px;font-family:var(--font-display)}.crumb.done{background:var(--sky-soft);color:var(--sky-deep)}.crumb.done .n{background:var(--sky-deep);color:#fff}.crumb.current{background:var(--ink-1);color:var(--cream-0)}.crumb.current .n{background:var(--sunset);color:#fff}.setup-step{background:var(--cream-1);border-radius:var(--r-lg);padding:28px 36px;display:grid;grid-template-rows:auto 1fr;gap:22px;box-shadow:var(--shadow-soft);min-height:0}.step-title{font-family:var(--font-display);font-weight:800;font-size:40px;line-height:1.05;letter-spacing:-.02em;margin:0;color:var(--ink-1)}.step-title em{font-style:italic;color:var(--sunset-deep)}.step-sub{font-size:15px;color:var(--ink-3);margin:6px 0 0}.heroes{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;align-content:start}.hero-tile{background:var(--cream-0);border:3px solid transparent;border-radius:var(--r-md);padding:12px;cursor:pointer;transition:all .15s ease;text-align:left}.hero-tile:hover{transform:translateY(-3px)}.hero-tile.selected{border-color:var(--sunset);background:#fff;box-shadow:0 6px 0 var(--sunset-deep),var(--shadow-lift);transform:translateY(-4px)}.ht-art{height:140px;border-radius:12px;margin-bottom:10px;position:relative;overflow:hidden}.ht-art .cap{position:absolute;left:10px;bottom:8px;font-family:var(--font-mono);font-size:10px;color:#fff;opacity:.9;text-shadow:0 1px 2px rgba(0,0,0,.25)}.ht-name{font-family:var(--font-display);font-weight:700;font-size:16px;color:var(--ink-1);margin:0}.ht-sub{font-size:11px;color:var(--ink-3);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;margin-top:2px}.name-step{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;align-items:center}.name-preview{background:var(--cream-0);border-radius:var(--r-md);padding:24px;box-shadow:var(--shadow-soft);display:flex;align-items:center;gap:18px}.name-avatar{width:88px;height:88px;border-radius:22px;flex-shrink:0;position:relative;overflow:hidden}.name-lines .hello{font-size:13px;color:var(--ink-3);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;margin:0 0 2px}.name-lines .who{font-family:var(--font-display);font-weight:800;font-size:34px;margin:0;color:var(--ink-1)}.name-lines .tag{font-size:13px;color:var(--ink-3);margin:4px 0 0}.name-input-wrap{display:grid;gap:12px}.name-input{border:3px solid var(--ink-1);background:#fff;border-radius:var(--r-md);padding:20px 24px;font-family:var(--font-display);font-weight:700;font-size:28px;color:var(--ink-1);box-shadow:0 6px 0 var(--ink-1);width:100%;outline:none}.name-input::placeholder{color:var(--ink-4);font-style:italic}.surprise-btn{border:0;background:var(--sunlight);color:var(--ink-1);font-weight:800;font-size:15px;padding:14px 20px;border-radius:var(--r-pill);cursor:pointer;box-shadow:0 4px #b88a2a;font-family:var(--font-sans);display:inline-flex;align-items:center;gap:8px;justify-self:start}.power-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.power-tile{background:var(--cream-0);border:3px solid transparent;border-radius:var(--r-md);padding:18px;cursor:pointer;transition:transform .15s ease,border-color .15s ease;display:flex;align-items:center;gap:14px;text-align:left;min-height:96px}.power-tile>div:last-child{display:flex;flex-direction:column;justify-content:center;gap:4px;min-width:0;flex:1}.power-tile:hover{transform:translateY(-2px)}.power-tile.selected{border-color:var(--sunset);background:#fff;box-shadow:0 6px 0 var(--sunset-deep)}.power-glyph{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;flex-shrink:0}.power-name{font-family:var(--font-display);font-weight:700;font-size:17px;line-height:1.15;margin:0;color:var(--ink-1)}.power-desc{font-size:11px;color:var(--ink-3);margin:0;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;line-height:1.3}.settings-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:14px}.setting-tile{border:3px solid transparent;border-radius:var(--r-md);padding:14px;cursor:pointer;position:relative;overflow:hidden;transition:transform .15s ease,border-color .15s ease;min-height:130px;display:flex;align-items:flex-end}.setting-tile:hover{transform:translateY(-2px)}.setting-tile.selected{border-color:var(--sunset);box-shadow:0 6px 0 var(--sunset-deep)}.setting-tile .label{position:relative;z-index:2;background:#fff9f0eb;padding:6px 12px;border-radius:var(--r-pill);font-family:var(--font-display);font-weight:700;font-size:15px;color:var(--ink-1)}.setting-tile .cap{position:absolute;top:10px;left:12px;z-index:2;font-family:var(--font-mono);font-size:10px;color:#fff;opacity:.85;text-shadow:0 1px 2px rgba(0,0,0,.2)}.setup-foot{display:flex;align-items:center;justify-content:space-between;padding:0 8px}.setup-foot .selection{display:flex;align-items:center;gap:10px;color:var(--ink-3);font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase}.setup-foot .selection .chip{background:var(--cream-1);border-radius:var(--r-pill);padding:6px 12px;color:var(--ink-1);font-family:var(--font-display);font-weight:700;font-size:13px;text-transform:none;letter-spacing:0}.setup-foot .spacer{flex:1}.book{flex:1;display:grid;grid-template-rows:auto 1fr auto;gap:10px;animation:fade-up .4s ease both;min-height:0}.book-head{display:flex;align-items:center;justify-content:space-between;padding:0 6px}.book-title{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:700;font-size:16px;color:var(--ink-2)}.book-title .ic{width:24px;height:24px;border-radius:7px;background:var(--sunset);display:grid;place-items:center}.page-bar{display:flex;align-items:center;gap:7px}.page-pip{width:22px;height:5px;background:var(--ink-4);opacity:.4;border-radius:3px;transition:all .2s ease}.page-pip.done{opacity:.9;background:var(--sky)}.page-pip.current{background:var(--sunset);opacity:1;width:36px}.icon-btn{width:36px;height:36px;border:0;border-radius:50%;background:var(--cream-1);display:grid;place-items:center;cursor:pointer;color:var(--ink-2)}.icon-btn:hover{background:var(--cream-2)}.spread{background:var(--cream-0);border-radius:var(--r-lg);box-shadow:var(--shadow-lift);padding:20px;display:grid;grid-template-columns:1.15fr 1fr;gap:20px;min-height:0;min-width:0;position:relative}.spread:before{content:"";position:absolute;left:calc(1.15 / 2.15 * 100%);top:20px;bottom:20px;width:2px;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.08),transparent);transform:translate(-1px)}.illus{position:relative;border-radius:var(--r-md);overflow:hidden;min-height:0;min-width:0}.illus .cap{position:absolute;left:14px;bottom:14px;font-family:var(--font-mono);font-size:11px;color:#fff;padding:4px 10px;background:#00000052;border-radius:var(--r-pill);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:3;max-width:calc(100% - 28px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.illus .badge{position:absolute;right:14px;top:14px;background:#ffffffe6;padding:6px 12px;border-radius:var(--r-pill);font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-2);font-weight:700}.text-panel{display:flex;flex-direction:column;padding:10px 10px 6px;position:relative;min-height:0}.page-num{font-family:var(--font-mono);font-size:11px;color:var(--ink-4);letter-spacing:.15em;margin-bottom:8px}.story-text{font-family:var(--font-display);font-weight:500;font-size:26px;line-height:1.45;color:var(--ink-1);text-wrap:pretty;margin:0;max-width:44ch}.story-text .highlight{background:linear-gradient(transparent 65%,var(--sunlight-soft) 65%);padding:0 2px;font-weight:700}.type-cursor{display:inline-block;width:3px;height:24px;background:var(--sunset);margin-left:2px;vertical-align:middle;animation:blink .9s infinite}@keyframes blink{50%{opacity:0}}.interaction-area{margin-top:auto;padding-top:20px}.interaction-prompt{font-family:var(--font-display);font-weight:700;font-size:20px;color:var(--ink-1);margin:0 0 14px;display:flex;align-items:center;gap:10px}.interaction-prompt .type-tag{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;background:var(--ink-1);color:var(--cream-0);padding:3px 8px;border-radius:6px;font-weight:700}.items-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.item-card{background:var(--cream-1);border:3px solid transparent;border-radius:var(--r-md);padding:12px;cursor:pointer;transition:all .15s ease;display:grid;gap:8px;text-align:left}.item-card:hover{transform:translateY(-2px);border-color:var(--sky)}.item-card.selected{border-color:var(--sunset);background:#fff;box-shadow:0 4px 0 var(--sunset-deep)}.item-art{height:72px;border-radius:10px;position:relative}.item-art .cap{position:absolute;left:8px;bottom:6px;font-family:var(--font-mono);font-size:9px;color:#fff;opacity:.9}.item-name{font-family:var(--font-display);font-weight:700;font-size:14px;color:var(--ink-1)}.path-regions{position:relative;height:100%}.path-region{position:absolute;border:3px dashed rgba(255,255,255,.7);border-radius:18px;cursor:pointer;transition:all .15s ease;display:grid;place-items:center}.path-region .lbl{background:#ffffffeb;padding:8px 14px;border-radius:var(--r-pill);font-family:var(--font-display);font-weight:700;font-size:15px;color:var(--ink-1);box-shadow:0 4px 12px #0003}.path-region:hover,.path-region.selected{border-color:var(--sunset);background:#ff82502e}.path-region.selected .lbl{background:var(--sunset);color:#fff}.wheel{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.emo{background:var(--cream-1);border:3px solid transparent;border-radius:var(--r-md);padding:12px 8px;cursor:pointer;text-align:center;transition:all .15s ease}.emo:hover{transform:translateY(-2px)}.emo.selected{background:#fff;border-color:var(--sunset);box-shadow:0 4px 0 var(--sunset-deep)}.face{width:56px;height:56px;margin:0 auto 6px;display:grid;place-items:center}.emo-label{font-family:var(--font-display);font-weight:700;font-size:14px;color:var(--ink-1)}.madlib{background:var(--cream-1);border-radius:var(--r-md);padding:16px 18px}.madlib-sentence{font-family:var(--font-display);font-weight:500;font-size:22px;line-height:1.45;color:var(--ink-2);margin:0 0 12px}.blank{display:inline-block;min-width:110px;padding:0 8px;background:var(--sunlight-soft);border-bottom:3px solid var(--sunset);border-radius:4px;text-align:center;font-weight:800;color:var(--sunset-deep)}.blank.empty{background:transparent;color:var(--ink-4);font-style:italic}.word-strip{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 8px}.word{flex-shrink:0;padding:10px 16px;border-radius:var(--r-pill);background:#fff;border:2px solid var(--cream-3);font-family:var(--font-display);font-weight:700;font-size:15px;color:var(--ink-1);cursor:pointer;transition:all .15s ease}.word:hover{border-color:var(--sunset);transform:translateY(-1px)}.word.selected{background:var(--sunset);color:#fff;border-color:var(--sunset-deep)}.sounds{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.sound-btn{background:var(--cream-1);border:3px solid transparent;border-radius:var(--r-md);padding:14px;cursor:pointer;display:grid;place-items:center;gap:8px;transition:all .15s ease}.sound-btn:hover{transform:translateY(-2px);border-color:var(--sky)}.sound-btn.playing{border-color:var(--sky);background:#fff}.sound-btn.selected{border-color:var(--sunset);background:#fff;box-shadow:0 4px 0 var(--sunset-deep)}.eq{display:flex;align-items:end;gap:3px;height:26px}.eq-bar{width:5px;background:var(--sky-deep);border-radius:2px;height:8px}.sound-btn.playing .eq-bar{animation:eq .6s infinite ease-in-out alternate}.sound-btn.playing .eq-bar:nth-child(2){animation-delay:.15s}.sound-btn.playing .eq-bar:nth-child(3){animation-delay:.3s}.sound-btn.playing .eq-bar:nth-child(4){animation-delay:.45s}@keyframes eq{to{height:22px;background:var(--sunset)}}.sound-label{font-family:var(--font-display);font-weight:700;font-size:14px;color:var(--ink-1)}.shake-cta{background:linear-gradient(135deg,#ffe3b0,#f2a277);border-radius:var(--r-md);padding:24px;text-align:center;border:3px dashed var(--sunset-deep)}.shake-device{width:80px;height:110px;margin:0 auto 10px;border-radius:12px;background:var(--ink-1);position:relative;animation:shake .6s infinite}.shake-device:after{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:8px;background:repeating-linear-gradient(45deg,var(--sky-soft) 0 4px,var(--sky-deep) 4px 8px)}@keyframes shake{0%,to{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}.shake-label{font-family:var(--font-display);font-weight:800;font-size:20px;color:var(--ink-1)}.yn{display:grid;grid-template-columns:1fr 1fr;gap:14px}.yn-btn{border:3px solid transparent;border-radius:var(--r-md);padding:20px;cursor:pointer;font-family:var(--font-display);font-weight:800;font-size:22px;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .15s ease}.yn-yes{background:var(--moss);color:#fff;box-shadow:0 5px #5c7d4b}.yn-no{background:var(--cream-2);color:var(--ink-1);box-shadow:0 5px 0 var(--cream-3)}.yn-btn:hover{transform:translateY(-2px)}.yn-btn.selected{transform:translateY(3px);box-shadow:0 2px #0005 inset}.book-foot{display:flex;align-items:center;justify-content:space-between;padding:0 6px}.page-nav{display:flex;gap:10px}.nav-btn{border:0;background:var(--cream-1);width:44px;height:44px;border-radius:50%;display:grid;place-items:center;cursor:pointer;color:var(--ink-2);box-shadow:var(--shadow-soft)}.nav-btn:disabled{opacity:.35;cursor:not-allowed}.turn-page{background:var(--sunset);color:#fff;border:0;padding:12px 24px;border-radius:var(--r-pill);font-family:var(--font-sans);font-weight:800;font-size:16px;cursor:pointer;display:flex;align-items:center;gap:9px;box-shadow:0 5px 0 var(--sunset-deep);transition:transform .1s ease}.turn-page:hover{transform:translateY(-1px)}.turn-page:disabled{background:var(--ink-4);box-shadow:0 5px 0 var(--ink-3);cursor:not-allowed}.read-aloud{background:var(--cream-1);border:0;border-radius:var(--r-pill);padding:12px 18px;font-weight:700;font-size:14px;color:var(--ink-1);display:flex;align-items:center;gap:8px;cursor:pointer}.read-aloud.on{background:var(--sky);color:#fff}.ending{flex:1;position:relative;display:grid;grid-template-rows:auto 1fr auto;gap:16px;padding:0 6px;animation:fade-up .5s ease both}.ending-banner{background:linear-gradient(120deg,#f7db96,#f2a277);border-radius:var(--r-lg);padding:30px 40px;display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;position:relative;overflow:hidden;box-shadow:var(--shadow-soft)}.ending-title-wrap .kicker{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:var(--sunset-deep);margin-bottom:6px}.ending-title{font-family:var(--font-display);font-weight:800;font-size:44px;line-height:1.05;letter-spacing:-.02em;margin:0;color:var(--ink-1)}.ending-title em{font-style:italic;color:var(--sunset-deep)}.ending-stats{display:grid;grid-template-columns:repeat(3,auto);gap:24px}.stat{text-align:center}.stat .n{font-family:var(--font-display);font-weight:800;font-size:32px;color:var(--ink-1)}.stat .l{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-3)}.confetti{position:absolute;width:10px;height:10px;border-radius:2px;opacity:.9}.gallery{background:var(--cream-0);border-radius:var(--r-lg);padding:22px;box-shadow:var(--shadow-soft);min-height:0;display:grid;grid-template-rows:auto 1fr;gap:14px}.gallery-head{display:flex;justify-content:space-between;align-items:flex-end}.gallery h3{font-family:var(--font-display);font-size:22px;margin:0;color:var(--ink-1)}.gallery-sub{font-size:13px;color:var(--ink-3);margin-top:2px}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.gallery-grid .g-item{border-radius:var(--r-md);position:relative;overflow:hidden;aspect-ratio:4 / 3}.gallery-grid .g-item .cap{position:absolute;left:10px;bottom:8px;font-family:var(--font-mono);font-size:10px;color:#fff;opacity:.9}.ending-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 6px}.placeholder-screen{flex:1;display:grid;grid-template-columns:260px minmax(0,1fr);gap:16px;min-width:0;min-height:0;overflow-y:auto}.side-nav{background:var(--cream-1);border-radius:var(--r-lg);padding:22px 20px;display:grid;gap:8px;align-content:start;box-shadow:var(--shadow-soft)}.side-nav h4{font-family:var(--font-mono);text-transform:uppercase;font-size:11px;letter-spacing:.12em;color:var(--ink-3);margin:0 0 8px}.side-item{background:#fff;border:0;text-align:left;padding:14px 16px;border-radius:var(--r-md);font-family:var(--font-display);font-weight:700;font-size:16px;color:var(--ink-1);cursor:pointer;display:flex;align-items:center;gap:12px;transition:all .15s ease}.side-item:hover{transform:translate(2px)}.side-item.active{background:var(--ink-1);color:var(--cream-0)}.side-item .ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex-shrink:0}.art-stage{background:var(--cream-0);border-radius:var(--r-lg);padding:20px;box-shadow:var(--shadow-soft);display:grid;grid-template-rows:auto 1fr auto;gap:12px;min-height:0;min-width:0;overflow:hidden}.art-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:12px;min-width:0}.art-head h2{font-family:var(--font-display);margin:0;font-size:22px;color:var(--ink-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.art-head .big-btn{flex-shrink:0}.art-canvas{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:14px;min-height:0;min-width:0;width:100%;max-width:100%;overflow:hidden}.char-preview{border-radius:var(--r-md);position:relative;overflow:hidden;background:linear-gradient(160deg,#ffe3a8,#f2a277);display:grid;place-items:center;min-width:0;min-height:300px}.char-preview .figure{width:200px;height:280px;border-radius:100px 100px 30px 30px;background:var(--ink-1);position:relative}.char-preview .figure:before{content:"";position:absolute;top:20px;right:20px;bottom:20px;left:20px;border-radius:inherit;background:repeating-linear-gradient(45deg,var(--sunset-soft) 0 8px,var(--sunset) 8px 16px)}.char-preview .cap{position:absolute;bottom:14px;left:16px;font-family:var(--font-mono);font-size:11px;color:#fff;background:#0000004d;padding:4px 10px;border-radius:100px}.options-stack{display:grid;gap:12px;align-content:start;overflow-y:auto;overflow-x:hidden;min-width:0;max-width:100%;max-height:440px;padding-right:4px}.option-group h5{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-3);margin:0 0 6px}.option-row{display:flex;gap:6px;flex-wrap:wrap;min-width:0;max-width:100%}.option-chip{border:2px solid var(--cream-3);background:#fff;border-radius:var(--r-pill);padding:7px 12px;font-family:var(--font-display);font-weight:700;font-size:12.5px;color:var(--ink-1);cursor:pointer;white-space:nowrap}.option-chip.selected{border-color:var(--sunset);background:var(--sunset);color:#fff}.art-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;min-width:0;flex-wrap:nowrap}.art-foot .big-btn{flex-shrink:0}.prompt-preview{font-family:var(--font-mono);font-size:11px;color:var(--ink-3);background:var(--cream-1);border-radius:var(--r-pill);padding:8px 14px;min-width:0;flex:1 1 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ask-stage{background:var(--cream-0);border-radius:var(--r-lg);padding:22px;box-shadow:var(--shadow-soft);display:grid;grid-template-rows:auto 1fr auto;gap:16px;min-height:0;min-width:0}.ask-head h2{font-family:var(--font-display);margin:0 0 4px;font-size:26px;color:var(--ink-1)}.ask-head p{margin:0;font-size:13px;color:var(--ink-3)}.ask-cards{display:grid;gap:12px;overflow-y:auto;padding:4px;align-content:start}.ask-card{background:var(--cream-1);border-radius:var(--r-md);padding:18px 22px;display:grid;gap:10px}.ask-card.user{background:var(--ink-1);color:var(--cream-0);justify-self:end;max-width:60%}.ask-card .role{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}.ask-card.user .role{color:var(--cream-3)}.ask-card .txt{font-family:var(--font-display);font-size:18px;line-height:1.4;margin:0}.ask-card .illus-mini{height:100px;border-radius:10px;background:linear-gradient(160deg,#a9d3ea,#5aa8d6);position:relative;overflow:hidden}.ask-card .illus-mini .cap{position:absolute;left:10px;bottom:8px;font-family:var(--font-mono);font-size:10px;color:#fff;opacity:.9}.quick-replies{display:flex;gap:8px;flex-wrap:wrap}.qr{background:#fff;border:2px solid var(--cream-3);border-radius:var(--r-pill);padding:8px 16px;font-family:var(--font-sans);font-weight:700;font-size:14px;color:var(--ink-1);cursor:pointer}.qr:hover{border-color:var(--sunset)}.ask-input-row{display:flex;gap:10px;align-items:center}.ask-input{flex:1;border:2px solid var(--cream-3);background:#fff;border-radius:var(--r-pill);padding:14px 20px;font-family:var(--font-sans);font-weight:600;font-size:15px;outline:none}.mic-btn{width:48px;height:48px;background:var(--sunset);color:#fff;border:0;border-radius:50%;display:grid;place-items:center;cursor:pointer;box-shadow:0 4px 0 var(--sunset-deep)}.parents-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-content:start;min-width:0}.parents-grid.wide{grid-column:span 3}.p-card{background:var(--cream-0);border-radius:var(--r-lg);padding:22px;box-shadow:var(--shadow-soft);display:grid;gap:10px}.p-card h4{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin:0}.p-card .big{font-family:var(--font-display);font-weight:800;font-size:40px;color:var(--ink-1);line-height:1}.p-card .sub{font-size:13px;color:var(--ink-3)}.p-card .trend{display:flex;align-items:end;gap:4px;height:60px;margin-top:6px}.p-card .trend .bar{flex:1;background:var(--sunset-soft);border-radius:4px 4px 0 0;min-height:8px}.p-card .trend .bar:nth-child(2n){background:var(--sky-soft)}.p-card.recent{grid-column:span 2}.recent-list{display:grid;gap:10px}.recent-item{display:grid;grid-template-columns:60px 1fr auto;gap:12px;align-items:center;padding:10px;border-radius:var(--r-md);background:var(--cream-1)}.recent-thumb{width:60px;height:48px;border-radius:8px}.recent-meta .t{font-family:var(--font-display);font-weight:700;font-size:15px;color:var(--ink-1);margin:0}.recent-meta .s{font-size:12px;color:var(--ink-3)}.recent-dur{font-family:var(--font-mono);font-size:12px;color:var(--ink-2);font-weight:700}.p-settings{display:grid;gap:10px}.setting-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--cream-2)}.setting-row:last-child{border:0}.setting-row .n{font-family:var(--font-display);font-weight:700;font-size:15px;color:var(--ink-1)}.setting-row .d{font-size:12px;color:var(--ink-3)}.toggle{width:44px;height:26px;border-radius:var(--r-pill);background:var(--cream-3);position:relative;cursor:pointer;transition:background .2s;flex-shrink:0}.toggle:after{content:"";position:absolute;width:20px;height:20px;border-radius:50%;background:#fff;top:3px;left:3px;transition:transform .2s}.toggle.on{background:var(--moss)}.toggle.on:after{transform:translate(18px)}.tweaks-panel{position:absolute;right:20px;bottom:20px;width:300px;background:var(--ink-1);color:var(--cream-0);border-radius:var(--r-lg);padding:18px;box-shadow:0 20px 60px #0000004d;z-index:30;display:none}.tweaks-panel.open{display:block}.tweaks-panel h5{font-family:var(--font-display);font-size:18px;margin:0 0 12px;display:flex;justify-content:space-between;align-items:center}.tweaks-panel .close-t{background:#ffffff1a;border:0;color:var(--cream-0);width:28px;height:28px;border-radius:50%;cursor:pointer}.tweak-group{margin-bottom:14px}.tweak-group label{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--cream-3);display:block;margin-bottom:6px}.tweak-row{display:flex;gap:6px;flex-wrap:wrap}.tweak-chip{background:#ffffff14;border:1.5px solid transparent;color:var(--cream-0);border-radius:var(--r-pill);padding:6px 12px;font-family:var(--font-sans);font-weight:600;font-size:12px;cursor:pointer}.tweak-chip.on{background:var(--sunset);border-color:var(--sunset)}.ph{width:100%;height:100%;position:relative}.ph.p-forest{background:linear-gradient(160deg,#a6cca3,#5c8f63)}.ph.p-ocean{background:linear-gradient(160deg,#a9d3ea,#2d6b93)}.ph.p-space{background:linear-gradient(160deg,#5e4a82,#1e1843)}.ph.p-castle{background:linear-gradient(160deg,#c9b6d6,#6b4a78)}.ph.p-pirate{background:linear-gradient(160deg,#f2a277,#8a4422)}.ph.p-lab{background:linear-gradient(160deg,#b6d6cc,#3e7d6a)}.ph.p-sunset{background:linear-gradient(160deg,#f7db96,#e9663a)}.ph.p-cliff{background:linear-gradient(180deg,#ffd4af,#f2a277 40%,#8a4422)}.ph.p-cave{background:linear-gradient(160deg,#2e2a3c,#6a4b82)}.ph.p-bridge{background:linear-gradient(160deg,#c6dce8,#5aa8d6)}.ph.p-knight{background:linear-gradient(160deg,#ebd0b0,#b88a58)}.ph.p-fox{background:linear-gradient(160deg,#f4b080,#d96935)}.ph.p-wizard{background:linear-gradient(160deg,#cda6d6,#5a3478)}.ph.p-diver{background:linear-gradient(160deg,#a0c8e5,#1c4e7a)}.ph.p-explorer{background:linear-gradient(160deg,#d4bfa0,#8a6c3e)}.ph.p-pirate2{background:linear-gradient(160deg,#b6b6b6,#5a4a3e)}.ph.p-dragon{background:linear-gradient(160deg,#f2936d,#a83515)}.ph.p-inventor{background:linear-gradient(160deg,#e6d08a,#9b7a2a)}.ph.p-time{background:linear-gradient(160deg,#b8c5dc,#4b5a82)}.ph .stripes{position:absolute;top:18px;right:18px;bottom:18px;left:18px;border-radius:12px;background:repeating-linear-gradient(45deg,#ffffff29 0,#ffffff29 8px,#fff0 8px,#fff0 16px)}.ph .silhouette{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);opacity:.6}.ph.p-cliff:after{content:"";position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(to top,#8A4422,transparent)}.ph.p-cave:before{content:"";position:absolute;width:56%;height:56%;top:22%;left:22%;background:radial-gradient(ellipse at center,#1a0f2d 30%,transparent 70%);border-radius:50%}.custom-card{border:3px dashed var(--ink-4);border-radius:var(--r-md);background:#ffffff80;padding:18px 20px;display:grid;gap:12px;transition:all .15s ease}.custom-card:hover{border-color:var(--sunset);background:#fff}.custom-card.filled{border-style:solid;border-color:var(--sunset);background:#fff;box-shadow:0 4px 0 var(--sunset-deep)}.custom-card .cc-head{display:flex;align-items:center;gap:10px}.custom-card .cc-glyph{width:36px;height:36px;border-radius:10px;background:var(--sunlight-soft);color:var(--sunset-deep);display:grid;place-items:center;flex-shrink:0}.custom-card .cc-title{font-family:var(--font-display);font-weight:800;font-size:18px;color:var(--ink-1);margin:0}.custom-card .cc-sub{font-size:12px;color:var(--ink-3);margin:2px 0 0;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em}.custom-input-wrap{position:relative}.custom-input{width:100%;border:2.5px solid var(--ink-1);background:#fff;border-radius:var(--r-md);padding:14px 54px 14px 18px;font-family:var(--font-display);font-weight:700;font-size:20px;color:var(--ink-1);box-shadow:0 4px 0 var(--ink-1);outline:none}.custom-input::placeholder{color:var(--ink-4);font-style:italic;font-weight:500}.mic-inline{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;background:var(--sky);color:#fff;border:0;display:grid;place-items:center;cursor:pointer;box-shadow:0 3px 0 var(--sky-deep)}.mic-inline.listening{background:var(--sunset);box-shadow:0 3px 0 var(--sunset-deep);animation:micPulse .9s infinite}@keyframes micPulse{50%{transform:translateY(-50%) scale(1.08)}}@keyframes shakeX{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.trait-chips{display:flex;gap:6px;flex-wrap:wrap}.trait-chip{background:#fff;border:2px solid var(--cream-3);border-radius:var(--r-pill);padding:7px 14px;font-family:var(--font-display);font-weight:700;font-size:13px;color:var(--ink-1);cursor:pointer}.trait-chip.on{background:var(--sunset);border-color:var(--sunset-deep);color:#fff}.trait-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin-bottom:6px}.setup-split{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;min-height:0;overflow-y:auto;align-content:start}.setup-split .heroes,.setup-split .power-grid,.setup-split .settings-grid{align-content:start}.setup-split .heroes{grid-template-columns:repeat(3,1fr)}.setup-split .power-grid{grid-template-columns:repeat(2,1fr)}.setup-split .settings-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:auto}.or-divider{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);text-align:center;padding:4px 0}.weather-row{display:flex;gap:6px;flex-wrap:wrap}.weather-chip{background:#fff;border:2px solid var(--cream-3);border-radius:var(--r-pill);padding:8px 14px;font-family:var(--font-display);font-weight:700;font-size:13px;color:var(--ink-1);cursor:pointer;display:inline-flex;align-items:center;gap:6px}.weather-chip.on{background:var(--sky);border-color:var(--sky-deep);color:#fff}.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.problem-tile{background:var(--cream-0);border:3px solid transparent;border-radius:var(--r-md);padding:16px 18px;cursor:pointer;transition:transform .15s ease,border-color .15s ease;display:flex;align-items:center;gap:12px;min-height:78px;text-align:left}.problem-tile:hover{transform:translateY(-2px)}.problem-tile.selected{border-color:var(--sunset);background:#fff;box-shadow:0 5px 0 var(--sunset-deep)}.problem-tile .p-glyph{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;flex-shrink:0}.problem-tile .p-name{font-family:var(--font-display);font-weight:700;font-size:15px;color:var(--ink-1);line-height:1.2}.chip.custom{background:var(--sunlight-soft);color:var(--sunset-deep)}.madlib-inline-input{display:inline-block;min-width:140px;padding:2px 10px;background:var(--sunlight-soft);border:0;border-bottom:3px solid var(--sunset);border-radius:6px;font-family:var(--font-display);font-weight:800;font-size:22px;color:var(--sunset-deep);text-align:center;outline:none;vertical-align:baseline}.madlib-inline-input::placeholder{color:var(--ink-4);font-style:italic;font-weight:500}.madlib-mic{display:inline-grid;place-items:center;width:30px;height:30px;margin-left:6px;border-radius:50%;background:var(--sky);color:#fff;border:0;cursor:pointer;vertical-align:middle;box-shadow:0 2px 0 var(--sky-deep)}.suggestions-label{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin:10px 0 6px}.else-input-row{display:flex;align-items:center;gap:8px;margin-top:10px;padding:10px 12px;background:var(--cream-1);border:2px dashed var(--ink-4);border-radius:var(--r-md)}.else-input-row.filled{border-style:solid;border-color:var(--sunset);background:#fff}.else-input-row .else-label{font-family:var(--font-display);font-weight:700;font-size:14px;color:var(--ink-2);white-space:nowrap;flex-shrink:0}.else-input{flex:1;border:0;background:transparent;font-family:var(--font-display);font-weight:700;font-size:15px;color:var(--ink-1);outline:none;min-width:0}.else-input::placeholder{color:var(--ink-4);font-style:italic;font-weight:500}.else-mic{width:30px;height:30px;border-radius:50%;background:var(--sky);color:#fff;border:0;display:grid;place-items:center;cursor:pointer;flex-shrink:0;box-shadow:0 2px 0 var(--sky-deep)}.item-card.else-card{border:3px dashed var(--ink-4);background:#ffffff80;display:grid;gap:8px;padding:12px}.item-card.else-card.filled{border-style:solid;border-color:var(--sunset);background:#fff;box-shadow:0 4px 0 var(--sunset-deep)}.item-card.else-card .item-art{background:var(--sunlight-soft);display:grid;place-items:center;color:var(--sunset-deep)}.item-card.else-card input{border:2px solid var(--cream-3);border-radius:10px;padding:8px 10px;font-family:var(--font-display);font-weight:700;font-size:14px;color:var(--ink-1);outline:none;width:100%;text-align:center}.item-card.else-card.filled input{border-color:var(--sunset)}.vocab{background:linear-gradient(transparent 65%,var(--sunlight-soft) 65%);padding:0 2px;font-weight:700;cursor:pointer;border-radius:3px;position:relative;transition:background .2s ease}.vocab:hover{background:linear-gradient(transparent 55%,var(--sunlight) 55%)}.vocab:after{content:"✨";font-size:10px;margin-left:2px;opacity:.6;vertical-align:super}.vocab-tooltip{position:absolute;left:50%;bottom:calc(100% + 10px);transform:translate(-50%);background:var(--cream-0);border:2px solid var(--ink-1);border-radius:var(--r-md);padding:12px 14px;width:220px;box-shadow:var(--shadow-lift);z-index:20;text-align:left}.vocab-tooltip:before{content:"";position:absolute;bottom:-9px;left:50%;transform:translate(-50%);width:12px;height:12px;background:var(--cream-0);border-right:2px solid var(--ink-1);border-bottom:2px solid var(--ink-1);rotate:45deg}.vocab-tooltip .vt-word{font-family:var(--font-display);font-weight:800;font-size:17px;color:var(--sunset-deep);margin:0 0 4px}.vocab-tooltip .vt-def{font-family:var(--font-sans);font-weight:600;font-size:14px;line-height:1.35;color:var(--ink-2);margin:0}.vocab-tooltip .vt-kicker{font-family:var(--font-mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin:0 0 2px}.setup-step{overflow:hidden}.setup-step>.setup-split,.setup-step>.heroes,.setup-step>.power-grid,.setup-step>.settings-grid,.setup-step>.problem-grid{overflow-y:auto;min-height:0;padding-right:4px}.name-lines{display:flex;flex-direction:column;justify-content:center;gap:2px;min-width:0}.name-lines>p{margin:0}.name-lines .tag{margin-top:4px}.hero-tile>div:last-child,.setting-tile .label,.problem-tile>div:last-child{min-width:0}.hero-tile>div:last-child{display:flex;flex-direction:column;justify-content:center;gap:2px}.ht-name,.ht-sub{margin:0}.flex{display:flex}.gap-8{gap:8px}.items-center{align-items:center}.hint{font-family:var(--font-mono);font-size:11px;color:var(--ink-3);letter-spacing:.06em;text-transform:uppercase}.playback-bar{display:flex;align-items:center;gap:10px;height:44px;padding:0 8px 0 6px;background:var(--cream-1);border:1px solid var(--cream-3);border-radius:var(--r-sm);box-shadow:var(--shadow-soft);margin-bottom:10px;animation:pb-in .2s ease both}@keyframes pb-in{0%{opacity:0;transform:translateY(-4px)}}.pb-play{width:36px;height:36px;border-radius:50%;background:#fff;border:2px solid var(--ink-1);box-shadow:0 2px 0 var(--ink-1);display:grid;place-items:center;cursor:pointer;color:var(--ink-3);flex-shrink:0;transition:all .15s ease}.pb-play.playing{color:var(--sunset);border-color:var(--sunset-deep);box-shadow:0 2px 0 var(--sunset-deep)}.pb-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin-right:2px}.pb-speeds{display:flex;gap:4px;align-items:center;margin-left:auto;background:var(--cream-2);border-radius:var(--r-pill);padding:3px}.pb-speed{border:0;background:transparent;padding:5px 12px;border-radius:var(--r-pill);font-family:var(--font-sans);font-weight:700;font-size:11px;color:var(--ink-3);cursor:pointer;letter-spacing:.02em}.pb-speed.on{background:var(--sunset);color:#fff;box-shadow:0 1px 0 var(--sunset-deep)}.word-span{border-radius:3px;padding:0 1px}.word-span.active{background:linear-gradient(transparent 65%,var(--sunlight-soft) 65%)}.story-text.narrating .vocab{background:linear-gradient(transparent 60%,var(--sky-soft) 60%)}.story-text.narrating .vocab.active{background:linear-gradient(transparent 65%,var(--sunlight-soft) 65%),linear-gradient(transparent 60%,var(--sky-soft) 60%)}@keyframes page-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.turn-page.pulse{animation:page-pulse 1.5s ease-in-out infinite}.arena{display:grid;grid-template-rows:auto 1fr;gap:18px;height:100%;min-height:0;padding:4px 0 0}.arena-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 4px}.seg{display:inline-flex;gap:4px;padding:5px;background:var(--cream-1);border-radius:var(--r-pill);box-shadow:inset 0 1px #fff8,0 2px 6px #2f1e0c0a}.seg-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border:none;background:transparent;border-radius:var(--r-pill);font-family:var(--font-sans);font-weight:700;font-size:14px;color:var(--ink-3);cursor:pointer;transition:all .18s ease}.seg-btn:hover{color:var(--ink-1)}.seg-btn.on{background:var(--ink-1);color:var(--cream-0);box-shadow:0 3px 8px #00000026}.collection-count{display:flex;align-items:center;gap:10px}.cc-num{font-family:var(--font-mono);font-size:13px;color:var(--ink-2);font-weight:500}.cc-bar{width:80px;height:4px;background:var(--cream-3);border-radius:var(--r-pill);overflow:hidden}.cc-fill{height:100%;background:var(--sunlight);border-radius:var(--r-pill);transition:width .4s ease}.arena-body{min-height:0;overflow:auto;padding:0 2px 12px;position:relative}.cr-pad{display:grid;place-items:center;position:relative;border-radius:50%}.cr-pad.silhouette{background:radial-gradient(circle,var(--cream-2),var(--cream-3) 80%)}.cr-pad.bob{animation:bob 2.6s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.cr-glow{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;animation:pulse-glow 2.4s ease-in-out infinite;pointer-events:none;z-index:-1}@keyframes pulse-glow{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.08)}}.cr-grid-wrap{display:flex;flex-direction:column;gap:18px;padding-bottom:60px}.cr-group-head{display:flex;align-items:center;gap:10px;padding:0 6px 8px}.cr-group-head .dot{width:10px;height:10px;border-radius:50%}.cr-group-label{font-family:var(--font-display);font-weight:700;font-size:18px;color:var(--ink-1);flex:1}.cr-group-count{font-family:var(--font-mono);font-size:12px;color:var(--ink-3)}.cr-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.cr-cell{background:var(--cream-1);border:none;border-top:4px solid var(--cream-3);border-radius:var(--r-md);box-shadow:var(--shadow-soft);padding:10px 8px 12px;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.cr-cell:hover{transform:translateY(-2px);box-shadow:var(--shadow-lift)}.cr-cell.locked{opacity:.7}.cr-name{font-family:var(--font-sans);font-weight:700;font-size:12px;color:var(--ink-1);text-align:center;line-height:1.1}.cr-cell.locked .cr-name{color:var(--ink-4)}.cr-dots{display:flex;gap:4px}.cr-dot{width:6px;height:6px;border-radius:50%;background:transparent;border:1.5px solid var(--ink-4)}.cr-dot.on{border:none}.demo-trigger{position:sticky;bottom:0;align-self:center;margin:0 auto;display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:var(--cream-1);border:2px dashed var(--ink-4);border-radius:var(--r-pill);font-family:var(--font-mono);font-size:11px;color:var(--ink-3);cursor:pointer;letter-spacing:.06em;text-transform:uppercase}.demo-trigger:hover{background:var(--cream-2);color:var(--ink-1)}.cr-detail{display:flex;flex-direction:column;gap:16px;padding-bottom:20px}.back-btn{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;padding:8px 14px 8px 10px;background:var(--cream-1);border:none;border-radius:var(--r-pill);font-family:var(--font-sans);font-weight:700;font-size:13px;color:var(--ink-2);cursor:pointer;box-shadow:var(--shadow-soft)}.back-btn:hover{color:var(--ink-1)}.cr-detail-top{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:24px;padding:22px 28px;border-radius:var(--r-lg);position:relative}.cr-detail-top>*{position:relative;z-index:1}.cr-detail-top .cr-pad{grid-row:1 / 4}.cr-title{font-family:var(--font-display);font-weight:700;font-size:30px;color:var(--ink-1);margin:0;letter-spacing:-.01em;align-self:end}.cr-badge{justify-self:start;display:inline-block;padding:5px 14px;border-radius:var(--r-pill);font-family:var(--font-sans);font-weight:700;font-size:11px;color:#fff;text-transform:uppercase;letter-spacing:.06em}.evo-dots{justify-self:start;display:flex;align-items:center;gap:6px;align-self:start}.evo-dot{width:10px;height:10px;border-radius:50%;background:transparent;border:2px solid var(--ink-4)}.evo-dot.on{border:none}.evo-label{margin-left:6px;font-family:var(--font-mono);font-size:11px;color:var(--ink-3)}.cr-panels{display:grid;grid-template-columns:1fr 1.2fr;gap:14px}.cr-panels .evo-panel{grid-column:1 / -1}.cr-panel{background:var(--cream-1);border-radius:var(--r-md);padding:16px 18px;box-shadow:var(--shadow-soft)}.cr-panel-head{font-family:var(--font-display);font-weight:700;font-size:15px;color:var(--ink-1);margin-bottom:12px;letter-spacing:-.01em}.stat-row{display:grid;grid-template-columns:20px 70px 1fr 36px;align-items:center;gap:10px;padding:4px 0}.stat-ic{display:grid;place-items:center}.stat-label{font-family:var(--font-sans);font-weight:700;font-size:12px;color:var(--ink-2)}.stat-bar{height:8px;background:var(--cream-3);border-radius:var(--r-pill);overflow:hidden}.stat-fill{height:100%;border-radius:var(--r-pill);transition:width .4s ease}.stat-num{font-family:var(--font-mono);font-size:13px;color:var(--ink-2);text-align:right;font-weight:500}.skill-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.skill-slot{border-radius:var(--r-md);padding:10px 12px;min-height:58px;display:flex;flex-direction:column;justify-content:center;gap:3px;overflow:hidden}.skill-slot.unlocked{background:var(--cream-0);border:2px solid}.skill-slot.locked{background:var(--cream-2);border:2px dashed var(--cream-3);flex-direction:row;align-items:center;justify-content:center;gap:6px;color:var(--ink-4)}.sk-row{display:flex;align-items:center;gap:6px;min-width:0}.sk-name{font-family:var(--font-sans);font-weight:700;font-size:13px;color:var(--ink-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sk-pow{font-family:var(--font-mono);font-size:11px;color:var(--ink-3);margin-left:22px;letter-spacing:.04em}.sk-lock{font-family:var(--font-sans);font-size:11px;font-weight:700}.evo-bar{height:10px;background:var(--cream-3);border-radius:var(--r-pill);overflow:hidden;margin-bottom:8px}.evo-fill{height:100%;border-radius:var(--r-pill);transition:width .4s ease}.evo-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.evo-hint{font-family:var(--font-sans);font-size:12px;color:var(--ink-3)}.evo-acc{font-family:var(--font-mono);font-size:14px;font-weight:600}.garden{display:flex;flex-direction:column;gap:14px}.garden-head-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.water-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:var(--sky-soft);border-radius:var(--r-pill);font-family:var(--font-sans);font-weight:700;font-size:13px;color:var(--sky-deep)}.water-chip .muted{font-weight:400;color:var(--sky-deep);opacity:.7;font-size:11px}.inv-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;background:var(--cream-1);border:none;border-radius:var(--r-pill);font-family:var(--font-sans);font-weight:700;font-size:13px;color:var(--ink-1);cursor:pointer;box-shadow:var(--shadow-soft)}.garden-grid{margin:4px auto;display:grid;grid-template-columns:repeat(3,130px);grid-template-rows:repeat(3,130px);gap:12px;padding:22px;background:linear-gradient(180deg,#7fa06b2e,#7fa06b0a 60%,#c99e2a1f),var(--cream-1);border-radius:var(--r-lg);box-shadow:var(--shadow-soft);position:relative}.plot{position:relative;border-radius:var(--r-md);display:grid;place-items:center}.plot.empty{background:radial-gradient(circle at 30% 30%,rgba(0,0,0,.04),transparent 50%),var(--cream-3);border:2px dashed #B89869;color:#9a7a4e;cursor:pointer;transition:background .18s ease,transform .15s ease}.plot.empty:hover{background:var(--cream-2);transform:scale(1.03)}.plot.planted{background:radial-gradient(circle at 50% 75%,#8d6b42,#6e5030 70%,#5a3f20);box-shadow:inset 0 -4px 8px #00000026}.plot-ring{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.plot-ring svg{width:100%;height:100%}.plant-emoji{font-size:52px;line-height:1;filter:drop-shadow(0 2px 3px rgba(0,0,0,.2));transition:transform .3s ease}.plot.ready .plant-emoji{animation:ready-pulse 1.8s ease-in-out infinite}@keyframes ready-pulse{0%,to{filter:drop-shadow(0 0 0 transparent) drop-shadow(0 2px 3px rgba(0,0,0,.2))}50%{filter:drop-shadow(0 0 8px var(--moss)) drop-shadow(0 2px 3px rgba(0,0,0,.2))}}.harvest-badge{position:absolute;bottom:-10px;left:50%;transform:translate(-50%);padding:5px 12px;background:var(--moss);color:#fff;border:none;border-radius:var(--r-pill);font-family:var(--font-sans);font-weight:700;font-size:11px;cursor:pointer;box-shadow:0 3px #5c7d4b,var(--shadow-soft);white-space:nowrap}.harvest-badge:active{transform:translate(-50%) translateY(2px);box-shadow:0 1px #5c7d4b}.plot-timer{position:absolute;bottom:6px;left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:10px;color:#fff;opacity:.85;text-shadow:0 1px 2px rgba(0,0,0,.4);white-space:nowrap}.watered-ic{position:absolute;top:6px;right:6px;width:22px;height:22px;background:var(--sky-soft);border-radius:50%;display:grid;place-items:center;box-shadow:0 2px 4px #00000026}.water-dot{position:absolute;top:6px;left:6px;width:22px;height:22px;background:var(--sky);color:#fff;border:none;border-radius:50%;display:grid;place-items:center;cursor:pointer;box-shadow:0 2px 0 var(--sky-deep)}.seed-tray-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#1f1a1466;display:flex;align-items:flex-end;justify-content:center;padding:0;z-index:10;animation:fade-in .2s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.seed-tray{width:100%;max-width:100%;background:var(--cream-0);border-radius:var(--r-lg) var(--r-lg) 0 0;box-shadow:var(--shadow-lift);padding:22px 28px 26px;animation:slide-up .25s cubic-bezier(.2,.9,.3,1.2)}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.tray-head{font-family:var(--font-display);font-weight:700;font-size:18px;color:var(--ink-1);margin-bottom:14px}.tray-row{display:flex;gap:10px;overflow-x:auto}.seed-card{flex:0 0 auto;width:110px;padding:10px 8px 12px;background:var(--cream-1);border:2px solid transparent;border-radius:var(--r-md);cursor:pointer;position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;transition:transform .15s ease,border-color .15s ease}.seed-card:hover{transform:translateY(-2px);border-color:var(--sunset-soft)}.seed-glyph{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-size:26px}.seed-name{font-family:var(--font-sans);font-weight:700;font-size:12px;color:var(--ink-1)}.seed-time{font-family:var(--font-mono);font-size:10px;color:var(--ink-3)}.qty-badge{position:absolute;top:6px;right:6px;padding:2px 7px;background:var(--sunlight);color:var(--ink-1);border-radius:var(--r-pill);font-family:var(--font-mono);font-size:10px;font-weight:600}.seed-tray.inv{padding:22px 28px 28px}.inv-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.inv-card{position:relative;background:var(--cream-1);border:1px solid var(--cream-3);border-radius:var(--r-md);padding:10px 8px 12px;display:flex;flex-direction:column;align-items:center;gap:6px}.inv-glyph{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-size:26px}.inv-name{font-family:var(--font-sans);font-weight:700;font-size:12px;color:var(--ink-1);text-align:center}.harvest-card{width:320px;background:var(--cream-0);border-radius:var(--r-lg);padding:24px 28px 28px;box-shadow:var(--shadow-lift);text-align:center;align-self:center;margin-bottom:40px;animation:pop-in .3s cubic-bezier(.2,.9,.3,1.4)}@keyframes pop-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.harvest-glyph{font-size:44px}.harvest-title{font-family:var(--font-display);font-weight:700;font-size:24px;color:var(--sunset-deep);margin:6px 0 10px}.harvest-row{font-family:var(--font-sans);font-size:15px;color:var(--ink-2);margin-bottom:18px}.harvest-collect{padding:12px 28px;background:var(--moss);color:#fff;border:none;border-radius:var(--r-pill);font-family:var(--font-sans);font-weight:700;font-size:15px;cursor:pointer;box-shadow:0 5px #5c7d4b,var(--shadow-soft)}.battle-lobby{display:flex;flex-direction:column;gap:22px}.lobby-head{font-family:var(--font-display);font-weight:700;font-size:20px;color:var(--ink-1);margin:0 0 12px;letter-spacing:-.01em}.fighter-row{display:flex;gap:12px;overflow-x:auto;padding:4px 2px 10px}.fighter-card{flex:0 0 auto;width:150px;padding:12px 10px 14px;background:var(--cream-1);border:3px solid transparent;border-radius:var(--r-md);cursor:pointer;box-shadow:var(--shadow-soft);display:flex;flex-direction:column;align-items:center;gap:4px;transition:all .15s ease}.fighter-card:hover{transform:translateY(-2px)}.fighter-card.on{border-color:var(--sunset);box-shadow:0 6px 0 var(--sunset-deep),var(--shadow-lift);transform:translateY(-4px)}.fighter-name{font-family:var(--font-sans);font-weight:700;font-size:14px;color:var(--ink-1)}.fighter-lvl{font-family:var(--font-mono);font-size:11px;color:var(--ink-3)}.opp-stack{display:flex;flex-direction:column;gap:12px}.opp-card{background:var(--cream-1);border-radius:var(--r-lg);padding:18px 20px;box-shadow:var(--shadow-soft);position:relative}.opp-card.daily{border:2px solid var(--sky)}.opp-card.boss{border:3px solid var(--sunset);background:linear-gradient(135deg,var(--cream-1) 60%,var(--sunset-soft) 160%)}.opp-kicker{font-family:var(--font-mono);font-size:10px;color:var(--sky-deep);text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px;font-weight:500}.opp-kicker.boss-kicker{color:var(--sunset-deep)}.opp-main{display:flex;align-items:center;gap:18px}.opp-info{flex:1}.opp-name{font-family:var(--font-display);font-weight:700;font-size:18px;color:var(--ink-1);margin-bottom:6px}.opp-meta{display:flex;align-items:center;gap:10px}.opp-stars{color:var(--sunlight);font-size:14px;letter-spacing:.06em}.opp-stars .dim{color:var(--cream-3)}.opp-dom{padding:3px 10px;border-radius:var(--r-pill);font-family:var(--font-sans);font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.05em}.opp-hint{font-family:var(--font-sans);font-size:12px;color:var(--ink-3);margin-top:6px}.battle-btn{padding:12px 22px;background:var(--sunset);color:#fff;border:none;border-radius:var(--r-pill);font-family:var(--font-sans);font-weight:700;font-size:14px;cursor:pointer;box-shadow:0 5px 0 var(--sunset-deep),var(--shadow-soft);white-space:nowrap}.battle-btn:active{transform:translateY(2px);box-shadow:0 3px 0 var(--sunset-deep)}.battle-btn:disabled{background:var(--cream-3);color:var(--ink-4);box-shadow:0 3px 0 var(--cream-3);cursor:not-allowed}.battle-screen{display:flex;flex-direction:column;gap:10px;height:100%}.battlefield{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:24px 30px;border-radius:var(--r-lg);box-shadow:var(--shadow-soft);position:relative;overflow:hidden}.fighter-slot{display:flex;flex-direction:column;align-items:center;gap:6px;position:relative;transition:transform .15s ease}.fighter-slot.shake{animation:hit-shake .25s ease}@keyframes hit-shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.slot-name{font-family:var(--font-display);font-weight:700;font-size:16px;color:var(--ink-1);white-space:nowrap}.hp-bar{position:relative;width:180px;height:16px;background:#eadab699;border-radius:var(--r-pill);overflow:hidden;border:1px solid rgba(0,0,0,.08)}.hp-fill{height:100%;border-radius:var(--r-pill);transition:width .45s ease}.hp-txt{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-family:var(--font-mono);font-size:10px;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.4)}.vs{font-family:var(--font-display);font-style:italic;font-weight:700;font-size:26px;color:var(--ink-3);opacity:.5}.dmg-num{position:absolute;top:20%;left:50%;transform:translate(-50%);font-family:var(--font-display);font-weight:700;font-size:32px;color:var(--sunset-deep);text-shadow:0 2px 4px rgba(0,0,0,.2);animation:dmg-rise .7s ease-out;pointer-events:none}@keyframes dmg-rise{0%{opacity:0;transform:translate(-50%) translateY(0)}20%{opacity:1}to{opacity:0;transform:translate(-50%) translateY(-50px)}}.battle-log{background:#fbf2e2d9;border-radius:var(--r-md);padding:10px 20px;font-family:var(--font-sans);font-size:14px;color:var(--ink-1);text-align:center;box-shadow:var(--shadow-soft)}.skill-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.skill-btn{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--cream-0);border:none;border-left:5px solid var(--cream-3);border-radius:var(--r-md);cursor:pointer;box-shadow:0 4px #00000014,var(--shadow-soft);min-height:56px;transition:transform .1s ease}.skill-btn:not(:disabled):active{transform:translateY(2px);box-shadow:0 2px #00000014}.skill-btn.locked{opacity:.5;cursor:not-allowed;justify-content:center;color:var(--ink-4)}.skill-btn:disabled{cursor:not-allowed}.sb-name{flex:1;text-align:left;font-family:var(--font-sans);font-weight:700;font-size:15px;color:var(--ink-1)}.sb-pow{width:32px;height:32px;background:var(--cream-2);border-radius:50%;display:grid;place-items:center;font-family:var(--font-mono);font-size:13px;font-weight:600;color:var(--ink-2)}.item-row{display:flex;gap:10px;align-items:center}.item-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:var(--cream-1);border:none;border-radius:var(--r-pill);font-family:var(--font-sans);font-weight:700;font-size:12px;color:var(--ink-1);cursor:pointer;box-shadow:var(--shadow-soft)}.item-btn:disabled{opacity:.5;cursor:not-allowed}.item-ic{font-size:16px}.item-qty{font-family:var(--font-mono);font-size:10px;color:var(--ink-3)}.flee-btn{margin-left:auto;padding:8px 16px;background:transparent;border:2px solid var(--ink-4);border-radius:var(--r-pill);font-family:var(--font-sans);font-weight:700;font-size:12px;color:var(--ink-3);cursor:pointer}.battle-result{display:grid;place-items:center;height:100%}.result-card{width:420px;background:var(--cream-1);border-radius:var(--r-lg);padding:28px 32px 30px;box-shadow:var(--shadow-lift);text-align:center;animation:slide-up .3s cubic-bezier(.2,.9,.3,1.2)}.result-title{font-family:var(--font-display);font-weight:700;font-size:30px;margin-bottom:12px;letter-spacing:-.01em}.result-creature{display:grid;place-items:center;margin-bottom:10px}.result-creature.bounce{animation:victory-bounce .6s ease}@keyframes victory-bounce{0%,to{transform:scale(1)}30%{transform:scale(1.12)}50%{transform:scale(.98)}70%{transform:scale(1.06)}}.xp-row{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:16px}.xp-kicker{font-family:var(--font-mono);font-size:11px;color:var(--ink-3);text-transform:uppercase;letter-spacing:.08em}.xp-num{font-family:var(--font-display);font-weight:700;font-size:24px}.rewards{display:flex;justify-content:center;gap:10px;margin-bottom:18px}.reward-card{position:relative;width:92px;padding:10px;background:var(--cream-0);border-radius:var(--r-md);box-shadow:var(--shadow-soft)}.reward-card span{font-size:26px}.reward-card p{font-family:var(--font-sans);font-size:11px;color:var(--ink-2);font-weight:700;margin:2px 0 0}.result-hint{font-family:var(--font-sans);font-size:14px;color:var(--ink-3);margin-bottom:18px;text-wrap:pretty}.result-actions{display:flex;gap:10px;justify-content:center}.result-actions .big-btn{padding:12px 20px;font-size:14px}.discovery-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#1f1a14a6;display:grid;place-items:center;z-index:50;animation:fade-in .3s ease}.disc-card{width:440px;background:var(--cream-0);border-radius:var(--r-lg);padding:28px 32px 30px;box-shadow:var(--shadow-lift);text-align:center;animation:pop-in .4s cubic-bezier(.2,.9,.3,1.4)}.disc-kicker{font-family:var(--font-mono);font-size:11px;color:var(--sunset-deep);text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px;font-weight:500}.disc-title{font-family:var(--font-display);font-weight:700;font-style:italic;font-size:26px;color:var(--sunset-deep);margin-bottom:18px;letter-spacing:-.01em}.disc-stage{position:relative;height:180px;display:grid;place-items:center}.egg{font-size:110px;filter:drop-shadow(0 8px 12px rgba(0,0,0,.15))}.egg.cracking{animation:egg-shake .2s ease-in-out 6}@keyframes egg-shake{0%,to{transform:rotate(0)}50%{transform:rotate(8deg)}}.burst{position:absolute;top:50%;left:50%;width:0;height:0}.particle{position:absolute;top:0;left:0;width:8px;height:8px;border-radius:50%;opacity:0;animation:burst-out .7s ease-out forwards}@keyframes burst-out{0%{opacity:1;transform:rotate(0) translateY(0) scale(1)}to{opacity:0;transform:var(--_dest, rotate(0) translateY(-120px)) scale(.3)}}.disc-creature{position:absolute;animation:pop-in .5s cubic-bezier(.2,.9,.3,1.5)}.disc-name{font-family:var(--font-display);font-weight:700;font-size:22px;color:var(--ink-1);margin:8px 0 6px}.disc-type{display:inline-block;padding:4px 12px;border-radius:var(--r-pill);font-family:var(--font-sans);font-weight:700;font-size:11px;color:#fff;text-transform:uppercase;letter-spacing:.06em;margin-bottom:20px}.disc-actions{display:flex;gap:10px;justify-content:center}.disc-actions .big-btn{padding:12px 20px;font-size:14px}.practice-home{height:100%;overflow-y:auto;padding:28px 40px 40px}.practice-home::-webkit-scrollbar{width:10px}.practice-home::-webkit-scrollbar-thumb{background:var(--cream-3);border-radius:5px}.prac-head{text-align:center;margin-bottom:20px}.prac-kicker{font-family:var(--font-mono);font-size:11px;font-weight:500;color:var(--ink-3);letter-spacing:.12em;text-transform:uppercase}.prac-title{font-family:var(--font-display);font-weight:700;font-size:36px;color:var(--ink-1);margin:4px 0 2px;letter-spacing:-.01em}.prac-sub{font-family:var(--font-sans);font-weight:600;font-size:16px;color:var(--ink-3)}.daily-banner{display:flex;align-items:center;gap:20px;padding:16px 22px;background:var(--cream-1);border-radius:var(--r-lg);border-left:4px solid var(--sky);box-shadow:var(--shadow-soft);margin-bottom:22px;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease;position:relative}.daily-banner:hover{transform:translateY(-1px);box-shadow:var(--shadow-lift)}.daily-banner.done{background:color-mix(in srgb,var(--moss) 10%,var(--cream-1));border-left-color:var(--moss);cursor:default}.daily-banner.done:hover{transform:none;box-shadow:var(--shadow-soft)}.daily-glyph{width:44px;height:44px;border-radius:50%;background:var(--sky-soft);display:grid;place-items:center;color:var(--sky-deep);flex-shrink:0}.daily-banner.done .daily-glyph{background:var(--moss);color:#fff}.daily-copy{flex:1;min-width:0}.daily-copy .k{font-family:var(--font-mono);font-size:11px;color:var(--ink-3);letter-spacing:.08em;text-transform:uppercase}.daily-copy .t{font-family:var(--font-sans);font-weight:700;font-size:15px;color:var(--ink-1);margin-top:2px}.daily-copy .done-t{color:var(--moss);font-weight:800}.daily-rewards{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.daily-reward-icons{display:flex;gap:6px}.daily-reward-icons .coin{width:24px;height:24px;border-radius:50%;background:var(--sunlight);border:2px solid #C99E2A;display:grid;place-items:center;font-family:var(--font-mono);font-weight:700;font-size:11px;color:#5b4100}.daily-reward-icons .can{width:24px;height:24px;border-radius:6px;background:var(--sky-soft);border:2px solid var(--sky);display:grid;place-items:center;color:var(--sky-deep)}.daily-count{font-family:var(--font-mono);font-size:11px;color:var(--ink-4)}.topic-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:22px}.topic-card{background:var(--cream-1);border:3px solid var(--cream-3);border-radius:var(--r-md);padding:16px 14px 12px;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;box-shadow:var(--shadow-soft);transition:transform .18s ease,box-shadow .18s ease,border-color .18s;text-align:center;font-family:var(--font-sans);position:relative}.topic-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lift);border-color:#d9c69e}.topic-card.mastered{box-shadow:0 0 0 1px var(--moss) inset,var(--shadow-soft)}.topic-emoji{font-size:40px;line-height:1;margin-top:2px}.topic-name{font-weight:800;font-size:13px;color:var(--ink-1);margin-top:6px;margin-bottom:2px;line-height:1.15;min-height:30px;display:flex;align-items:center;justify-content:center;text-align:center}.topic-desc{font-weight:600;font-size:11px;color:var(--ink-3);min-height:30px;line-height:1.3;padding:0 2px;margin-top:2px}.topic-stars{display:flex;gap:2px;align-items:center;margin-top:2px}.topic-stars svg{display:block}.topic-stars .st{color:var(--ink-4);opacity:.45}.topic-stars .st.on{color:var(--sunlight);opacity:1;filter:drop-shadow(0 1px 2px rgba(242,193,78,.45))}.topic-badge{font-family:var(--font-mono);font-size:10px;color:var(--ink-4);letter-spacing:.04em}.topic-cr-row{display:flex;gap:4px;margin-top:8px;padding-top:10px;border-top:1px solid color-mix(in srgb,var(--cream-3) 70%,transparent);width:100%;justify-content:center}.mini-cr{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:15px;line-height:1;background:var(--cream-2)}.mini-cr.locked{filter:brightness(0) opacity(.25);background:var(--cream-3)}.prac-progress{text-align:center;margin-bottom:14px}.prac-progress .label{font-family:var(--font-sans);font-weight:600;font-size:13px;color:var(--ink-3);margin-bottom:6px}.prac-progress .bar{margin:0 auto;max-width:360px;height:6px;background:var(--cream-3);border-radius:var(--r-pill);overflow:hidden}.prac-progress .fill{height:100%;background:var(--sunset);border-radius:var(--r-pill);transition:width .5s ease}.streak{display:flex;align-items:center;justify-content:center;gap:14px;padding:10px 18px;background:var(--cream-1);border-radius:var(--r-pill);box-shadow:var(--shadow-soft);margin:0 auto;width:fit-content;font-family:var(--font-sans)}.streak-label{font-weight:700;font-size:13px;color:var(--ink-2);display:flex;align-items:center;gap:6px}.streak-label .ribbon{width:22px;height:22px;border-radius:50%;background:var(--sunlight);color:#5b4100;display:grid;place-items:center;animation:streak-pop 1.2s ease-out}@keyframes streak-pop{0%{transform:scale(0)}60%{transform:scale(1.2) rotate(8deg)}to{transform:scale(1) rotate(0)}}.streak-week{display:flex;gap:5px;align-items:center}.streak-dot{width:12px;height:12px;border-radius:50%;border:2px solid var(--cream-3);background:transparent;position:relative}.streak-dot.on{background:var(--sunset);border-color:var(--sunset)}.streak-dot .day-letter{position:absolute;top:14px;left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:9px;color:var(--ink-4)}.streak-count{font-weight:800;font-size:13px;color:var(--sunlight);font-family:var(--font-sans);padding-left:10px;border-left:1px solid var(--cream-3)}.round-start{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:radial-gradient(ellipse at center,var(--cream-2),var(--cream-0));animation:fadeIn .3s ease-out;z-index:5}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.round-start-inner{text-align:center;animation:slideUp .4s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.round-start .em{font-size:80px;line-height:1}.round-start .name{font-family:var(--font-display);font-weight:700;font-size:32px;color:var(--ink-1);margin-top:8px}.round-start .q5{font-family:var(--font-sans);font-weight:600;font-size:18px;color:var(--ink-3);margin-top:4px}.round-start .go{font-family:var(--font-display);font-weight:700;font-size:22px;color:var(--sunset);margin-top:18px;animation:pulse 1.1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.75;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}.round{display:flex;flex-direction:column;height:100%;padding:10px 24px 14px;font-family:var(--font-sans)}.round-topbar{display:flex;align-items:center;gap:16px;padding-bottom:8px;border-bottom:1px solid color-mix(in srgb,var(--cream-3) 50%,transparent);margin-bottom:10px}.back-exit{width:36px;height:36px;background:var(--cream-1);border:2px solid var(--cream-3);border-radius:50%;display:grid;place-items:center;cursor:pointer;color:var(--ink-2);transition:background .12s}.back-exit:hover{background:var(--cream-2)}.q-dots{display:flex;align-items:center;gap:10px;flex:1;justify-content:center}.q-dot{width:12px;height:12px;border-radius:50%;background:var(--cream-3);transition:transform .2s,background .2s}.q-dot.done{background:var(--sunset)}.q-dot.current{background:transparent;box-shadow:inset 0 0 0 2px var(--sunset);animation:dot-pulse 1.4s ease-in-out infinite}@keyframes dot-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.22)}}.q-dot.pop{animation:dot-pop .25s ease-out}@keyframes dot-pop{0%{transform:scale(1)}50%{transform:scale(1.35)}to{transform:scale(1)}}.topic-tag{display:flex;align-items:center;gap:6px;font-weight:600;font-size:13px;color:var(--ink-3)}.q-card-wrap{flex:1;min-height:0;display:flex;justify-content:center;padding-bottom:8px;overflow-y:auto}.q-card-wrap::-webkit-scrollbar{width:8px}.q-card-wrap::-webkit-scrollbar-thumb{background:var(--cream-3);border-radius:4px}.q-card{max-width:720px;width:100%;height:100%;background:var(--cream-1);border-radius:var(--r-lg);box-shadow:var(--shadow-soft);padding:14px 22px 12px;animation:slideUp .3s ease-out;display:flex;flex-direction:column;min-height:0}.q-card-head{flex:0 0 auto}.q-card-body{flex:1 1 auto;min-height:0}.q-card-foot{flex:0 0 auto;padding-top:10px;margin-top:6px;border-top:1px solid color-mix(in srgb,var(--cream-3) 60%,transparent);display:flex;justify-content:center}.q-card-foot .big-submit,.q-card-foot .next-btn{margin:0}.q-tag{display:inline-block;font-family:var(--font-mono);font-size:10px;color:var(--ink-3);background:var(--cream-2);padding:3px 10px;border-radius:var(--r-pill);letter-spacing:.06em;text-transform:uppercase;margin-bottom:8px}.q-text{font-family:var(--font-display);font-weight:500;font-size:21px;color:var(--ink-1);line-height:1.4;margin:0 0 10px}.q-prompt-pill{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-sans);font-weight:800;font-size:11px;color:#fff;background:var(--sky);padding:4px 12px;border-radius:var(--r-pill);letter-spacing:.04em;text-transform:uppercase;margin-bottom:14px}.mc-list{display:flex;flex-direction:column;gap:10px;margin-top:4px}.mc-btn{display:flex;align-items:center;gap:14px;padding:12px 18px;min-height:52px;background:var(--cream-0);border:2.5px solid var(--cream-3);border-radius:var(--r-md);cursor:pointer;font-family:var(--font-sans);font-weight:600;font-size:16px;color:var(--ink-1);text-align:left;transition:background .15s,border-color .15s,transform .1s}.mc-btn:hover:not(.locked){background:var(--cream-2);border-color:#d9c69e}.mc-btn .opt-circle{flex-shrink:0;width:32px;height:32px;border-radius:50%;background:var(--cream-2);color:var(--ink-2);font-weight:800;font-size:14px;display:grid;place-items:center;transition:background .15s,color .15s}.mc-btn.checkbox .opt-circle{border-radius:6px}.mc-btn.selected{background:color-mix(in srgb,var(--sky-soft) 50%,var(--cream-0));border-color:var(--sky)}.mc-btn.selected .opt-circle{background:var(--sky);color:#fff}.mc-btn.correct{background:color-mix(in srgb,var(--moss) 18%,var(--cream-0));border-color:var(--moss);animation:mc-bounce .32s ease-out}.mc-btn.correct .opt-circle{background:var(--moss);color:#fff}.mc-btn.incorrect{background:color-mix(in srgb,var(--sunset) 14%,var(--cream-0));border-color:var(--sunset)}.mc-btn.incorrect .opt-circle{background:var(--sunset);color:#fff}.mc-btn.locked{cursor:default}@keyframes mc-bounce{0%{transform:scale(1)}40%{transform:scale(1.02)}to{transform:scale(1)}}.eq-row{display:flex;align-items:center;justify-content:center;gap:12px;font-family:var(--font-mono);font-weight:700;font-size:32px;color:var(--ink-1);padding:24px 0 20px;flex-wrap:wrap}.eq-blank{min-width:80px;height:56px;padding:0 12px;background:var(--cream-0);border:3px solid var(--ink-1);border-radius:var(--r-sm);font-family:var(--font-mono);font-weight:700;font-size:28px;color:var(--ink-1);text-align:center;display:inline-grid;place-items:center;transition:border-color .2s,background .2s}.eq-blank.correct{background:color-mix(in srgb,var(--moss) 18%,var(--cream-0));border-color:var(--moss)}.eq-blank.incorrect{background:color-mix(in srgb,var(--sunset) 14%,var(--cream-0));border-color:var(--sunset)}.numpad{display:grid;grid-template-columns:repeat(3,72px);gap:10px;justify-content:center;margin:8px auto 0}.numpad button{height:56px;background:var(--cream-1);border:2.5px solid var(--cream-3);border-radius:var(--r-md);font-family:var(--font-sans);font-weight:800;font-size:22px;color:var(--ink-1);cursor:pointer;box-shadow:0 3px 0 var(--cream-3),var(--shadow-soft);transition:transform .08s,box-shadow .08s}.numpad button:hover{background:var(--cream-2)}.numpad button:active{transform:translateY(3px);box-shadow:0 0 0 var(--cream-3),var(--shadow-soft)}.numpad button.check{grid-column:span 3;background:var(--sunset);color:#fff;border-color:var(--sunset-deep);box-shadow:0 3px 0 var(--sunset-deep),var(--shadow-soft);font-size:18px}.numpad button.check:hover{background:var(--sunset-deep)}.numpad button.check:disabled{background:var(--cream-3);color:var(--ink-4);border-color:var(--cream-3);box-shadow:0 3px #c6b08a,var(--shadow-soft);cursor:not-allowed}.dd-hint{font-family:var(--font-sans);font-size:12px;font-weight:600;color:var(--ink-3);text-align:center;margin:0 0 8px;min-height:18px;letter-spacing:.02em}.dd-bank{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:14px;background:var(--cream-2);border-radius:var(--r-md);min-height:78px;margin:0 0 12px;transition:background .15s,border-color .15s,box-shadow .15s;border:2px dashed transparent}.dd-bank.over{background:color-mix(in srgb,var(--cream-3) 60%,var(--cream-0));border-color:var(--ink-3)}.dd-bank-empty{font-family:var(--font-mono);font-size:12px;color:var(--ink-4);align-self:center}.dd-chip{padding:12px 22px;min-height:44px;background:var(--cream-0);border:2px dashed var(--ink-1);border-radius:var(--r-md);font-family:var(--font-mono);font-weight:700;font-size:16px;color:var(--ink-1);cursor:grab;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:none;box-shadow:var(--shadow-soft);transition:box-shadow .15s,border-color .15s,background .15s}.dd-chip:active{cursor:grabbing}.dd-chip:disabled{cursor:default;opacity:.85}.dd-chip.is-source{opacity:.35;border-style:solid}.dd-chip.dragging{cursor:grabbing;border-style:solid;border-color:var(--sunset);background:color-mix(in srgb,var(--sunset-soft) 20%,var(--cream-0));box-shadow:var(--shadow-lift);transform:scale(1.04) rotate(-2deg)}.dd-slots{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:6px 0 4px}.dd-slot{min-height:76px;background:color-mix(in srgb,var(--cream-2) 70%,var(--cream-0));border:2px dashed var(--ink-4);border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;gap:6px;font-family:var(--font-mono);font-weight:500;font-size:11px;color:var(--ink-4);letter-spacing:.06em;text-transform:uppercase;padding:8px;-webkit-tap-highlight-color:transparent;transition:border-color .2s,background .2s;position:relative}.dd-slot .slot-label{position:absolute;top:6px;font-family:var(--font-mono);font-size:10px;color:var(--ink-4);letter-spacing:.06em;text-transform:uppercase}.dd-slot.over{border-color:var(--sky);background:color-mix(in srgb,var(--sky-soft) 30%,var(--cream-0));animation:dd-pulse .9s ease-in-out infinite}@keyframes dd-pulse{0%,to{border-color:var(--sky)}50%{border-color:var(--sky-deep)}}.dd-slot.filled .slot-label{display:none}.dd-slot.filled .dd-chip{border-style:solid;border-color:var(--ink-2);margin:0}.dd-slot.correct{border-color:var(--moss);background:color-mix(in srgb,var(--moss) 12%,var(--cream-0))}.dd-slot.incorrect{border-color:var(--sunset);background:color-mix(in srgb,var(--sunset) 12%,var(--cream-0))}.cr-input{width:100%;min-height:110px;max-height:160px;padding:14px 16px;background:var(--cream-0);border:3px solid var(--cream-3);border-radius:var(--r-md);font-family:var(--font-sans);font-size:15px;color:var(--ink-1);line-height:1.5;resize:vertical;outline:none;transition:border-color .2s}.cr-input:focus{border-color:var(--sky)}.cr-input::placeholder{color:var(--ink-4);font-style:italic}.cr-meta{display:flex;justify-content:flex-end;margin-top:6px}.char-count{font-family:var(--font-mono);font-size:11px;color:var(--ink-4)}.big-submit{display:block;margin:16px auto 0;padding:12px 28px;background:var(--sunset);color:#fff;border:0;border-radius:var(--r-pill);font-family:var(--font-sans);font-weight:800;font-size:15px;cursor:pointer;box-shadow:0 3px 0 var(--sunset-deep),var(--shadow-soft);transition:transform .08s}.big-submit:hover{background:var(--sunset-deep)}.big-submit:active{transform:translateY(2px);box-shadow:0 1px 0 var(--sunset-deep),var(--shadow-soft)}.big-submit:disabled{background:var(--cream-3);color:var(--ink-4);cursor:not-allowed;box-shadow:0 3px #c6b08a,var(--shadow-soft)}.feedback{margin-top:22px;padding-top:18px;border-top:1px solid color-mix(in srgb,var(--cream-3) 60%,transparent);display:flex;gap:14px;align-items:flex-start;animation:slideUp .32s ease-out;position:relative}.fb-circle{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:#fff;flex-shrink:0;animation:fb-pop .32s ease-out;position:relative;z-index:2}.fb-circle.correct{background:var(--moss)}.fb-circle.wrong{background:var(--sunset)}@keyframes fb-pop{0%{transform:scale(0)}60%{transform:scale(1.2)}to{transform:scale(1)}}.fb-body{flex:1}.fb-text{font-family:var(--font-sans);font-weight:600;font-size:15px;color:var(--ink-1);line-height:1.55}.try-similar{margin-top:8px;display:inline-block;font-family:var(--font-sans);font-weight:700;font-size:13px;color:var(--sky-deep);text-decoration:underline;background:none;border:0;cursor:pointer;padding:0}.next-wrap{margin-top:16px;display:flex;justify-content:flex-end}.next-btn{padding:10px 20px;background:var(--cream-1);border:2px solid var(--ink-1);border-radius:var(--r-pill);font-family:var(--font-sans);font-weight:700;font-size:14px;color:var(--ink-1);cursor:pointer;box-shadow:0 3px 0 var(--ink-2);transition:transform .1s}.next-btn:hover{background:var(--cream-2)}.next-btn:active{transform:translateY(2px);box-shadow:0 1px 0 var(--ink-2)}.confetti{position:absolute;pointer-events:none;top:0;right:0;bottom:0;left:0}.confetti span{position:absolute;width:6px;height:6px;border-radius:1px;top:20px;left:20px;animation:confetti-fall .9s ease-out forwards}@keyframes confetti-fall{0%{opacity:1;transform:translate(0) rotate(0)}to{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(var(--rot))}}.results{padding:24px 40px 30px;height:100%;overflow-y:auto}.results-card{max-width:720px;margin:0 auto;background:var(--cream-1);border-radius:var(--r-lg);box-shadow:var(--shadow-soft);padding:28px 32px;font-family:var(--font-sans);animation:slideUp .3s ease-out}.score-head{text-align:center;margin-bottom:18px}.big-score{font-family:var(--font-display);font-weight:800;font-size:54px;line-height:1;color:var(--sunset)}.big-score.meh{color:var(--ink-1)}.score-msg{font-family:var(--font-display);font-weight:600;font-size:22px;color:var(--ink-2);margin-top:4px}.star-earn{margin:14px auto 0;max-width:440px;padding:10px 16px;background:color-mix(in srgb,var(--sunlight) 14%,var(--cream-0));border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;gap:10px;color:#6a4f14;font-family:var(--font-display);font-size:16px;font-weight:600;animation:star-pop .6s ease-out}@keyframes star-pop{0%{opacity:0;transform:scale(.4) rotate(-15deg)}60%{opacity:1;transform:scale(1.1) rotate(8deg)}to{transform:scale(1) rotate(0)}}.star-earn .sparkle{color:var(--sunlight);filter:drop-shadow(0 0 8px rgba(242,193,78,.7))}.skills-list{margin-top:18px;padding-top:16px;border-top:1px solid color-mix(in srgb,var(--cream-3) 50%,transparent);display:flex;flex-direction:column;gap:8px}.skill-row{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:var(--r-sm)}.skill-row .mark{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.skill-row .mark.ok{background:var(--moss);color:#fff}.skill-row .mark.miss{background:var(--cream-3);color:var(--ink-3)}.skill-row .name{flex:1;font-weight:600;font-size:14px;color:var(--ink-1)}.skill-row .pract-btn{background:var(--sky);color:#fff;border:0;padding:5px 12px;border-radius:var(--r-pill);font-family:var(--font-sans);font-weight:700;font-size:11px;cursor:pointer}.skill-row .pract-btn:hover{background:var(--sky-deep)}.seed-callout{margin-top:16px;padding:10px 16px;background:var(--cream-2);border-radius:var(--r-sm);display:flex;align-items:center;gap:10px;font-size:13px;color:var(--ink-2)}.seed-callout .icn{width:28px;height:28px;border-radius:50%;background:var(--moss);display:grid;place-items:center;color:#fff;flex-shrink:0}.seed-callout .garden-link{margin-left:auto;color:var(--sky-deep);font-weight:700;text-decoration:underline;background:none;border:0;cursor:pointer;font-size:13px}.results-footer{margin-top:20px;display:flex;justify-content:center;gap:10px;align-items:center;flex-wrap:wrap}.ghost-btn{padding:10px 18px;background:var(--cream-1);border:2px solid var(--ink-2);border-radius:var(--r-pill);font-family:var(--font-sans);font-weight:700;font-size:13px;color:var(--ink-1);cursor:pointer}.ghost-btn:hover{background:var(--cream-2)}.sky-pill{padding:10px 20px;background:var(--sky);color:#fff;border:0;border-radius:var(--r-pill);font-family:var(--font-sans);font-weight:700;font-size:13px;cursor:pointer;box-shadow:0 3px 0 var(--sky-deep),var(--shadow-soft)}.sky-pill:hover{background:var(--sky-deep)}.text-link{background:none;border:0;font-family:var(--font-sans);font-weight:600;font-size:13px;color:var(--ink-3);cursor:pointer;text-decoration:underline}.discovery-banner{margin-top:20px;padding:18px;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--sunset) 15%,var(--cream-1)),var(--cream-1));border:2px dashed var(--sunset);border-radius:var(--r-md);text-align:center;animation:slideUp .4s ease-out}.discovery-banner .disc-kicker{font-family:var(--font-display);font-size:18px;color:var(--sunset-deep);font-weight:700;letter-spacing:-.01em}.discovery-banner .disc-name{font-family:var(--font-display);font-size:22px;color:var(--ink-1);font-weight:700;margin-top:6px}.discovery-banner .disc-sub{font-size:13px;color:var(--ink-3)}.discovery-banner .disc-row{display:flex;gap:8px;justify-content:center;margin-top:10px}.daily-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#1f1a1480;display:grid;place-items:center;z-index:40;animation:fadeIn .2s ease-out}.daily-overlay .q-card{position:relative;animation:slideUp .3s ease-out}.daily-overlay .daily-close{position:absolute;top:14px;right:14px;width:32px;height:32px;background:var(--cream-2);border:0;border-radius:50%;cursor:pointer;color:var(--ink-3);display:grid;place-items:center}.daily-overlay .daily-reward-card{padding:18px 28px;text-align:center}.daily-overlay .reward-icons-big{display:flex;gap:16px;justify-content:center;margin:10px 0 16px}.daily-overlay .reward-icons-big .r{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-size:28px;animation:star-pop .5s ease-out}.daily-overlay .reward-icons-big .coin-r{background:var(--sunlight);color:#5b4100;font-family:var(--font-mono);font-weight:800;font-size:18px}.daily-overlay .reward-icons-big .can-r{background:var(--sky-soft);color:var(--sky-deep);border:3px solid var(--sky);border-radius:12px}.prac-parent-card{grid-column:span 2}.prac-parent-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:1px dashed var(--cream-3)}.prac-parent-head .k{font-family:var(--font-mono);font-size:11px;color:var(--ink-3);letter-spacing:.1em;text-transform:uppercase}.prac-parent-head .t{font-family:var(--font-display);font-weight:700;font-size:18px;color:var(--ink-1);margin-top:2px;line-height:1.15}.readiness-pill{padding:5px 14px;border-radius:var(--r-pill);font-family:var(--font-sans);font-weight:700;font-size:11px;color:#fff;text-transform:uppercase;letter-spacing:.06em}.domain-grid{display:flex;flex-direction:column;gap:8px}.domain-row{display:grid;grid-template-columns:140px 1fr 60px 50px;gap:10px;align-items:center;font-size:13px}.domain-row .nm{font-weight:700;color:var(--ink-1)}.domain-row .dbar{height:6px;background:var(--cream-3);border-radius:var(--r-pill);overflow:hidden}.domain-row .dfill{height:100%;background:var(--sunset);border-radius:var(--r-pill)}.domain-row .frac{font-family:var(--font-mono);font-size:11px;color:var(--ink-3);text-align:right}.domain-row .stars{display:flex;gap:1px;color:var(--sunlight)}.domain-row .stars svg{display:block}.domain-row .stars .off{opacity:.25;color:var(--ink-4)}.qv-frame{display:flex;justify-content:center;align-items:center;margin:0 auto 10px;padding:10px 14px;width:fit-content;max-width:100%;background:var(--cream-0);border:1.5px solid var(--cream-3);border-radius:var(--r-md);box-shadow:0 2px #2f1e0c0a,inset 0 -1px #2f1e0c08}.qv-svg{display:block;width:100%;height:auto;max-height:180px;font-family:var(--font-sans)}.qv-clock{width:150px}.qv-bargraph,.qv-pictograph{width:320px}.qv-fracshape{width:150px}.qv-numline{width:320px}.qv-areagrid{width:auto;max-width:280px}.qv-polygon{width:240px}.qv-array{width:auto;max-width:260px}.qv-frame.qv-compact{padding:10px 12px;margin:0 0 6px;border-radius:var(--r-sm);background:#fff}.qv-compact .qv-svg{max-height:130px}.qv-compact .qv-clock{width:110px}.qv-compact .qv-bargraph,.qv-compact .qv-pictograph{width:200px}.qv-compact .qv-fracshape{width:110px}.qv-compact .qv-numline{width:220px}.qv-compact .qv-areagrid{max-width:180px}.qv-compact .qv-polygon{width:170px}.qv-compact .qv-array{max-width:180px}.mc-list.has-visuals{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mc-list.has-visuals .mc-btn{flex-direction:column;align-items:stretch;gap:8px;padding:14px;min-height:0}.mc-list.has-visuals .mc-btn .opt-row{display:flex;align-items:center;gap:12px}