:root{--ls-ink:#243425;--ls-deep:#365f38;--ls-green:#5d8d55;--ls-paper:#fff9ea;--ls-gold:#d6a23a;--ls-muted:#677065;--pe-bg:#fff9ea;--pe-panel:#fffdf5;--pe-text:#263529;--pe-muted:#697166;--pe-border:rgba(58,91,58,.24);--pe-accent:#4f7c49;--pe-accent-contrast:#fff;--pe-selected:#e9f4df;--pe-success:#3f7858;--pe-error:#9e4f44}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ls-ink)}body{padding:16px;background:linear-gradient(125deg,#e6e1c8,#d7e5d1)}button,a{font:inherit}.ls-shell{max-width:1180px;margin:0 auto}.ls-head{display:flex;justify-content:space-between;align-items:flex-end;gap:22px;margin:0 0 13px}.ls-head h1{margin:3px 0 5px;font-size:clamp(1.55rem,3vw,2.3rem);line-height:1.06}.ls-head p{margin:0;color:#5f6c5f;font-weight:650;max-width:760px}.ls-eyebrow{color:var(--ls-deep);font-size:.74rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.ls-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.ls-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 15px;border:0;border-radius:999px;background:var(--ls-deep);color:#fff;text-decoration:none;font-weight:850;cursor:pointer;box-shadow:0 5px 14px rgba(54,95,56,.18)}.ls-button-light{background:#fffaf0;color:#355239;border:1px solid rgba(54,95,56,.24)}.ls-scene-card{padding:8px;border-radius:24px;background:rgba(255,250,238,.84);box-shadow:0 18px 55px rgba(43,62,43,.21);border:1px solid rgba(58,91,58,.15)}.ls-scene{position:relative;aspect-ratio:16/9;min-height:350px;overflow:hidden;border-radius:18px;background:#486448;isolation:isolate}.ls-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.ls-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(24,44,26,.02),rgba(24,44,26,.12));pointer-events:none}.ls-scene-label{position:absolute;left:2.5%;top:3.5%;z-index:5;padding:7px 12px;border-radius:999px;background:rgba(255,250,235,.92);border:1px solid rgba(58,91,58,.2);color:#355239;font-family:Georgia,serif;font-weight:800;box-shadow:0 5px 16px rgba(0,0,0,.14)}.ls-trigger-layer{position:absolute;inset:0;z-index:8}.ls-trigger{position:absolute;width:clamp(40px,4.5vw,56px);aspect-ratio:1;border:0;border-radius:50%;background:radial-gradient(circle at 38% 35%,#fffbd4 0 10%,#ffd56e 24%,#c58d27 58%,#6e4a16 100%);box-shadow:0 0 0 5px rgba(255,226,133,.27),0 0 25px 10px rgba(255,207,79,.82);cursor:pointer;transform:translate(-50%,-50%);animation:lsPulse 1.45s ease-in-out infinite alternate;transition:transform .16s ease,filter .16s ease,opacity .16s ease}.ls-trigger::after{content:attr(data-number);position:absolute;inset:0;display:grid;place-items:center;color:#49300a;font-weight:950;font-size:clamp(.86rem,1.7vw,1.05rem);text-shadow:0 1px 0 rgba(255,255,255,.65)}.ls-trigger:hover,.ls-trigger:focus-visible{transform:translate(-50%,-50%) scale(1.12);outline:3px solid #fff;outline-offset:3px}.ls-trigger.solved{animation:none;background:radial-gradient(circle at 38% 35%,#f2ffe9,#8fc86f 40%,#47753e 76%);box-shadow:0 0 0 5px rgba(207,239,188,.28),0 0 18px 7px rgba(110,176,84,.58)}.ls-trigger.solved::after{content:"✓";color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.28)}.ls-trigger.locked{animation:none;opacity:.34;filter:grayscale(.25);cursor:not-allowed;box-shadow:0 0 0 3px rgba(255,226,133,.12),0 0 10px 3px rgba(255,207,79,.2)}.ls-trigger.locked:hover,.ls-trigger.locked:focus-visible{transform:translate(-50%,-50%);outline:none}@keyframes lsPulse{from{filter:brightness(.93);box-shadow:0 0 0 4px rgba(255,226,133,.22),0 0 17px 6px rgba(255,207,79,.62)}to{filter:brightness(1.16);box-shadow:0 0 0 7px rgba(255,226,133,.32),0 0 31px 13px rgba(255,207,79,.88)}}.ls-pointer{position:absolute;z-index:6;pointer-events:none;width:clamp(92px,11%,145px);left:9%;top:94%;transform:translate(-50%,-100%);transform-origin:center bottom;transition:left .55s cubic-bezier(.2,.75,.25,1),top .55s cubic-bezier(.2,.75,.25,1),filter .3s ease;filter:drop-shadow(0 10px 8px rgba(0,0,0,.28))}.ls-pointer.face-left{transform:translate(-50%,-100%) scaleX(-1)}.ls-pointer.walking{filter:drop-shadow(0 12px 8px rgba(0,0,0,.31)) brightness(1.04)}
.ls-growth{position:absolute;right:2.5%;bottom:3%;z-index:6;width:92px;height:108px;pointer-events:none;filter:drop-shadow(0 7px 8px rgba(0,0,0,.28))}.ls-growth-stem{position:absolute;left:44px;bottom:4px;width:8px;height:76px;border-radius:7px;background:linear-gradient(90deg,#624627,#9a713b,#594023);transform:rotate(-4deg)}.ls-growth-branch{position:absolute;height:6px;border-radius:6px;background:#75532d;transform-origin:left center}.ls-growth-branch.b1{left:46px;bottom:43px;width:30px;transform:rotate(-28deg)}.ls-growth-branch.b2{left:46px;bottom:60px;width:30px;transform:rotate(205deg)}.ls-growth-leaf{position:absolute;width:27px;height:18px;border-radius:80% 20% 80% 20%;background:#667f49;opacity:.22;transform:rotate(22deg) scale(.84);transition:.35s ease;box-shadow:0 0 7px rgba(196,255,139,.05)}.ls-growth-leaf.on{opacity:1;background:linear-gradient(135deg,#b9df73,#4f8c3d);transform:rotate(22deg) scale(1);box-shadow:0 0 11px rgba(213,255,141,.7)}.ls-growth-leaf.l1{left:55px;bottom:17px}.ls-growth-leaf.l2{left:19px;bottom:34px;transform:rotate(-28deg) scale(.84)}.ls-growth-leaf.l2.on{transform:rotate(-28deg) scale(1)}.ls-growth-leaf.l3{left:62px;bottom:49px}.ls-growth-leaf.l4{left:14px;bottom:63px;transform:rotate(-38deg) scale(.84)}.ls-growth-leaf.l4.on{transform:rotate(-38deg) scale(1)}.ls-growth-leaf.l5{left:42px;bottom:82px;transform:rotate(-5deg) scale(.84)}.ls-growth-leaf.l5.on{transform:rotate(-5deg) scale(1)}.ls-growth.complete{filter:drop-shadow(0 0 13px rgba(219,255,152,.9)) drop-shadow(0 7px 8px rgba(0,0,0,.25))}
.ls-status{display:grid;grid-template-columns:minmax(180px,300px) auto 1fr;align-items:center;gap:18px;margin-top:13px;padding:15px 18px;border:1px solid rgba(58,91,58,.17);border-radius:17px;background:rgba(255,250,237,.91);box-shadow:0 8px 24px rgba(48,69,48,.1)}.ls-status-label{margin-bottom:5px;color:#617448;font-size:.76rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.ls-progress{height:9px;overflow:hidden;border-radius:999px;background:#d8ddce}.ls-progress span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#5a8b4b,#d4ad43);transition:width .35s ease}#progress-text{white-space:nowrap;color:#456046}#status-text{margin:0;color:#5c695d;font-weight:650}.ls-finish{margin-top:13px;padding:17px;border-radius:18px;background:#eef6e7;border:1px solid #bdd3ac;color:#354f37;box-shadow:0 8px 24px rgba(47,70,47,.09)}.ls-finish-inner{display:grid;grid-template-columns:minmax(110px,150px) 1fr;gap:18px;align-items:center}.ls-finish img{width:100%;max-width:145px;filter:drop-shadow(0 8px 12px rgba(0,0,0,.22))}.ls-finish h2{margin:0 0 7px;font-family:Georgia,serif;font-size:clamp(1.3rem,3vw,1.85rem)}.ls-finish p{margin:0 0 12px;line-height:1.45;color:#586a58}.ls-finish-actions{display:flex;gap:9px;flex-wrap:wrap}.ls-note{margin:9px 3px 0;color:#687168;font-size:.88rem}.pe-overlay.lio-engine-series .pe-dialog{border:3px solid #5a824d;background:linear-gradient(180deg,#fffef8,#f4f9ed)}.pe-overlay.lio-engine-series .pe-kicker{color:#6e812f}.pe-overlay.lio-engine-series .pe-token-row{background:#edf4e3}@media(max-width:760px){body{padding:9px}.ls-head{align-items:stretch;flex-direction:column;gap:11px}.ls-actions{justify-content:flex-start}.ls-scene{min-height:285px}.ls-status{grid-template-columns:1fr auto}.ls-status p{grid-column:1/-1}.ls-finish-inner{grid-template-columns:90px 1fr}.ls-pointer{width:clamp(78px,15%,120px)}}@media(max-width:500px){.ls-scene{min-height:245px}.ls-trigger{width:39px}.ls-status{grid-template-columns:1fr}.ls-status p{grid-column:auto}.ls-finish-inner{grid-template-columns:1fr;text-align:center}.ls-finish img{margin:0 auto}.ls-finish-actions{justify-content:center}.ls-growth{transform:scale(.82);transform-origin:right bottom}}@media(prefers-reduced-motion:reduce){.ls-trigger{animation:none}.ls-pointer,.ls-growth-leaf{transition:none}}

.ls-story{margin-top:13px;padding:16px 18px;border:1px solid rgba(58,91,58,.17);border-radius:17px;background:rgba(255,250,237,.91);box-shadow:0 8px 24px rgba(48,69,48,.1)}
.ls-story h2{margin:0 0 10px;font-family:Georgia,serif;font-size:clamp(1.15rem,2.7vw,1.55rem);color:#355239}
.ls-story p{margin:0 0 10px;line-height:1.55;color:#576657;font-weight:560}.ls-story p:last-of-type{margin-bottom:0}
.ls-story-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.ls-story-btn{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 14px;border-radius:999px;border:1px solid rgba(54,95,56,.22);background:#fffdf6;color:#355239;font-weight:800;cursor:pointer}
.ls-story-btn.is-playing{background:#edf6e6;border-color:#7ea06c}
@media(max-width:760px){.ls-story{padding:14px}}

/* book-promo-episode10-lio */
.ls-book-promo{margin-top:18px;padding-top:18px;border-top:1px solid rgba(58,91,58,.22);display:grid;grid-template-columns:245px minmax(0,1fr);gap:22px;align-items:start}
.ls-book-promo .ls-book-cover{display:block;width:245px;max-width:245px;height:auto;object-fit:contain;border-radius:10px;box-shadow:0 10px 24px rgba(0,0,0,.18);filter:none}
.ls-book-kicker{margin-bottom:4px;font-size:.76rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;opacity:.72}
.ls-book-promo h3{margin:0 0 7px;font-family:Georgia,serif;font-size:clamp(1.28rem,3vw,1.8rem)}
.ls-book-promo p{margin:0 0 13px;line-height:1.5}
.ls-book-button{display:inline-flex;text-decoration:none}
@media(max-width:500px){.ls-book-promo{grid-template-columns:1fr;text-align:center}.ls-book-promo .ls-book-cover{margin:0 auto;width:245px;max-width:100%}.ls-book-button{justify-content:center}}