:root{--teal:#00c7be;--teal-deep:#009e97;--cyan:#30b0c7;--cyan-deep:#1f8ea3;--orange:#ff9f0a;--orange-deep:#d98200;--lilac:#da8fff;--lilac-deep:#b26ad8;--navy:#235390;--navy-deep:#183d6c;--coral:#ff6961;--coral-deep:#d9504a;--green:#34c759;--green-ink:#0f7a33;--ink:#1d1a24;--ink-2:#57536a;--ink-3:#8e8aa3;--paper:#fff;--field:#f2f1f6;--line:#d9d7e3;--backdrop:#eef6f8;--zone:var(--teal);--zone-deep:var(--teal-deep);--font-display:ui-rounded, "SF Pro Rounded", "Nunito", system-ui, sans-serif;--font-body:ui-rounded, "SF Pro Rounded", "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;--t-headline:700 24px/1.2 var(--font-display);--t-title:600 22px/1.25 var(--font-display);--t-subhead:600 20px/1.3 var(--font-display);--t-body:600 18px/1.4 var(--font-body);--t-menu:700 16px/1.3 var(--font-body);--r-lg:24px;--r-md:16px;--r-sm:12px;--shadow-press:0 4px 0 0;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}#root{display:flow-root}body{background:var(--backdrop);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;font-size:16px;line-height:1.45}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}img{max-width:100%}:focus-visible{outline:3px solid var(--navy);outline-offset:2px;border-radius:10px}h1,h2,h3{font-family:var(--font-display);text-wrap:balance;margin:0;font-weight:700;line-height:1.15}p{margin:0}.app{background:var(--paper);flex-direction:column;max-width:480px;height:100dvh;margin-inline:auto;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #0000000a,0 30px 80px -30px #1d1a2440}@media (width>=560px){.app{border-radius:32px;height:calc(100dvh - 48px);margin-block:24px;overflow:hidden}}.screen{overscroll-behavior:contain;flex-direction:column;flex:1;gap:16px;min-height:0;padding:16px 20px 20px;display:flex;overflow-y:auto}.scroll{flex:1;min-height:0;overflow-y:auto}.stack{flex-direction:column;gap:12px;display:flex}.row{align-items:center;gap:10px;display:flex}.row.wrap{flex-wrap:wrap}.spacer{flex:1}.center{text-align:center}.muted{color:var(--ink-2)}.small{font-size:14px}.tiny{font-size:12px}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);font-size:12px;font-weight:800}.zone-house{--zone:var(--teal);--zone-deep:var(--teal-deep)}.zone-draw{--zone:var(--navy);--zone-deep:var(--navy-deep)}.zone-talk{--zone:var(--orange);--zone-deep:var(--orange-deep)}.zone-lab{--zone:var(--lilac);--zone-deep:var(--lilac-deep)}.zone-library{--zone:var(--navy);--zone-deep:var(--navy-deep)}.zone-profile{--zone:var(--cyan);--zone-deep:var(--cyan-deep)}.btn{background:var(--zone);color:#fff;min-height:52px;font-family:var(--font-display);box-shadow:var(--shadow-press) var(--zone-deep);border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:10px 22px;font-size:18px;font-weight:600;transition:transform 80ms,box-shadow 80ms,filter .15s;display:inline-flex}.btn:hover{filter:brightness(1.04)}.btn:active{box-shadow:0 1px 0 0 var(--zone-deep);transform:translateY(3px)}.btn[disabled]{background:var(--field);color:var(--ink-3);box-shadow:var(--shadow-press) var(--line);cursor:not-allowed}.btn.block{width:100%}.btn.ghost{background:var(--paper);color:var(--zone-deep);box-shadow:inset 0 0 0 2px var(--zone), var(--shadow-press) var(--zone-deep)}.btn.soft{background:var(--field);color:var(--ink);box-shadow:var(--shadow-press) var(--line)}.btn.orange{--zone:var(--orange);--zone-deep:var(--orange-deep)}.btn.navy{--zone:var(--navy);--zone-deep:var(--navy-deep)}.btn.coral{--zone:var(--coral);--zone-deep:var(--coral-deep)}.btn.green{--zone:var(--green);--zone-deep:#22963f}.btn.small{border-radius:12px;min-height:40px;padding:6px 14px;font-size:15px}.round{border:3px solid var(--teal);background:var(--paper);width:52px;height:52px;color:var(--teal);border-radius:50%;flex:none;place-items:center;transition:transform 80ms;display:grid;box-shadow:0 3px #00000014}.round:active{transform:translateY(2px)}.round.solid{background:var(--teal);color:#fff;box-shadow:0 4px 0 0 var(--teal-deep);border-color:#fff}.round.sm{width:44px;height:44px}.round[aria-pressed=true]{background:var(--teal);color:#fff}.topbar{align-items:center;gap:10px;min-height:56px;display:flex}.topbar .mascot{height:56px;margin-inline:auto}.field{border:2px solid var(--line);background:var(--field);border-radius:14px;outline:none;width:100%;min-height:50px;padding:12px 16px;font-size:16px;transition:border-color .15s,background .15s}.field:focus{border-color:var(--cyan);background:var(--paper)}.field.filled{border-color:var(--green);background:var(--paper)}textarea.field{resize:none;line-height:1.4}label.lbl{color:var(--ink-2);font-size:14px;font-weight:800}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:2px solid var(--line);background:var(--paper);color:var(--ink-2);border-radius:999px;padding:7px 14px;font-size:14px;font-weight:700;transition:all .12s}.chip:hover{border-color:var(--zone);color:var(--ink)}.chip[aria-pressed=true]{background:var(--zone);border-color:var(--zone);color:#fff}.progress{background:var(--field);border-radius:99px;height:12px;overflow:hidden}.progress>i{background:var(--teal);border-radius:99px;height:100%;transition:width .35s cubic-bezier(.3,1.4,.5,1);display:block}.card{background:var(--paper);border:2px solid var(--line);border-radius:var(--r-md);padding:14px}.card.flat{background:var(--field);border:0}.hl{color:var(--cyan);font-weight:800}.hl-o{color:var(--orange);font-weight:800}.hl-n{color:var(--navy);font-weight:800}.hl-l{color:var(--lilac-deep);font-weight:800}.hl-c{color:var(--coral);font-weight:800}.rainbow span:nth-child(6n+1){color:#ff5a4e}.rainbow span:nth-child(6n+2){color:#ff9f0a}.rainbow span:nth-child(6n+3){color:#34c759}.rainbow span:nth-child(6n+4){color:#30b0c7}.rainbow span:nth-child(6n+5){color:#b56cf0}.rainbow span:nth-child(6n+6){color:#ff7ab8}.onb-art{object-fit:contain;height:150px;margin-inline:auto}.onb-q{font-family:var(--font-display);text-align:center;font-size:24px;font-weight:600}.tier-card{text-align:left;border-radius:var(--r-md);border:2px solid var(--line);background:var(--paper);grid-template-columns:1fr auto;gap:2px 12px;padding:14px 16px;display:grid}.tier-card[aria-pressed=true]{border-color:var(--teal);background:#e6fbfa}.tier-card b{font-family:var(--font-display);font-size:18px;font-weight:600}.tier-card .ages{color:var(--teal-deep);grid-row:span 2;align-self:center;font-size:13px;font-weight:800}.pin{justify-content:center;gap:10px;display:flex}.pin input{text-align:center;border:2px solid var(--line);background:var(--field);border-radius:14px;width:56px;height:64px;font-size:28px;font-weight:800}.pin input:focus{border-color:var(--cyan);background:#fff;outline:none}.world{flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.cloud{opacity:.92;background:#fff;border-radius:99px;position:absolute}.cloud:before,.cloud:after{content:"";background:inherit;border-radius:50%;position:absolute}.cloud:before{width:55%;height:140%;bottom:30%;left:12%}.cloud:after{width:38%;height:110%;bottom:35%;right:14%}@media (prefers-reduced-motion:no-preference){.cloud{animation:18s ease-in-out infinite alternate drift}.cloud.c2{animation-duration:23s}.cloud-layer.far .cloud{animation-duration:29s}@keyframes drift{0%{transform:translate(-30px)}to{transform:translate(30px)}}}.world-top{z-index:2;gap:10px;padding:16px 20px 0;display:flex;position:relative}.world-stage{z-index:1;touch-action:pan-y;flex:1;justify-content:center;align-items:flex-end;display:flex;position:relative}.world-stage img.bld{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;display:block}.world-nav{inset-inline:0;z-index:3;justify-content:space-between;padding-inline:8px;display:flex;position:absolute;top:34%}.world-nav button{width:48px;height:48px;color:var(--ink-2);background:#ffffffb0;border:0;border-radius:50%;place-items:center;display:grid}.world-base{z-index:2;flex-direction:column;gap:10px;padding:14px 20px 18px;display:flex;position:relative}.dots{justify-content:center;gap:8px;display:flex}.dots i{background:#fff;border-radius:8px;height:8px}.hub-desc{color:#fff;text-align:center;text-shadow:0 1px 2px #0003;font-size:15px;font-weight:700}.tabbar{border-top:2px solid var(--field);background:var(--paper);padding:6px 6px calc(6px + env(safe-area-inset-bottom,0px));flex:none;grid-template-columns:repeat(5,1fr);display:grid}.tabbar button{color:var(--ink-3);background:0 0;border:0;border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:6px 0;font-size:12px;font-weight:800;display:flex}.tabbar button[aria-current=page]{color:var(--ink)}.tabbar button[aria-current=page] .ti{background:var(--tabc);color:#fff}.tabbar .ti{border-radius:99px;place-items:center;width:44px;height:30px;transition:background .2s;display:grid}.overlay{z-index:50;background:#1d1a2455;place-items:center;padding:20px;display:grid;position:absolute;inset:0}.dialog{background:var(--paper);border:6px solid var(--zone);text-align:center;border-radius:28px;flex-direction:column;align-items:center;gap:14px;width:100%;max-width:380px;padding:24px 22px;display:flex;box-shadow:0 20px 60px -20px #0006}.dialog h2{font-size:24px}@media (prefers-reduced-motion:no-preference){.dialog{animation:.35s cubic-bezier(.3,1.5,.5,1) pop}@keyframes pop{0%{opacity:0;transform:scale(.85)}}}.check-btn{background:var(--green);color:#fff;border:0;border-radius:50%;place-items:center;width:64px;height:64px;display:grid;box-shadow:0 4px #22963f}.x-btn{background:var(--coral);color:#fff;width:64px;height:64px;box-shadow:0 4px 0 var(--coral-deep);border:0;border-radius:50%;place-items:center;display:grid}.char-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.char-tile{border-radius:var(--r-md);background:var(--field);text-align:center;border:0;flex-direction:column;align-items:center;gap:6px;min-width:0;padding:10px 10px 12px;display:flex;position:relative}.char-tile .art{aspect-ratio:1;border-radius:12px;place-items:center;width:100%;display:grid;overflow:hidden}.char-tile .art img{object-fit:contain;width:88%;height:88%}.char-tile b{font-family:var(--font-display);font-size:18px;font-weight:600}.char-tile .sub{color:var(--ink-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.3;display:-webkit-box;overflow:hidden}.char-tile.new{border:3px dashed var(--line);background:var(--paper);color:var(--ink-2);justify-content:center;font-weight:800}.char-tile[aria-pressed=true]{box-shadow:inset 0 0 0 4px var(--zone);background:color-mix(in srgb, var(--zone) 10%, var(--field))}.char-tile .pick{background:var(--zone);color:#fff;border-radius:50%;place-items:center;width:28px;height:28px;display:grid;position:absolute;top:8px;right:8px}.scene{background-position:50%;background-size:cover;border-radius:20px;position:relative;overflow:hidden}.scene .who{object-fit:contain;filter:drop-shadow(0 8px 10px #0004);height:68%;position:absolute;bottom:6%;left:50%;transform:translate(-50%)}.name-banner{font-family:var(--font-display);color:#fff;background:var(--zone);text-align:center;box-shadow:var(--shadow-press) var(--zone-deep);border-radius:14px;padding:10px;font-size:20px;font-weight:600}.fact{border-bottom:2px solid var(--field);grid-template-columns:110px 1fr;gap:8px;padding:10px 0;font-size:15px;display:grid}.fact:last-child{border-bottom:0}.fact dt{color:var(--ink-3);font-size:13px;font-weight:800}.fact dd{min-width:0;margin:0}.qa{flex-direction:column;gap:18px;display:flex}.qa .q{font-family:var(--font-display);text-align:center;font-size:21px;font-weight:600;transition:color .2s}.qa .q.done{color:var(--ink-3);font-size:16px}.answer-row{gap:8px;display:flex}.answer-row .field{flex:1;min-width:0}.mic-btn{background:var(--orange);color:#fff;width:50px;box-shadow:0 3px 0 var(--orange-deep);border:0;border-radius:14px;flex:none;place-items:center;display:grid}.mic-btn.on{background:var(--coral);box-shadow:0 3px 0 var(--coral-deep)}.canvas-wrap{border:3px solid var(--line);touch-action:none;background:#fff;border-radius:22px;position:relative;overflow:hidden}.canvas-wrap canvas{aspect-ratio:1;cursor:crosshair;width:100%;display:block}.palette{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.swatch{width:32px;height:32px;box-shadow:0 0 0 2px var(--line);border:3px solid #fff;border-radius:50%}.swatch[aria-pressed=true]{box-shadow:0 0 0 3px var(--ink)}.tools{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.tool{border:2px solid var(--line);width:44px;height:44px;color:var(--ink-2);background:#fff;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.tool[disabled]{opacity:.45}.tool[aria-pressed=true]{border-color:var(--navy);color:var(--navy);background:#eaf1fb}.ribbon{background:var(--zone);color:#fff;text-align:center;width:88%;font-family:var(--font-display);box-shadow:0 5px 0 var(--zone-deep);border-radius:14px;margin-inline:auto;padding:12px 18px 14px;position:relative}.ribbon small{opacity:.9;font-size:13px;font-weight:500;display:block}.ribbon b{font-size:26px;font-weight:600}.stars{color:#fc0;z-index:1;justify-content:center;gap:4px;margin-bottom:-10px;display:flex;position:relative}.stars svg{filter:drop-shadow(0 2px #d9a400)}@media (prefers-reduced-motion:no-preference){.celebrate{animation:.6s cubic-bezier(.3,1.4,.5,1) rise}@keyframes rise{0%{opacity:0;transform:translateY(24px)scale(.9)}}.bob{animation:3s ease-in-out infinite bob}@keyframes bob{50%{transform:translateY(-6px)}}}.map{background:linear-gradient(#fff3e2,#ffe3f1);border-radius:24px;padding:18px 8px;position:relative;overflow:hidden}.map svg.path{width:100%;height:100%;position:absolute;inset:0}.map-nodes{grid-template-columns:repeat(2,1fr);gap:22px 0;display:grid;position:relative}.node{color:var(--ink-2);background:0 0;border:0;flex-direction:column;justify-self:center;align-items:center;gap:4px;font-size:13px;font-weight:800;display:flex}.node .n{color:#fff;background:#c9c7d3;border-radius:18px;place-items:center;width:66px;height:66px;display:grid;box-shadow:0 4px #a9a6b6}.node.done .n{background:var(--green);box-shadow:0 4px #22963f}.node.current .n{background:var(--lilac);box-shadow:0 4px 0 var(--lilac-deep), 0 0 0 6px #da8fff40}@media (prefers-reduced-motion:no-preference){.node.current .n{animation:1.8s ease-in-out infinite pulse}@keyframes pulse{50%{box-shadow:0 4px 0 var(--lilac-deep), 0 0 0 12px #da8fff20}}}.node[disabled]{cursor:default}.chat{flex-direction:column;gap:12px;padding-bottom:8px;display:flex}.msg{grid-template-columns:44px 1fr;align-items:start;gap:10px;display:grid}.msg .av{background:var(--field);border-radius:50%;place-items:center;width:44px;height:44px;display:grid;overflow:hidden}.msg .av img{object-fit:contain;width:90%;height:90%}.msg .bubble{background:var(--field);border-radius:4px 18px 18px;min-width:0;padding:10px 14px}.msg .who{font-size:13px;font-weight:800}.msg.me{grid-template-columns:1fr;justify-items:end}.msg.me .bubble{background:var(--lilac);color:#fff;border-radius:18px 4px 18px 18px;max-width:85%}.msg.me .who{color:#fff;opacity:.85}.msg .pic{aspect-ratio:4/3;object-fit:cover;border-radius:14px;width:100%;margin-top:8px}.typing{gap:4px;display:inline-flex}.typing i{background:var(--ink-3);border-radius:50%;width:7px;height:7px}@media (prefers-reduced-motion:no-preference){.typing i{animation:1s infinite blink}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}@keyframes blink{50%{opacity:.2}}}.composer{border-top:2px solid var(--field);flex-direction:column;gap:8px;padding-top:10px;display:flex}.riddle{border:2px dashed var(--orange);text-align:center;white-space:pre-line;background:#fff7ea;border-radius:18px;padding:16px;font-weight:700}.riddle h3{color:var(--orange-deep);margin-bottom:8px;font-size:18px}.book{aspect-ratio:3/4;text-align:left;background-position:50%;background-size:cover;border-radius:4px 12px 12px 4px;flex-direction:column;justify-content:flex-end;padding:14px 14px 14px 22px;display:flex;position:relative;overflow:hidden;box-shadow:2px 0 0 -1px #fbf7ee,3px 0 0 -1px #d8d0c0,5px 0 0 -3px #fbf7ee,6px 0 0 -3px #d8d0c0,8px 0 0 -5px #fbf7ee,9px 0 0 -5px #cfc6b4,0 12px 18px -10px #0007}.book .veil{background:linear-gradient(#0000 38%,#0000004d 58%,#000000c2 100%);position:absolute;inset:0}.book:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg,#00000059 0,#0003 7px,#ffffff40 8px,#00000026 10px,#00000012 13px,#0000 18px);width:18px;position:absolute;inset:0 auto 0 0}.book:after{content:"";border-radius:inherit;z-index:1;pointer-events:none;position:absolute;inset:0;box-shadow:inset -1px 0 #ffffff40,inset 0 1px #fff3,inset 0 -1px #0000002e}.book>*{position:relative}.book h3{color:#fff;text-shadow:0 1px 3px #0008;font-size:20px;line-height:1.15}.book .tag{color:#ffe8b0;text-shadow:0 1px 2px #0008;margin-top:6px;font-size:13px;font-weight:800}.book .by{color:#ffffffd9;text-shadow:0 1px 2px #0008;margin-top:8px;font-size:12px;font-weight:700}.shelf{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 16px;display:grid}.shelf .book h3{font-size:15px}.list-book{text-align:left;background:0 0;border:0;border-radius:14px;grid-template-columns:60px 1fr auto;align-items:center;gap:12px;width:100%;padding:8px;display:grid}.list-book:hover{background:var(--field)}.list-book .cv{background-position:50%;background-size:cover;border-radius:6px 10px 10px 6px;width:60px;height:72px;box-shadow:inset 4px 0 #0002}.list-book b{font-size:15px;display:block}.badge{background:var(--field);color:var(--ink-2);letter-spacing:.02em;border-radius:99px;padding:2px 8px;font-size:11px;font-weight:800;display:inline-block}.badge.ai{color:#8a3fc4;background:#f3e6ff}.badge.sample{color:#9a5a00;background:#fff1d6}.badge.shared{color:var(--green-ink);background:#e3f8ea}.banner{color:#fff;background:var(--orange);box-shadow:0 5px 0 var(--orange-deep);border-radius:20px;padding:18px}.banner h2{font-size:22px}.segmented{background:var(--field);border-radius:14px;gap:6px;padding:4px;display:flex;overflow-x:auto}.segmented button{color:var(--ink-2);white-space:nowrap;background:0 0;border:0;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 6px;font-size:14px;font-weight:800;display:inline-flex}.segmented button[aria-selected=true]{background:var(--paper);color:var(--ink);box-shadow:0 2px #0000001a}.reader{z-index:40;color:#fff;background:#1d1a24;flex-direction:column;display:flex;position:absolute;inset:0}.reader .page-art{background-position:50%;background-size:cover;flex:1;min-height:0;position:relative}.reader .page-art .cast{pointer-events:none;position:absolute;inset:0}.reader .page-art .actor{aspect-ratio:3/4.4;justify-content:center;align-items:flex-end;display:flex;position:absolute;bottom:3%;transform:translate(-50%)}.reader .page-art .actor:after{content:"";z-index:-1;background:radial-gradient(#0000004d,#0000 70%);border-radius:50%;height:7%;position:absolute;bottom:-2%;left:18%;right:18%}.reader .page-art .actor img{object-fit:contain;object-position:bottom;filter:drop-shadow(0 6px 8px #0004);width:100%;height:100%}.reader .page-art .actor.back img{filter:drop-shadow(0 6px 8px #0003)saturate(.92)}@media (prefers-reduced-motion:no-preference){.reader .page-art .actor{animation:.55s cubic-bezier(.3,1.4,.5,1) both actorIn}.reader .page-art .actor img{animation:2.8s ease-in-out infinite actorBob;animation-delay:var(--bob,0s);transform-origin:bottom}@keyframes actorIn{0%{opacity:0;transform:translate(-50%,18%)scale(.85)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes actorBob{0%,to{transform:translateY(0)scaleY(1)}50%{transform:translateY(-3%)scaleY(1.01)}}}.reader .page-text{color:var(--ink);background:#fff;min-height:150px;padding:20px 22px;font-size:19px;font-weight:600;line-height:1.5}.reader.tier-kid .page-text{font-size:22px;font-family:var(--font-display);font-weight:500}.reader .rbar{color:var(--ink);border-top:2px solid var(--field);background:#fff;align-items:center;gap:10px;padding:12px 16px;display:flex}.reader .rtop{top:12px;z-index:2;gap:8px;display:flex;position:absolute;inset-inline:12px}.cover-page{place-items:center;padding:28px;display:grid;position:absolute;inset:0}.stat-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.stat{background:var(--field);border-radius:14px;min-width:0;padding:12px}.stat b{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:26px;font-weight:600;display:block}.stat span{color:var(--ink-2);font-size:12px;font-weight:800}.chart-card{border:2px solid var(--field);border-radius:18px;padding:14px}.chart-card h3{font-size:17px}.bars{grid-template-columns:repeat(7,1fr);align-items:end;gap:8px;height:120px;margin-top:12px;display:grid}.bars .b{background:var(--cyan);border-radius:4px 4px 0 0;min-height:2px;position:relative}.bars .b.today{background:var(--navy)}.bars .b:hover:after{content:attr(data-tip);background:var(--ink);color:#fff;white-space:nowrap;border-radius:8px;padding:3px 8px;font-size:12px;font-weight:700;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.bars-x{color:var(--ink-3);text-align:center;border-top:2px solid var(--field);grid-template-columns:repeat(7,1fr);gap:8px;margin-top:6px;padding-top:6px;font-size:11px;font-weight:800;display:grid}.meter{background:var(--field);border-radius:99px;height:10px;overflow:hidden}.meter i{background:var(--lilac);border-radius:99px;height:100%;display:block}.timeline{flex-direction:column;display:flex}.timeline .t{border-bottom:2px solid var(--field);grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:8px 0;font-size:14px;display:grid}.timeline .t:last-child{border:0}.timeline .ic{color:#fff;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.word-cloud{flex-wrap:wrap;gap:6px;display:flex}.word-cloud span{color:var(--cyan-deep);background:#eaf8fb;border-radius:8px;padding:3px 8px;font-size:13px;font-weight:800}.toggle{border-bottom:2px solid var(--field);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.switch{background:var(--line);border:0;border-radius:99px;flex:none;width:52px;height:30px;transition:background .2s;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:24px;height:24px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.switch[aria-checked=true]{background:var(--green)}.switch[aria-checked=true]:after{transform:translate(22px)}.profile-pick{border:2px solid var(--line);background:var(--paper);text-align:left;border-radius:16px;grid-template-columns:56px 1fr auto;align-items:center;gap:12px;width:100%;padding:12px;display:grid}.avatar{width:56px;height:56px;font-family:var(--font-display);color:#fff;border-radius:50%;place-items:center;font-size:24px;font-weight:600;display:grid}.toast{z-index:60;background:var(--ink);color:#fff;text-align:center;border-radius:12px;max-width:90%;padding:10px 16px;font-size:14px;font-weight:700;position:absolute;top:16px;left:50%;transform:translate(-50%)}.note{color:#6b2e99;background:#f3e6ff;border-radius:12px;padding:10px 12px;font-size:13px;font-weight:700}.sr{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.world .sky{position:absolute;inset:0}.world .stars{pointer-events:none;position:absolute;inset:0 0 40%}.world .stars i{background:#fff7d6;border-radius:50%;position:absolute;box-shadow:0 0 4px #fff7d6}.world .stars i.big{box-shadow:0 0 8px 1px #fff7d6}.world .shooting{opacity:0;background:linear-gradient(90deg,#fff,#0000);border-radius:2px;width:90px;height:2px;position:absolute;top:12%;left:70%;transform:rotate(-24deg)}.world .sun2{pointer-events:none;background-image:radial-gradient(circle at 35% 35%,#fff5,#0000 55%);border-radius:50%;width:96px;height:96px;margin-left:-48px;position:absolute}.world .moon{pointer-events:none;background:#d8dbe8;border-radius:50%;width:74px;height:74px;position:absolute;left:12%;box-shadow:0 0 40px 8px #c9cfe655,inset -10px -8px #b3b8cc}.world .moon i{background:#aeb3c8;border-radius:50%;position:absolute}.world .moon i:first-child{width:16px;height:16px;top:18px;left:16px}.world .moon i:nth-child(2){width:10px;height:10px;top:40px;left:42px}.world .moon i:nth-child(3){width:7px;height:7px;top:46px;left:22px}.cloud-layer{pointer-events:none;will-change:transform;width:300%;height:60%;position:absolute;top:0;left:0}.world .hills{pointer-events:none;will-change:transform;width:300%;height:30%;position:absolute;bottom:124px;left:0}.world-stage{z-index:1;touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none;flex:1;position:relative;overflow:hidden}.world-stage:active{cursor:grabbing}.plane{will-change:transform;display:flex;position:absolute;inset:0}.panel{transform-origin:50% 100%;flex:0 0 100%;justify-content:center;align-items:flex-end;display:flex;position:relative}.panel img.bld{-webkit-user-drag:none;pointer-events:none;width:100%;max-width:460px;display:block}.window-glow{mix-blend-mode:screen;pointer-events:none;background:radial-gradient(closest-side,#ffcf6b66,#0000);border-radius:50%;width:70%;height:55%;position:absolute;bottom:14%;left:50%;transform:translate(-50%)}.fireflies{pointer-events:none;position:absolute;inset:0}.fireflies i{background:#fff3a0;border-radius:50%;width:5px;height:5px;position:absolute;box-shadow:0 0 8px 3px #ffe56b99}.world-nav{inset-inline:0;z-index:3;pointer-events:none;justify-content:space-between;padding-inline:10px;display:flex;position:absolute;top:38%}.world-nav button{pointer-events:auto;transition:opacity .2s}.world-base{z-index:2;min-height:124px;position:relative}.hub-desc{animation:.35s both fadeUp}@keyframes fadeUp{0%{opacity:0;transform:translateY(4px)}}@media (prefers-reduced-motion:no-preference){.world .stars i{animation:3.2s ease-in-out infinite twinkle}.world .shooting{animation:7s ease-in 1.5s infinite shoot}.fireflies i{animation:6s ease-in-out infinite firefly}}@keyframes twinkle{50%{opacity:.25;transform:scale(.7)}}@keyframes shoot{0%{opacity:0;transform:rotate(-24deg)translate(0)}4%{opacity:1}12%{opacity:0;transform:rotate(-24deg)translate(-260px)}to{opacity:0}}@keyframes firefly{0%,to{opacity:.2;transform:translate(0)}25%{opacity:1}50%{opacity:.6;transform:translate(14px,-18px)}75%{opacity:1;transform:translate(-10px,-6px)}}.stage{border-radius:26px;flex:none;width:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0000000d}.stage-photo{object-fit:cover;-webkit-user-drag:none;width:100%;height:100%;display:block;position:absolute;inset:0}.stage-front{justify-content:center;align-items:flex-end;height:100%;padding-bottom:6px;display:flex;position:relative}@media (prefers-reduced-motion:no-preference){.st-drift{animation:9s ease-in-out infinite alternate stDrift}.st-birds{animation:14s linear infinite stBirds}.st-glow{transform-origin:50%;transform-box:fill-box;animation:4s ease-in-out infinite stGlow}.st-confetti{animation:6s linear infinite stFall}.st-kite{animation:2.4s ease-in-out infinite stBounce}.st-twinkle{transform-origin:50%;transform-box:fill-box;animation:3s ease-in-out infinite twinkle}.st-window{animation:5s step-end infinite stWindow}.st-sway{transform-origin:top;transform-box:fill-box;animation:5s ease-in-out infinite stSway}.st-sway2{transform-origin:top;transform-box:fill-box;animation:5s ease-in-out infinite reverse stSway}.st-pop{transform-origin:50%;transform-box:fill-box;animation:3.6s ease-in-out infinite stPop}.st-scribble{stroke-dasharray:220;animation:5s ease-in-out infinite stScribble}.st-rise{animation:8s linear infinite stRise}.st-bubble{animation:2.6s ease-in infinite stBubble}.st-spin{transform-origin:50%;transform-box:fill-box;animation:8s linear infinite stSpin}.st-motes circle{animation:7s ease-in-out infinite stMote}.st-page{transform-box:fill-box;transform-origin:50%;animation:6s ease-in-out infinite stPage}}@keyframes stDrift{to{transform:translate(26px)}}@keyframes stBirds{0%{transform:translate(-220px)}to{transform:translate(300px)}}@keyframes stGlow{50%{opacity:.7;transform:scale(1.06)}}@keyframes stFall{0%{transform:translateY(-260px)}to{transform:translateY(260px)}}@keyframes stBounce{50%{transform:translate(60px,150px)translateY(-14px)}}@keyframes stWindow{0%,60%{opacity:1}61%,80%{opacity:.35}81%{opacity:1}}@keyframes stSway{50%{transform:skew(3deg)}}@keyframes stPop{50%{transform:scale(1.12)}}@keyframes stScribble{0%{stroke-dashoffset:220px}50%,80%{stroke-dashoffset:0}to{stroke-dashoffset:-220px}}@keyframes stRise{0%{opacity:0;transform:translateY(40px)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-260px)}}@keyframes stBubble{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-40px)}}@keyframes stSpin{to{transform:rotate(360deg)}}@keyframes stMote{50%{opacity:.4;transform:translate(8px,-20px)}}@keyframes stPage{50%{transform:translateY(-10px)rotate(8deg)}}.toto{flex:none;position:relative}.toto>img{object-fit:contain;transform-origin:50% 100%;filter:drop-shadow(0 8px 8px #0000002a);width:100%;height:100%;display:block}.toto-prop{filter:drop-shadow(0 4px 4px #00000026);width:30%;position:absolute;bottom:8%;right:-2%}.prop-book{width:38%;bottom:2%;right:30%}.prop-map{width:40%;bottom:10%;right:-8%;transform:rotate(8deg)}.prop-star{width:24%;top:4%;bottom:auto;right:0}.prop-brush{width:16%;right:6%;transform:rotate(18deg)}.toto-zz{color:#b9a8ff;font-weight:800;font-family:var(--font-display);gap:2px;display:flex;position:absolute;top:2%;right:4%}.toto-zz b:nth-child(2){margin-top:-8px;font-size:1.2em}.toto-zz b:nth-child(3){margin-top:-18px;font-size:1.5em}.toto-think{gap:4px;display:flex;position:absolute;top:6%;right:2%}.toto-think i{background:#fff;border-radius:50%;width:10px;height:10px;box-shadow:0 1px 3px #0003}.toto-sparks i{clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);background:#fc0;width:12px;height:12px;position:absolute}.toto-sparks i:first-child{top:20%;left:2%}.toto-sparks i:nth-child(2){top:12%;right:4%}.toto-sparks i:nth-child(3){top:60%;left:12%}.toto-sparks i:nth-child(4){top:55%;right:10%}@media (prefers-reduced-motion:no-preference){.toto-bob>img{animation:3s ease-in-out infinite tBob}.toto-wave>img{animation:2.4s ease-in-out infinite tWave}.toto-hop>img{animation:1.6s cubic-bezier(.3,.7,.4,1) infinite tHop}.toto-peek>img{animation:.9s cubic-bezier(.3,1.5,.5,1) both tPeek,3s ease-in-out .9s infinite tBob}.toto-sleepy>img{animation:4s ease-in-out infinite tBreath}.toto-think>img{animation:4s ease-in-out infinite tThink}.toto-cheer>img{animation:1s cubic-bezier(.3,.7,.4,1) infinite tHop}.toto-zz b{animation:3s ease-in-out infinite tZ}.toto-zz b:nth-child(2){animation-delay:.4s}.toto-zz b:nth-child(3){animation-delay:.8s}.toto-think i{animation:1.4s infinite blink}.toto-think i:nth-child(2){animation-delay:.2s}.toto-think i:nth-child(3){animation-delay:.4s}.toto-sparks i{animation:1.2s ease-in-out infinite twinkle}.toto-sparks i:nth-child(2){animation-delay:.3s}.toto-sparks i:nth-child(3){animation-delay:.6s}.toto-sparks i:nth-child(4){animation-delay:.9s}.lantern-flame{transform-origin:50% 100%;transform-box:fill-box;animation:.5s ease-in-out infinite alternate tFlame}.lantern-glow{animation:2.2s ease-in-out infinite stGlow}.flask-bubble{animation:1.8s ease-in infinite stBubble}.flask-bubble.b2{animation-delay:.8s}.prop-book{animation:3s ease-in-out infinite tBob}.prop-star{animation:6s linear infinite stSpin}}@keyframes tBob{50%{transform:translateY(-6px)}}@keyframes tWave{0%,to{transform:rotate(0)}20%{transform:rotate(-5deg)}40%{transform:rotate(4deg)}60%{transform:rotate(-3deg)}}@keyframes tHop{0%,to{transform:translateY(0)scale(1)}10%{transform:translateY(0)scale(1.06,.94)}40%{transform:translateY(-18px)scale(.97,1.03)}70%{transform:translateY(0)scale(1.04,.96)}}@keyframes tPeek{0%{opacity:0;transform:translateY(60%)}}@keyframes tBreath{50%{transform:scale(1.02,.98)translateY(2px)}}@keyframes tThink{0%,to{transform:rotate(0)}50%{transform:rotate(-4deg)}}@keyframes tZ{0%{opacity:0;transform:translateY(6px)}40%{opacity:1}to{opacity:0;transform:translate(6px,-10px)}}@keyframes tFlame{to{transform:scale(.85,1.1)}}.overlay{overflow-y:auto}.dialog.guide{gap:12px;max-width:400px;max-height:calc(100% - 24px);padding:18px 18px 20px;overflow:hidden}.dialog.guide>.stage,.dialog.guide>h2,.dialog.guide>.check-btn{flex:none}.dialog.guide h2{font-size:22px}.guide-list{text-align:left;overscroll-behavior:contain;flex-direction:column;flex:auto;gap:10px;width:100%;min-height:0;margin:0;padding:0 2px 4px;list-style:none;display:flex;overflow-y:auto}.guide-list li{background:var(--field);border-radius:16px;flex:none;grid-template-columns:40px 1fr;align-items:start;gap:12px;padding:10px 12px;display:grid}.guide-list b{font-size:16px;font-family:var(--font-display);display:block}.guide-list li span:last-child{min-width:0;color:var(--ink-2);font-size:14px;font-weight:600;line-height:1.4}.guide-list li span:last-child b{color:var(--ink);margin-bottom:2px}.guide-ic{color:#fff;border-radius:50%;place-items:center;width:40px;height:40px;display:grid;box-shadow:0 3px #0002}@media (prefers-reduced-motion:no-preference){.guide-list li{animation:.35s both fadeUp}.guide-list li:nth-child(2){animation-delay:60ms}.guide-list li:nth-child(3){animation-delay:.12s}.guide-list li:nth-child(4){animation-delay:.18s}.guide-list li:nth-child(5){animation-delay:.24s}.guide-list li:nth-child(6){animation-delay:.3s}}.roadmap{background-color:#0000;background-image:radial-gradient(120% 60% at 20% 0,#fff6e6 0%,#0000 60%),radial-gradient(120% 70% at 100% 100%,#f4e6ff 0%,#0000 60%),linear-gradient(#fffaf2,#fbf2ff);background-position:50%;background-repeat:repeat,repeat,repeat;background-size:cover;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border-radius:26px;flex:1;place-items:center;min-height:0;display:grid;position:relative;overflow:hidden}.roadmap.has-scene:before{content:"";background:linear-gradient(#ffffff40,#ffffff26 40%,#fff6);position:absolute;inset:0}.roadmap .board{position:relative}.roadmap .road-svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.roadmap .road-shadow{fill:none;stroke:#3b2a5a14;stroke-width:36px;stroke-linecap:round;stroke-linejoin:round;transform:translateY(3px)}.roadmap .road{fill:none;stroke:#ebe7f2;stroke-width:32px;stroke-linecap:round;stroke-linejoin:round}.roadmap.has-scene .road{stroke:#fffffff0}.roadmap .lane{fill:none;stroke:#fff;stroke-width:7px;stroke-linecap:round;stroke-dasharray:4 12}.roadmap.has-scene .lane{stroke:#dcd8e6}.roadmap .lane.done,.roadmap.has-scene .lane.done{stroke:var(--green)}.roadmap .stop{z-index:2;background:0 0;border:0;flex-direction:column;align-items:center;gap:6px;padding:0;display:flex;position:absolute;transform:translate(-50%,-50%)}.roadmap .stop .tile{color:#fff;background:#cdc9d8;border-radius:20px;place-items:center;width:62px;height:62px;transition:transform .15s;display:grid;position:relative;box-shadow:0 5px #aaa5bb,0 10px 18px -8px #3b2a5a55}.roadmap .stop.done .tile{background:var(--green);box-shadow:0 5px #22963f,0 10px 18px -8px #0f7a3366}.roadmap .stop.current .tile{background:var(--lilac);box-shadow:0 5px 0 var(--lilac-deep), 0 0 0 7px #da8fff40, 0 12px 22px -8px #8a3fc466;border-radius:22px;width:70px;height:70px}.roadmap .stop.current:active .tile{transform:translateY(3px)}.roadmap .stop .tick{width:22px;height:22px;color:var(--green);background:#fff;border-radius:50%;place-items:center;display:grid;position:absolute;top:-6px;right:-6px;box-shadow:0 2px 4px #0003}.roadmap .stop .lbl{color:var(--ink);white-space:nowrap;background:#ffffffe6;border-radius:99px;padding:3px 10px;font-size:12px;font-weight:800;box-shadow:0 2px 6px #3b2a5a1f}.roadmap .stop.locked .lbl{color:var(--ink-3)}.roadmap .stop.current .lbl{background:var(--lilac-deep);color:#fff}.roadmap .stop[disabled]{cursor:default}.roadmap .walkers{z-index:3;pointer-events:none;align-items:flex-end;display:flex;position:absolute;transform:translate(-50%,-100%)}.roadmap .walkers img{filter:drop-shadow(0 3px 3px #0004);width:auto;height:54px;margin-inline:-8px}@media (prefers-reduced-motion:no-preference){.roadmap .stop.current .tile{animation:1.8s ease-in-out infinite stopPulse}@keyframes stopPulse{50%{box-shadow:0 5px 0 var(--lilac-deep), 0 0 0 13px #da8fff1f, 0 12px 22px -8px #8a3fc466}}.roadmap .walkers img{animation:1.2s ease-in-out infinite walkHop}@keyframes walkHop{0%,to{transform:translateY(0)}40%{transform:translateY(-7px)}}}.walkers-layer{pointer-events:none;z-index:3;width:300%;position:absolute;top:0;bottom:0;left:0}.walker{bottom:calc(4px + var(--lift,0px));pointer-events:auto;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:0 0;border:0;flex-direction:column;align-items:center;padding:0;display:flex;position:absolute;left:50%;transform:translate(-50%)}.walker.held{cursor:grabbing;z-index:5}.walker:after{content:"";bottom:calc(-3px - var(--lift,0px));z-index:-1;width:44px;height:8px;transform:scale(calc(1 - var(--liftn,0) * .6));opacity:calc(1 - var(--liftn,0) * .5);background:radial-gradient(#0000003d,#0000 70%);border-radius:50%;margin-left:-22px;position:absolute;left:50%}.walker-body{transform-origin:50% 100%;height:66px;display:block}.walker-body img{width:auto;height:100%;transform:scaleX(var(--dir,1));filter:drop-shadow(0 2px 2px #0003);-webkit-user-drag:none;pointer-events:none;transition:transform .25s;display:block}.walker.held .walker-body img{filter:drop-shadow(0 10px 8px #0003)}.walker-bubble{white-space:nowrap;color:var(--ink);pointer-events:none;background:#fff;border-radius:12px;padding:5px 10px;font-size:13px;font-weight:800;animation:.25s cubic-bezier(.3,1.5,.5,1) both bubbleIn;position:absolute;bottom:calc(100% + 6px);box-shadow:0 3px 8px #0002}.walker.held .walker-bubble{font-family:var(--font-display);color:var(--orange-deep);font-size:15px}.walker-bubble:after{content:"";border:5px solid #0000;border-top-color:#fff;margin-left:-5px;position:absolute;top:100%;left:50%}@keyframes bubbleIn{0%{opacity:0;transform:translateY(6px)scale(.8)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:no-preference){.walker[data-walking="1"] .walker-body{animation:.46s ease-in-out infinite walkStep}.walker[data-walking="0"] .walker-body{animation:2.6s ease-in-out infinite idleBreath}.walker.held .walker-body{transform-origin:50% 20%;animation:.9s ease-in-out infinite dangle}.walker.land .walker-body{animation:.35s ease-out landSquash}@keyframes walkStep{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-5px)rotate(3deg)}}@keyframes idleBreath{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.03)}}@keyframes dangle{0%,to{transform:rotate(-9deg)scale(1.06)}50%{transform:rotate(9deg)scale(1.06)}}@keyframes landSquash{0%{transform:scale(1.15,.8)}60%{transform:scale(.95,1.06)}to{transform:none}}}.walker[data-top="1"] .walker-bubble{top:4px;bottom:auto;left:calc(100% + 8px)}.walker[data-top="1"][data-side=l] .walker-bubble{left:auto;right:calc(100% + 8px)}.walker[data-top="1"] .walker-bubble:after{border-top-color:#0000;border-right-color:#fff;margin:-5px 0 0;top:50%;left:-10px}.walker[data-top="1"][data-side=l] .walker-bubble:after{border-left-color:#fff;border-right-color:#0000;left:auto;right:-10px}.round{--lip:color-mix(in srgb, currentColor 55%, #1d1a24);box-shadow:0 4px 0 0 var(--lip);transition:transform 80ms,box-shadow 80ms}.round.solid,.round[aria-pressed=true]{--lip:var(--teal-deep)}.round:active{box-shadow:0 1px 0 0 var(--lip);transform:translateY(3px)}.btn.soft:active{box-shadow:0 1px 0 0 var(--line)}.btn.ghost:active{box-shadow:inset 0 0 0 2px var(--zone), 0 1px 0 0 var(--zone-deep)}.check-btn,.x-btn,.mic-btn{transition:transform 80ms,box-shadow 80ms}.check-btn:active{transform:translateY(3px);box-shadow:0 1px #22963f}.x-btn:active{box-shadow:0 1px 0 var(--coral-deep);transform:translateY(3px)}.mic-btn:active{box-shadow:0 1px 0 var(--orange-deep);transform:translateY(2px)}.mic-btn.on:active{box-shadow:0 1px 0 var(--coral-deep)}.chip{box-shadow:0 3px 0 0 var(--line)}.chip[aria-pressed=true]{box-shadow:0 3px 0 0 color-mix(in srgb, var(--zone) 70%, #1d1a24)}.chip:active{box-shadow:0 1px 0 0 var(--line);transform:translateY(2px)}.chip[aria-pressed=true]:active{box-shadow:0 1px 0 0 color-mix(in srgb, var(--zone) 70%, #1d1a24)}.tool{box-shadow:0 3px 0 0 var(--line);transition:transform 80ms,box-shadow 80ms}.tool[aria-pressed=true]{box-shadow:0 3px 0 0 color-mix(in srgb, var(--navy) 70%, #1d1a24)}.tool:active{box-shadow:0 1px 0 0 var(--line);transform:translateY(2px)}.swatch{transition:transform 80ms}.swatch:active{transform:translateY(2px)scale(.92)}.char-tile{box-shadow:0 4px 0 0 var(--line);transition:transform 80ms,box-shadow 80ms}.char-tile:active{box-shadow:0 1px 0 0 var(--line);transform:translateY(3px)}.char-tile[aria-pressed=true]{box-shadow:inset 0 0 0 4px var(--zone), 0 4px 0 0 color-mix(in srgb, var(--zone) 70%, #1d1a24)}.char-tile[aria-pressed=true]:active{box-shadow:inset 0 0 0 4px var(--zone), 0 1px 0 0 color-mix(in srgb, var(--zone) 70%, #1d1a24)}.tier-card,.profile-pick{box-shadow:0 4px 0 0 var(--line);transition:transform 80ms,box-shadow 80ms}.tier-card[aria-pressed=true]{box-shadow:0 4px 0 0 var(--teal-deep)}.tier-card:active,.profile-pick:active{box-shadow:0 1px 0 0 var(--line);transform:translateY(3px)}.segmented button{transition:transform 80ms,box-shadow 80ms}.segmented button[aria-selected=true]{box-shadow:0 3px 0 0 var(--line)}.segmented button:active{box-shadow:0 1px 0 0 var(--line);transform:translateY(2px)}.tabbar .ti{transition:background .2s,transform 80ms,box-shadow 80ms}.tabbar button[aria-current=page] .ti{box-shadow:0 3px 0 0 color-mix(in srgb, var(--tabc) 65%, #1d1a24)}.tabbar button:active .ti{box-shadow:0 1px 0 0 color-mix(in srgb, var(--tabc) 65%, #1d1a24);transform:translateY(2px)}.tabbar button:not([aria-current=page]):active .ti{background:var(--field);box-shadow:none}.world-nav button{transition:transform 80ms,box-shadow 80ms,opacity .2s;box-shadow:0 4px #00000026}.world-nav button:active{transform:translateY(3px);box-shadow:0 1px #00000026}button[disabled]:active{transform:none!important}.char-tile.new,.char-tile.new:active{box-shadow:none;transform:none}.char-tile.new .round{transition:transform 80ms,box-shadow 80ms}.char-tile.new:active .round{box-shadow:0 1px 0 0 var(--lip);transform:translateY(3px)}.palette{padding:6px 4px}.char-fit{width:auto;max-width:none;transform:translateY(var(--drop,0%));-webkit-user-drag:none;pointer-events:none;flex:none;display:block}.walker-body{justify-content:center;align-items:flex-end;display:flex}.walker-body .char-fit{transform:translateY(var(--drop,0%)) scaleX(var(--dir,1));filter:drop-shadow(0 2px 2px #0003);transition:transform .25s}.walker.held .walker-body .char-fit{filter:drop-shadow(0 10px 8px #0003)}.walker:after{width:var(--shw,44px);margin-left:calc(var(--shw,44px) / -2)}.reader .page-art .actor{justify-content:center;align-items:flex-end;overflow:visible}.reader .page-art .actor .char-fit{filter:drop-shadow(0 6px 8px #0004)}.reader .page-art .actor.back .char-fit{filter:drop-shadow(0 6px 8px #0003)saturate(.92)}.reader .page-art .actor:after{width:var(--shw,64%);bottom:-3%;left:50%;right:auto;transform:translate(-50%)}.reader .page-art .actor img.char-fit{object-fit:fill;object-position:initial;width:auto}@media (prefers-reduced-motion:no-preference){.reader .page-art .actor img.char-fit{animation:2.8s ease-in-out infinite actorBob2;animation-delay:var(--bob,0s)}@keyframes actorBob2{0%,to{translate:0}50%{translate:0 -3%}}}.reader.book-grown{background:#16141a}.reader.book-grown .page-text{color:#2b2622;letter-spacing:.005em;background:#fbf7ef;min-height:0;max-height:46%;padding:18px 24px 16px;font-family:Literata,Georgia,Times New Roman,serif;font-size:16.5px;font-weight:400;line-height:1.62;overflow-y:auto}.reader.book-grown .page-text .muted{font-family:var(--font-body,inherit);font-size:15px;font-weight:700}.reader.book-grown .chapter{letter-spacing:.22em;text-transform:uppercase;color:#9a7b55;margin-bottom:6px;font-size:11.5px;font-weight:600;display:block}.reader.book-grown .prose{text-wrap:pretty;-webkit-hyphens:auto;hyphens:auto;margin:0}.reader.book-grown .prose:first-letter{float:left;color:#7a4f2a;padding:4px 8px 0 0;font-size:3.1em;font-weight:600;line-height:.86}.reader.book-grown .rbar{background:#fbf7ef;border-top:1px solid #e8dfcf}.reader.book-grown .page-art:after{content:"";pointer-events:none;background:linear-gradient(#0000,#0000002e);height:18%;position:absolute;inset:auto 0 0}.reader.book-grown .page-art .actor.back .char-fit{filter:drop-shadow(0 6px 8px #0005)brightness(.9)saturate(.85)}@media (prefers-reduced-motion:no-preference){.reader.book-grown .page-art .actor{animation:.9s ease-out both actorFade}.reader.book-grown .page-art .actor img.char-fit{animation:5s ease-in-out infinite actorBreathe;animation-delay:var(--bob,0s)}@keyframes actorFade{0%{opacity:0;translate:0 3%}to{opacity:1;translate:0}}@keyframes actorBreathe{0%,to{translate:0}50%{translate:0 -1%}}}.btn.demo-pick{flex-direction:column;gap:1px;padding-block:10px;line-height:1.15}.btn.demo-pick span{opacity:.7;font-size:12px;font-weight:700}.vchart{position:relative}.vchart svg{touch-action:pan-y;cursor:crosshair;width:100%;height:auto;display:block;overflow:visible}.vchart .grid{stroke:var(--field);stroke-width:1px}.vchart .axis{stroke:var(--line);stroke-width:1px}.vchart .wash{fill:var(--navy);opacity:.1}.vchart .trend{fill:none;stroke:var(--navy);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.vchart .cross{stroke:var(--ink-3);stroke-width:1px}.vchart .dot{fill:var(--navy);stroke:var(--paper);stroke-width:2px}.vchart .endlabel{fill:var(--ink);font-size:12px;font-weight:800}.vchart .tick{fill:var(--ink-3);font-size:10.5px;font-weight:800}.vtip{background:var(--ink);color:#fff;white-space:nowrap;pointer-events:none;border-radius:10px;flex-direction:column;align-items:center;padding:5px 9px;font-size:12px;line-height:1.25;display:flex;position:absolute;transform:translate(-50%,calc(-100% - 10px))}.vtip span{opacity:.75;font-weight:700}.attempts{flex-wrap:wrap;gap:6px;display:flex}.att{color:#fff;border:0;border-radius:99px;place-items:center;width:26px;height:26px;padding:0;transition:transform .12s;display:grid;position:relative}.att.on{box-shadow:0 0 0 2px var(--paper), 0 0 0 4px var(--ink-3);transform:scale(1.18)}.att.ok{background:var(--green-ink)}.att.miss{background:var(--coral-deep)}.hb:hover:after{content:attr(data-tip);background:var(--ink);color:#fff;white-space:nowrap;z-index:2;pointer-events:none;border-radius:8px;padding:3px 8px;font-size:12px;font-weight:700;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.hbars{flex-direction:column;gap:8px;display:flex}.hb{white-space:nowrap;color:var(--ink-2);grid-template-columns:8.2em 1fr 2ch;align-items:center;gap:10px;font-size:13px;font-weight:700;display:grid;position:relative}.hb-track{height:14px;display:block}.hb-track i{background:var(--navy);border-radius:0 4px 4px 0;min-width:3px;height:100%;display:block}.hb-v{color:var(--ink);text-align:right;font-variant-numeric:tabular-nums}.screen:has(>.scroll:last-child){padding-bottom:0}.screen>.scroll:last-child{padding-bottom:20px}.screen>.btn.block:last-child{flex:none;margin-bottom:4px}.toggle.voice-pick{flex-direction:column;align-items:stretch;gap:8px}.voice-row{align-items:center;gap:12px;display:flex}.voice-row select.field{flex:1;min-width:0;height:44px;margin:0;padding:0 12px}.voice-row .round{flex:none;margin:0 0 4px}.nest{--pad:14px;--r-in:18px;padding:var(--pad);border-radius:calc(var(--r-in) + var(--pad))}.nest>.stage:first-child,.nest>.btn.block:last-child{border-radius:var(--r-in)}.char-tile{border-radius:22px}.dialog{border-radius:38px}.dialog:has(>.stage:first-child){padding:12px 12px 22px}.dialog>.stage:first-child{border-radius:20px}.dialog:has(>.stage:first-child)>:not(.stage){margin-inline:10px}.dialog.guide:has(>.stage:first-child){padding:12px 12px 20px}.msg .pic{border-radius:8px}.nest:has(>.btn:last-child){padding-bottom:calc(var(--pad) + 4px)}