:root{--ink: #6b2f1a;--ink-soft: #8a5a3a;--paper: #f6f0e3;--paper-edge: #e3d6bd;--ribbon: #e8584e;--ribbon-dark: #b93c36;--gold: #f5cf5f;--gold-dark: #d9a936;--green: #6fcf6a;--green-dark: #48a847;--blue: #6fa8dc;--blue-dark: #4a82b8;--parent: #e4eefb;--parent-edge: #b9cde8;--parent-ink: #24466e}*{box-sizing:border-box}html{font-size:clamp(12px,calc(.45vw + .55vh + 5px),19px)}html,body{margin:0;height:100%;overflow:hidden;background:#8c86d8}body{font-family:"Baloo 2",Fredoka,system-ui,sans-serif;color:var(--ink);user-select:none;-webkit-user-select:none;touch-action:manipulation}#scene{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.hidden{display:none!important}button{font:inherit;border:0;background:none;cursor:pointer;padding:0;color:inherit}button:active{transform:translateY(2px) scale(.98)}input{font:inherit}#paper{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;mix-blend-mode:multiply;opacity:.5;z-index:5;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .55  0 0 0 0 .45  0 0 0 0 .35  0 0 0 .16 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}#hud{position:fixed;left:0;right:0;top:0;z-index:20;pointer-events:none;display:flex;justify-content:space-between;padding:max(.7rem,env(safe-area-inset-top)) max(.9rem,env(safe-area-inset-right)) 0 max(.9rem,env(safe-area-inset-left))}#hud button{pointer-events:auto}.pills,.hudr{display:flex;gap:.6rem}.pill{display:flex;align-items:center;gap:.35rem;height:2.7rem;padding:0 .9rem 0 .6rem;background:var(--paper);border:3px solid var(--ink);border-radius:1.2rem 1.35rem 1.25rem 1.1rem;box-shadow:inset 0 -4px 0 var(--paper-edge);font-weight:800;font-size:1.3rem}.pill span{font-size:1.35rem}.pill small{font-weight:600;font-size:.85rem;color:var(--ink-soft)}.sq{width:2.9rem;height:2.9rem;border-radius:.9rem;background:var(--gold);border:3px solid var(--ink);box-shadow:inset 0 -4px 0 var(--gold-dark);font-size:1.3rem}.screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;overflow:auto;padding:1rem}.frame{position:relative;width:min(40rem,94vw);padding:2.4rem 1.8rem 1.4rem;background:var(--paper);border:3.5px solid var(--ink);border-radius:1.6rem 1.4rem 1.7rem 1.3rem;box-shadow:inset 0 -7px 0 var(--paper-edge),0 12px 30px #281e5040;animation:pop .35s cubic-bezier(.2,1.6,.5,1)}@keyframes pop{0%{transform:scale(.85);opacity:0}}.ribbon{position:absolute;left:-1.1rem;top:-1.4rem;padding:.25rem 2.6rem .3rem 1.2rem;z-index:2;background:var(--ribbon);color:#fff;font-weight:800;font-size:1.35rem;white-space:nowrap;-webkit-text-stroke:5px var(--ink);paint-order:stroke fill;clip-path:polygon(0 0,100% 0,calc(100% - 1.2rem) 50%,100% 100%,0 100%);filter:drop-shadow(0 3px 0 var(--ribbon-dark))}.chunky{display:block;width:100%;margin:.8rem auto 0;padding:.55rem 1.4rem;border-radius:1.1rem;background:var(--green);color:#fff;font-weight:800;font-size:1.35rem;-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;line-height:1.25;border:3px solid var(--ink);box-shadow:inset 0 -5px 0 var(--green-dark)}.chunky.gold{background:var(--gold);box-shadow:inset 0 -5px 0 var(--gold-dark)}.chunky.blue{background:var(--blue);box-shadow:inset 0 -5px 0 var(--blue-dark)}.chunky.small{font-size:1.05rem;padding:.35rem 1rem;width:auto;display:inline-block;margin:.4rem 0 0}.chunky.faded{background:#d9cdb5;box-shadow:inset 0 -5px #bfae8e;font-size:1.05rem}.chunky.done{background:#8fd58a}.linky{display:block;margin:.6rem auto 0;font-weight:700;color:var(--ink-soft);text-decoration:underline;font-size:1.05rem}.hint{font-size:1.05rem;line-height:1.35;margin:.4rem 0;color:var(--ink-soft);font-weight:600}.small{font-size:.95rem}h2,h3,h4{margin:.4rem 0;line-height:1.15}h4{font-size:1.1rem;color:var(--ink-soft);margin-top:.9rem}.titlecard{text-align:center;padding-top:1.6rem}.badge{display:inline-block;padding:.1rem 1rem;border-radius:1rem;background:#3f9a6a;color:#fff;font-weight:800;letter-spacing:.08em;font-size:.95rem;border:2.5px solid var(--ink)}.logo{margin:.4rem 0 .2rem;font-size:3.3rem;line-height:1;font-weight:800}.logo span{color:var(--gold);-webkit-text-stroke:7px var(--ink);paint-order:stroke fill}.logo em{font-style:normal;color:var(--ribbon);-webkit-text-stroke:7px var(--ink);paint-order:stroke fill;margin-left:.3em}.logo .bang{color:var(--ribbon)}.tag{font-size:1.15rem;font-weight:600;margin:.4rem 0 .6rem}.tfam{display:flex;align-items:flex-end;justify-content:center;gap:.3rem;flex-wrap:wrap}.tfam img{height:5.2rem}.tfam span{width:100%;font-weight:700;color:var(--ink-soft)}.tbtns{max-width:24rem;margin:0 auto}.setupcard{width:min(36rem,94vw)}.field{display:block;margin:.6rem 0}.field>span{display:block;font-weight:800;font-size:1.1rem;margin-bottom:.25rem}.field input{width:100%;padding:.5rem .9rem;border-radius:1rem;border:3px solid var(--ink);background:#fffaf0;font-size:1.4rem;font-weight:700;color:var(--ink)}.choices{display:flex;gap:.7rem}.choice{flex:1;display:grid;justify-items:center;padding:.3rem;border-radius:1.1rem;border:3px solid var(--paper-edge);background:#fffaf0}.choice img{height:5.6rem}.choice.on{border-color:var(--ink);background:#fff1c9;box-shadow:0 0 0 3px var(--gold)}.swatches{display:flex;gap:.7rem}.swatch{width:2.6rem;height:2.6rem;border-radius:50%;border:3px solid var(--paper-edge)}.swatch.on{border-color:var(--ink);box-shadow:0 0 0 3px var(--gold)}.row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.row .chunky{width:auto}.panel{position:fixed;z-index:25;top:4.2rem;bottom:.8rem;right:max(.9rem,env(safe-area-inset-right));width:min(33rem,52vw);overflow-y:auto;overflow-x:hidden;padding:1.6rem .4rem 1rem 1.3rem;scrollbar-width:thin}@media(max-aspect-ratio:11/10){.panel{top:auto;left:.6rem;right:.6rem;width:auto;height:64vh;bottom:.5rem;padding:1.6rem .5rem .8rem 1.2rem}}.card{position:relative;background:var(--paper);border:3.5px solid var(--ink);border-radius:1.5rem 1.3rem 1.6rem 1.2rem;padding:1.9rem 1.2rem 1.2rem;box-shadow:inset 0 -6px 0 var(--paper-edge),0 10px 24px #281e5038;animation:pop .3s cubic-bezier(.2,1.6,.5,1)}.card.parent{background:var(--parent);box-shadow:inset 0 -6px 0 var(--parent-edge),0 10px 24px #281e5038;color:var(--parent-ink);border-color:var(--parent-ink)}.card.parent .ribbon{background:#3f6fa8;filter:drop-shadow(0 3px 0 #294d7a);-webkit-text-stroke-color:var(--parent-ink)}.phead,.khead{position:absolute;right:.9rem;top:-1.15rem;padding:.05rem .9rem;border-radius:1rem;font-weight:800;font-size:1rem;border:3px solid var(--parent-ink);background:#fff;color:var(--parent-ink);z-index:3}.khead{border-color:var(--ink);color:var(--ink);background:#fff1c9}.dots{display:flex;gap:.35rem;justify-content:center;margin:-.6rem 0 .5rem}.dots i{width:.6rem;height:.6rem;border-radius:50%;background:var(--paper-edge);border:2px solid var(--ink-soft)}.dots i.past{background:var(--green)}.dots i.on{background:var(--gold);transform:scale(1.3)}.hub h3{font-size:1.25rem}.who{display:flex;gap:.6rem}.whob{flex:1;display:flex;align-items:center;gap:.4rem;padding:.3rem .6rem;border-radius:1.1rem;border:3px solid var(--paper-edge);background:#fffaf0;font-size:1.1rem;text-align:left}.whob img{height:3.8rem}.whob.on{border-color:var(--ink);background:#fff1c9;box-shadow:0 0 0 3px var(--gold)}.modes{display:flex;flex-wrap:wrap;gap:.35rem;margin:.7rem 0 .2rem}.mchip{padding:.1rem .7rem;border-radius:1rem;border:2.5px solid var(--ink-soft);background:#fffaf0;font-weight:700;font-size:.95rem}.mchip.on{background:var(--ribbon);color:#fff;border-color:var(--ink)}.topics{display:grid;grid-template-columns:repeat(auto-fill,minmax(8.6rem,1fr));gap:.6rem;margin-top:.5rem}.topic{position:relative;display:grid;justify-items:center;text-align:center;padding:.5rem .4rem .4rem;border-radius:1.1rem;background:var(--ct);border:3px solid var(--ink);box-shadow:inset 0 -5px #00000014;line-height:1.1}.topic .ticon{font-size:2.3rem}.topic b{font-size:1.08rem;margin-top:.15rem}.topic small{font-size:.85rem;font-weight:700;margin-top:.15rem}.topic em{font-style:normal;font-size:.75rem;font-weight:700;color:var(--cc);margin-top:.1rem}.topic .stamp{position:absolute;right:-.4rem;top:-.5rem;font-style:normal;font-size:1.4rem;transform:rotate(12deg)}.topic.done{opacity:.78}.gentle{background:#fff1c9;border:2.5px dashed var(--gold-dark);border-radius:1rem;padding:.4rem .8rem;font-weight:700;margin-bottom:.4rem}.goal{display:flex;align-items:center;gap:.6rem}.goal h2{font-size:1.45rem}.gicons{font-size:1.9rem;white-space:nowrap}.points{list-style:none;padding:0;margin:.3rem 0}.points li{display:flex;gap:.6rem;align-items:flex-start;padding:.35rem .5rem;margin:.3rem 0;background:#fff9;border-radius:.9rem;font-size:1.12rem;font-weight:600;line-height:1.3}.points li span{font-size:1.6rem;line-height:1}.ideas{display:flex;flex-wrap:wrap;gap:.4rem;margin:.4rem 0}.ideas span{display:grid;justify-items:center;font-size:2rem;background:#fffaf0;border:2.5px solid var(--paper-edge);border-radius:1rem;padding:.2rem .5rem}.ideas small{font-size:.8rem;font-weight:700}.rule{margin:.5rem 0;padding:.4rem .8rem;border-radius:.9rem;background:#fde3de;border:2.5px solid var(--ribbon);font-weight:700;font-size:1rem}.rule.small{font-size:.85rem;padding:.2rem .6rem}.actcard{font-size:1.3rem;font-weight:700;background:#fff1c9;border:3px dashed var(--gold-dark);border-radius:1rem;padding:.6rem .8rem}.tips{margin:.4rem 0;padding-left:1.3rem;font-weight:600}.secret{text-align:center;font-size:2.8rem;font-weight:800;letter-spacing:.06em;color:var(--ribbon);-webkit-text-stroke:6px var(--ink);paint-order:stroke fill;margin:.2rem 0}.banned{display:flex;justify-content:center;flex-wrap:wrap;gap:.5rem}.banned s{padding:.1rem .8rem;border-radius:1rem;background:#fde3de;border:2.5px solid var(--ribbon);font-weight:800;font-size:1.15rem;text-decoration-thickness:3px;text-decoration-color:var(--ribbon)}.banned s:before{content:"🚫 ";font-size:.9rem}.study{padding-left:1.6rem;margin:.3rem 0;font-weight:600}.study li{margin:.15rem 0}.study span{font-size:1.3rem;margin-right:.3rem}.tip{font-weight:700}.howto{margin:.6rem 0;padding:.5rem .8rem;border-radius:.9rem;background:#fff;border:2.5px solid var(--parent-edge);font-weight:600}.deeper{margin:.7rem 0;padding:.6rem .9rem;border-radius:1rem;background:#ffffffb3;border:2.5px dashed var(--parent-edge);font-weight:600;font-size:1rem}.deeper p{margin:.3rem 0}.parentcard{position:relative;background:var(--parent);color:var(--parent-ink);border:3px solid var(--parent-ink);border-style:solid;padding-top:1.3rem;margin-top:1.4rem}.parentcard .phead{left:.8rem;right:auto}.apply{background:#fff;border-radius:.8rem;padding:.4rem .6rem}.timerrow{display:flex;align-items:center;gap:.8rem;margin-top:.8rem;font-weight:700}.ring{--k: 0;flex:none;width:4rem;height:4rem;border-radius:50%;display:grid;place-items:center;font-weight:800;background:radial-gradient(circle,var(--paper) 58%,transparent 60%),conic-gradient(var(--paper-edge) calc(var(--k) * 360deg),var(--gold) 0);border:3px solid var(--ink)}.card.parent .ring{background:radial-gradient(circle,var(--parent) 58%,transparent 60%),conic-gradient(var(--parent-edge) calc(var(--k) * 360deg),var(--blue) 0)}.ring.done{animation:bump .6s ease 2}@keyframes bump{40%{transform:scale(1.15) rotate(-4deg)}}.intro{font-weight:600;font-size:1.05rem;line-height:1.35;margin-top:0}.checklist{list-style:none;padding:0;margin:.4rem 0}.checklist li{display:flex;align-items:center;gap:.6rem;padding:.45rem .6rem;margin:.4rem 0;background:#fff;border-radius:1rem;border:2.5px solid var(--parent-edge);font-weight:700;font-size:1.15rem;line-height:1.25}.card:not(.parent) .checklist li{border-color:var(--paper-edge)}.checklist li.ticked{background:#e3f6df;border-color:#8fd58a}.checklist li.ticked.nudge{background:#fff4d6;border-color:var(--gold)}.itxt{flex:1}.tick{flex:none;width:2.4rem;height:2.4rem;border-radius:.7rem;border:3px solid currentColor;background:#fffaf0;font-size:1.5rem;font-weight:800;color:var(--green-dark)}.checklist li:not(.ticked) .tick{color:var(--parent-ink)}.bulb{flex:none;width:2.5rem;height:2.5rem;border-radius:50%;background:var(--gold);border:3px solid var(--ink);font-size:1.3rem;box-shadow:inset 0 -4px 0 var(--gold-dark)}.bulb.used{background:#fff1c9;box-shadow:none}.nudge{margin-top:.3rem;padding:.3rem .6rem;border-radius:.8rem;background:#fff1c9;border:2px dashed var(--gold-dark);font-weight:700;font-size:1.02rem;color:var(--ink)}.count{text-align:center;font-weight:800;font-size:1.15rem;margin:.3rem 0 0}.qdots{display:flex;gap:.4rem;justify-content:center}.qdots i{width:1rem;height:1rem;border-radius:50%;background:var(--paper-edge);border:2px solid var(--ink-soft)}.qdots i.ticked{background:var(--green)}.qdots i.on{box-shadow:0 0 0 3px var(--gold)}.qcard{margin:.6rem 0;padding:.8rem;text-align:center;border-radius:1.3rem;background:#fff;border:3.5px solid var(--ink);box-shadow:6px 6px 0 var(--gold);transform:rotate(-1deg);animation:pop .35s cubic-bezier(.2,1.6,.5,1)}.qcard .qic{font-size:3.4rem;line-height:1.1}.qcard p{font-size:1.6rem;font-weight:800;margin:.2rem 0;line-height:1.2}.qcard small{color:var(--ink-soft);font-weight:700}.qlearn{padding:.3rem .7rem;border-radius:.9rem;background:#eee6d4;color:#a89a80;font-weight:600}.qlearn.on{background:#e3f6df;color:var(--ink)}.qlearn:not(.on) b{filter:blur(4px)}.qbtns{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.qbtns .chunky{flex:1;width:auto}.padhost{margin-top:.2rem}.drawpad canvas{display:block;width:100%;aspect-ratio:4 / 3;max-height:46vh;border-radius:1rem;border:3px solid var(--ink);background:#fffaf0;touch-action:none;cursor:crosshair}.drawtools{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;margin-top:.4rem}.drawtools .pen{width:2.2rem;height:2.2rem;border-radius:50%;background:var(--c);border:3px solid #fff;box-shadow:0 0 0 2px var(--ink-soft)}.drawtools .pen.on{box-shadow:0 0 0 3px var(--ink),0 0 0 6px var(--gold)}.drawtools .size,.drawtools .tool{min-width:2.3rem;height:2.3rem;border-radius:.7rem;border:2.5px solid var(--ink-soft);background:#fffaf0;font-weight:800;font-size:1.1rem}.drawtools .size.on{border-color:var(--ink);background:#fff1c9}.guessrow{margin:.5rem 0;font-weight:700}.hints{display:flex;flex-wrap:wrap;gap:.35rem;margin:.3rem 0}.hintchip{padding:.15rem .7rem;border-radius:1rem;background:#fff1c9;border:2px solid var(--gold-dark);font-weight:700}.stage{text-align:center;padding:1rem;border-radius:1.2rem;background:repeating-linear-gradient(90deg,#e8584e 0,#e8584e 2rem,#d44a41 2rem,#d44a41 4rem);border:3px solid var(--ink);color:#fff}.stage span{font-size:5rem;display:inline-block;animation:sway 1.4s ease-in-out infinite}.stage p{font-size:1.4rem;font-weight:800;-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;margin:0}@keyframes sway{50%{transform:rotate(10deg) scale(1.05)}}.oopsrow{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;font-weight:700}.wiggle{animation:wig .4s}@keyframes wig{25%{transform:rotate(-6deg)}75%{transform:rotate(6deg)}}.arrboard{display:grid;grid-template-columns:repeat(auto-fill,minmax(7.2rem,1fr));gap:.5rem;margin:.5rem 0;touch-action:none}.acard{position:relative;display:grid;justify-items:center;text-align:center;padding:.5rem .3rem .4rem;border-radius:1rem;background:#fff;border:3px solid var(--ink);box-shadow:inset 0 -4px 0 var(--paper-edge);cursor:grab;line-height:1.1;min-height:7rem}.acard .num{position:absolute;left:-.5rem;top:-.6rem;width:1.7rem;height:1.7rem;border-radius:50%;background:var(--gold);border:2.5px solid var(--ink);font-weight:800;display:grid;place-items:center;font-size:.95rem}.acard .aic{font-size:2.2rem}.acard b{font-size:1.1rem}.acard small{font-size:.78rem;font-weight:600;color:var(--ink-soft)}.acard.dragging{transform:rotate(3deg) scale(1.06);box-shadow:0 10px 20px #00000040;cursor:grabbing}.acard.ph{background:#fff6;border-style:dashed;box-shadow:none}.acard.ok{background:#e3f6df;border-color:var(--green-dark)}.acard.ok:after{content:"✓";position:absolute;right:.3rem;top:.1rem;color:var(--green-dark);font-weight:800;font-size:1.2rem}.acard.think{background:#ffe9cc;border-color:#e09a3a;animation:wig .5s}.arrmsg{font-weight:700;min-height:1.2rem}.done h2{font-size:1.6rem}.stats{font-weight:600;font-size:1.1rem}.conv{display:inline-block;margin-left:.3rem;padding:0 .6rem;border-radius:1rem;background:#fff1c9;border:2px solid var(--gold-dark);font-weight:800}blockquote{position:relative;margin:.5rem 0;padding:.7rem .9rem .6rem;border-radius:1rem;background:#fff;border:3px solid var(--ink);font-weight:700;font-size:1.12rem;line-height:1.35}blockquote.quran{border-color:#3f7fb5}blockquote.hadith{border-color:#3f9a6a}blockquote .qk{display:block;font-size:.85rem;color:var(--ink-soft)}blockquote cite{display:block;font-style:normal;font-size:.9rem;color:var(--ink-soft);margin-top:.2rem;text-align:right}.newpage{display:flex;align-items:center;gap:.7rem;margin-top:.8rem;font-weight:800}.newpage img{width:9rem;aspect-ratio:3 / 2;border-radius:.5rem;border:3px solid var(--ink);background:#fbf5e6;transform:rotate(-4deg) scale(.4);opacity:0;transition:transform .6s cubic-bezier(.2,1.6,.5,1),opacity .4s}.newpage img.in{transform:rotate(-4deg) scale(1);opacity:1}.inter{background:radial-gradient(circle at 50% 40%,#fff0c8eb,#f5cf5fed);z-index:40}.inter.teachtime{background:radial-gradient(circle at 50% 40%,#ffe1e1f0,#e8584eeb)}.inter.reveal{background:radial-gradient(circle at 50% 40%,#e6fae1f0,#6fcf6aeb)}.inter.talk{background:radial-gradient(circle at 50% 35%,#5a64c4e6,#23285af5)}.icard{width:min(34rem,92vw);text-align:center;animation:pop .4s cubic-bezier(.2,1.6,.5,1)}.icard h1{font-size:2.6rem;line-height:1.05;margin:.2rem 0;color:#fff;-webkit-text-stroke:7px var(--ink);paint-order:stroke fill}.icard h1.teach{font-size:3.2rem;color:var(--gold)}.icard h1 .word{color:var(--gold)}.icard p{font-size:1.3rem;font-weight:700;line-height:1.35}.ibig{font-size:5.5rem;line-height:1.1;animation:bob 1.6s ease-in-out infinite}.ibig.spin{animation:bob 1.2s ease-in-out infinite}@keyframes bob{50%{transform:translateY(-8px) rotate(-4deg)}}.turn{font-size:3rem;animation:turn 1.8s ease-in-out infinite}@keyframes turn{0%,30%{transform:rotateY(0)}60%,to{transform:rotateY(180deg)}}.iavs{display:flex;align-items:flex-end;justify-content:center;gap:1rem}.iavs img{height:6rem}.iavs .arrow{font-size:2.4rem}.inter.talk .icard p,.inter.talk .icard{color:#fff}.talkq{margin:.8rem 0;padding:1rem 1.2rem;border-radius:1.4rem;background:var(--paper);color:var(--ink);border:3.5px solid var(--ink);font-size:1.6rem;font-weight:800;line-height:1.25;transform:rotate(-1deg)}.ptip{display:inline-block;padding:.3rem .9rem;border-radius:1rem;background:var(--parent);color:var(--parent-ink);border:2.5px solid var(--parent-ink);font-weight:600}.hold{position:relative;overflow:hidden;display:block;width:min(24rem,90%);margin:1rem auto 0;padding:.8rem 1rem;border-radius:1.3rem;background:#fff;border:3.5px solid var(--ink);font-weight:800;font-size:1.4rem;box-shadow:inset 0 -5px 0 var(--paper-edge);touch-action:none}.hold .fillbar{position:absolute;top:0;right:0;bottom:0;left:0;width:calc(var(--p, 0) * 100%);background:var(--green)}.hold .lbl{position:relative}.hold.holding{transform:scale(.97)}.hold:after{content:"press and hold";position:relative;display:block;font-size:.8rem;color:var(--ink-soft)}#book{z-index:45;background:#28235a8c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.bookwrap{position:relative;width:min(64rem,96vw);padding-top:1rem}.bookwrap>.ribbon{left:.5rem;top:-.8rem}.btabs{display:flex;gap:.3rem;justify-content:flex-end;padding-right:1rem;flex-wrap:wrap;margin-top:1.3rem}.btab{padding:.15rem .8rem .5rem;margin-bottom:-.4rem;border-radius:.8rem .8rem 0 0;background:var(--cc);color:#fff;font-weight:800;border:3px solid var(--ink);border-bottom:0;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill}.btab.on{transform:translateY(-5px)}.book{position:relative;display:grid;grid-template-columns:1fr 1fr;height:min(72vh,40rem);perspective:2200px;background:#8a4a2a;border:3.5px solid var(--ink);border-radius:1rem;padding:.7rem;box-shadow:0 16px 40px #00000059}.book.single{grid-template-columns:1fr}.book.single .page.left{display:none}.page{position:relative;overflow:hidden;background:#fbf5e6;padding:1rem 1.2rem}.page.left{border-radius:.6rem 0 0 .6rem;box-shadow:inset -18px 0 22px -14px #5a321473}.page.right{border-radius:0 .6rem .6rem 0;box-shadow:inset 18px 0 22px -14px #5a321473}.book.single .page.right{border-radius:.6rem}.leaf{position:absolute;top:.7rem;bottom:.7rem;width:calc(50% - .7rem);transform-style:preserve-3d;transition:transform .75s cubic-bezier(.45,.05,.35,1);z-index:5}.leaf.fwd{left:50%;transform-origin:left center}.leaf.back{left:.7rem;transform-origin:right center}.leaf.fwd.go{transform:rotateY(-180deg)}.leaf.back.go{transform:rotateY(180deg)}.leaf.single{left:.7rem;width:calc(100% - 1.4rem);transform-origin:left center}.leaf.single.back{transform:rotateY(-180deg)}.leaf.single.back.go{transform:rotateY(0)}.leaf .face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:.4rem}.leaf .backface{transform:rotateY(180deg)}.booknav{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:.7rem;color:#fff;font-weight:800;font-size:1.1rem}.booknav .round{width:3rem;height:3rem;border-radius:50%;background:var(--paper);border:3px solid var(--ink);color:var(--ink);font-size:1.2rem;box-shadow:inset 0 -4px 0 var(--paper-edge)}.booknav .chunky{margin:0}.cover{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;text-align:center;background:radial-gradient(circle at 50% 40%,#fff6e0,#f3dcb0);padding:1rem}.cover h2{font-size:2.6rem;color:var(--ribbon);-webkit-text-stroke:6px var(--ink);paint-order:stroke fill}.cover-star{font-size:3rem;color:var(--gold);-webkit-text-stroke:3px var(--ink)}.cover p{font-weight:700;font-size:1.2rem;margin:.3rem 0}.cover-count{display:inline-block;margin:.4rem auto;padding:.1rem 1rem;border-radius:1rem;background:var(--gold);border:3px solid var(--ink);font-weight:800}.chapter-page{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:var(--ct, #f3e6cc);padding:1rem;overflow:auto}.chapter-page .big{font-size:4.5rem}.chapter-page h2{font-size:2.4rem;color:#fff;-webkit-text-stroke:6px var(--cc, var(--ink));paint-order:stroke fill}.chapter-page ul{list-style:none;padding:0;font-weight:700;font-size:1.15rem}.chapter-page li{color:var(--ink-soft)}.chapter-page li.done{color:var(--ink)}.tpage{height:100%;display:flex;flex-direction:column;gap:.2rem}.tpage .chip{align-self:flex-start;padding:0 .7rem;border-radius:1rem;color:#fff;font-weight:800;font-size:.85rem;border:2px solid var(--ink)}.tpage h3{font-size:1.6rem}.tpage h3 small{font-size:.95rem;color:var(--ink-soft)}.tpage .art{width:100%;max-height:38%;object-fit:contain}.tpage .by{margin:0;font-weight:800;color:var(--cc)}.tpage blockquote{font-size:.95rem;padding:.4rem .7rem}.tpage p{margin:.1rem 0}.tpage .muted{color:var(--ink-soft)}.tpage.empty{align-items:center;justify-content:center;text-align:center;opacity:.75}.tpage.empty .chip{align-self:center}.waiting{font-size:4rem;filter:grayscale(1) opacity(.35)}