:root{
  --bs-ink:#30251d;--bs-deep:#5c4432;--bs-gold:#d8a84c;--bs-paper:#fff8e9;--bs-muted:#746354;
  --pe-bg:#fff8e9;--pe-panel:#fffaf2;--pe-text:#31271f;--pe-muted:#756556;--pe-border:rgba(92,68,50,.25);
  --pe-accent:#77573e;--pe-accent-contrast:#fff;--pe-selected:#f2e5ce;--pe-success:#58734b;--pe-error:#9e5348;
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--bs-ink)}
body{padding:16px;background:radial-gradient(circle at top,#f3eadc 0,#ddd0bd 62%,#cbb9a1 100%)}button,a{font:inherit}.bs-shell{max-width:1180px;margin:0 auto}
.bs-head{display:flex;justify-content:space-between;align-items:flex-end;gap:22px;margin:0 0 13px}.bs-head h1{font-family:Georgia,serif;margin:3px 0 5px;font-size:clamp(1.55rem,3vw,2.3rem);line-height:1.06}.bs-head p{margin:0;color:#65584d;font-weight:650;max-width:760px}.bs-eyebrow{color:#7e6757;font-size:.74rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.bs-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.bs-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 15px;border:0;border-radius:999px;background:var(--bs-deep);color:#fff;text-decoration:none;font-weight:850;cursor:pointer;box-shadow:0 5px 14px rgba(73,50,34,.18)}.bs-button-light{background:#fffaf0;color:#4b382a;border:1px solid rgba(84,61,43,.24)}
.bs-scene-card{padding:8px;border-radius:24px;background:rgba(255,250,238,.84);box-shadow:0 18px 55px rgba(50,34,25,.21);border:1px solid rgba(83,59,42,.15)}.bs-scene{position:relative;aspect-ratio:16/9;min-height:350px;overflow:hidden;border-radius:18px;background:#5d4939;isolation:isolate}.bs-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.bs-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(32,20,12,.02),rgba(32,20,12,.19));pointer-events:none}.bs-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(83,59,42,.2);color:#5c4432;font-family:Georgia,serif;font-weight:800;box-shadow:0 5px 16px rgba(0,0,0,.14)}
.bs-trigger-layer{position:absolute;inset:0;z-index:8}.bs-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:bsPulse 1.45s ease-in-out infinite alternate;transition:transform .16s ease,filter .16s ease,opacity .16s ease}.bs-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)}.bs-trigger:hover,.bs-trigger:focus-visible{transform:translate(-50%,-50%) scale(1.12);outline:3px solid #fff;outline-offset:3px}.bs-trigger.solved{animation:none;background:radial-gradient(circle at 38% 35%,#eff7e8,#99b384 40%,#617b53 76%);box-shadow:0 0 0 5px rgba(206,229,190,.24),0 0 18px 7px rgba(139,177,112,.58)}.bs-trigger.solved::after{content:"✓";color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.28)}.bs-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)}.bs-trigger.locked:hover,.bs-trigger.locked:focus-visible{transform:translate(-50%,-50%);outline:none}@keyframes bsPulse{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,.18),0 0 30px 12px rgba(255,207,79,.88)}}
.bs-pointer{position:absolute;left:7%;top:78%;width:clamp(92px,12vw,150px);max-height:34%;object-fit:contain;z-index:7;pointer-events:none;user-select:none;filter:drop-shadow(0 8px 7px rgba(0,0,0,.3));transform:translate(-50%,-50%);transition:left .62s cubic-bezier(.2,.75,.3,1),top .62s cubic-bezier(.2,.75,.3,1),transform .2s ease}.bs-pointer.face-left{transform:translate(-50%,-50%) scaleX(-1)}.bs-pointer.walking{animation:bsWalk .62s ease}@keyframes bsWalk{35%{margin-top:-8px}70%{margin-top:0}}
.bs-book-repair{display:none}.bs-book-repair::before{content:"";position:absolute;left:50%;top:7%;bottom:7%;width:1px;background:rgba(116,78,45,.28)}.bs-book-repair span{height:5px;border-radius:999px;background:linear-gradient(90deg,rgba(130,91,47,.08),rgba(130,91,47,.12));opacity:.35;transition:.35s ease}.bs-book-repair span.on{opacity:1;background:linear-gradient(90deg,#8b633b,#e7b955,#8b633b);box-shadow:0 0 8px rgba(255,214,107,.72)}.bs-book-repair.complete{filter:drop-shadow(0 0 12px rgba(255,216,110,.95));animation:bookGlow 1.5s ease-in-out infinite alternate}@keyframes bookGlow{to{filter:drop-shadow(0 0 21px rgba(255,226,134,1)) brightness(1.08)}}
.bs-story{margin:12px 4px 0;padding:16px 18px;border:1px solid rgba(102,75,54,.2);border-radius:18px;background:rgba(255,250,240,.9);box-shadow:0 8px 24px rgba(65,44,29,.09)}.bs-story h2{font-family:Georgia,serif;margin:0 0 8px;font-size:1.2rem}.bs-story p{margin:.4em 0;line-height:1.55}.bs-story-block{padding:10px 12px;border-radius:12px;background:#fffdf8;border:1px solid rgba(110,83,61,.18);margin:8px 0}.bs-story-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:10px}.bs-story-btn{border:1px solid rgba(102,75,54,.3);border-radius:999px;background:#fffaf0;color:#4a382b;padding:8px 14px;font-weight:800;cursor:pointer}.bs-story-btn.is-playing{box-shadow:0 0 0 3px rgba(210,166,78,.22);background:#fff3cf}
.bs-status{display:grid;grid-template-columns:minmax(210px,1fr) auto;gap:8px 18px;align-items:center;margin:12px 4px 0;padding:13px 16px;border-radius:17px;background:rgba(255,250,240,.9);border:1px solid rgba(102,75,54,.18)}.bs-status-label{font-size:.73rem;text-transform:uppercase;letter-spacing:.1em;font-weight:900;color:#7a6554}.bs-progress{height:10px;margin-top:6px;border-radius:999px;overflow:hidden;background:#d5c6b2}.bs-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,#a87343,#e0b255);transition:width .35s ease}.bs-status strong{white-space:nowrap}.bs-status p{grid-column:1/-1;margin:0;color:#645448;font-weight:650}
.bs-finish{margin:14px 4px 0;padding:18px;border-radius:21px;background:linear-gradient(135deg,#fffaf0,#f0e0bf);border:1px solid rgba(106,76,51,.25);box-shadow:0 13px 35px rgba(56,38,24,.13)}.bs-finish[hidden]{display:none}.bs-finish-inner{display:flex;align-items:center;gap:20px}.bs-finish img{width:clamp(105px,15vw,245px);height:clamp(105px,15vw,245px);object-fit:contain;filter:drop-shadow(0 7px 10px rgba(0,0,0,.2))}.bs-finish h2{font-family:Georgia,serif;margin:0 0 5px}.bs-finish p{margin:0 0 12px;line-height:1.45}.bs-finish-actions{display:flex;gap:8px;flex-wrap:wrap}.bs-note{text-align:center;color:#736457;font-size:.82rem;margin:12px 0 4px}
.bibliothek-engine-series .pe-dialog{border-color:rgba(108,78,54,.34)}
@media(max-width:760px){body{padding:8px}.bs-head{align-items:flex-start;flex-direction:column}.bs-actions{justify-content:flex-start}.bs-scene{min-height:300px}.bs-book-repair{opacity:.9}.bs-status{grid-template-columns:1fr}.bs-status strong{justify-self:start}.bs-finish-inner{align-items:flex-start}.bs-finish img{width:90px;height:90px}.bs-pointer{width:90px}}

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