/* One tactile material system for Home, onboarding, dialogs and every learning engine. */
:root{--toy-purple-top:#9874d7;--toy-purple-face:#7650ba;--toy-purple-base:#4c2d84;--toy-lilac-top:#fbf6ff;--toy-lilac-face:#e7dafa;--toy-lilac-base:#c4aedc;--toy-white-top:#fffefa;--toy-white-face:#f7f0e6;--toy-white-base:#ded0c0;--toy-shadow:0 7px 0 var(--toy-purple-base),0 11px 18px #51346a18;--toy-card-shadow:0 6px 0 #d6c8df,0 12px 22px #51346a0d;--toy-edge:2px;--toy-curve:24px}
.woph-ui-glyph{display:inline-block;object-fit:contain;width:34px;height:34px;min-width:0;flex-shrink:0;aspect-ratio:1;vertical-align:middle;pointer-events:none;user-select:none;filter:drop-shadow(0 2px 1px #30234420)}.world-icon>.woph-ui-glyph,.ph>.woph-ui-glyph{display:block;width:100%;height:100%;min-width:0}.world-icon:has(>.woph-ui-glyph){width:36px!important;height:36px!important;flex-basis:36px!important}.ph:has(>.woph-ui-glyph){display:grid;place-items:center}.woph-soft-symbol{display:block;aspect-ratio:1;flex-shrink:0;filter:drop-shadow(0 2px 1px #30234422)}
:is(.lit-primary,.trace-next,.spell-next,.twins-next,.upper-next,.letters-next,.play-next,.count-next,.discovery-return,.welcome-next,.primary):not(:disabled){border:2px solid #d8c4f0;background:linear-gradient(165deg,var(--toy-purple-top),var(--toy-purple-face) 58%,#6941aa);box-shadow:inset 0 2px 0 #ffffff66,inset 0 -3px 0 #4b2e8526,var(--toy-shadow);color:#fffaf2;border-radius:var(--toy-curve);isolation:isolate}
:is(.lit-secondary,.trace-tools button,.spell-hint,.twins-reset,.upper-help,.letters-help,.play-help,.count-help,.language-choice,.welcome-account-login){border:2px solid #fff9;background:linear-gradient(155deg,var(--toy-lilac-top),var(--toy-lilac-face));box-shadow:inset 0 2px 0 #fff,0 5px 0 var(--toy-lilac-base),0 8px 12px #51346a0b;border-radius:var(--toy-curve);color:#513484}
:is(.lit-icon,.discovery-close,.trace-icon,.twins-icon,.spell-top>button,.upper-shell header>button,.letters-top>button,.play-top>button,.count-top>button,.word-parent,.icon-button,.welcome-back){border:2px solid #fff9;background:linear-gradient(145deg,#fffefa,#eee1fa);box-shadow:inset 0 2px 0 #fff,0 5px 0 #ccb6df,0 8px 12px #51346a10;border-radius:24px;flex-shrink:0}
:is([data-lit="close"],[data-trace="close"],[data-twins="close"],[data-spell="close"],[data-upper="close"],[data-letters="close"],[data-play="close"],[data-count="close"],.discovery-close,.welcome-back){background:linear-gradient(150deg,#a17bdf,#7750bc);border-color:#cbb2ec;box-shadow:inset 0 2px 0 #d8c4f0,0 5px 0 #513187,0 8px 14px #51346a16}
:is(.lit-header,.trace-top,.twins-top,.spell-top,.upper-shell header,.letters-top,.play-top,.count-top,.world-sheet-header) button>.woph-ui-glyph{width:42px;height:42px}.discovery-close>.world-icon{width:42px!important;height:42px!important;flex-basis:42px!important}
:is(.lit-primary,.lit-secondary,.trace-next,.trace-tools button,.spell-next,.spell-hint,.twins-next,.upper-next,.letters-next,.play-next,.count-next,.welcome-next)>.woph-ui-glyph{width:34px;height:34px}.lit-primary .world-icon{width:32px!important;height:32px!important;flex-basis:32px!important}.lit-answer-actions>.lit-secondary .world-icon,.lit-tools>.lit-secondary .world-icon{width:36px!important;height:36px!important;flex-basis:36px!important}
:is(.word-shortcuts button,.world-shortcuts button,.world-extra-grid button,.world-missions button,.world-vocabulary button,.discovery-card,.world-card,.lit-choice,.lit-book-choice,.letters-choice,.upper-choice,.spell-tile,.welcome-option,.welcome-age){border:2px solid #fff9;box-shadow:inset 0 2px 0 #ffffffaa,0 6px 0 #d2c5dd,0 10px 18px #51346a0c;overflow:visible}
.world-card{overflow:hidden}.world-card-copy{background:linear-gradient(#fffefa,#faf6ff)}.world-card-art{box-shadow:inset 0 3px 0 #fff8}.engine-art{box-shadow:inset 0 2px 0 #ffffffcc,inset 0 -3px 0 #3023440b}.world-hero{background:radial-gradient(ellipse at 26% 4%,#fff9d9,transparent 70%),linear-gradient(145deg,#ffeeb3,#ffda70);border:2px solid #fff3c7;box-shadow:inset 0 3px 0 #fff9,0 7px 0 #dfb451,0 12px 20px #7e522314}.world-hero-cta{background:linear-gradient(150deg,#7956bd,#513484);border:1px solid #a484d3;box-shadow:inset 0 1px 0 #c7adea,0 3px 0 #43266f}.world-hero-cta .world-icon{width:26px!important;height:26px!important;flex-basis:26px!important}.world-hero>img{filter:drop-shadow(0 8px 5px #a36a2a30)}
.world-home-logo{filter:drop-shadow(0 2px 0 #c9b5df)!important}.home-ribbons{opacity:1;right:-3px;top:-3px;width:74px;height:90px;z-index:0}.home-ribbons>img{display:block;width:100%;height:100%;object-fit:contain}.home-ribbons i{display:none!important}.word-welcome>p,.word-welcome>h1{position:relative;z-index:1}.world-speaking-banner{background:linear-gradient(145deg,#9a74db,#7651ba);border:2px solid #baa0e1;box-shadow:inset 0 2px 0 #fff5,0 6px 0 #4f2c87,0 10px 16px #51346a10}.world-speaking-symbol{background:linear-gradient(140deg,#fff3be,#ffda70);border:2px solid #fff4ca;box-shadow:inset 0 2px 0 #fff7,0 4px 0 #dfb350}.world-detail-art{box-shadow:inset 0 3px 0 #fff9,0 5px 0 #dfcfdf}
.lit-cue{background:linear-gradient(145deg,#fff9db,#ffeab0);border:2px solid #fff8d8;box-shadow:inset 0 2px 0 #fff,0 5px 0 #e9d299}.lit-rail{background:linear-gradient(155deg,#eaf8ff,#d7ecff);box-shadow:inset 0 3px 5px #87acca22,0 4px 0 #bad4e7}.lit-rail button,.lit-word-change>span,.lit-word-token{border:2px solid #fff9;background:linear-gradient(150deg,#fffefa,#f4ecff);box-shadow:inset 0 2px 0 #fff,0 6px 0 #cdb9df;color:#4e327b;text-shadow:0 2px 0 #fff}.lit-rail button.done{background:linear-gradient(145deg,#fff4c4,#ffda70);box-shadow:inset 0 2px 0 #fff,0 5px 0 #dcb754}.lit-letter-choice{color:#67429e;text-shadow:0 2px 0 #d5bff0,0 4px 0 #b89acf,0 5px 2px #51346a22}.lit-order-slots{background:linear-gradient(160deg,#fffdf6,#f2eaf9);box-shadow:inset 0 3px 6px #6b418817}.lit-beat-stage{background:linear-gradient(145deg,#fff7cf,#ffe49b);border:2px solid #fff7d5;box-shadow:inset 0 2px 0 #fff9,0 7px 0 #dcc184,0 12px 18px #51346a0d}.lit-book-cover{background:linear-gradient(145deg,#fffefa,#f8f3ff);box-shadow:inset 0 2px 0 #fff,0 7px 0 #c1aad7,0 12px 18px #51346a12}.lit-book-cover img{filter:drop-shadow(0 5px 4px #51346a15)}
.trace-board-wrap{background:linear-gradient(150deg,#fffefa,#f7f0ff);box-shadow:inset 0 3px 0 #fff,0 5px 0 #d9cce7}.trace-rail{filter:drop-shadow(0 2px 1px #6040802a)}.trace-cursor circle{filter:drop-shadow(0 3px 1px #a9783c55)}.trace-ink path,.trace-live{filter:drop-shadow(0 2px 1px #1b715b35)}.twins-cell{box-shadow:inset 0 2px 0 #fff9,inset 0 -4px 0 #30234418,0 3px 0 #30234414}.spell-glyph,.twins-glyph,.upper-choice>img,.letters-choice>img{filter:drop-shadow(0 3px 1px #51346a22)}.spell-slots{filter:drop-shadow(0 2px 0 #fff9)}.play-shape:not(.outline){filter:drop-shadow(0 4px 0 #51346a33)}.play-shape.outline{filter:drop-shadow(0 2px 0 #fff)}.play-target{background:linear-gradient(155deg,#fffdf8,#eee5db);box-shadow:inset 0 4px 8px #9b826320,0 4px 0 #d9cabb}.play-choice{box-shadow:inset 0 2px 0 #fff9,0 6px 0 #d0c0df}.count-scene{background-image:url('assets/ornaments/count-park-3d-v2.webp');box-shadow:inset 0 3px 0 #fff9,0 5px 0 #b4c7ac}.count-stone,.count-stone.visited{background-image:url('assets/ornaments/count-stump-3d-v2.webp')}.count-tick .woph-ui-glyph{width:20px;height:20px}.spell-stars .woph-ui-glyph,.upper-stars .woph-ui-glyph,.twins-stars .woph-ui-glyph,.play-stars .woph-ui-glyph,.trace-stars .woph-ui-glyph{width:48px;height:48px}
.welcome-choice,.welcome-profile-card,.welcome-journey-card{box-shadow:inset 0 2px 0 #fff,0 5px 0 #e0d1e8}.welcome-symbol:has(.woph-ui-glyph) .woph-ui-glyph{width:48px;height:48px}.welcome-intro .welcome-logo{filter:drop-shadow(0 2px 0 #e9b643)}.language-choice.selected,.lit-choice.selected,.lit-book-choice.selected{border-color:#7650ba;box-shadow:inset 0 2px 0 #fff9,0 6px 0 #5b358e}.lit-choice.correct{border-color:#329270;box-shadow:inset 0 2px 0 #fff9,0 6px 0 #3d8a6f}
:is(.lit-primary,.trace-next,.spell-next,.upper-next,.play-next,.count-next,.welcome-next,.primary):disabled{background:linear-gradient(145deg,#ede8f3,#dcd3e7);box-shadow:inset 0 2px 0 #fff6,0 4px 0 #c7bbd3;border:2px solid #f3edf9;color:#766882;opacity:.8}
:is(.lit-primary,.trace-next,.spell-next,.twins-next,.upper-next,.letters-next,.play-next,.count-next,.discovery-return,.welcome-next,.primary,.lit-secondary,.lit-icon,.discovery-close,.world-shortcuts button,.world-missions button):active:not(:disabled){transform:translateY(3px) scale(.98);box-shadow:inset 0 2px 0 #ffffff66,0 2px 0 #684491}
@media(max-width:359px){.home-ribbons{right:-6px;top:-10px;width:52px;height:76px}.word-home-header{gap:8px!important}.word-home-logo{width:96px!important}.world-shortcuts .world-icon{width:25px!important;height:25px!important;flex-basis:25px!important}.world-hero-cta .world-icon{width:23px!important;height:23px!important;flex-basis:23px!important}.lit-primary .world-icon{width:28px!important;height:28px!important;flex-basis:28px!important}.lit-answer-actions{gap:10px}.lit-footer:has(.lit-tools){gap:8px}.lit-footer:has(.lit-tools)>.lit-primary{padding:10px;font-size:16px}.world-vocabulary .world-icon{width:22px!important;height:22px!important;flex-basis:22px!important}}
@media(prefers-reduced-motion:reduce){.woph-ui-glyph,.woph-soft-symbol{animation:none!important}button{transition:none!important}}