/* Reading Village — authored dashboard */ #s-reading-dashboard,#s-reading-game,#s-reading-library,#s-short-stories-library{max-width:none;margin:0} #s-reading-dashboard{font-family:'Nunito',sans-serif;color:#2f2268} .reading-dashboard{min-height:100vh;min-height:100dvh;padding:18px clamp(14px,2.4vw,38px) 28px;background:radial-gradient(circle at 50% 16%,#e8f8ff 0 14%,transparent 36%),linear-gradient(#fff8e8,#fff0cb 68%,#e8f5cb);overflow-x:clip} .reading-top{max-width:1580px;margin:auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px} .reading-back,.reading-audio{min-width:64px;min-height:58px;border:3px solid #fff;border-radius:22px;background:linear-gradient(#fffef9,#fff3dd);box-shadow:0 5px 0 #d7a75d,0 8px 18px #79531c24;color:#34206d;font:900 21px 'Baloo 2';cursor:pointer}.reading-back{justify-self:start;padding:0 20px}.reading-audio{justify-self:end;width:64px;padding:0;font-size:30px}.reading-back:active,.reading-audio:active,.reading-game-card button:active,.reading-library-button:active{translate:0 4px;box-shadow:0 1px 0 #9b6f2f} .reading-profile{display:flex;align-items:center;gap:8px;padding:5px 14px 5px 6px;border:3px solid #fff;border-radius:999px;background:#fff8e8;box-shadow:0 4px 0 #d7a75d}.reading-profile img,.reading-profile>span{width:48px;height:48px;border-radius:50%;object-fit:cover;display:grid;place-items:center;font-size:30px}.reading-profile b{font:900 18px 'Baloo 2'} .reading-hero{position:relative;width:min(820px,88vw);margin:-4px auto 6px;text-align:center}.reading-hero img{display:block;width:100%;height:auto;filter:drop-shadow(0 8px 5px #72441038)}.reading-hero h1,.reading-hero p{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)} .reading-card-grid{width:min(1500px,100%);margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,28px)} .reading-game-card{--accent:#7d3db6;min-width:0;border:6px solid #fff;border-radius:32px;background:#fff9ed;box-shadow:0 8px 0 color-mix(in srgb,var(--accent) 55%,#7d552b),0 14px 25px #64472326;overflow:hidden;display:grid;grid-template-rows:auto minmax(170px,1fr) auto;transition:transform .18s}.reading-game-card:hover{transform:translateY(-6px)}.reading-game-card.teal{--accent:#078d92}.reading-game-card.orange{--accent:#ef6c17} .reading-game-card header{text-align:center;padding:12px 12px 9px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 12%,#fff),#fffdf7)}.reading-game-card h2{margin:0;color:var(--accent);font:900 clamp(25px,2.3vw,39px)/1 'Baloo 2'}.reading-game-card p{margin:4px 0 0;color:color-mix(in srgb,var(--accent) 75%,#222);font-weight:1000;font-size:clamp(14px,1.3vw,20px)} .reading-game-card>img{display:block;width:100%;height:100%;min-height:170px;max-height:250px;object-fit:cover;object-position:center}.reading-game-card footer{display:grid;grid-template-columns:1fr 1.25fr;align-items:center;gap:12px;padding:10px 14px 14px;background:#fffaf0}.reading-game-card footer small{text-align:center;color:#746888;font-weight:1000}.reading-game-card button{min-height:58px;border:3px solid #fff;border-radius:999px;background:linear-gradient(color-mix(in srgb,var(--accent) 82%,#fff),var(--accent));box-shadow:0 5px 0 color-mix(in srgb,var(--accent) 65%,#3c2511);color:#fff;font:900 27px 'Baloo 2';cursor:pointer} .reading-journey{width:min(1500px,100%);margin:22px auto 0;padding:14px;display:grid;grid-template-columns:1.25fr repeat(3,1fr);gap:14px;border:4px solid #fff;border-radius:28px;background:#fff8e9;box-shadow:0 6px 0 #dfb97c,0 10px 24px #79531c1e} .reading-library-button{min-height:84px;border:0;border-radius:22px;background:linear-gradient(135deg,#ffe39a,#f5ba4a);box-shadow:0 5px 0 #ba7a22;display:grid;grid-template-columns:54px 1fr;grid-template-rows:1fr 1fr;align-items:center;text-align:left;color:#51250d;cursor:pointer;padding:8px 14px}.reading-library-button>span{grid-row:1/3;font-size:42px}.reading-library-button b{align-self:end;font:900 21px 'Baloo 2'}.reading-library-button small{align-self:start;font-weight:900} .reading-journey-stat{--accent:#7d3db6;display:grid;grid-template-columns:54px 1fr;align-items:center;gap:8px;min-width:0}.reading-journey-stat.teal{--accent:#078d92}.reading-journey-stat.orange{--accent:#ef6c17}.reading-journey-stat>span{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--accent);font-size:27px;box-shadow:0 4px 0 color-mix(in srgb,var(--accent) 60%,#39240c)}.reading-journey-stat small{display:block;color:var(--accent);font-weight:1000}.reading-journey-stat strong{font:900 20px 'Baloo 2'}.reading-journey-stat i{display:block;height:10px;margin-top:3px;border-radius:99px;background:#ead9bd;overflow:hidden}.reading-journey-stat i b{display:block;width:0;height:100%;border-radius:inherit;background:var(--accent);transition:width .3s} @media(max-width:1000px){.reading-dashboard{padding-inline:14px}.reading-card-grid{gap:13px}.reading-game-card{border-width:4px}.reading-game-card h2{font-size:25px}.reading-game-card footer{grid-template-columns:1fr;padding:8px 10px 11px}.reading-game-card footer small{display:none}.reading-journey{grid-template-columns:1fr 1fr}.reading-library-button{grid-row:1;grid-column:1/-1}.reading-hero{width:min(680px,90vw)}} @media(max-width:760px){.reading-dashboard{padding:10px 9px 24px}.reading-top{grid-template-columns:1fr auto 1fr}.reading-back{min-width:52px;min-height:50px;padding:0 13px;font-size:0}.reading-back::first-letter{font-size:25px}.reading-audio{width:52px;min-width:52px;min-height:50px;font-size:25px}.reading-profile{padding-right:8px}.reading-profile img,.reading-profile>span{width:40px;height:40px}.reading-profile b{display:none}.reading-hero{width:min(520px,100%);margin:2px auto 8px}.reading-card-grid{grid-template-columns:1fr;gap:17px}.reading-game-card{grid-template-columns:42% 1fr;grid-template-rows:auto auto;border-radius:25px}.reading-game-card header{grid-column:2;padding:14px 9px 4px}.reading-game-card h2{font-size:25px}.reading-game-card p{font-size:14px}.reading-game-card>img{grid-row:1/3;grid-column:1;min-height:170px;max-height:none}.reading-game-card footer{grid-column:2;padding:7px 10px 12px}.reading-game-card button{min-height:52px;font-size:23px}.reading-journey{grid-template-columns:1fr;padding:10px}.reading-library-button{grid-column:1}.reading-journey-stat{min-height:56px;padding:2px 8px}.reading-journey-stat>span{width:46px;height:46px}.reading-journey-stat strong{font-size:18px}} @media(max-height:650px) and (min-width:761px){.reading-dashboard{padding-top:8px}.reading-top{position:absolute;inset:10px 20px auto}.reading-hero{width:min(540px,55vw);margin:-4px auto 2px}.reading-card-grid{gap:14px}.reading-game-card{grid-template-rows:auto minmax(130px,1fr) auto}.reading-game-card>img{min-height:130px;max-height:190px}.reading-game-card h2{font-size:27px}.reading-game-card button{min-height:48px}.reading-journey{margin-top:14px;padding:9px}.reading-library-button{min-height:68px}.reading-journey-stat>span{width:44px;height:44px;font-size:23px}} /* Reading activities */ .reading-game-screen{min-height:100vh;min-height:100dvh;padding:16px;background:linear-gradient(#fff8df,#e9f7d8);color:#24376c;overflow-x:clip}.reading-game-shell{width:min(1450px,100%);margin:auto}.reading-game-top{display:grid;grid-template-columns:170px 1fr 76px;align-items:center;gap:16px}.reading-game-top>button,.reading-instruction>button,.reading-game-footer>button{min-height:54px;border:3px solid #fff;border-radius:20px;background:linear-gradient(#fffef9,#fff0d3);box-shadow:0 5px 0 #d49a42;color:#29356e;font:900 18px 'Baloo 2';cursor:pointer}.reading-game-top>button:last-child{width:68px;font-size:28px}.reading-game-top h1{margin:0;text-align:center;font:900 clamp(30px,4vw,54px)/1 'Baloo 2';color:#174f86}.reading-progress{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:4px}.reading-progress strong{font:900 18px 'Baloo 2'}.reading-progress>i{width:min(430px,55%);height:15px;border-radius:99px;background:#f3d79d;overflow:hidden}.reading-progress>i b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ffcf39,#ff8d12)}.reading-progress small{padding:4px 12px;border-radius:99px;background:#dff2ff;font-weight:1000} .reading-instruction{margin:12px auto;max-width:1100px;min-height:82px;padding:10px 20px;display:grid;grid-template-columns:62px 1fr 62px;align-items:center;gap:14px;border:5px solid #ffb20d;border-radius:28px;background:#fffaf0;box-shadow:0 7px 0 #c87900}.reading-instruction>button{width:58px;padding:0;font-size:26px}.reading-instruction small{font-weight:1000;color:#a85b00;letter-spacing:.08em}.reading-instruction h2{margin:0;font:900 clamp(24px,3vw,39px)/1.08 'Baloo 2';color:#173f76}.reading-game-stage{min-height:470px;border:5px solid #f0c36a;border-radius:34px;background:linear-gradient(#d8f6ff,#fff5d6);box-shadow:inset 0 0 0 4px #fff,0 8px 0 #c98c2f;padding:24px;display:grid;place-items:center;overflow:hidden}.reading-game-footer{display:grid;grid-template-columns:220px 1fr 150px;align-items:center;gap:12px;margin-top:14px}.reading-game-footer p{min-height:54px;margin:0;padding:12px;border:4px solid #ffc233;border-radius:20px;background:#fffaf0;box-shadow:0 5px 0 #bc7b05;text-align:center;font:900 18px 'Baloo 2'}.reading-game-footer>button{min-height:54px}.reading-gentle-wrong{animation:readingWrong .42s ease}.reading-word-card.hinted,[data-picture].hinted,[data-story-answer].hinted,[data-sequence].hinted{animation:readingHint .85s ease-in-out infinite;box-shadow:0 0 0 6px #fff,0 0 0 11px #ffd429,0 7px 0 #9f6b12!important}.correct{box-shadow:0 0 0 6px #fff,0 0 0 11px #72d64b!important}.reading-word-card{min-width:110px;min-height:78px;padding:8px 18px;border:4px solid #fff;border-radius:20px;background:linear-gradient(#fff,#fff1c7);box-shadow:0 7px 0 #c69339;color:#3e266d;font:900 31px 'Baloo 2';cursor:pointer}.reading-word-card small{display:block;font:900 12px 'Nunito';color:#1e7198}.reading-word-card:disabled{opacity:.35;transform:scale(.92)} .reading-shop-scene{width:min(1100px,100%);display:grid;grid-template-columns:310px 1fr;grid-template-areas:'mascot missing' 'mascot shelf' 'bag bag';gap:18px;align-items:center}.reading-mascot-panel{grid-area:mascot;overflow:hidden;border:5px solid #fff;border-radius:28px;background:#ead7ff;box-shadow:0 7px 0 #7f45ad;text-align:center}.reading-mascot-panel img{display:block;width:100%;height:250px;object-fit:cover}.reading-mascot-panel b{display:block;padding:8px;font:900 20px 'Baloo 2'}.reading-missing-sentence{grid-area:missing;min-height:76px;padding:15px;border:4px dashed #9861c8;border-radius:24px;background:#fff;font:900 31px 'Baloo 2';text-align:center}.reading-word-shelf{grid-area:shelf;min-height:155px;padding:27px 20px;display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;border:8px solid #9d6033;border-radius:20px;background:linear-gradient(#cd8d50,#8a4f29);box-shadow:inset 0 8px #e7b577,0 7px 0 #5d361e}.reading-shopping-bag{grid-area:bag;justify-self:center;min-width:260px;padding:9px 20px;border:4px solid #fff;border-radius:22px;background:#ffd45e;box-shadow:0 5px 0 #b0770a;display:grid;grid-template-columns:50px 1fr;grid-template-rows:auto auto}.reading-shopping-bag span{grid-row:1/3;font-size:38px}.reading-shopping-bag b{font:900 20px 'Baloo 2'}.reading-shopping-bag em{font-style:normal;font-weight:900} .reading-cafe-scene{width:min(1100px,100%);display:grid;grid-template-columns:360px 1fr;gap:20px;align-items:center}.reading-cafe-chef{grid-row:1/3;border:5px solid #fff;border-radius:28px;overflow:hidden;box-shadow:0 7px 0 #087f83}.reading-cafe-chef img{display:block;width:100%;height:320px;object-fit:cover}.reading-cafe-chef.compact img{height:260px}.reading-sentence-order{padding:18px;border:5px solid #fff;border-radius:25px;background:#fff2d3;box-shadow:0 6px 0 #c68c28;text-align:center}.reading-sentence-order span{font-size:30px}.reading-sentence-order b{display:block;font:900 30px 'Baloo 2'}.reading-picture-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.reading-picture-choices button{min-height:170px;border:5px solid #fff;border-radius:28px;background:#f6ffff;box-shadow:0 7px 0 #07878b;color:#174f5f;cursor:pointer}.reading-picture-choices span{display:block;font-size:74px}.reading-picture-choices b{font:900 22px 'Baloo 2'}.reading-cafe-scene.build{grid-template-columns:280px 1fr}.reading-sentence-tray{min-height:130px;padding:14px;border:7px solid #c58a36;border-radius:26px;background:#fff8dc;box-shadow:inset 0 5px #fff,0 7px 0 #84541f;text-align:center}.reading-sentence-tray>span{font-weight:1000;color:#92601e}.reading-sentence-tray>div{min-height:68px;display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap}.reading-sentence-tray>div>span{padding:8px 12px;border:3px solid #fff;border-radius:14px;background:#ffdc7a;box-shadow:0 4px 0 #b17a21;font:900 24px 'Baloo 2'}.reading-word-ingredients{display:flex;justify-content:center;gap:12px;flex-wrap:wrap} .reading-karaoke{display:flex;justify-content:center;gap:7px;flex-wrap:wrap}.reading-karaoke-word{padding:2px 5px;border-radius:7px;transition:.15s}.reading-karaoke-word.active{background:#ffd43b;color:#5b2e00;transform:translateY(-3px) scale(1.08)} .reading-story-page{width:min(1050px,100%);display:grid;grid-template-columns:1.1fr 1fr;gap:24px;align-items:center}.reading-story-room{position:relative;border:7px solid #fff;border-radius:32px;overflow:hidden;box-shadow:0 8px 0 #c77824}.reading-story-room img{display:block;width:100%;height:330px;object-fit:cover}.reading-story-room>span{position:absolute;right:18px;bottom:14px;padding:9px 14px;border-radius:20px;background:#ffffffdc;font-size:56px}.reading-story-copy{padding:24px;border:6px solid #fff;border-radius:32px;background:#fffaf0;box-shadow:0 8px 0 #dc9228}.reading-story-copy>small{font-weight:1000;color:#dd651b}.reading-story-copy p{font:900 clamp(27px,3.2vw,42px)/1.45 'Baloo 2';color:#273966}.reading-story-copy p button{min-width:44px;min-height:44px;padding:0 3px;border:0;border-radius:7px;background:transparent;color:inherit;font:inherit;cursor:pointer}.reading-story-copy p button:hover{background:#ffe168}.reading-page-audio,.reading-next-page{min-height:58px;border:4px solid #fff;border-radius:20px;box-shadow:0 5px 0 #9d651a;font:900 21px 'Baloo 2';cursor:pointer}.reading-page-audio{width:70px;background:#45bddd}.reading-next-page{float:right;padding:0 24px;background:#ff8a25;color:#fff}.reading-comprehension{width:min(850px,100%);padding:28px;border:7px solid #fff;border-radius:35px;background:#fff7e4;box-shadow:0 9px 0 #ce8421;text-align:center}.reading-comprehension>span{font-size:70px}.reading-comprehension>small{display:block;color:#e56519;font:900 18px 'Baloo 2';text-transform:uppercase}.reading-comprehension h2{font:900 clamp(28px,4vw,44px) 'Baloo 2';margin:4px 0 18px}.reading-comprehension>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.reading-comprehension button{min-height:86px;border:5px solid #fff;border-radius:24px;background:#fff;box-shadow:0 6px 0 #dd8d26;color:#263b6d;font:900 21px 'Baloo 2';cursor:pointer} .reading-sequence button>span{display:block;font-size:38px}.reading-sequence button>small{display:block;font:900 14px/1.2 'Nunito'}.reading-sequence button:disabled{opacity:.55}.reading-sequence>p{margin:16px 0 0;padding:10px;border-radius:16px;background:#ffe59a;font:900 20px 'Baloo 2'} .reading-reward{position:fixed;inset:0;z-index:200;background:#1a2856b5;display:grid;place-items:center;padding:20px}.reading-reward[hidden]{display:none}.reading-reward>div{width:min(560px,94vw);padding:30px;border:7px solid #fff4bd;border-radius:38px;background:linear-gradient(#fffdf0,#ffe9a8);box-shadow:0 14px 0 #b97914;text-align:center}.reading-reward span{font-size:64px}.reading-reward h2{margin:4px;font:900 43px 'Baloo 2';color:#6b3a0f}.reading-reward p{font-weight:1000}.reading-reward button{min-height:54px;margin:6px;padding:0 17px;border:3px solid #fff;border-radius:18px;background:#ff9b25;box-shadow:0 5px 0 #a85c00;color:#fff;font:900 18px 'Baloo 2';cursor:pointer} .reading-library{min-height:100vh;min-height:100dvh;padding:22px clamp(14px,3vw,44px);background:linear-gradient(#fff9e7,#f0dfba);color:#3d2c68} .reading-library>header{display:grid;grid-template-columns:150px 1fr 180px;align-items:center;gap:18px;max-width:1400px;margin:0 auto} .reading-library>header button{min-height:54px;border:3px solid #fff;border-radius:20px;background:#fff8e9;box-shadow:0 5px 0 #b98740;font:900 18px 'Baloo 2'} .reading-library h1{margin:0;text-align:center;font:900 clamp(36px,5vw,58px) 'Baloo 2'} .reading-library header p{text-align:center;margin:0;font-weight:900}.reading-library header>strong{text-align:right} .reading-library nav{max-width:900px;margin:20px auto;display:grid;grid-template-columns:repeat(3,1fr);gap:10px} .reading-library nav button{min-height:54px;border:4px solid #fff;border-radius:18px;background:#ead7ff;box-shadow:0 5px 0 #8450ae;font:900 18px 'Baloo 2';cursor:pointer} .reading-library nav button.selected{background:#8d50bd;color:#fff} .reading-library-grid{max-width:1400px;margin:0 auto;padding:24px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;border:10px solid #9a5d2f;border-radius:34px;background:repeating-linear-gradient(#d89b5d 0 210px,#8d512c 210px 225px);box-shadow:inset 0 9px #efbd80,0 10px 0 #66391f} .reading-library-card{min-height:190px;padding:17px;border:5px solid #fff;border-radius:24px;background:#fffaf0;box-shadow:0 7px 0 #c98933;text-align:center;display:grid;grid-template-rows:54px 1fr auto auto auto;gap:5px} .reading-library-card>span{font-size:42px}.reading-library-card>b{font:900 22px 'Baloo 2';align-self:center} .reading-library-card>em{justify-self:center;padding:2px 9px;border-radius:99px;background:#dff2ff;color:#216887;font-style:normal;font-weight:1000} .reading-library-card>small{justify-self:center;padding:3px 12px;border-radius:99px;background:#e8d9ff;font-weight:1000} .reading-library-card>small.learning{background:#fff0a7}.reading-library-card>small.mastered{background:#bdeea9} .reading-library-card button{justify-self:center;min-width:46px;min-height:46px;border:3px solid #fff;border-radius:15px;background:#65cde0;box-shadow:0 4px 0 #278494;font-size:21px;cursor:pointer} .reading-library-empty{grid-column:1/-1;padding:55px 20px;border-radius:24px;background:#fff8e9;text-align:center}.reading-library-empty span{font-size:70px}.reading-library-empty h2{font:900 32px 'Baloo 2'} /* Direct Short Stories Library */ .short-stories-library{min-height:100vh;min-height:100dvh;padding:22px clamp(14px,3vw,44px) 36px;background:radial-gradient(circle at 50% 0,#fff9dd 0 18%,transparent 48%),linear-gradient(#dff7f4,#f8e8bd);color:#263768;font-family:'Nunito',sans-serif;overflow-x:clip} .short-stories-library>header{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:150px 1fr 150px;align-items:center;gap:18px}.short-stories-library>header button{min-height:54px;border:3px solid #fff;border-radius:20px;background:#fff8e9;box-shadow:0 5px 0 #b98740;color:#34306c;font:900 18px 'Baloo 2';cursor:pointer}.short-stories-library>header h1{margin:0;text-align:center;color:#164d77;font:900 clamp(36px,5vw,58px)/1 'Baloo 2'}.short-stories-library>header p{margin:4px 0 0;text-align:center;font-weight:1000}.short-stories-library>header strong{text-align:right;color:#0a7f82;font:900 20px 'Baloo 2'} .short-story-filters{max-width:1100px;margin:18px auto;display:grid;grid-template-columns:1fr 1fr;gap:14px}.short-story-filters>div{padding:8px;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:7px;border:3px solid #fff;border-radius:22px;background:#fff9ed;box-shadow:0 5px 0 #cf9c55}.short-story-filters button{min-height:48px;padding:5px 11px;border:0;border-radius:15px;background:#e6eff3;color:#31516b;font:900 16px 'Baloo 2';cursor:pointer}.short-story-filters button.selected{background:linear-gradient(#4bcfd1,#07999d);color:#0b2239;box-shadow:0 4px 0 #086f72} .short-story-grid{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.short-story-card{min-width:0;overflow:hidden;display:grid;grid-template-rows:180px 1fr auto;border:6px solid #fff;border-radius:28px;background:#fffaf0;box-shadow:0 8px 0 #a9662d,0 14px 24px #5d3c1d28}.short-story-card figure{position:relative;margin:0;overflow:hidden;background:#eadfc7}.short-story-card figure>img{display:block;width:100%;height:100%;object-fit:cover}.short-story-card figure>span{position:absolute;right:9px;bottom:8px;width:48px;height:48px;display:grid;place-items:center;border:3px solid #fff;border-radius:50%;background:#fff9e8;font-size:27px;box-shadow:0 3px 0 #b7813e}.short-story-card>div{padding:13px 15px 8px;text-align:center}.short-story-card small{display:inline-block;padding:3px 9px;border-radius:999px;background:#dcf5ef;color:#087577;font-weight:1000}.short-story-card h2{min-height:52px;margin:5px 0 2px;color:#283a72;font:900 24px/1.08 'Baloo 2'}.short-story-card p{margin:0;color:#746575;font-weight:1000} .short-story-card-actions{padding:9px 12px 14px;display:grid;grid-template-columns:auto 1fr;gap:8px}.short-story-card-actions button{min-height:48px;border:3px solid #fff;border-radius:16px;font:900 16px 'Baloo 2';cursor:pointer}.short-story-card-actions [data-story-favourite]{padding:0 11px;background:#fff0ae;color:#6c4b00;box-shadow:0 4px 0 #c18b20}.short-story-card-actions [data-story-open]{background:linear-gradient(#ff9b38,#f06a16);box-shadow:0 4px 0 #a74306;color:#3b2400}.short-story-empty{grid-column:1/-1;padding:55px 20px;border:5px solid #fff;border-radius:28px;background:#fff9ed;text-align:center;font:900 24px 'Baloo 2'} .reading-story-modes{display:grid;grid-template-columns:1fr 1fr;gap:8px}.reading-story-mode{min-height:46px;padding:4px 10px;border:3px solid #fff;border-radius:16px;background:#e5eef0;box-shadow:0 4px 0 #8d9fa2;color:#285166;font:900 16px 'Baloo 2';cursor:pointer}.reading-story-mode.selected{background:linear-gradient(#51d6d5,#08a3a5);box-shadow:0 4px 0 #087476;color:#0b2239} #s-reading-game[data-game="story-house"] .reading-story-copy{grid-template-rows:auto auto minmax(260px,1fr) auto auto}#s-reading-game[data-game="story-house"] .reading-story-sentence-card p{font-size:clamp(22px,2.25vw,36px);line-height:1.28} @media(max-width:1050px){.short-story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.short-story-card{grid-template-rows:210px 1fr auto}} @media(max-width:700px){.short-stories-library{padding:12px 9px 24px}.short-stories-library>header{grid-template-columns:70px 1fr}.short-stories-library>header button{font-size:0}.short-stories-library>header button::first-letter{font-size:25px}.short-stories-library>header h1{font-size:32px}.short-stories-library>header p{font-size:13px}.short-stories-library>header strong{grid-column:1/-1;text-align:center;font-size:16px}.short-story-filters{margin:11px auto;grid-template-columns:1fr;gap:8px}.short-story-filters>div{padding:6px}.short-story-filters button{min-height:44px;padding-inline:5px;font-size:13px}.short-story-grid{grid-template-columns:1fr;gap:15px}.short-story-card{grid-template-columns:42% 1fr;grid-template-rows:1fr auto;min-height:190px}.short-story-card figure{grid-row:1/3}.short-story-card h2{min-height:0;font-size:22px}.short-story-card-actions{padding:6px 9px 12px}.short-story-card-actions [data-story-favourite] span{display:none}.reading-story-mode{min-height:44px;padding-inline:4px;font-size:13px}#s-reading-game[data-game="story-house"] .reading-story-copy{grid-template-rows:auto auto minmax(220px,auto) auto auto}#s-reading-game[data-game="story-house"] .reading-story-sentence-card p{font-size:clamp(18px,4.8vw,25px);line-height:1.2}} @keyframes readingWrong{30%{transform:translateX(-8px)}60%{transform:translateX(8px)}}@keyframes readingHint{50%{transform:translateY(-5px) scale(1.04)}} @media(max-width:760px){ .reading-game-screen{padding:8px}.reading-game-top{grid-template-columns:58px 1fr 58px;gap:6px}.reading-game-top>button{min-width:52px;padding:0;font-size:0}.reading-game-top>button::first-letter{font-size:24px}.reading-game-top>button:last-child{width:52px;font-size:23px}.reading-game-top h1{font-size:28px}.reading-progress>i{width:45%}.reading-progress small{padding:3px 7px} .reading-instruction{grid-template-columns:48px 1fr;margin:8px auto;padding:8px 12px;min-height:66px}.reading-instruction>button{width:46px;min-height:46px}.reading-instruction h2{font-size:23px} .reading-game-stage{min-height:420px;padding:13px;border-radius:25px}.reading-game-footer{grid-template-columns:58px 1fr 70px;gap:7px}.reading-game-footer>button{font-size:0;padding:0}.reading-game-footer>button:first-child::before{content:'📚';font-size:24px}.reading-game-footer>button:last-child::before{content:'💡';font-size:24px}.reading-game-footer p{font-size:14px;padding:8px} .reading-shop-scene,.reading-cafe-scene,.reading-cafe-scene.build,.reading-story-page{grid-template-columns:1fr;grid-template-areas:none}.reading-mascot-panel{grid-area:auto}.reading-mascot-panel img,.reading-cafe-chef img,.reading-cafe-chef.compact img{height:150px}.reading-missing-sentence,.reading-word-shelf,.reading-shopping-bag{grid-area:auto}.reading-word-shelf{padding:20px 10px}.reading-word-card{min-width:88px;min-height:64px;font-size:25px}.reading-cafe-chef{grid-row:auto}.reading-picture-choices button{min-height:135px}.reading-picture-choices span{font-size:54px}.reading-sentence-tray{min-height:105px} .reading-story-room img{height:190px}.reading-story-copy{padding:16px}.reading-story-copy p{font-size:27px}.reading-comprehension{padding:17px}.reading-comprehension>div{grid-template-columns:1fr}.reading-comprehension button{min-height:60px} .reading-library{padding:12px 9px}.reading-library>header{grid-template-columns:65px 1fr}.reading-library>header>strong{grid-column:1/-1;text-align:center}.reading-library h1{font-size:32px}.reading-library header p{font-size:14px}.reading-library nav{margin:12px auto;gap:6px}.reading-library nav button{min-height:48px;font-size:14px}.reading-library-grid{padding:15px;grid-template-columns:1fr;gap:14px;border-width:7px}.reading-library-card{min-height:180px} } @media(max-height:650px) and (min-width:761px){.reading-game-screen{padding-top:7px}.reading-game-top h1{font-size:34px}.reading-instruction{min-height:64px;margin:7px auto}.reading-game-stage{min-height:340px;padding:14px}.reading-mascot-panel img{height:190px}.reading-word-shelf{min-height:125px}.reading-cafe-chef img{height:240px}.reading-story-room img{height:250px}.reading-game-footer{margin-top:9px}} /* Authored Sight Word Shop — live DOM over supplied scene */ #s-reading-game[data-game="sight-shop"]{padding:10px 16px 20px;background:linear-gradient(#ffe5b0,#f7c674 52%,#c9853d)} #s-reading-game[data-game="sight-shop"] .reading-game-shell{width:min(1600px,100%);margin:0 auto} #s-reading-game[data-game="sight-shop"] .reading-game-top{grid-template-columns:180px 1fr 120px;padding:0 18px;min-height:82px;border:5px solid #efd1a0;border-radius:28px;background:linear-gradient(#fffdf5,#fff0d7);box-shadow:0 7px 0 #bd792e} #s-reading-game[data-game="sight-shop"] .reading-game-top h1{font-size:clamp(38px,4.2vw,64px);color:#0a326b} #s-reading-game[data-game="sight-shop"] #readingGameAudio{display:none} #s-reading-game[data-game="sight-shop"] .reading-progress{position:absolute;right:max(42px,5vw);top:25px;margin:0} #s-reading-game[data-game="sight-shop"] .reading-progress>i,#s-reading-game[data-game="sight-shop"] #readingLevel{display:none} #s-reading-game[data-game="sight-shop"] #readingRoundProgress{min-width:105px;padding:6px 18px;border:3px solid #fff;border-radius:18px;background:#fff7e8;box-shadow:0 4px 0 #c88b45;text-align:center;font:900 29px 'Baloo 2'} #s-reading-game[data-game="sight-shop"] .reading-instruction{max-width:760px;grid-template-columns:70px 1fr 70px;margin:13px auto 12px;border-color:#e0b579;background:#fff8eb;box-shadow:0 7px 0 #9c5e27} #s-reading-game[data-game="sight-shop"] .reading-instruction small{display:none} #s-reading-game[data-game="sight-shop"] .reading-instruction h2{text-align:center;font-size:clamp(28px,3vw,43px);color:#0a326b} #s-reading-game[data-game="sight-shop"] #readingPromptAudio{background:linear-gradient(#ffad31,#f2700d);color:#fff;box-shadow:0 5px 0 #a94800} #s-reading-game[data-game="sight-shop"] #readingInstructionRepeat{background:linear-gradient(#5de0de,#09a9ad);color:#fff;box-shadow:0 5px 0 #087277} #s-reading-game[data-game="sight-shop"] .reading-game-stage{position:relative;display:block;min-height:clamp(430px,39vw,615px);padding:0;border:7px solid #8d4d1c;border-radius:30px;background-image:url('../assets/img/reading-village/sight-word-shop/authored-v3/room-clean.webp');background-size:cover;background-position:center;box-shadow:inset 0 0 0 5px #fff0d4,0 9px 0 #6c3717;overflow:hidden} #s-reading-game[data-game="sight-shop"] .reading-shop-authored{position:absolute;inset:0;width:100%;display:block} #s-reading-game[data-game="sight-shop"] .reading-shopkeeper-mobile{display:none} #s-reading-game[data-game="sight-shop"] .reading-shop-live-board{position:absolute;left:24%;right:22%;top:8.5%;min-height:46%;padding:18px;display:grid;place-items:center;border:6px solid #eed5ad;border-radius:28px;background:linear-gradient(#fffdf6,#fff4df);box-shadow:inset 0 0 0 3px #fff,0 7px 0 #a5642e} #s-reading-game[data-game="sight-shop"] .reading-missing-sentence{width:min(720px,95%);min-height:64px;padding:9px 14px;border:4px dashed #9e62d0;background:#fff;font-size:clamp(24px,2.5vw,39px)} #s-reading-game[data-game="sight-shop"] .reading-word-shelf{grid-area:auto;width:100%;min-height:0;padding:8px;display:flex;align-items:center;justify-content:center;gap:clamp(14px,2vw,34px);flex-wrap:nowrap;border:0;background:transparent;box-shadow:none} #s-reading-game[data-game="sight-shop"] .reading-word-card{flex:1 1 0;min-width:120px;max-width:250px;min-height:clamp(105px,12vw,180px);padding:8px;border:5px solid #fff;border-radius:24px;background:linear-gradient(#fffdf8,#fff1d5);box-shadow:inset 0 0 0 3px #e8c89d,0 8px 0 #aa6b31;color:#0c3470;font-size:clamp(38px,5vw,70px)} #s-reading-game[data-game="sight-shop"] .reading-word-card small{font-size:14px} #s-reading-game[data-game="sight-shop"] .reading-shopping-bag{position:absolute;left:50%;bottom:2%;translate:-50% 0;display:block;min-width:0;padding:0;border:0;background:transparent;box-shadow:none} #s-reading-game[data-game="sight-shop"] .reading-shop-bag-art{display:none} #s-reading-game[data-game="sight-shop"] .reading-shop-bag-count{min-width:135px;padding:5px 14px;border:4px solid #fff;border-radius:18px;background:#fff0c8;box-shadow:0 5px 0 #8f5b26;text-align:center;color:#073b67} #s-reading-game[data-game="sight-shop"] .reading-shop-bag-count b{display:block;font:900 25px/1 'Baloo 2'} #s-reading-game[data-game="sight-shop"] .reading-shop-bag-count span{display:block;font-size:13px;font-weight:1000} #s-reading-game[data-game="sight-shop"] .reading-shop-hint{position:absolute;right:5.3%;bottom:3.3%;width:clamp(180px,18%,270px);min-width:0;min-height:68px;padding:6px 23px;border:5px solid #fff;border-radius:999px;background:linear-gradient(#b76ee7,#7430ba);box-shadow:inset 0 0 0 3px #d7a7f4,0 7px 0 #4c1b83;color:#fff;font:900 29px 'Baloo 2';cursor:pointer} #s-reading-game[data-game="sight-shop"] .reading-shop-hint span{font-size:30px} #s-reading-game[data-game="sight-shop"] .reading-shop-hint:active{translate:0 5px;box-shadow:inset 0 0 0 3px #d7a7f4,0 2px 0 #4c1b83} #s-reading-game[data-game="sight-shop"] .reading-game-footer{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;overflow:hidden!important;clip-path:inset(50%);margin:0!important} @media(max-width:1050px) and (min-width:761px){ #s-reading-game[data-game="sight-shop"]{padding-inline:10px} #s-reading-game[data-game="sight-shop"] .reading-game-top{grid-template-columns:130px 1fr 100px;min-height:72px} #s-reading-game[data-game="sight-shop"] .reading-game-top h1{font-size:42px} #s-reading-game[data-game="sight-shop"] .reading-progress{right:34px;top:23px} #s-reading-game[data-game="sight-shop"] #readingRoundProgress{min-width:84px;font-size:23px} #s-reading-game[data-game="sight-shop"] .reading-instruction{max-width:680px;min-height:70px} #s-reading-game[data-game="sight-shop"] .reading-game-stage{min-height:clamp(390px,52vw,530px)} #s-reading-game[data-game="sight-shop"] .reading-shop-live-board{left:23.5%;right:20.5%;top:8%;min-height:48%;padding:10px} #s-reading-game[data-game="sight-shop"] .reading-word-card{min-width:100px;min-height:105px;font-size:clamp(34px,5.2vw,55px)} #s-reading-game[data-game="sight-shop"] .reading-shop-hint{right:0;width:min(29%,270px);min-width:210px;min-height:58px;font-size:23px} } @media(max-width:760px){ #s-reading-game[data-game="sight-shop"]{padding:7px;background:linear-gradient(#ffe6b9,#f3c178)} #s-reading-game[data-game="sight-shop"] .reading-game-top{grid-template-columns:58px 1fr 66px;min-height:66px;padding:0 7px;border-width:4px;border-radius:20px} #s-reading-game[data-game="sight-shop"] .reading-game-top h1{font-size:clamp(26px,8vw,34px);line-height:.95} #s-reading-game[data-game="sight-shop"] .reading-progress{position:static;grid-column:3;grid-row:1;justify-self:end} #s-reading-game[data-game="sight-shop"] #readingRoundProgress{min-width:58px;padding:5px 7px;border-width:2px;font-size:18px} #s-reading-game[data-game="sight-shop"] .reading-instruction{grid-template-columns:48px 1fr 48px;min-height:64px;margin:8px 0;padding:7px;border-width:4px;border-radius:20px;gap:7px} #s-reading-game[data-game="sight-shop"] .reading-instruction>button{width:46px;min-width:46px;min-height:46px;font-size:22px} #s-reading-game[data-game="sight-shop"] .reading-instruction h2{font-size:clamp(21px,6vw,28px)} #s-reading-game[data-game="sight-shop"] .reading-game-stage{min-height:0;padding:10px;border-width:5px;border-radius:23px;background-image:none;background:linear-gradient(#fff7e8,#ffe3a5);overflow:visible} #s-reading-game[data-game="sight-shop"] .reading-shop-authored{position:static;display:grid;grid-template-columns:1fr;gap:10px;width:100%} #s-reading-game[data-game="sight-shop"] .reading-shopkeeper-mobile{display:grid;grid-template-columns:42% 1fr;align-items:center;min-height:135px;border:5px solid #fff;border-radius:22px;background:#e8d4ff;box-shadow:0 6px 0 #7335a5;overflow:hidden} #s-reading-game[data-game="sight-shop"] .reading-shopkeeper-mobile img{width:100%;height:150px;object-fit:cover;object-position:center 52%} #s-reading-game[data-game="sight-shop"] .reading-shopkeeper-mobile b{padding:8px;color:#4a2770;text-align:center;font:900 23px 'Baloo 2'} #s-reading-game[data-game="sight-shop"] .reading-shop-live-board{position:static;min-height:0;padding:12px 8px;display:grid;gap:8px;border-width:5px;border-radius:22px} #s-reading-game[data-game="sight-shop"] .reading-missing-sentence{width:100%;min-height:58px;font-size:25px} #s-reading-game[data-game="sight-shop"] .reading-word-shelf{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:3px} #s-reading-game[data-game="sight-shop"] .reading-shop-authored[data-choice-count="2"] .reading-word-shelf{grid-template-columns:repeat(2,minmax(0,1fr))} #s-reading-game[data-game="sight-shop"] .reading-word-card{width:100%;min-width:0;max-width:none;min-height:78px;padding:4px;border-width:4px;border-radius:18px;font-size:clamp(27px,9vw,38px)} #s-reading-game[data-game="sight-shop"] .reading-word-card small{font-size:11px} #s-reading-game[data-game="sight-shop"] .reading-shopping-bag{position:static;translate:0;display:grid;grid-template-columns:minmax(110px,42%) 1fr;align-items:center;gap:8px;padding:7px;border:5px solid #fff;border-radius:22px;background:#bdf5ee;box-shadow:0 6px 0 #087a7d} #s-reading-game[data-game="sight-shop"] .reading-shop-bag-art{display:block;width:100%;max-height:125px;border-radius:16px;object-fit:cover} #s-reading-game[data-game="sight-shop"] .reading-shop-bag-count{min-width:0;padding:8px} #s-reading-game[data-game="sight-shop"] .reading-shop-bag-count b{font-size:30px} #s-reading-game[data-game="sight-shop"] .reading-shop-bag-count span{font-size:14px} #s-reading-game[data-game="sight-shop"] .reading-shop-hint{position:static;width:100%;min-width:0;min-height:58px;padding:5px;border-width:4px;font-size:24px} } @media(max-height:650px) and (min-width:761px){ #s-reading-game[data-game="sight-shop"] .reading-game-top{min-height:62px} #s-reading-game[data-game="sight-shop"] .reading-game-top h1{font-size:36px} #s-reading-game[data-game="sight-shop"] .reading-progress{top:15px} #s-reading-game[data-game="sight-shop"] .reading-instruction{min-height:58px;margin:6px auto;padding-block:5px} #s-reading-game[data-game="sight-shop"] .reading-game-stage{min-height:360px} #s-reading-game[data-game="sight-shop"] .reading-shop-live-board{top:7%;min-height:47%;padding:8px} #s-reading-game[data-game="sight-shop"] .reading-word-card{min-height:90px} #s-reading-game[data-game="sight-shop"] .reading-shop-hint{min-height:54px} } @media(min-width:1051px) and (max-width:1366px) and (min-height:651px){ #s-reading-game[data-game="sight-shop"] .reading-game-stage{min-height:clamp(525px,39vw,533px)} } /* Sight Word Shop authored asset-native layers — v4 */ #s-reading-game[data-game="sight-shop"] #readingGameBack{display:flex;align-items:center;justify-content:center;gap:7px;font-size:0} #s-reading-game[data-game="sight-shop"] #readingGameBack::before{content:'';width:48px;height:48px;flex:0 0 48px;background:url('../assets/img/reading-village/sight-word-shop/authored-v3/icon-back.webp') center/contain no-repeat} #s-reading-game[data-game="sight-shop"] #readingGameBack span{font-size:18px} #s-reading-game[data-game="sight-shop"] #readingPromptAudio,#s-reading-game[data-game="sight-shop"] #readingInstructionRepeat{border:0;background-color:transparent!important;background-position:center!important;background-size:contain!important;background-repeat:no-repeat!important;box-shadow:none!important;color:transparent;font-size:0} #s-reading-game[data-game="sight-shop"] #readingPromptAudio{background-image:url('../assets/img/reading-village/sight-word-shop/authored-v3/icon-audio.webp')!important} #s-reading-game[data-game="sight-shop"] #readingInstructionRepeat{background-image:url('../assets/img/reading-village/sight-word-shop/authored-v3/icon-replay.webp')!important} #s-reading-game[data-game="sight-shop"] .reading-game-stage{background-image:url('../assets/img/reading-village/sight-word-shop/authored-v3/room-clean.webp');background-size:cover;background-position:center} #s-reading-game[data-game="sight-shop"] .reading-shop-authored{isolation:isolate} #s-reading-game[data-game="sight-shop"] .reading-shopkeeper-authored{position:absolute;z-index:2;left:1%;bottom:1%;width:27%;height:72%;display:flex;align-items:flex-end;justify-content:flex-start;pointer-events:none} #s-reading-game[data-game="sight-shop"] .reading-shop-owl{display:block;width:100%;height:100%;object-fit:contain;object-position:left bottom;filter:drop-shadow(0 8px 5px rgba(68,34,19,.28))} #s-reading-game[data-game="sight-shop"] .reading-shop-live-board{z-index:3;left:23%;right:20%;top:8%;min-height:47%;background:linear-gradient(145deg,rgba(255,253,246,.98),rgba(255,239,210,.97))} #s-reading-game[data-game="sight-shop"] .reading-word-card{border:0;background-color:transparent;background-image:url('../assets/img/reading-village/sight-word-shop/authored-v3/word-card-frame.webp');background-size:100% 100%;background-position:center;background-repeat:no-repeat;box-shadow:none;color:#0c3470} #s-reading-game[data-game="sight-shop"] .reading-word-card.hinted{box-shadow:0 0 0 7px #fff,0 0 0 13px #ffd429!important;border-radius:25px} #s-reading-game[data-game="sight-shop"] .reading-word-card.correct{box-shadow:0 0 0 7px #fff,0 0 0 13px #72d64b!important;border-radius:25px} #s-reading-game[data-game="sight-shop"] .reading-shopping-bag{z-index:4;bottom:0;display:block;width:clamp(190px,20vw,310px);height:clamp(155px,17vw,245px)} #s-reading-game[data-game="sight-shop"] .reading-shop-bag-art{display:block;width:100%;height:100%;max-height:none;object-fit:contain;filter:drop-shadow(0 7px 4px rgba(42,35,20,.28))} #s-reading-game[data-game="sight-shop"] .reading-shop-bag-count{position:absolute;left:50%;bottom:12%;translate:-50% 0;min-width:130px;padding:4px 10px;border-width:3px;box-shadow:0 3px 0 #8f5b26} #s-reading-game[data-game="sight-shop"] .reading-shop-hint{z-index:5;right:2%;bottom:3%;width:clamp(150px,14%,215px);min-width:150px;display:flex;align-items:center;justify-content:center;gap:4px} #s-reading-game[data-game="sight-shop"] .reading-shop-hint::before{content:'';width:48px;height:52px;flex:0 0 48px;background:url('../assets/img/reading-village/sight-word-shop/authored-v3/icon-hint.webp') center/contain no-repeat} #s-reading-game[data-game="sight-shop"] .reading-shop-hint span{font:900 28px 'Baloo 2'} #s-reading-game[data-game="sight-shop"] .reading-shop-example[hidden]{display:none!important} #s-reading-game[data-game="sight-shop"] .reading-shop-example{position:absolute;z-index:9;right:1.5%;top:17%;width:clamp(125px,13%,190px);margin:0;padding:7px;border:5px solid #fff;border-radius:22px;background:#fff4d8;box-shadow:0 7px 0 #8d5528;overflow:hidden;animation:readingExamplePop .3s ease both} #s-reading-game[data-game="sight-shop"] .reading-shop-example img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:14px} #s-reading-game[data-game="sight-shop"] .reading-shop-example figcaption{padding:4px 2px 0;text-align:center;color:#153f73;font:900 16px/1.05 'Baloo 2'} @keyframes readingExamplePop{from{opacity:0;transform:scale(.75) rotate(-4deg)}to{opacity:1;transform:scale(1) rotate(0)}} @media(max-width:1050px) and (min-width:761px){ #s-reading-game[data-game="sight-shop"] .reading-shopkeeper-authored{left:0;width:25%;height:68%} #s-reading-game[data-game="sight-shop"] .reading-shop-live-board{left:21.5%;right:19%;top:7%} #s-reading-game[data-game="sight-shop"] .reading-shopping-bag{width:clamp(170px,22vw,235px);height:clamp(145px,20vw,205px)} #s-reading-game[data-game="sight-shop"] .reading-shop-hint{right:1%;width:190px;min-width:190px} #s-reading-game[data-game="sight-shop"] .reading-shop-example{right:1%;top:16%;width:130px} } @media(max-width:760px){ #s-reading-game[data-game="sight-shop"] #readingGameBack::before{width:44px;height:44px;flex-basis:44px} #s-reading-game[data-game="sight-shop"] #readingGameBack span{display:none} #s-reading-game[data-game="sight-shop"] .reading-game-stage{padding:10px;background-image:linear-gradient(rgba(255,247,228,.78),rgba(255,224,169,.82)),url('../assets/img/reading-village/sight-word-shop/authored-v3/room-clean.webp');background-size:cover;background-position:center} #s-reading-game[data-game="sight-shop"] .reading-shop-authored{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:10px} #s-reading-game[data-game="sight-shop"] .reading-shopkeeper-authored{position:relative;left:auto;bottom:auto;width:100%;height:145px;display:flex;justify-content:center;align-items:flex-end;border:5px solid #fff;border-radius:22px;background:linear-gradient(120deg,rgba(236,215,255,.94),rgba(255,244,221,.9));box-shadow:0 6px 0 #7335a5;overflow:hidden} #s-reading-game[data-game="sight-shop"] .reading-shop-owl{width:auto;max-width:95%;height:145px;object-position:center bottom} #s-reading-game[data-game="sight-shop"] .reading-shop-live-board{position:relative;left:auto;right:auto;top:auto;min-height:0;padding:12px 8px} #s-reading-game[data-game="sight-shop"] .reading-shopping-bag{position:relative;left:auto;bottom:auto;translate:0;justify-self:stretch;width:100%;height:142px;display:grid;grid-template-columns:46% 1fr;align-items:center;padding:5px 8px;border:5px solid #fff;border-radius:22px;background:rgba(189,245,238,.94);box-shadow:0 6px 0 #087a7d} #s-reading-game[data-game="sight-shop"] .reading-shop-bag-art{grid-column:1;width:100%;height:130px;object-fit:contain} #s-reading-game[data-game="sight-shop"] .reading-shop-bag-count{position:relative;left:auto;bottom:auto;translate:0;grid-column:2;grid-row:1;min-width:0;width:100%;padding:8px} #s-reading-game[data-game="sight-shop"] .reading-shop-hint{position:relative;right:auto;bottom:auto;width:100%;min-width:0;min-height:62px} #s-reading-game[data-game="sight-shop"] .reading-shop-hint::before{width:42px;height:46px;flex-basis:42px} #s-reading-game[data-game="sight-shop"] .reading-shop-example{position:absolute;right:5%;top:34%;width:90%;max-width:none;display:grid;grid-template-columns:120px 1fr;align-items:center;gap:8px;padding:9px} #s-reading-game[data-game="sight-shop"] .reading-shop-example img{width:120px;height:120px} #s-reading-game[data-game="sight-shop"] .reading-shop-example figcaption{font-size:24px} } @media(max-width:340px){ #s-reading-game[data-game="sight-shop"] .reading-shopkeeper-authored{height:130px} #s-reading-game[data-game="sight-shop"] .reading-shop-owl{height:132px} #s-reading-game[data-game="sight-shop"] .reading-shopping-bag{height:132px} #s-reading-game[data-game="sight-shop"] .reading-shop-bag-art{height:120px} #s-reading-game[data-game="sight-shop"] .reading-shop-example{grid-template-columns:100px 1fr} #s-reading-game[data-game="sight-shop"] .reading-shop-example img{width:100px;height:100px} } /* Authored Sentence Café — live sentence builder */ #s-reading-game[data-game="sentence-cafe"]{padding:10px 16px 18px;background:linear-gradient(#f8d9a1,#d89249);color:#0a326b} #s-reading-game[data-game="sentence-cafe"] .reading-game-shell{width:min(1600px,100%);margin:0 auto} #s-reading-game[data-game="sentence-cafe"] .reading-game-top{position:relative;grid-template-columns:180px 1fr 120px;min-height:82px;padding:0 18px;border:5px solid #efd1a0;border-radius:28px;background:linear-gradient(#fffdf5,#fff0d7);box-shadow:0 7px 0 #a7642a} #s-reading-game[data-game="sentence-cafe"] .reading-game-top h1{font-size:clamp(38px,4.2vw,62px);color:#062e65} #s-reading-game[data-game="sentence-cafe"] #readingGameBack{display:flex;align-items:center;justify-content:center;gap:8px;font-size:0} #s-reading-game[data-game="sentence-cafe"] #readingGameBack::before{content:'';width:48px;height:48px;flex:0 0 48px;background:url('../assets/img/reading-village/sentence-cafe/authored-v2/control-back.webp') center/contain no-repeat} #s-reading-game[data-game="sentence-cafe"] #readingGameBack span{font-size:22px} #s-reading-game[data-game="sentence-cafe"] #readingGameAudio{display:none} #s-reading-game[data-game="sentence-cafe"] .reading-progress{position:absolute;right:max(38px,4vw);top:24px;margin:0} #s-reading-game[data-game="sentence-cafe"] .reading-progress>i,#s-reading-game[data-game="sentence-cafe"] #readingLevel{display:none} #s-reading-game[data-game="sentence-cafe"] .reading-progress strong{min-width:110px;padding:9px 16px;border:3px solid #edcf9e;border-radius:20px;background:#fffaf0;box-shadow:0 4px 0 #b97834;text-align:center;font-size:28px} #s-reading-game[data-game="sentence-cafe"] .reading-instruction{max-width:900px;min-height:82px;margin:12px auto;padding:8px 16px;border-color:#edc893;border-radius:27px;background:linear-gradient(#fffdf7,#fff0d9);box-shadow:0 7px 0 #a9682d} #s-reading-game[data-game="sentence-cafe"] .reading-instruction small{display:none} #s-reading-game[data-game="sentence-cafe"] .reading-instruction h2{font-size:clamp(22px,2.5vw,39px);color:#062e65} #s-reading-game[data-game="sentence-cafe"] .reading-instruction>button{border:0;background-color:transparent;background-position:center;background-repeat:no-repeat;background-size:contain;box-shadow:none;font-size:0} #s-reading-game[data-game="sentence-cafe"] #readingPromptAudio{background-image:url('../assets/img/reading-village/sentence-cafe/authored-v2/control-audio.webp')} #s-reading-game[data-game="sentence-cafe"] #readingInstructionRepeat{background-image:url('../assets/img/reading-village/sentence-cafe/authored-v2/control-replay.webp')} #s-reading-game[data-game="sentence-cafe"] .reading-game-stage{position:relative;min-height:clamp(500px,42vw,680px);padding:0;border:7px solid #a96b35;border-radius:34px;background:url('../assets/img/reading-village/sentence-cafe/authored-v2/cafe-background.webp') center/cover no-repeat;box-shadow:inset 0 0 0 5px #fff1d1,0 9px 0 #75431f;overflow:hidden} #s-reading-game[data-game="sentence-cafe"] .reading-cafe-authored{position:absolute;inset:0;width:100%;display:block} #s-reading-game[data-game="sentence-cafe"] .reading-cafe-mascot{position:absolute;z-index:2;left:0;bottom:0;width:25%;height:88%;margin:0;overflow:hidden;pointer-events:none} #s-reading-game[data-game="sentence-cafe"] .reading-cafe-mascot img{display:block;width:100%;height:100%;object-fit:contain;object-position:left bottom;filter:drop-shadow(0 8px 5px rgba(59,33,14,.25))} #s-reading-game[data-game="sentence-cafe"] .reading-cafe-live-board{position:absolute;z-index:3;left:20%;right:16%;top:3%;bottom:7%;min-width:0;padding:clamp(10px,1.4vw,22px);display:grid;grid-template-rows:minmax(105px,27%) minmax(112px,34%) minmax(90px,1fr);gap:clamp(8px,1vw,16px);border:7px solid #edc997;border-radius:34px;background:linear-gradient(145deg,rgba(255,252,242,.98),rgba(255,238,207,.97));box-shadow:inset 0 0 0 4px #fff,0 8px 0 #9a5c2b} #s-reading-game[data-game="sentence-cafe"] .reading-cafe-object{min-width:0;margin:0;display:flex;align-items:center;justify-content:center;gap:12px} #s-reading-game[data-game="sentence-cafe"] .reading-cafe-object img{display:block;width:auto;height:min(100%,155px);max-width:210px;object-fit:contain;border-radius:20px;filter:drop-shadow(0 6px 4px rgba(67,42,21,.2))} #s-reading-game[data-game="sentence-cafe"] .reading-cafe-object figcaption{padding:7px 12px;border-radius:15px;background:#fff5d7;color:#174675;font:900 18px 'Baloo 2'} #s-reading-game[data-game="sentence-cafe"] .reading-sentence-tray{min-width:0;min-height:0;padding:12px 15px;border:7px solid #9a5e31;border-radius:28px;background:url('../assets/img/reading-village/sentence-cafe/sentence-board.webp') center/cover no-repeat;box-shadow:inset 0 7px rgba(255,221,164,.46),0 7px 0 #633a20;display:grid;align-content:center;gap:8px} #s-reading-game[data-game="sentence-cafe"] .reading-sentence-tray>span{color:#fff8e6;text-shadow:0 2px 0 #78461f;font:900 17px 'Baloo 2'} #s-reading-game[data-game="sentence-cafe"] .reading-sentence-slots{min-height:70px;display:flex;align-items:center;justify-content:center;gap:clamp(7px,1vw,14px);flex-wrap:wrap} #s-reading-game[data-game="sentence-cafe"] .reading-sentence-slot{min-width:clamp(80px,9vw,145px);min-height:66px;padding:6px 10px;display:grid;place-items:center;border:3px dashed rgba(255,255,255,.92);border-radius:19px;background:rgba(255,242,211,.12);color:#0b356c;font:900 clamp(20px,2vw,31px) 'Baloo 2'} #s-reading-game[data-game="sentence-cafe"] .reading-sentence-slot.filled{border-style:solid;background:#fff4d9;box-shadow:0 4px 0 #945a29;animation:readingCafeFill .24s ease both} #s-reading-game[data-game="sentence-cafe"] .reading-word-ingredients{min-width:0;display:flex;justify-content:center;align-items:center;gap:clamp(7px,1vw,14px);flex-wrap:wrap} #s-reading-game[data-game="sentence-cafe"] .reading-word-ingredients .reading-word-card{flex:0 1 auto;min-width:clamp(82px,9vw,150px);min-height:clamp(64px,7vw,92px);padding:6px 14px;border-radius:20px;background:linear-gradient(#fffdf7,#ffedcf);box-shadow:inset 0 0 0 3px #edc99b,0 7px 0 #9a5d2b;color:#062e65;font-size:clamp(24px,3vw,43px)} #s-reading-game[data-game="sentence-cafe"] .reading-picture-choices{min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(10px,1.5vw,20px)} #s-reading-game[data-game="sentence-cafe"] .reading-picture-choices button{min-width:0;min-height:120px;padding:7px;display:grid;grid-template-columns:minmax(70px,125px) 1fr;align-items:center;gap:10px;border-color:#fff0d1;border-radius:24px;background:linear-gradient(#fffdf7,#ffefd2);box-shadow:inset 0 0 0 3px #edc99b,0 7px 0 #9a5d2b;color:#062e65} #s-reading-game[data-game="sentence-cafe"] .reading-picture-choices img{display:block;width:100%;height:105px;object-fit:contain;border-radius:16px} #s-reading-game[data-game="sentence-cafe"] .reading-picture-choices b{font-size:clamp(20px,2.5vw,34px)} #s-reading-game[data-game="sentence-cafe"] .reading-sentence-order{min-height:0;padding:10px;border-color:#fff0d1;border-radius:22px;background:#fff5db;box-shadow:0 6px 0 #aa692e} #s-reading-game[data-game="sentence-cafe"] .reading-sentence-order span{font-size:24px} #s-reading-game[data-game="sentence-cafe"] .reading-sentence-order b{font-size:clamp(22px,2.3vw,34px)} #s-reading-game[data-game="sentence-cafe"] .reading-cafe-authored[data-picture-mode="true"] .reading-cafe-live-board{grid-template-rows:minmax(105px,28%) auto 1fr} #s-reading-game[data-game="sentence-cafe"] .reading-cafe-hint{position:absolute;z-index:6;right:1.3%;bottom:2%;width:clamp(150px,14%,215px);min-width:150px;min-height:72px;display:flex;align-items:center;justify-content:center;gap:3px;border:5px solid #fff;border-radius:34px;background:linear-gradient(#b966e8,#7b2ec2);box-shadow:inset 0 0 0 3px #d694fa,0 7px 0 #54208d;color:#fff;cursor:pointer} #s-reading-game[data-game="sentence-cafe"] .reading-cafe-hint::before{content:'';width:48px;height:52px;flex:0 0 48px;background:url('../assets/img/reading-village/sentence-cafe/authored-v2/control-hint.webp') center/contain no-repeat} #s-reading-game[data-game="sentence-cafe"] .reading-cafe-hint span{font:900 28px 'Baloo 2'} #s-reading-game[data-game="sentence-cafe"] .reading-cafe-authored.is-correct .reading-cafe-object{animation:readingCafeCorrect .5s ease both} #s-reading-game[data-game="sentence-cafe"] .reading-game-footer{grid-template-columns:1fr;margin-top:10px} #s-reading-game[data-game="sentence-cafe"] #readingOpenLibraryGame,#s-reading-game[data-game="sentence-cafe"] #readingHint{display:none} #s-reading-game[data-game="sentence-cafe"] #readingStatus{justify-self:center;width:min(760px,100%);min-height:52px;padding:8px 14px;border-color:#edc893;background:#fff7e7;box-shadow:0 5px 0 #a9672c} @keyframes readingCafeFill{from{transform:translateY(8px) scale(.85);opacity:.4}to{transform:none;opacity:1}} @keyframes readingCafeCorrect{50%{transform:translateY(-5px) scale(1.05);filter:drop-shadow(0 0 12px #ffe54c)}} @media(max-width:1050px) and (min-width:761px){ #s-reading-game[data-game="sentence-cafe"] .reading-game-stage{min-height:530px} #s-reading-game[data-game="sentence-cafe"] .reading-cafe-mascot{width:25%;height:72%} #s-reading-game[data-game="sentence-cafe"] .reading-cafe-live-board{left:20%;right:22%;top:3%;bottom:7%;padding:12px;grid-template-rows:90px 155px minmax(90px,1fr)} #s-reading-game[data-game="sentence-cafe"] .reading-cafe-object img{max-width:150px;height:min(100%,120px)} #s-reading-game[data-game="sentence-cafe"] .reading-sentence-slot{min-width:82px;min-height:56px} #s-reading-game[data-game="sentence-cafe"] .reading-cafe-authored[data-word-count="6"] .reading-cafe-live-board{grid-template-rows:76px 165px 1fr} #s-reading-game[data-game="sentence-cafe"] .reading-cafe-authored[data-word-count="6"] .reading-sentence-tray{padding:6px} #s-reading-game[data-game="sentence-cafe"] .reading-cafe-authored[data-word-count="6"] .reading-sentence-slots{gap:7px} #s-reading-game[data-game="sentence-cafe"] .reading-cafe-authored[data-word-count="6"] .reading-sentence-slot{flex:1 1 28%;min-width:105px;max-width:145px;min-height:48px} #s-reading-game[data-game="sentence-cafe"] .reading-word-ingredients .reading-word-card{min-width:82px;min-height:58px;font-size:25px} #s-reading-game[data-game="sentence-cafe"] .reading-cafe-hint{right:2%;bottom:2%;width:150px;min-width:150px;min-height:66px} } @media(max-width:760px){ #s-reading-game[data-game="sentence-cafe"]{padding:7px;background:linear-gradient(#f7d79d,#e0a259)} #s-reading-game[data-game="sentence-cafe"] .reading-game-top{grid-template-columns:58px 1fr 66px;min-height:100px;padding:0 8px} #s-reading-game[data-game="sentence-cafe"] .reading-game-top h1{max-width:230px;margin:auto;font-size:clamp(29px,9vw,38px);line-height:.9} #s-reading-game[data-game="sentence-cafe"] #readingGameBack{min-width:52px;padding:0} #s-reading-game[data-game="sentence-cafe"] #readingGameBack::before{width:46px;height:46px;flex-basis:46px} #s-reading-game[data-game="sentence-cafe"] #readingGameBack span{display:none} #s-reading-game[data-game="sentence-cafe"] .reading-progress{right:8px;top:56px} #s-reading-game[data-game="sentence-cafe"] .reading-progress strong{min-width:58px;padding:6px 8px;font-size:18px} #s-reading-game[data-game="sentence-cafe"] .reading-instruction{min-height:68px;margin:8px auto;padding:6px 8px;grid-template-columns:46px 1fr 46px;gap:5px} #s-reading-game[data-game="sentence-cafe"] .reading-instruction>button{width:44px;min-height:44px} #s-reading-game[data-game="sentence-cafe"] .reading-instruction h2{font-size:clamp(17px,5.7vw,23px)} #s-reading-game[data-game="sentence-cafe"] .reading-game-stage{min-height:0;padding:8px;background-image:linear-gradient(rgba(255,246,225,.72),rgba(248,211,151,.78)),url('../assets/img/reading-village/sentence-cafe/authored-v2/cafe-background.webp');background-size:cover;background-position:center} #s-reading-game[data-game="sentence-cafe"] .reading-cafe-authored{position:relative;inset:auto;display:grid;grid-template-columns:minmax(0,1fr);gap:9px} #s-reading-game[data-game="sentence-cafe"] .reading-cafe-mascot{position:relative;left:auto;bottom:auto;width:100%;height:135px;display:flex;justify-content:center;align-items:flex-end;border:5px solid #fff2da;border-radius:22px;background:linear-gradient(110deg,rgba(231,247,244,.96),rgba(255,239,208,.94));box-shadow:0 6px 0 #287a75;overflow:hidden} #s-reading-game[data-game="sentence-cafe"] .reading-cafe-mascot img{content:normal;width:auto;max-width:95%;height:134px;object-fit:contain;object-position:center bottom} #s-reading-game[data-game="sentence-cafe"] .reading-cafe-live-board{position:relative;left:auto;right:auto;top:auto;bottom:auto;padding:9px;display:grid;grid-template-rows:auto auto auto;gap:8px;border-width:5px;border-radius:23px} #s-reading-game[data-game="sentence-cafe"] .reading-cafe-object{min-height:82px;gap:7px} #s-reading-game[data-game="sentence-cafe"] .reading-cafe-object img{width:90px;height:90px;border-radius:14px} #s-reading-game[data-game="sentence-cafe"] .reading-cafe-object figcaption{font-size:15px} #s-reading-game[data-game="sentence-cafe"] .reading-sentence-tray{padding:9px 7px;border-width:5px;border-radius:20px} #s-reading-game[data-game="sentence-cafe"] .reading-sentence-tray>span{font-size:14px} #s-reading-game[data-game="sentence-cafe"] .reading-sentence-slots{min-height:52px;gap:6px} #s-reading-game[data-game="sentence-cafe"] .reading-sentence-slot{flex:1 1 27%;min-width:72px;min-height:50px;padding:3px 5px;border-radius:14px;font-size:clamp(18px,6vw,25px)} #s-reading-game[data-game="sentence-cafe"] .reading-word-ingredients{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px} #s-reading-game[data-game="sentence-cafe"] .reading-cafe-authored.build .reading-word-ingredients{grid-template-columns:repeat(2,minmax(0,1fr))} #s-reading-game[data-game="sentence-cafe"] .reading-word-ingredients .reading-word-card{width:100%;min-width:0;min-height:58px;padding:4px 2px;border-width:4px;border-radius:16px;font-size:clamp(19px,6.5vw,27px)} #s-reading-game[data-game="sentence-cafe"] .reading-picture-choices{gap:7px} #s-reading-game[data-game="sentence-cafe"] .reading-picture-choices button{min-height:108px;padding:5px;grid-template-columns:1fr;grid-template-rows:72px auto;gap:2px;border-width:4px;border-radius:18px} #s-reading-game[data-game="sentence-cafe"] .reading-picture-choices img{height:72px} #s-reading-game[data-game="sentence-cafe"] .reading-picture-choices b{font-size:18px} #s-reading-game[data-game="sentence-cafe"] .reading-sentence-order{padding:6px} #s-reading-game[data-game="sentence-cafe"] .reading-sentence-order span{font-size:20px} #s-reading-game[data-game="sentence-cafe"] .reading-sentence-order b{font-size:20px} #s-reading-game[data-game="sentence-cafe"] .reading-cafe-hint{position:relative;right:auto;bottom:auto;width:100%;min-width:0;min-height:62px} #s-reading-game[data-game="sentence-cafe"] .reading-cafe-hint::before{width:42px;height:46px;flex-basis:42px} #s-reading-game[data-game="sentence-cafe"] .reading-cafe-hint span{font-size:27px} #s-reading-game[data-game="sentence-cafe"] .reading-game-footer{margin-top:8px} #s-reading-game[data-game="sentence-cafe"] #readingStatus{min-height:48px;font-size:14px} } @media(max-width:340px){ #s-reading-game[data-game="sentence-cafe"] .reading-game-top h1{font-size:29px} #s-reading-game[data-game="sentence-cafe"] .reading-cafe-mascot{height:120px} #s-reading-game[data-game="sentence-cafe"] .reading-cafe-mascot img{height:120px} #s-reading-game[data-game="sentence-cafe"] .reading-cafe-object{min-height:72px} #s-reading-game[data-game="sentence-cafe"] .reading-cafe-object img{width:78px;height:78px} #s-reading-game[data-game="sentence-cafe"] .reading-sentence-slot{min-width:65px;min-height:48px} } @media(max-height:650px) and (min-width:761px){ #s-reading-game[data-game="sentence-cafe"] .reading-game-top{min-height:68px} #s-reading-game[data-game="sentence-cafe"] .reading-game-top h1{font-size:38px} #s-reading-game[data-game="sentence-cafe"] .reading-progress{top:17px} #s-reading-game[data-game="sentence-cafe"] .reading-instruction{min-height:60px;margin:7px auto} #s-reading-game[data-game="sentence-cafe"] .reading-game-stage{min-height:360px;height:360px} #s-reading-game[data-game="sentence-cafe"] .reading-cafe-live-board{right:22%;top:2%;bottom:5%;grid-template-rows:75px minmax(82px,34%) 1fr;padding:8px;gap:7px} #s-reading-game[data-game="sentence-cafe"] .reading-cafe-object img{height:70px} #s-reading-game[data-game="sentence-cafe"] .reading-cafe-object figcaption{font-size:14px} #s-reading-game[data-game="sentence-cafe"] .reading-sentence-tray{padding:7px} #s-reading-game[data-game="sentence-cafe"] .reading-sentence-slots{min-height:44px} #s-reading-game[data-game="sentence-cafe"] .reading-sentence-slot{min-height:44px;font-size:20px} #s-reading-game[data-game="sentence-cafe"] .reading-word-ingredients .reading-word-card{min-height:50px;font-size:23px} #s-reading-game[data-game="sentence-cafe"] .reading-cafe-hint{right:1%;width:150px;min-width:150px;min-height:58px} #s-reading-game[data-game="sentence-cafe"] .reading-game-footer{margin-top:7px} } /* Sentence Café complete authored-v2 asset integration */ #s-reading-game[data-game="sentence-cafe"] .reading-cafe-feedback-art{position:absolute;z-index:5;right:6%;top:5%;width:min(280px,25%);height:auto;pointer-events:none;filter:drop-shadow(0 7px 5px rgba(78,43,17,.2));animation:readingCafeFeedback .5s ease both} #s-reading-game[data-game="sentence-cafe"] .reading-cafe-feedback-art[hidden]{display:none!important} #s-reading-game[data-game="sentence-cafe"] .reading-cafe-picture-cue img{height:min(100%,120px);filter:none} #s-reading-game[data-game="sentence-cafe"] .reading-picture-choices button{overflow:hidden} #s-reading-game[data-game="sentence-cafe"] .reading-picture-choices img{height:118px;object-fit:contain} #s-reading-game[data-game="sentence-cafe"] .reading-sentence-tray{position:relative;align-self:center;justify-self:center;width:min(100%,690px);min-height:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;display:block;overflow:visible} #s-reading-game[data-game="sentence-cafe"] .reading-cafe-tray-art{position:absolute;z-index:0;inset:0;display:block;width:100%;height:100%;object-fit:fill;pointer-events:none;filter:drop-shadow(0 6px 3px rgba(71,39,17,.25))} #s-reading-game[data-game="sentence-cafe"] .reading-sentence-tray>span{position:absolute;z-index:2;left:50%;right:auto;top:3%;width:max-content;max-width:80%;padding:1px 10px;translate:-50% 0;border:1px solid rgba(151,91,41,.28);border-radius:999px;background:rgba(255,248,226,.94);box-shadow:0 1px 0 rgba(255,255,255,.75);text-align:center;color:#7b431d;text-shadow:none;font-size:14px;line-height:1.15;white-space:nowrap} #s-reading-game[data-game="sentence-cafe"] .reading-sentence-slots{position:absolute;z-index:2;min-height:0;display:grid;align-items:stretch;justify-items:stretch;gap:4%;flex-wrap:nowrap} #s-reading-game[data-game="sentence-cafe"] .reading-sentence-slot{min-width:0;min-height:0;padding:3px;display:grid;place-items:center;border:0;border-radius:14px;background:transparent;color:#0b356c;font:900 clamp(15px,1.65vw,25px)/1 'Baloo 2'} #s-reading-game[data-game="sentence-cafe"] .reading-sentence-slot.filled{border:0;background-color:transparent;background-position:center;background-size:100% 100%;background-repeat:no-repeat;box-shadow:none} #s-reading-game[data-game="sentence-cafe"] .reading-sentence-tray[data-tray-count="3"]{width:min(100%,530px);aspect-ratio:530/197} #s-reading-game[data-game="sentence-cafe"] .reading-sentence-tray[data-tray-count="3"] .reading-sentence-slots{inset:23.4% 11% 26.9% 10.9%;grid-template-columns:repeat(3,minmax(0,1fr));gap:5.9%} #s-reading-game[data-game="sentence-cafe"] .reading-sentence-tray[data-tray-count="4"]{width:min(100%,690px);aspect-ratio:690/199} #s-reading-game[data-game="sentence-cafe"] .reading-sentence-tray[data-tray-count="4"] .reading-sentence-slots{inset:22.6% 9% 27.6% 9.4%;grid-template-columns:repeat(4,minmax(0,1fr));gap:4.2%} #s-reading-game[data-game="sentence-cafe"] .reading-sentence-tray[data-tray-count="6"]{width:min(100%,590px);aspect-ratio:590/272} #s-reading-game[data-game="sentence-cafe"] .reading-sentence-tray[data-tray-count="6"] .reading-sentence-slots{inset:20.2% 9.2% 18.4% 8.6%;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));column-gap:4.4%;row-gap:7.8%} #s-reading-game[data-game="sentence-cafe"] .reading-sentence-tray[data-tray-count="8"]{width:min(100%,900px);aspect-ratio:1000/126} #s-reading-game[data-game="sentence-cafe"] .reading-sentence-tray[data-tray-count="8"] .reading-sentence-slots{inset:20.6% 5.4%;grid-template-columns:repeat(8,minmax(0,1fr));gap:2.1%} #s-reading-game[data-game="sentence-cafe"] .reading-word-ingredients .reading-word-card{border:0;background-color:transparent;background-position:center;background-size:100% 100%;background-repeat:no-repeat;box-shadow:none;color:#062e65} #s-reading-game[data-game="sentence-cafe"] .reading-word-card.used{opacity:.35;filter:saturate(.5)} #s-reading-game[data-game="sentence-cafe"] .reading-word-ingredients .reading-word-card[data-role="subject"],#s-reading-game[data-game="sentence-cafe"] .reading-sentence-slot.filled[data-role="subject"]{background-image:url('../assets/img/reading-village/sentence-cafe/authored-v2/role-subject-card.webp')} #s-reading-game[data-game="sentence-cafe"] .reading-word-ingredients .reading-word-card[data-role="action"],#s-reading-game[data-game="sentence-cafe"] .reading-sentence-slot.filled[data-role="action"]{background-image:url('../assets/img/reading-village/sentence-cafe/authored-v2/role-action-card.webp')} #s-reading-game[data-game="sentence-cafe"] .reading-word-ingredients .reading-word-card[data-role="object"],#s-reading-game[data-game="sentence-cafe"] .reading-sentence-slot.filled[data-role="object"]{background-image:url('../assets/img/reading-village/sentence-cafe/authored-v2/role-object-card.webp')} #s-reading-game[data-game="sentence-cafe"] .reading-word-ingredients .reading-word-card[data-role="adjective"],#s-reading-game[data-game="sentence-cafe"] .reading-sentence-slot.filled[data-role="adjective"]{background-image:url('../assets/img/reading-village/sentence-cafe/authored-v2/role-adjective-card.webp')} #s-reading-game[data-game="sentence-cafe"] .reading-word-ingredients .reading-word-card[data-role="location"],#s-reading-game[data-game="sentence-cafe"] .reading-sentence-slot.filled[data-role="location"]{background-image:url('../assets/img/reading-village/sentence-cafe/authored-v2/role-location-card.webp')} #s-reading-game[data-game="sentence-cafe"] .reading-word-card.wrong{background-image:url('../assets/img/reading-village/sentence-cafe/authored-v2/word-retry.webp')} #s-reading-game[data-game="sentence-cafe"] .reading-word-card.hinted{filter:drop-shadow(0 0 8px #fff36d) saturate(1.2)} @keyframes readingCafeFeedback{from{opacity:0;transform:scale(.55) rotate(-8deg)}to{opacity:1;transform:none}} @media(max-width:1050px) and (min-width:761px){ #s-reading-game[data-game="sentence-cafe"] .reading-cafe-authored[data-word-count="8"] .reading-cafe-live-board{grid-template-rows:78px 118px 1fr} #s-reading-game[data-game="sentence-cafe"] .reading-cafe-authored[data-word-count="8"] .reading-word-ingredients .reading-word-card{min-width:70px;padding-inline:5px;font-size:20px} } @media(max-width:760px){ #s-reading-game[data-game="sentence-cafe"] .reading-cafe-feedback-art{position:absolute;right:3%;top:126px;width:105px} #s-reading-game[data-game="sentence-cafe"] .reading-cafe-picture-cue img{width:76px;height:76px} #s-reading-game[data-game="sentence-cafe"] .reading-picture-choices img{height:78px} #s-reading-game[data-game="sentence-cafe"] .reading-sentence-tray{padding:0;border:0;border-radius:0} #s-reading-game[data-game="sentence-cafe"] .reading-sentence-tray>span{font-size:12px} #s-reading-game[data-game="sentence-cafe"] .reading-sentence-slot{min-width:0;min-height:0;padding:2px;font-size:clamp(13px,4.5vw,19px)} #s-reading-game[data-game="sentence-cafe"] .reading-sentence-tray[data-tray-count="3"]{width:min(100%,360px)} #s-reading-game[data-game="sentence-cafe"] .reading-sentence-tray[data-tray-count="4"]{width:min(100%,390px)} #s-reading-game[data-game="sentence-cafe"] .reading-sentence-tray[data-tray-count="6"]{width:min(100%,350px)} #s-reading-game[data-game="sentence-cafe"] .reading-sentence-tray[data-tray-count="8"]{width:100%;min-height:190px;aspect-ratio:auto;background:url('../assets/img/reading-village/sentence-cafe/authored-v2/feedback-panel.webp') center/100% 100% no-repeat} #s-reading-game[data-game="sentence-cafe"] .reading-sentence-tray[data-tray-count="8"] .reading-cafe-tray-art{display:none} #s-reading-game[data-game="sentence-cafe"] .reading-sentence-tray[data-tray-count="8"] .reading-sentence-slots{inset:22px 8px 12px;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:7px} #s-reading-game[data-game="sentence-cafe"] .reading-sentence-tray[data-tray-count="8"] .reading-sentence-slot:not(.filled){background:url('../assets/img/reading-village/sentence-cafe/authored-v2/word-neutral.webp') center/100% 100% no-repeat} #s-reading-game[data-game="sentence-cafe"] .reading-cafe-authored[data-word-count="8"] .reading-word-ingredients{grid-template-columns:repeat(4,minmax(0,1fr))} #s-reading-game[data-game="sentence-cafe"] .reading-cafe-authored[data-word-count="8"] .reading-word-ingredients .reading-word-card{min-height:52px;font-size:clamp(14px,4.5vw,18px)} } @media(max-height:650px) and (min-width:761px){ #s-reading-game[data-game="sentence-cafe"] .reading-sentence-tray[data-tray-count="3"]{width:min(100%,390px)} #s-reading-game[data-game="sentence-cafe"] .reading-sentence-tray[data-tray-count="4"]{width:min(100%,510px)} #s-reading-game[data-game="sentence-cafe"] .reading-sentence-tray[data-tray-count="6"]{width:min(100%,360px)} #s-reading-game[data-game="sentence-cafe"] .reading-sentence-tray[data-tray-count="8"]{width:min(100%,650px)} } /* Preschool progression: punctuation is guided, challenge optional */ #s-reading-game[data-game="sentence-cafe"] .reading-punctuation-token{min-width:0;min-height:0;padding:3px;display:grid;place-items:center;color:#0b356c;font:900 clamp(22px,2.2vw,34px)/1 'Baloo 2';background:url('../assets/img/reading-village/sentence-cafe/authored-v2/punct-period.webp') center/100% 100% no-repeat} .reading-cafe-challenge{background:linear-gradient(#ffca4b,#f59d21)!important;color:#4f2800!important;border-color:#fff2ae!important;box-shadow:0 5px 0 #a85a09!important} .reading-cafe-challenge[hidden]{display:none!important} @media(max-width:760px){#s-reading-game[data-game="sentence-cafe"] .reading-punctuation-token{padding:2px;font-size:clamp(20px,6vw,28px)}} /* Story House — reference-driven responsive live reader */ #s-reading-game[data-game="story-house"]{ min-height:100vh;min-height:100dvh;padding:14px clamp(10px,2.2vw,34px) 16px;padding-bottom:16px!important;box-sizing:border-box;animation:none; background: radial-gradient(circle at 8% 44%,rgba(82,46,18,.25) 0 2px,transparent 3px 100%), radial-gradient(circle at 92% 22%,rgba(82,46,18,.2) 0 2px,transparent 3px 100%), linear-gradient(90deg,#9f5d29 0 2.5%,#c98647 2.5% 5%,#edc890 5% 9%,#f8dfb6 14% 86%,#edc890 91% 95%,#c98647 95% 97.5%,#9f5d29 97.5%); color:#082e68; } #s-reading-game[data-game="story-house"] .reading-game-shell{width:min(1460px,100%);margin:0 auto} #s-reading-game[data-game="story-house"] .reading-game-top{ position:relative;min-height:82px;padding:7px 16px;display:grid;grid-template-columns:190px 1fr 190px;align-items:center;gap:12px; border:5px solid #f2c987;border-radius:28px;background:linear-gradient(145deg,#fffdf6,#fff0d7);box-shadow:inset 0 0 0 3px #fff,0 7px 0 #a96b2e,0 11px 24px rgba(80,44,18,.2) } #s-reading-game[data-game="story-house"] .reading-game-top>div{grid-column:2;min-width:0} #s-reading-game[data-game="story-house"] .reading-game-top h1{font-size:clamp(38px,4.5vw,64px);line-height:1;color:#062d65;letter-spacing:.01em} #s-reading-game[data-game="story-house"] #readingGameBack{ position:relative;z-index:2;justify-self:start;width:auto;min-width:150px;min-height:58px;padding:0 22px;display:flex;align-items:center;justify-content:center;gap:9px; border-color:#ffe5b5;border-radius:22px;background:linear-gradient(#ffe8ad,#ffc768);box-shadow:inset 0 0 0 2px #fff0c5,0 5px 0 #b96e1b;color:#082e68;font-size:30px } #s-reading-game[data-game="story-house"] #readingGameBack span{font-size:25px} #s-reading-game[data-game="story-house"] #readingGameAudio{display:none} #s-reading-game[data-game="story-house"] .reading-progress{position:absolute;right:16px;top:50%;translate:0 -50%;margin:0} #s-reading-game[data-game="story-house"] .reading-progress>i,#s-reading-game[data-game="story-house"] #readingLevel{display:none} #s-reading-game[data-game="story-house"] #readingRoundProgress{min-width:152px;padding:7px 15px;border:3px solid #efd0a0;border-radius:20px;background:#fffaf0;box-shadow:0 4px 0 #b77835;text-align:center;color:#082e68;font-size:25px} #s-reading-game[data-game="story-house"] .reading-instruction,#s-reading-game[data-game="story-house"] .reading-game-footer{position:absolute!important;inset:0 auto auto 0!important;width:1px!important;height:1px!important;min-height:0!important;overflow:hidden!important;clip-path:inset(50%);margin:0!important;padding:0!important;border:0!important} #s-reading-game[data-game="story-house"] .reading-game-stage{ min-height:calc(100vh - 159px);min-height:calc(100dvh - 159px);margin-top:14px;padding:24px;display:grid;place-items:stretch; border:7px solid #e4aa5d;border-radius:34px;background:linear-gradient(145deg,#fffdf7,#fff3df);box-shadow:inset 0 0 0 4px #fff,0 9px 0 #8f531f,0 14px 30px rgba(68,37,13,.22);overflow:hidden } #s-reading-game[data-game="story-house"] .reading-story-page{width:100%;height:100%;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(430px,.92fr);gap:clamp(20px,2.4vw,38px);align-items:stretch} #s-reading-game[data-game="story-house"] .reading-story-room{position:relative;min-width:0;height:auto;aspect-ratio:4/3;align-self:center;margin:0;border:7px solid #fff0d1;border-radius:32px;background:#dff5f1;box-shadow:inset 0 0 0 3px #edb86e,0 7px 0 #b46b25;overflow:hidden} #s-reading-game[data-game="story-house"] .reading-story-room img{display:block;width:100%;height:100%;min-height:0;object-fit:cover;object-position:center 43%} #s-reading-game[data-game="story-house"] .reading-story-copy{min-width:0;min-height:0;padding:4px 0;display:grid;grid-template-rows:auto minmax(260px,1fr) auto auto;align-content:stretch;gap:13px;border:0;border-radius:0;background:transparent;box-shadow:none} #s-reading-game[data-game="story-house"] .reading-story-heading{text-align:center} #s-reading-game[data-game="story-house"] .reading-story-heading h2{width:min(94%,520px);min-height:68px;margin:0 auto 7px;padding:9px 28px;display:grid;place-items:center;border:5px solid #a9652c;border-radius:24px;background:linear-gradient(90deg,#d99a55,#f4c47d 17%,#efb76b 84%,#cd8544);box-shadow:inset 0 0 0 3px #f9d9a3,0 6px 0 #754018;color:#082e68;font:900 clamp(28px,2.8vw,43px)/1 'Baloo 2';text-wrap:balance} #s-reading-game[data-game="story-house"] .reading-story-heading small{display:block;color:#082e68;font:900 clamp(18px,1.8vw,27px) 'Baloo 2'} #s-reading-game[data-game="story-house"] .reading-story-sentence-card{min-width:0;min-height:260px;padding:24px clamp(16px,2vw,30px) 14px;display:grid;grid-template-rows:1fr auto;align-items:center;border:5px solid #edc78b;border-radius:32px;background:linear-gradient(145deg,#fffef8,#fff8e8);box-shadow:inset 0 0 0 3px #fff,0 7px 0 #c7863c} #s-reading-game[data-game="story-house"] .reading-story-sentence-card p{margin:0;display:flex;align-items:center;justify-content:center;gap:.23em;flex-wrap:wrap;text-align:center;color:#082e68;font:900 clamp(34px,3.4vw,53px)/1.35 'Baloo 2'} #s-reading-game[data-game="story-house"] .reading-story-sentence-card p button{min-width:48px;min-height:54px;padding:2px .09em;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:13px;background:transparent;color:inherit;font:inherit;cursor:pointer} #s-reading-game[data-game="story-house"] .reading-story-word-label{display:inline-block;line-height:1;border-radius:8px;transition:background .16s,transform .16s,box-shadow .16s,outline-color .16s} #s-reading-game[data-game="story-house"] .reading-story-sentence-card p button:hover .reading-story-word-label,#s-reading-game[data-game="story-house"] .reading-story-sentence-card p button:focus .reading-story-word-label{background:#ffebb0;outline:2px solid #e6a52d;outline-offset:1px} #s-reading-game[data-game="story-house"] .reading-story-sentence-card p button.active .reading-story-word-label{background:#ffe083;box-shadow:inset 0 -4px rgba(217,146,27,.18);transform:translateY(-2px) scale(1.04)} #s-reading-game[data-game="story-house"] .reading-story-listen-controls{display:flex;align-items:center;justify-content:center;gap:clamp(20px,3vw,38px)} #s-reading-game[data-game="story-house"] .reading-page-audio,#s-reading-game[data-game="story-house"] .reading-page-replay{width:72px;min-width:72px;height:72px;min-height:72px;padding:0;display:grid;place-items:center;border:4px solid #fff;border-radius:50%;color:#fff;box-shadow:inset 0 0 0 3px rgba(255,255,255,.2),0 6px 0 #a74b08,0 9px 15px rgba(75,38,10,.2);font:900 34px/1 'Baloo 2';cursor:pointer} #s-reading-game[data-game="story-house"] .reading-page-audio{background:linear-gradient(#ff8b27,#f1580d)} #s-reading-game[data-game="story-house"] .reading-page-replay{background:linear-gradient(#52d9db,#08aaa9);box-shadow:inset 0 0 0 3px rgba(255,255,255,.2),0 6px 0 #08797a,0 9px 15px rgba(12,84,84,.2)} #s-reading-game[data-game="story-house"] .reading-page-audio:active,#s-reading-game[data-game="story-house"] .reading-page-replay:active{translate:0 4px;box-shadow:inset 0 0 0 3px rgba(255,255,255,.2),0 2px 0 #7a431f} #s-reading-game[data-game="story-house"] .reading-story-tip{margin:0;text-align:center;color:#082e68;font:900 clamp(16px,1.5vw,23px) 'Baloo 2'} #s-reading-game[data-game="story-house"] .reading-story-nav{display:grid;grid-template-columns:minmax(150px,.9fr) minmax(190px,1.15fr);gap:16px} #s-reading-game[data-game="story-house"] .reading-story-nav button{min-width:0;min-height:74px;padding:7px 18px;border:5px solid #fff;border-radius:25px;color:#fff;font:900 clamp(22px,2vw,31px) 'Baloo 2';cursor:pointer} #s-reading-game[data-game="story-house"] .reading-previous-page{background:linear-gradient(#ffc976,#efa044);box-shadow:inset 0 0 0 3px #ffe2ae,0 7px 0 #a95c1d} #s-reading-game[data-game="story-house"] .reading-next-page{float:none;background:linear-gradient(#43d2ce,#08a9a8);box-shadow:inset 0 0 0 3px #84e8e2,0 7px 0 #087778} #s-reading-game[data-game="story-house"] .reading-story-nav button:disabled{opacity:.46;filter:saturate(.35);cursor:default;box-shadow:inset 0 0 0 3px #ffe7bf,0 4px 0 #b9976c} #s-reading-game[data-game="story-house"] .reading-comprehension{align-self:center;justify-self:center} /* Long-title, long-copy stories stay inside the fixed desktop frame. */ #s-reading-game[data-game="story-house"] .reading-story-page:is([data-story-id="thirsty-bird"],[data-story-id="piko-pangolin-opens-up"]) .reading-story-copy{grid-template-rows:auto auto minmax(220px,1fr) auto;gap:9px} #s-reading-game[data-game="story-house"] .reading-story-page:is([data-story-id="thirsty-bird"],[data-story-id="piko-pangolin-opens-up"]) .reading-story-heading h2{min-height:58px;margin-bottom:4px;padding:6px 14px;font-size:clamp(24px,2.2vw,32px);line-height:1.05} #s-reading-game[data-game="story-house"] .reading-story-page:is([data-story-id="thirsty-bird"],[data-story-id="piko-pangolin-opens-up"]) .reading-story-heading small{font-size:clamp(16px,1.45vw,21px)} #s-reading-game[data-game="story-house"] .reading-story-page:is([data-story-id="thirsty-bird"],[data-story-id="piko-pangolin-opens-up"]) .reading-story-sentence-card{min-height:220px;padding:12px 11px 9px} #s-reading-game[data-game="story-house"] .reading-story-page:is([data-story-id="thirsty-bird"],[data-story-id="piko-pangolin-opens-up"]) .reading-story-sentence-card p{font-size:clamp(25px,2.1vw,32px);line-height:1.18} #s-reading-game[data-game="story-house"] .reading-story-page:is([data-story-id="thirsty-bird"],[data-story-id="piko-pangolin-opens-up"]) .reading-story-tip, #s-reading-game[data-game="story-house"] .reading-story-page:is([data-story-id="thirsty-bird"],[data-story-id="piko-pangolin-opens-up"]) .reading-story-mascot{display:none} @media(min-width:1101px){ #s-reading-game[data-game="story-house"] .reading-story-page{height:calc(100dvh - 194px);min-height:570px;max-height:820px} } @media(min-width:1101px) and (max-height:800px){ #s-reading-game[data-game="story-house"] .reading-game-stage{min-height:calc(100dvh - 187px)} #s-reading-game[data-game="story-house"] .reading-story-page{height:calc(100dvh - 190px)} #s-reading-game[data-game="story-house"] .reading-story-heading h2.reading-story-title-long{font-size:clamp(23px,1.9vw,27px);line-height:1.05} } @media(max-width:1100px) and (min-width:861px){ #s-reading-game[data-game="story-house"] .reading-game-stage{min-height:calc(100vh - 126px);min-height:calc(100dvh - 126px);padding:17px} #s-reading-game[data-game="story-house"] .reading-story-page{grid-template-columns:minmax(0,1fr) minmax(390px,.95fr);gap:17px} #s-reading-game[data-game="story-house"] .reading-story-copy{grid-template-rows:auto minmax(240px,1fr) auto auto;gap:10px} #s-reading-game[data-game="story-house"] .reading-story-heading h2{min-height:58px;font-size:31px} #s-reading-game[data-game="story-house"] .reading-story-sentence-card{min-height:240px;padding:17px 13px 12px} #s-reading-game[data-game="story-house"] .reading-story-sentence-card p{font-size:clamp(30px,3.4vw,38px)} #s-reading-game[data-game="story-house"] .reading-story-nav button{min-height:64px;padding-inline:9px} } @media(max-width:860px){ #s-reading-game[data-game="story-house"]{padding:9px} #s-reading-game[data-game="story-house"] .reading-game-top{min-height:72px;grid-template-columns:120px 1fr 120px;padding:6px 10px;border-width:4px;border-radius:23px} #s-reading-game[data-game="story-house"] .reading-game-top h1{font-size:clamp(31px,6vw,46px)} #s-reading-game[data-game="story-house"] #readingGameBack{min-width:106px;min-height:52px;padding:0 12px;font-size:27px} #s-reading-game[data-game="story-house"] #readingGameBack span{font-size:21px} #s-reading-game[data-game="story-house"] .reading-progress{right:10px} #s-reading-game[data-game="story-house"] #readingRoundProgress{min-width:106px;padding:6px 8px;font-size:19px} #s-reading-game[data-game="story-house"] .reading-game-stage{min-height:0;margin-top:10px;padding:12px;border-width:6px;border-radius:28px;overflow:visible} #s-reading-game[data-game="story-house"] .reading-story-page{height:auto;grid-template-columns:1fr;gap:12px} #s-reading-game[data-game="story-house"] .reading-story-room{height:auto;aspect-ratio:4/3;border-width:6px;border-radius:27px} #s-reading-game[data-game="story-house"] .reading-story-room img{height:100%;object-position:center 38%} #s-reading-game[data-game="story-house"] .reading-story-copy{padding:0;grid-template-rows:auto minmax(210px,auto) auto auto;gap:10px} #s-reading-game[data-game="story-house"] .reading-story-heading h2{width:min(92%,520px);min-height:56px;margin-bottom:4px;font-size:clamp(28px,5vw,38px)} #s-reading-game[data-game="story-house"] .reading-story-heading small{font-size:19px} #s-reading-game[data-game="story-house"] .reading-story-sentence-card{min-height:210px;padding:16px 12px 12px} #s-reading-game[data-game="story-house"] .reading-story-sentence-card p{font-size:clamp(30px,6vw,40px)} #s-reading-game[data-game="story-house"] .reading-story-nav{grid-template-columns:1fr 1.18fr;gap:10px} #s-reading-game[data-game="story-house"] .reading-story-nav button{min-height:64px;padding:7px 8px;font-size:clamp(20px,4.5vw,27px)} } @media(max-width:600px){ #s-reading-game[data-game="story-house"]{padding:6px;padding-bottom:6px!important;background:linear-gradient(90deg,#c98a4c 0 2%,#f6d9a8 5% 95%,#c98a4c 98%)} #s-reading-game[data-game="story-house"] .reading-game-top{min-height:62px;grid-template-columns:64px 1fr 70px;gap:4px;padding:4px 6px;border-radius:19px} #s-reading-game[data-game="story-house"] .reading-game-top h1{font-size:clamp(27px,8.2vw,36px);white-space:nowrap} #s-reading-game[data-game="story-house"] #readingGameBack{min-width:54px;width:54px;min-height:50px;padding:0;font-size:30px;border-radius:17px} #s-reading-game[data-game="story-house"] #readingGameBack span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)} #s-reading-game[data-game="story-house"] .reading-progress{right:6px} #s-reading-game[data-game="story-house"] #readingRoundProgress{min-width:64px;padding:4px 5px;border-width:2px;border-radius:14px;font-size:14px;line-height:1.05} #s-reading-game[data-game="story-house"] .reading-game-stage{margin-top:7px;padding:7px;border-width:5px;border-radius:22px} #s-reading-game[data-game="story-house"] .reading-story-page{gap:8px} #s-reading-game[data-game="story-house"] .reading-story-room{aspect-ratio:4/3;border-width:4px;border-radius:20px;box-shadow:inset 0 0 0 2px #edb86e,0 5px 0 #b46b25} #s-reading-game[data-game="story-house"] .reading-story-copy{grid-template-rows:auto minmax(185px,auto) auto auto;gap:7px} #s-reading-game[data-game="story-house"] .reading-story-heading h2{min-height:47px;padding:5px 12px;border-width:4px;border-radius:18px;font-size:clamp(25px,7vw,32px);box-shadow:inset 0 0 0 2px #f9d9a3,0 4px 0 #754018} #s-reading-game[data-game="story-house"] .reading-story-heading small{font-size:16px} #s-reading-game[data-game="story-house"] .reading-story-sentence-card{min-height:185px;padding:12px 8px 9px;border-width:4px;border-radius:23px;box-shadow:inset 0 0 0 2px #fff,0 5px 0 #c7863c} #s-reading-game[data-game="story-house"] .reading-story-sentence-card p{font-size:clamp(27px,8vw,34px);line-height:1.26} #s-reading-game[data-game="story-house"] .reading-story-sentence-card p button{min-width:44px;min-height:46px;border-radius:10px} #s-reading-game[data-game="story-house"] .reading-page-audio,#s-reading-game[data-game="story-house"] .reading-page-replay{width:58px;min-width:58px;height:58px;min-height:58px;font-size:27px;border-width:3px} #s-reading-game[data-game="story-house"] .reading-story-tip{font-size:15px} #s-reading-game[data-game="story-house"] .reading-story-nav{gap:7px} #s-reading-game[data-game="story-house"] .reading-story-nav button{min-height:58px;border-width:4px;border-radius:19px;font-size:clamp(18px,5.5vw,23px)} } @media(max-width:600px) and (min-height:651px){ #s-reading-game[data-game="story-house"] .reading-game-stage{min-height:calc(100dvh - 112px)} #s-reading-game[data-game="story-house"] .reading-story-page{height:auto;align-self:start;grid-template-rows:auto auto} #s-reading-game[data-game="story-house"] .reading-story-room{height:clamp(210px,calc(100dvh - 496px),360px);aspect-ratio:auto} } @media(max-width:360px) and (max-height:650px){ #s-reading-game[data-game="story-house"] .reading-game-top{min-height:56px} #s-reading-game[data-game="story-house"] .reading-game-top h1{font-size:25px} #s-reading-game[data-game="story-house"] #readingGameBack{width:48px;min-width:48px;min-height:46px} #s-reading-game[data-game="story-house"] #readingRoundProgress{min-width:58px;font-size:12px} #s-reading-game[data-game="story-house"] .reading-story-room{aspect-ratio:2.05} #s-reading-game[data-game="story-house"] .reading-story-copy{grid-template-rows:auto minmax(138px,auto) auto auto;gap:5px} #s-reading-game[data-game="story-house"] .reading-story-heading h2{min-height:39px;margin-bottom:2px;padding:3px 8px;font-size:23px} #s-reading-game[data-game="story-house"] .reading-story-heading small{font-size:13px} #s-reading-game[data-game="story-house"] .reading-story-sentence-card{min-height:138px;padding:6px 5px 5px} #s-reading-game[data-game="story-house"] .reading-story-sentence-card p{font-size:25px;line-height:1.16} #s-reading-game[data-game="story-house"] .reading-story-sentence-card p button{min-height:44px} #s-reading-game[data-game="story-house"] .reading-page-audio,#s-reading-game[data-game="story-house"] .reading-page-replay{width:48px;min-width:48px;height:48px;min-height:48px;font-size:23px;box-shadow:inset 0 0 0 2px rgba(255,255,255,.2),0 4px 0 #a74b08} #s-reading-game[data-game="story-house"] .reading-story-tip{font-size:13px} #s-reading-game[data-game="story-house"] .reading-story-nav button{min-height:50px;font-size:18px} } @media(prefers-reduced-motion:reduce){#s-reading-game[data-game="story-house"] .reading-story-sentence-card p button{transition:none}} /* Story House authored-v2 pack — source art + live DOM */ #s-reading-game[data-game="story-house"]{ background: linear-gradient(rgba(77,39,13,.08),rgba(77,39,13,.16)), url('../assets/img/reading-village/story-house/authored-v2/kampung-reading-room.webp') center/cover fixed no-repeat; } #s-reading-game[data-game="story-house"] .reading-game-top, #s-reading-game[data-game="story-house"] .reading-game-stage{background:rgba(255,249,235,.94);backdrop-filter:blur(3px)} #s-reading-game[data-game="story-house"] .reading-story-room{background:linear-gradient(145deg,#f8e5bd,#fff7e7)} #s-reading-game[data-game="story-house"] .reading-story-room .reading-story-scene{display:block;width:100%;height:100%;min-height:0;object-fit:cover;object-position:center} #s-reading-game[data-game="story-house"] .reading-story-room .reading-story-mascot{position:absolute;right:-2%;bottom:-3%;z-index:2;width:clamp(112px,23%,210px);height:auto;max-height:43%;object-fit:contain;filter:drop-shadow(0 7px 5px rgba(71,39,16,.25));pointer-events:none} #s-reading-game[data-game="story-house"] .reading-story-heading h2{border:0;background:url('../assets/img/reading-village/story-house/authored-v2/shell-title-plaque.webp') center/100% 100% no-repeat;box-shadow:none;text-shadow:0 2px #ffe2ae} #s-reading-game[data-game="story-house"] .reading-story-heading small{width:max-content;max-width:94%;min-height:46px;margin:0 auto;padding:5px 18px;display:flex;align-items:center;justify-content:center;gap:12px;background:url('../assets/img/reading-village/story-house/authored-v2/shell-page-counter.webp') center/100% 100% no-repeat} #s-reading-game[data-game="story-house"] .reading-story-page-dots{display:flex;gap:6px} #s-reading-game[data-game="story-house"] .reading-story-page-dots b{width:12px;height:12px;border:2px solid #b68e60;border-radius:50%;background:#ded8cc} #s-reading-game[data-game="story-house"] .reading-story-page-dots b.active{border-color:#078d93;background:#22c7c7;box-shadow:0 0 0 2px #9af2ec} #s-reading-game[data-game="story-house"] .reading-story-sentence-card{position:relative;overflow:hidden;border:0;background:url('../assets/img/reading-village/story-house/authored-v2/shell-reading-card.webp') center/100% 100% no-repeat;box-shadow:none} #s-reading-game[data-game="story-house"] .reading-story-sweep{position:absolute!important;z-index:0;left:-45%;top:32%;width:42%!important;height:auto!important;object-fit:contain!important;opacity:0;pointer-events:none} #s-reading-game[data-game="story-house"] .reading-story-sentence-card.is-reading .reading-story-sweep{opacity:.58;animation:reading-line-sweep 1.65s ease-in-out infinite} #s-reading-game[data-game="story-house"] .reading-story-sentence-card>p, #s-reading-game[data-game="story-house"] .reading-story-listen-controls{position:relative;z-index:1} @keyframes reading-line-sweep{from{left:-42%}to{left:104%}} #s-reading-game[data-game="story-house"] .reading-page-audio, #s-reading-game[data-game="story-house"] .reading-page-replay{border:0;background:transparent;box-shadow:none} #s-reading-game[data-game="story-house"] .reading-page-audio img, #s-reading-game[data-game="story-house"] .reading-page-replay img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 5px 2px rgba(77,40,12,.24))} #s-reading-game[data-game="story-house"] .reading-page-audio:active, #s-reading-game[data-game="story-house"] .reading-page-replay:active{translate:0 4px;box-shadow:none} #s-reading-game[data-game="story-house"] .reading-story-tip{display:flex;align-items:center;justify-content:center;gap:7px} #s-reading-game[data-game="story-house"] .reading-story-tip img{width:38px;height:38px;object-fit:contain} #s-reading-game[data-game="story-house"] .reading-story-nav button{display:flex;align-items:center;justify-content:center;gap:8px} #s-reading-game[data-game="story-house"] .reading-story-nav button img{width:50px;height:50px;flex:0 0 50px;object-fit:contain} #s-reading-game[data-game="story-house"] .reading-comprehension{position:relative;width:min(1080px,100%);min-height:min(650px,calc(100dvh - 210px));padding:clamp(18px,2.5vw,34px);display:grid;grid-template-columns:minmax(150px,210px) 1fr;grid-template-areas:'mascot head' 'mascot choices';gap:clamp(15px,2vw,28px);align-items:center;border:7px solid #f3c77f;border-radius:36px;background:linear-gradient(145deg,#fffef7,#ffefd2);box-shadow:inset 0 0 0 4px #fff,0 8px 0 #995b25;text-align:left;overflow:hidden} #s-reading-game[data-game="story-house"] .reading-comprehension>header{grid-area:head;display:flex;align-items:center;justify-content:center;gap:18px;text-align:left} #s-reading-game[data-game="story-house"] .reading-comprehension>header>img{width:clamp(78px,9vw,118px);height:clamp(78px,9vw,118px);object-fit:contain} #s-reading-game[data-game="story-house"] .reading-comprehension>header small{display:block;color:#9a501c;font:1000 20px/1 'Nunito';text-transform:uppercase;letter-spacing:.08em} #s-reading-game[data-game="story-house"] .reading-comprehension>header h2{margin:4px 0;color:#07336b;font:900 clamp(28px,3vw,43px)/1.12 'Baloo 2'} #s-reading-game[data-game="story-house"] .reading-comp-hint{min-width:64px;min-height:64px;margin-left:auto;padding:2px;border:0;background:transparent;color:#6f3b18;font:900 14px/1 'Nunito';cursor:pointer} #s-reading-game[data-game="story-house"] .reading-comp-hint img{display:block;width:54px;height:54px;margin:auto;object-fit:contain;filter:drop-shadow(0 4px 2px rgba(74,38,13,.2))} #s-reading-game[data-game="story-house"] .reading-comp-hint span{display:block;margin-top:-3px} #s-reading-game[data-game="story-house"] [data-story-answer].hinted, #s-reading-game[data-game="story-house"] [data-sequence].hinted{animation:readingHint .85s ease-in-out 2} #s-reading-game[data-game="story-house"] .reading-comp-mascot{position:relative;z-index:2;grid-area:mascot;width:100%;max-height:430px;align-self:end;object-fit:contain;filter:drop-shadow(0 8px 4px rgba(86,46,18,.22))} #s-reading-game[data-game="story-house"] .reading-comp-effect{position:absolute;z-index:1;inset:auto auto 5% 1%;width:min(280px,25%);opacity:.72;pointer-events:none} #s-reading-game[data-game="story-house"] .reading-comp-effect[hidden]{display:none!important} #s-reading-game[data-game="story-house"] .reading-comp-choices, #s-reading-game[data-game="story-house"] .reading-sequence-choices{grid-area:choices;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1.6vw,20px)} #s-reading-game[data-game="story-house"] .reading-comp-choices button, #s-reading-game[data-game="story-house"] .reading-sequence-choices button{min-width:0;min-height:84px;padding:13px;border:5px solid #efd19d;border-radius:24px;background:linear-gradient(#fffdf7,#fff2d8);box-shadow:inset 0 0 0 3px #fff,0 6px 0 #b87933;color:#07336b;font:900 clamp(18px,2vw,27px)/1.15 'Baloo 2';cursor:pointer} #s-reading-game[data-game="story-house"] .reading-picture-comprehension .reading-comp-choices button, #s-reading-game[data-game="story-house"] .reading-sequence-choices button{padding:7px;display:grid;grid-template-rows:minmax(115px,1fr) auto;gap:7px} #s-reading-game[data-game="story-house"] .reading-sequence-choices button{position:relative} #s-reading-game[data-game="story-house"] .reading-sequence-choices button[data-order]::before{content:attr(data-order);position:absolute;z-index:2;left:12px;top:12px;padding:5px 10px;border:3px solid #fff;border-radius:12px;background:#10b9b4;color:#fff;font:1000 16px/1 'Nunito';box-shadow:0 3px 0 #087a7a} #s-reading-game[data-game="story-house"] .reading-comp-choices button>img, #s-reading-game[data-game="story-house"] .reading-sequence-choices button>img{display:block;width:100%;height:100%;min-height:0;border-radius:16px;object-fit:cover} #s-reading-game[data-game="story-house"] .reading-comp-choices button>b, #s-reading-game[data-game="story-house"] .reading-sequence-choices button>small{display:block;min-height:34px;text-align:center;font:900 clamp(15px,1.5vw,20px)/1.1 'Baloo 2'} #s-reading-game[data-game="story-house"] .reading-comp-choices button.correct, #s-reading-game[data-game="story-house"] .reading-sequence-choices button.correct{border-color:#82c93a;background:#efffd7;box-shadow:inset 0 0 0 3px #fff,0 6px 0 #4f951f} #s-reading-game[data-game="story-house"] .reading-comprehension.reading-sequence{grid-template-rows:auto 1fr auto;grid-template-areas:'mascot head' 'mascot choices' 'mascot tray'} #s-reading-game[data-game="story-house"] #readingSequenceTray{grid-area:tray;margin:0;padding:8px 14px;display:flex;align-items:center;justify-content:center;gap:9px;border-radius:18px;background:#e8f9f4} #s-reading-game[data-game="story-house"] #readingSequenceTray b{min-width:72px;padding:7px;border:2px solid #b8d9d1;border-radius:12px;background:#fff;color:#71837e;text-align:center} #s-reading-game[data-game="story-house"] #readingSequenceTray b.filled{border-color:#10a8a5;background:#bdf5ea;color:#075e64} @media(max-width:860px){ #s-reading-game[data-game="story-house"] .reading-story-room .reading-story-scene{object-fit:contain;background:#f8e5bd} #s-reading-game[data-game="story-house"] .reading-story-room .reading-story-mascot{right:1%;bottom:-5%;width:18%;max-height:55%} #s-reading-game[data-game="story-house"] .reading-comprehension{min-height:0;padding:14px;grid-template-columns:105px 1fr;grid-template-areas:'mascot head' 'choices choices';gap:10px} #s-reading-game[data-game="story-house"] .reading-comprehension.reading-sequence{grid-template-rows:auto 1fr auto;grid-template-areas:'mascot head' 'choices choices' 'tray tray'} #s-reading-game[data-game="story-house"] .reading-comp-mascot{max-height:150px;align-self:center} #s-reading-game[data-game="story-house"] .reading-comprehension>header{justify-content:flex-start;gap:10px} #s-reading-game[data-game="story-house"] .reading-comprehension>header>img{width:70px;height:70px} #s-reading-game[data-game="story-house"] .reading-comprehension>header h2{font-size:clamp(24px,4.8vw,34px)} #s-reading-game[data-game="story-house"] .reading-comp-choices button,#s-reading-game[data-game="story-house"] .reading-sequence-choices button{min-height:70px;padding:8px;border-width:4px;border-radius:18px} #s-reading-game[data-game="story-house"] .reading-picture-comprehension .reading-comp-choices button,#s-reading-game[data-game="story-house"] .reading-sequence-choices button{grid-template-rows:minmax(92px,1fr) auto} } @media(max-width:600px){ #s-reading-game[data-game="story-house"]{background:linear-gradient(rgba(249,226,183,.6),rgba(249,226,183,.72)),url('../assets/img/reading-village/story-house/authored-v2/kampung-reading-room.webp') 43% center/cover fixed no-repeat} #s-reading-game[data-game="story-house"] .reading-story-room .reading-story-mascot{width:22%;max-height:62%} #s-reading-game[data-game="story-house"] .reading-story-heading small{min-height:32px;padding:2px 10px;gap:7px} #s-reading-game[data-game="story-house"] .reading-story-page-dots b{width:9px;height:9px;border-width:1px} #s-reading-game[data-game="story-house"] .reading-story-tip img{width:28px;height:28px} #s-reading-game[data-game="story-house"] .reading-story-nav button{gap:3px} #s-reading-game[data-game="story-house"] .reading-story-nav button img{width:36px;height:36px;flex-basis:36px} #s-reading-game[data-game="story-house"] .reading-comprehension{padding:8px;grid-template-columns:70px 1fr;border-width:5px;border-radius:24px} #s-reading-game[data-game="story-house"] .reading-comp-mascot{max-height:95px} #s-reading-game[data-game="story-house"] .reading-comprehension>header>img{width:48px;height:48px} #s-reading-game[data-game="story-house"] .reading-comp-hint{min-width:48px;min-height:48px} #s-reading-game[data-game="story-house"] .reading-comp-hint img{width:43px;height:43px} #s-reading-game[data-game="story-house"] .reading-comp-hint span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)} #s-reading-game[data-game="story-house"] .reading-comprehension>header small{font-size:12px} #s-reading-game[data-game="story-house"] .reading-comprehension>header h2{font-size:clamp(19px,5.8vw,26px)} #s-reading-game[data-game="story-house"] .reading-comp-choices,#s-reading-game[data-game="story-house"] .reading-sequence-choices{gap:5px} #s-reading-game[data-game="story-house"] .reading-comp-choices button,#s-reading-game[data-game="story-house"] .reading-sequence-choices button{min-height:52px;padding:4px;border-width:3px;border-radius:13px;font-size:clamp(13px,3.8vw,17px)} #s-reading-game[data-game="story-house"] .reading-picture-comprehension .reading-comp-choices button,#s-reading-game[data-game="story-house"] .reading-sequence-choices button{grid-template-rows:minmax(68px,1fr) auto} #s-reading-game[data-game="story-house"] .reading-comp-choices button>img,#s-reading-game[data-game="story-house"] .reading-sequence-choices button>img{border-radius:9px} #s-reading-game[data-game="story-house"] .reading-comp-choices button>b,#s-reading-game[data-game="story-house"] .reading-sequence-choices button>small{min-height:28px;font-size:11px} #s-reading-game[data-game="story-house"] #readingSequenceTray{padding:4px;gap:3px;font-size:11px} #s-reading-game[data-game="story-house"] #readingSequenceTray b{min-width:0;flex:1;padding:4px} } @media(max-width:360px) and (max-height:650px){ #s-reading-game[data-game="story-house"] .reading-story-room .reading-story-mascot{width:20%} #s-reading-game[data-game="story-house"] .reading-story-heading small{font-size:11px} #s-reading-game[data-game="story-house"] .reading-story-tip{font-size:11px} #s-reading-game[data-game="story-house"] .reading-story-tip img{width:23px;height:23px} #s-reading-game[data-game="story-house"] .reading-story-nav button img{width:30px;height:30px;flex-basis:30px} #s-reading-game[data-game="story-house"] .reading-comprehension{grid-template-columns:58px 1fr;gap:4px;padding:5px} #s-reading-game[data-game="story-house"] .reading-comp-mascot{max-height:76px} #s-reading-game[data-game="story-house"] .reading-comprehension>header>img{width:38px;height:38px} #s-reading-game[data-game="story-house"] .reading-comprehension>header h2{font-size:17px} #s-reading-game[data-game="story-house"] .reading-picture-comprehension .reading-comp-choices button,#s-reading-game[data-game="story-house"] .reading-sequence-choices button{grid-template-rows:52px auto} } @media(prefers-reduced-motion:reduce){#s-reading-game[data-game="story-house"] .reading-story-sentence-card.is-reading .reading-story-sweep{animation:none;opacity:0}} /* Long-form story reader overrides */ #s-reading-game[data-game="story-house"] .reading-story-copy{grid-template-rows:auto auto minmax(240px,1fr) auto auto;gap:9px} #s-reading-game[data-game="story-house"] .reading-story-sentence-card{min-height:240px;padding-top:16px} #s-reading-game[data-game="story-house"] .reading-story-sentence-card p{font-size:clamp(21px,2.15vw,34px);line-height:1.22} @media(max-width:860px){#s-reading-game[data-game="story-house"] .reading-story-copy{grid-template-rows:auto auto minmax(210px,auto) auto auto}#s-reading-game[data-game="story-house"] .reading-story-sentence-card{min-height:210px}#s-reading-game[data-game="story-house"] .reading-story-sentence-card p{font-size:clamp(19px,4.1vw,28px)}} @media(max-width:600px){#s-reading-game[data-game="story-house"] .reading-story-copy{grid-template-rows:auto auto minmax(185px,auto) auto auto;gap:6px}#s-reading-game[data-game="story-house"] .reading-story-sentence-card{min-height:185px;padding:8px 6px 6px}#s-reading-game[data-game="story-house"] .reading-story-sentence-card p{font-size:clamp(17px,4.7vw,23px);line-height:1.16}.reading-story-modes{gap:5px}.reading-story-mode{min-height:44px;padding:3px;font-size:12px}} /* Stories Library — supplied authored v3 */ #s-short-stories-library.short-stories-library{padding:0 0 34px;background:radial-gradient(circle at 14% 16%,rgba(255,241,171,.8),transparent 28%),radial-gradient(circle at 88% 34%,rgba(213,238,255,.8),transparent 24%),linear-gradient(180deg,#fff9e9,#f7efd7 62%,#e9f1d6);color:#33255f;overflow-x:clip} .stories-v3-topbar{width:100%;max-width:none!important;min-height:72px;margin:0!important;padding:8px clamp(15px,3vw,42px);display:grid;grid-template-columns:minmax(110px,1fr) auto minmax(110px,1fr);align-items:center;gap:14px;background:linear-gradient(180deg,#7657d7,#5a3eb9);color:#fff;box-shadow:0 5px 0 #452c96} #s-short-stories-library .stories-v3-topbar button{min-height:50px;min-width:50px;padding:7px 14px;display:flex;align-items:center;justify-content:center;gap:7px;border:3px solid rgba(255,255,255,.76);border-radius:17px;background:rgba(255,255,255,.14);box-shadow:0 4px 0 rgba(45,25,112,.7);color:#fff;font:900 16px 'Baloo 2';cursor:pointer} .stories-v3-topbar>div{text-align:center}.stories-v3-topbar small{display:block;font:900 .62rem 'Nunito';letter-spacing:.15em}.short-stories-library>.stories-v3-topbar>div>strong{min-width:0;padding:0;justify-self:auto;border:0;border-radius:0;background:none;box-shadow:none;color:#fff;font:900 1.2rem 'Baloo 2'}.stories-v3-topbar>button:last-child{justify-self:end}.stories-v3-topbar button img{width:34px;height:34px;object-fit:contain} .stories-v3-hero{position:relative;isolation:isolate;min-height:174px;padding:24px max(20px,calc((100vw - 1320px)/2));display:flex;align-items:center;overflow:hidden;background:linear-gradient(100deg,#eee5ff 0 44%,#d9f6f0 72%,#fff0bb)} .stories-v3-hero::after{content:'';position:absolute;z-index:-1;right:4%;top:-50%;width:260px;height:260px;border-radius:50%;background:rgba(255,255,255,.44)}.stories-v3-hero h1{margin:0;color:#5233a8;font:900 clamp(3.25rem,7vw,5.6rem)/.9 'Baloo 2';text-shadow:0 4px #fff}.stories-v3-hero p{margin:10px 0 0;color:#615577;font:900 clamp(1rem,2vw,1.3rem) 'Nunito'}.stories-v3-penguin{position:absolute;right:max(4%,calc((100vw - 1240px)/2));bottom:-38px;width:230px;height:230px;object-fit:contain;filter:drop-shadow(0 10px 7px rgba(57,36,98,.2))} .stories-v3-main{width:min(1320px,calc(100% - 32px));margin:0 auto;padding-top:24px}.stories-v3-featured{min-width:0;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);border:5px solid #fff;border-radius:29px;background:#fffaf0;box-shadow:0 8px 0 #cfb078,0 15px 28px rgba(70,43,19,.16)}.stories-v3-featured>img{display:block;width:100%;height:310px;object-fit:cover;object-position:center top}.stories-v3-featured>div{padding:24px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.stories-v3-featured small,.stories-v3-continue small{color:#7252c8;font:1000 .72rem 'Nunito';letter-spacing:.12em;text-transform:uppercase}.stories-v3-featured h2{margin:6px 0;color:#372264;font:900 clamp(1.8rem,3vw,2.65rem)/1 'Baloo 2'}.stories-v3-featured p{margin:0 0 18px;color:#6b6278;font-weight:900}.stories-v3-featured>div>div{display:flex;gap:10px}.stories-v3-featured button,.stories-v3-continue button{min-width:126px;min-height:52px;padding:7px 17px;display:flex;align-items:center;justify-content:center;gap:7px;border:3px solid #fff;border-radius:17px;color:#fff;background:#7051d2;box-shadow:0 5px 0 #4a309e;font:900 16px 'Baloo 2'}.stories-v3-featured [data-story-listen]{background:#22bfc2;box-shadow:0 5px 0 #087f82;color:#0b2239}.stories-v3-featured button img,.stories-v3-continue button img{width:30px;height:30px;object-fit:contain} .stories-v3-discover{margin-top:25px}.stories-v3-discover>header{margin-bottom:14px;display:flex;align-items:end;justify-content:space-between;gap:20px}.stories-v3-discover h2{margin:0;color:#43316f;font:900 clamp(1.7rem,3vw,2.35rem) 'Baloo 2'}.short-story-filters{width:min(660px,100%);margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:7px;border:3px solid #fff;border-radius:22px;background:#fff9ed;box-shadow:0 5px 0 #cfb078}.short-story-filters button{min-width:0;min-height:50px;padding:6px 10px;display:flex;align-items:center;justify-content:center;gap:5px;border:2px solid #ded5e9;border-radius:15px;background:#f3edf7;color:#55466d;font:900 .83rem 'Nunito'}.short-story-filters button img{width:31px;height:31px;object-fit:contain}.short-story-filters button.selected{border-color:#6c4eca;background:#6c4eca;color:#fff;box-shadow:0 3px 0 #452b95} .stories-v3-carousel{display:grid;grid-template-columns:56px minmax(0,1fr) 56px;align-items:center;gap:10px}.stories-v3-carousel-viewport{min-width:0;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none}.stories-v3-carousel-viewport::-webkit-scrollbar{display:none}.stories-v3-carousel-track.short-story-grid{width:100%;max-width:none;margin:0;display:flex;grid-template-columns:none;gap:18px}.stories-v3-carousel-arrow{width:56px;height:56px;padding:0;border:3px solid #fff;border-radius:50%;background:#fff8e9;box-shadow:0 5px 0 #c5a25f;cursor:pointer}.stories-v3-carousel-arrow:disabled{opacity:.38;filter:saturate(.25);cursor:default;box-shadow:0 2px 0 #c5b998}.stories-v3-carousel-arrow img{width:100%;height:100%;object-fit:contain}.stories-v3-carousel-track .short-story-card{flex:0 0 calc((100% - 36px)/3);scroll-snap-align:start;display:grid;grid-template-rows:190px 1fr auto;border:4px solid #fff;border-radius:24px;box-shadow:0 7px 0 #b18e59,0 12px 22px rgba(73,49,24,.14)}.short-story-card figure{position:relative}.short-story-card figure>img{object-position:center}.short-story-card figure [data-story-favourite]{position:absolute;right:10px;top:10px;min-width:48px;min-height:48px;padding:4px 8px;display:flex;align-items:center;gap:3px;border:2px solid #fff;border-radius:15px;background:rgba(255,248,225,.94);box-shadow:0 3px 0 #c09a55;color:#654b1b;font:900 .68rem 'Nunito'}.short-story-card figure [data-story-favourite] img{width:28px;height:28px;object-fit:contain}.short-story-card>div{padding:13px 16px}.short-story-card>div small{font-size:.65rem}.short-story-card h2{margin:4px 0;font-size:1.3rem}.short-story-card>div p{margin:0 0 8px}.stories-v3-progress,.stories-v3-continue i{height:8px;display:block;overflow:hidden;border-radius:99px;background:#e4ddec}.stories-v3-progress b,.stories-v3-continue i b{height:100%;display:block;border-radius:inherit;background:linear-gradient(90deg,#25c3bc,#7d5be1)}.short-story-card-actions{padding:7px 14px 14px;display:grid;grid-template-columns:1fr}.short-story-card-actions button{min-height:50px;display:flex;align-items:center;justify-content:center;gap:7px;background:#7150d1;color:#fff;box-shadow:0 4px 0 #4b319e}.short-story-card-actions button img{width:28px;height:28px;object-fit:contain}.stories-v3-dots{min-height:44px;display:flex;align-items:center;justify-content:center;gap:7px}.stories-v3-dots button{width:45px;height:45px;position:relative}.stories-v3-dots button::after{content:'';position:absolute;inset:15px;border:2px solid #9584b2;border-radius:50%;background:#ded5e9}.stories-v3-dots button.selected::after{border-color:#5a3db6;background:#7051d2;box-shadow:0 0 0 3px rgba(112,81,210,.18)} .stories-v3-continue{min-height:122px;padding:12px;display:grid;grid-template-columns:160px minmax(0,1fr) auto;align-items:center;gap:18px;border:4px solid #fff;border-radius:24px;background:#fff9ec;box-shadow:0 7px 0 #cbb079}.stories-v3-continue>img{width:160px;height:96px;object-fit:cover;border-radius:16px}.stories-v3-continue>div{min-width:0}.stories-v3-continue h2{margin:3px 0;color:#40306b;font:900 1.45rem 'Baloo 2'}.stories-v3-continue i{width:min(420px,100%);display:inline-block;vertical-align:middle}.stories-v3-continue>div>span{margin-left:7px;font-weight:1000}.stories-v3-mobile-nav{display:none} @media(max-width:1050px){.stories-v3-featured{grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr)}.stories-v3-featured>img{height:280px}.stories-v3-discover>header{align-items:stretch;flex-direction:column}.short-story-filters{width:100%}.stories-v3-carousel-track .short-story-card{flex-basis:100%}} @media(max-width:700px){#s-short-stories-library.short-stories-library{padding-bottom:0}#s-short-stories-library>.stories-v3-topbar{min-height:64px;padding:7px 10px;grid-template-columns:52px minmax(0,1fr) 52px}#s-short-stories-library>.stories-v3-topbar>#shortStoriesBack{grid-column:1;font-size:24px}#s-short-stories-library>.stories-v3-topbar>div{grid-column:2}#s-short-stories-library>.stories-v3-topbar>#shortStoriesMyLibrary{grid-column:3}.stories-v3-topbar>button{width:48px!important;min-width:48px!important;padding:3px!important}.stories-v3-topbar>button span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.stories-v3-topbar button img{width:31px;height:31px}.short-stories-library>.stories-v3-topbar>div>strong{font-size:1.03rem}.stories-v3-topbar small{font-size:.56rem}.stories-v3-hero{min-height:135px;padding:12px 16px}.stories-v3-hero h1{font-size:3.1rem}.stories-v3-penguin{right:4px;bottom:-16px;width:132px;height:132px;opacity:.95}.stories-v3-main{width:calc(100% - 20px);padding-top:10px;padding-bottom:82px}.stories-v3-featured{grid-template-columns:1fr}.stories-v3-featured>img{height:190px}.stories-v3-featured>div{padding:14px}.stories-v3-featured h2{font-size:1.75rem}.stories-v3-featured>div>div{width:100%}.stories-v3-featured button{flex:1;min-width:0}.stories-v3-discover{margin-top:20px}.short-story-filters{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.short-story-filters button{min-height:64px;padding:4px;flex-direction:column;justify-content:center;gap:1px;font-size:.7rem;text-align:center}.stories-v3-carousel{display:block}.stories-v3-carousel-arrow,.stories-v3-dots{display:none}.stories-v3-carousel-viewport{overflow:visible}.stories-v3-carousel-track.short-story-grid{width:auto;display:grid;grid-template-columns:1fr;gap:16px}.stories-v3-carousel-track .short-story-card{width:100%;flex-basis:auto;grid-template-rows:210px 1fr auto}.stories-v3-continue{grid-template-columns:92px minmax(0,1fr);gap:10px}.stories-v3-continue>img{width:92px;height:92px}.stories-v3-continue>button{grid-column:1/-1;width:100%}.stories-v3-mobile-nav{position:sticky;z-index:40;bottom:0;width:100%;margin-top:22px;padding:7px 5px calc(7px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;border-top:3px solid #dfd3ec;background:#fffdf7;box-shadow:0 -5px 18px rgba(50,35,78,.12)}.stories-v3-mobile-nav button{min-width:0;min-height:58px;padding:3px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:13px;color:#625572;font:900 .68rem 'Nunito'}.stories-v3-mobile-nav button.selected{background:#e9dfff;color:#4d32a1}.stories-v3-mobile-nav img{width:31px;height:31px;object-fit:contain}.stories-v3-mobile-nav b{font:inherit}} @media(max-width:360px){.stories-v3-hero{min-height:115px;padding:10px 12px}.stories-v3-hero h1{font-size:2.75rem}.stories-v3-hero p{max-width:185px;margin-top:5px;font-size:.82rem}.stories-v3-penguin{bottom:-12px;width:104px;height:104px}.stories-v3-main{padding-top:8px}.stories-v3-featured>img{height:135px}.stories-v3-featured>div{padding:9px 11px}.stories-v3-featured h2{margin:3px 0;font-size:1.35rem}.stories-v3-featured p{margin-bottom:7px;font-size:.78rem}.stories-v3-featured button{min-height:44px;padding:3px 7px;font-size:.75rem}.stories-v3-featured button img{width:25px;height:25px}.stories-v3-mobile-nav img{width:28px;height:28px}.stories-v3-mobile-nav b{font-size:.6rem}} /* Stories dashboard responsive v2 — density by composition */ .stories-v3-featured>img{background:#e8f3df;object-fit:contain;object-position:center} .stories-v3-topbar button span{white-space:nowrap} @media(min-width:1101px){ #s-short-stories-library>.stories-v3-topbar{min-height:64px;padding:5px clamp(18px,2.2vw,34px)} #s-short-stories-library .stories-v3-topbar button{min-height:46px;padding:5px 12px} .stories-v3-topbar button img{width:30px;height:30px} .stories-v3-hero{min-height:100px;padding:12px max(20px,calc((100vw - 1320px)/2))} .stories-v3-hero h1{font-size:clamp(3rem,4.5vw,4.2rem);line-height:.9}.stories-v3-hero p{margin-top:4px;font-size:1rem} .stories-v3-penguin{right:max(4%,calc((100vw - 1240px)/2));bottom:0;width:100px;height:100px} .stories-v3-main{padding-top:16px;display:grid;grid-template-columns:minmax(340px,.68fr) minmax(0,1.5fr);grid-template-areas:'featured discover' 'continue continue';align-items:start;gap:22px} .stories-v3-featured{grid-area:featured;grid-template-columns:1fr;align-self:start} .stories-v3-featured>img{height:180px} .stories-v3-featured>div{padding:15px 16px}.stories-v3-featured h2{margin:4px 0;font-size:1.75rem}.stories-v3-featured p{margin-bottom:10px;font-size:.88rem} .stories-v3-featured button{min-width:0;min-height:46px;padding:5px 12px}.stories-v3-featured>div>div{width:100%}.stories-v3-featured>div>div button{flex:1} .stories-v3-discover{grid-area:discover;margin-top:0;min-width:0}.stories-v3-discover>header{margin-bottom:11px;display:grid;grid-template-columns:max-content minmax(0,1fr);align-items:center;gap:14px}.stories-v3-discover h2{font-size:1.75rem} .short-story-filters{width:100%;padding:5px;gap:6px}.short-story-filters button{min-height:46px;padding:4px 7px}.short-story-filters button img{width:27px;height:27px} .stories-v3-carousel{grid-template-columns:48px minmax(0,1fr) 48px;gap:8px}.stories-v3-carousel-arrow{width:48px;height:48px} .stories-v3-carousel-track .short-story-card{flex-basis:calc((100% - 28px)/3);grid-template-rows:150px 1fr auto}.short-story-card>div{padding:10px 12px}.short-story-card h2{font-size:1.08rem}.short-story-card-actions{padding:7px 9px 11px} .stories-v3-continue{grid-area:continue} } @media(min-width:701px) and (max-width:1100px){ #s-short-stories-library>.stories-v3-topbar{min-height:66px;padding-block:5px} .stories-v3-hero{min-height:112px;padding-block:14px}.stories-v3-hero h1{font-size:3.7rem}.stories-v3-hero p{margin-top:5px;font-size:1rem}.stories-v3-penguin{bottom:0;width:110px;height:110px} .stories-v3-main{width:calc(100% - 28px);padding-top:14px} .stories-v3-featured{grid-template-columns:minmax(0,1.15fr) minmax(250px,.85fr)}.stories-v3-featured>img{height:230px}.stories-v3-featured>div{padding:16px}.stories-v3-featured h2{font-size:1.8rem}.stories-v3-featured p{margin-bottom:10px} .stories-v3-discover{margin-top:18px}.stories-v3-discover>header{margin-bottom:11px;gap:10px}.short-story-filters{padding:5px}.short-story-filters button{min-height:46px} .stories-v3-carousel-track .short-story-card{flex-basis:calc((100% - 18px)/2);grid-template-rows:170px 1fr auto} } @media(max-width:700px) and (min-width:361px){ .stories-v3-hero{min-height:120px;padding:10px 14px}.stories-v3-hero h1{font-size:2.85rem}.stories-v3-hero p{margin-top:4px;font-size:.86rem}.stories-v3-penguin{right:3px;bottom:0;width:108px;height:108px} .stories-v3-main{padding-top:8px} .stories-v3-featured{min-height:190px;grid-template-columns:42% 58%;align-items:stretch}.stories-v3-featured>img{height:100%;min-height:190px}.stories-v3-featured>div{padding:10px}.stories-v3-featured h2{margin:3px 0;font-size:1.32rem}.stories-v3-featured p{margin-bottom:7px;font-size:.75rem}.stories-v3-featured>div>div{width:100%;gap:6px}.stories-v3-featured button{min-height:44px;padding:3px 5px;font-size:.72rem}.stories-v3-featured button img{width:24px;height:24px} .stories-v3-discover{margin-top:15px}.stories-v3-discover>header{margin-bottom:10px;gap:8px}.stories-v3-discover h2{font-size:1.55rem}.short-story-filters{padding:5px}.short-story-filters button{min-height:58px} } @media(max-width:360px){ .stories-v3-featured{grid-template-columns:1fr}.stories-v3-featured>img{height:135px;min-height:0} .stories-v3-penguin{bottom:0} }