.literacy-player{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:var(--world-bg);color:var(--world-ink);font-family:var(--world-title);overscroll-behavior:contain}.literacy-player *{box-sizing:border-box}.literacy-player::backdrop{background:var(--world-bg)}.lit-shell{max-width:480px;margin:auto;min-height:100svh;display:flex;flex-direction:column;padding:max(12px,env(safe-area-inset-top)) 22px max(22px,env(safe-area-inset-bottom))}.lit-header{display:grid;grid-template-columns:72px 1fr 72px;align-items:center;gap:12px}.lit-header>strong{text-align:center;font:500 18px/1.2 var(--world-title)}.lit-icon{display:grid;place-items:center;width:72px;height:72px;min-width:72px;border:2px solid white;border-radius:24px;background:var(--world-primary-soft);color:var(--world-primary-deep);box-shadow:0 4px 0 #d8c9ed;padding:0}.lit-icon .world-icon{width:28px;height:28px}.lit-progress{display:flex;gap:6px;margin:20px 0 0}.lit-progress span{flex:1;height:8px;border-radius:99px;background:var(--world-border)}.lit-progress span.done{background:var(--world-mint)}.lit-progress span.current{background:var(--world-primary)}.lit-main{flex:1;display:flex;align-items:center;flex-direction:column;justify-content:center;padding:24px 0;gap:16px;text-align:center}.lit-kicker{font:11px var(--world-copy);letter-spacing:1px;color:var(--world-primary-deep);margin:0}.lit-main h1{font:600 31px/1.15 var(--world-title);margin:0;text-wrap:balance}.lit-instruction{font:15px/1.6 var(--world-copy);color:var(--world-muted);margin:0;max-width:330px}.lit-cue{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 22px;border-radius:25px;background:var(--world-yellow-soft);min-height:88px;font:42px/1.1 var(--world-copy);color:var(--world-ink)}.lit-cue svg{width:28px;height:28px}.lit-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;margin:4px 0}.lit-choice{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:142px;min-width:0;border:3px solid transparent;border-radius:25px;padding:12px 6px;background:var(--world-white);box-shadow:0 5px 0 var(--world-border);font:17px/1.35 var(--world-copy);color:var(--world-ink);overflow-wrap:anywhere}.lit-choice:nth-child(3n+1){background:var(--world-coral-soft)}.lit-choice:nth-child(3n+2){background:var(--world-blue-soft)}.lit-choice:nth-child(3n+3){background:var(--world-mint-soft)}.lit-choice.selected{border-color:var(--world-primary);box-shadow:0 5px 0 var(--world-primary-deep)}.lit-choice.correct{border-color:#278368;background:var(--world-mint-soft)}.lit-choice img{width:100%;height:96px;object-fit:contain;pointer-events:none}.lit-choices.is-text{grid-template-columns:1fr;gap:12px}.lit-choices.is-text .lit-choice{flex-direction:row;justify-content:space-between;text-align:left;min-height:76px;padding:16px 18px;font-size:19px}.lit-choices.is-text .lit-choice .world-icon{width:24px;height:24px;color:var(--world-primary-deep)}.lit-letter-choice{font:64px/1 var(--world-copy)}.lit-coach{display:flex;align-items:center;gap:12px;min-height:60px;text-align:left;width:100%;margin-top:6px}.lit-coach img{width:54px;height:60px;object-fit:contain;flex-shrink:0}.lit-status{font:14px/1.55 var(--world-copy);margin:0;color:var(--world-ink)}.lit-footer{display:flex;flex-direction:column;gap:14px}.lit-primary,.lit-secondary{display:flex;align-items:center;justify-content:center;gap:12px;border:0;border-radius:24px;padding:16px;min-height:72px;width:100%;font:500 20px var(--world-title);color:var(--world-white);background:var(--world-primary);box-shadow:0 5px 0 var(--world-primary-deep)}.lit-primary:disabled{background:var(--world-border);box-shadow:none;color:var(--world-muted);cursor:default}.lit-secondary{color:var(--world-primary-deep);background:var(--world-primary-soft);box-shadow:none;font-size:17px}.lit-tools{display:grid;grid-template-columns:1fr 1fr;gap:12px}.lit-tools button{min-width:0}.literacy-player button{cursor:pointer;touch-action:manipulation;transition:transform .16s cubic-bezier(.3,1.4,.5,1)}.literacy-player button:active:not(:disabled){transform:scale(.95)}.literacy-player button:focus-visible{outline:3px solid var(--world-primary);outline-offset:4px}.lit-art{width:160px;height:160px;object-fit:contain}.lit-beat-stage{position:relative;width:208px;height:194px;border:0;border-radius:40px;background:var(--world-yellow-soft);display:grid;place-items:center;box-shadow:0 7px 0 #e5cd8b}.lit-beat-stage img{width:170px;height:155px;object-fit:contain}.lit-beat-count{display:flex;align-items:center;justify-content:center;gap:10px;font:500 28px var(--world-title)}.lit-beat-count>span{width:14px;height:14px;border-radius:50%;background:var(--world-primary)}.lit-parts{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;font:23px var(--world-copy);color:var(--world-primary-deep)}.lit-rail{display:flex;gap:8px;width:100%;padding:14px 8px 20px;border-radius:28px;background:var(--world-blue-soft);touch-action:none}.lit-rail button{display:grid;place-items:center;flex:1;min-width:0;min-height:112px;border:3px solid transparent;border-radius:22px;background:var(--world-white);color:var(--world-ink);font:64px/1 var(--world-copy);box-shadow:0 5px 0 #bfd9ee}.lit-rail button.current{border-color:var(--world-primary)}.lit-rail button.done{background:var(--world-yellow);box-shadow:0 5px 0 #e6bc4b}.lit-order-slots,.lit-token-bank{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;width:100%}.lit-order-slots{padding:18px 12px;min-height:115px;border:2px dashed #c3afd9;border-radius:28px;background:var(--world-white)}.lit-order-slots:empty:before{content:attr(data-placeholder);align-self:center;font:16px var(--world-copy);color:var(--world-muted)}.lit-word-token{min-height:72px;border:0;border-radius:20px;padding:12px 16px;background:var(--world-yellow-soft);box-shadow:0 4px 0 #e9ce87;color:var(--world-ink);font:22px var(--world-copy);min-width:72px}.lit-word-token:disabled{opacity:.25;box-shadow:none}.lit-order-slots .lit-word-token{background:var(--world-mint-soft);box-shadow:0 4px 0 #badcc8}.lit-word-change{display:flex;justify-content:center;gap:8px;flex-wrap:nowrap;width:100%}.lit-word-change>span{display:grid;place-items:center;min-width:0;flex:1;max-width:90px;height:106px;border-radius:24px;background:var(--world-white);font:58px/1 var(--world-copy);box-shadow:0 5px 0 var(--world-border)}.lit-word-change .change{border:3px dashed var(--world-primary);color:var(--world-primary-deep);background:var(--world-yellow-soft)}.lit-story-art{width:100%;height:190px;object-fit:contain;border-radius:28px;background:var(--world-white)}.lit-story-sentence{font:29px/1.6 var(--world-copy);margin:0;max-width:100%;text-wrap:balance}.lit-story-sentence button{display:inline;border:0;background:none;font:inherit;color:inherit;padding:3px;min-width:0;min-height:48px;border-radius:10px;text-decoration:underline;text-decoration-color:#d9c7ef;text-underline-offset:6px}.lit-page-label{font:12px var(--world-copy);color:var(--world-muted)}.lit-story-recall{border:0;min-height:72px;color:var(--world-primary-deep);background:var(--world-primary-soft);border-radius:22px;padding:12px;font:16px var(--world-title);width:100%}.lit-book-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%}.lit-book-choice{border:3px solid transparent;border-radius:24px;background:var(--world-white);min-height:136px;padding:10px 6px;font:16px var(--world-title);min-width:0;color:var(--world-ink)}.lit-book-choice img{width:100%;height:96px;object-fit:contain}.lit-book-choice.selected{border-color:var(--world-primary);background:var(--world-yellow-soft)}.lit-book-cover{width:100%;border:8px solid var(--world-primary-soft);border-left:16px solid var(--world-primary);border-radius:16px 30px 30px 16px;padding:18px;background:var(--world-white);box-shadow:0 7px 0 var(--world-border)}.lit-book-cover img{height:145px;width:100%;object-fit:contain}.lit-book-cover p{font:21px/1.6 var(--world-copy);margin:12px 0}.lit-summary-image{height:190px;width:210px;object-fit:contain}.lit-summary-list{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.lit-summary-list span{padding:10px 14px;background:var(--world-mint-soft);border-radius:16px;font:16px var(--world-copy)}.lit-support-note{font:11px/1.6 var(--world-copy);color:var(--world-muted);margin:0;text-align:center}.lit-feedback-pop{animation:lit-pop .25s ease-out}@keyframes lit-pop{50%{transform:translateY(-5px) scale(1.025)}}
/* Preserve square Phosphor geometry in every existing/new player, even in flex rows. */
button svg[viewBox="0 0 256 256"]{display:block;flex-shrink:0!important;aspect-ratio:1/1;min-width:24px;min-height:24px;object-fit:contain;overflow:visible}button .world-icon{flex:0 0 26px;width:26px;height:26px}button .world-icon svg[viewBox="0 0 256 256"]{width:100%;height:100%}.discovery-close,.trace-icon,.twins-icon,.spell-top>button,.upper-shell header>button,.play-top>button,.count-top>button{box-shadow:0 4px 0 #d8c9ed;border:2px solid #fff;flex-shrink:0}.discovery-close svg,.trace-icon svg,.twins-icon svg,.spell-top>button svg,.upper-shell header>button svg,.play-top>button svg,.count-top>button svg{width:28px!important;height:28px!important;min-width:28px;min-height:28px;flex-shrink:0}.everyday-home .word-welcome{position:relative}.home-ribbons{position:absolute;right:2px;top:0;width:78px;height:90px;pointer-events:none;opacity:.8}.home-ribbons i{position:absolute;display:block;width:9px;height:20px;border-radius:4px;background:var(--world-coral);transform:rotate(24deg);right:0;top:6px}.home-ribbons i:nth-child(2){right:34px;top:0;background:var(--world-blue);transform:rotate(-32deg);width:8px;height:14px}.home-ribbons i:nth-child(3){right:7px;top:49px;background:var(--world-mint);transform:rotate(60deg);width:7px;height:15px}.home-ribbons i:nth-child(4){right:50px;top:36px;background:var(--world-yellow);width:8px;height:8px;border-radius:50%}.home-ribbons i:nth-child(5){right:22px;top:28px;background:transparent;border:3px solid var(--world-primary);border-left:0;border-bottom:0;width:16px;height:16px;border-radius:0 8px 0 0;transform:rotate(20deg)}
@media(max-width:359px){.lit-shell{padding-left:16px;padding-right:16px}.lit-main{padding:20px 0;gap:14px}.lit-main h1{font-size:27px}.lit-header{gap:8px}.lit-header>strong{font-size:16px}.lit-choices{gap:8px}.lit-choice{min-height:126px;padding:10px 4px;font-size:15px}.lit-choice img{height:80px}.lit-rail button{font-size:56px;min-height:100px}.lit-word-change>span{font-size:45px;height:92px}.lit-word-token{font-size:19px;padding:12px}.lit-story-sentence{font-size:25px}.lit-story-art{height:156px}.lit-book-choice{font-size:14px;min-height:120px}.lit-book-choice img{height:80px}.home-ribbons{width:45px;opacity:.55;right:-8px}.home-ribbons i:nth-child(2){right:18px}.home-ribbons i:nth-child(4){display:none}}
.lit-cue{border:0}.lit-answer-actions{display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px}.lit-answer-actions>.lit-secondary{font-size:0;gap:0;padding:0}.lit-footer:has(.lit-tools){display:grid;grid-template-columns:152px minmax(0,1fr);gap:12px}.lit-footer .lit-tools{grid-template-columns:72px 72px;gap:8px}.lit-footer .lit-tools .lit-secondary{font-size:0;gap:0;padding:0}.lit-footer:has(.lit-tools)>.lit-primary{font-size:18px;padding:12px;min-width:0;gap:8px}.lit-beat-stage{height:170px;width:190px}.lit-beat-stage img{height:142px;width:160px}
.literacy-player{overflow:hidden}.lit-shell{height:100svh;min-height:0}.lit-header,.lit-progress,.lit-footer{flex-shrink:0}.lit-main{min-height:0;overflow-y:auto;overscroll-behavior:contain;justify-content:flex-start;scroll-padding:12px;padding:20px 0}.lit-main>*{flex-shrink:0}.lit-main h1:focus{outline:none}.literacy-player[data-mode="order"] .lit-story-art{height:130px}.lit-order-slots{min-height:88px}.lit-story-sentence button{min-height:72px;min-width:72px}.literacy-player[data-mode="order"] .lit-coach{margin-bottom:6px}
@media(max-height:760px){.lit-main{padding:10px 0;gap:10px}.lit-main h1{font-size:26px}.lit-beat-stage{height:130px;width:160px}.lit-beat-stage img{height:120px;width:135px}.lit-cue{min-height:72px;font-size:34px}.lit-coach{min-height:48px}.lit-coach img{height:48px;width:44px}.lit-story-art{height:140px}.lit-instruction{font-size:13px}.lit-art{height:132px;width:140px}.lit-story-sentence{font-size:24px}.lit-word-change>span{height:92px}.lit-main .lit-kicker{font-size:10px}}
@media(prefers-reduced-motion:reduce){.literacy-player *{animation:none!important;transition:none!important}}
