:root{
  --ms-ink:#29213d;
  --ms-deep:#30265a;
  --ms-violet:#62518d;
  --ms-paper:#fff8e9;
  --ms-gold:#e0aa3e;
  --ms-muted:#6d6475;
  --pe-bg:#fff8e9;
  --pe-panel:#fffaf1;
  --pe-text:#30283b;
  --pe-muted:#6d6475;
  --pe-border:rgba(78,65,95,.25);
  --pe-accent:#66518f;
  --pe-accent-contrast:#fff;
  --pe-selected:#eee8ff;
  --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(--ms-ink)}
body{padding:16px;background:linear-gradient(125deg,#e8deca,#d8d2e5)}
button,a{font:inherit}
.ms-shell{max-width:1180px;margin:0 auto}
.ms-head{display:flex;justify-content:space-between;align-items:flex-end;gap:22px;margin:0 0 13px}
.ms-head h1{margin:3px 0 5px;font-size:clamp(1.55rem,3vw,2.3rem);line-height:1.06}
.ms-head p{margin:0;color:#655e6c;font-weight:650;max-width:760px}
.ms-eyebrow{color:var(--ms-deep);font-size:.74rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.ms-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.ms-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 15px;border:0;border-radius:999px;background:var(--ms-deep);color:#fff;text-decoration:none;font-weight:850;cursor:pointer;box-shadow:0 5px 14px rgba(48,38,90,.18)}
.ms-button-light{background:#fffaf0;color:#443856;border:1px solid rgba(73,57,98,.24)}
.ms-scene-card{padding:8px;border-radius:24px;background:rgba(255,250,238,.84);box-shadow:0 18px 55px rgba(43,34,59,.21);border:1px solid rgba(78,64,94,.15)}
.ms-scene{position:relative;aspect-ratio:16/9;min-height:350px;overflow:hidden;border-radius:18px;background:#493d55;isolation:isolate}
.ms-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.ms-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(22,14,37,.03),rgba(22,14,37,.18));pointer-events:none}
.ms-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(66,55,79,.2);color:#4e3a58;font-family:Georgia,serif;font-weight:800;box-shadow:0 5px 16px rgba(0,0,0,.14)}
.ms-trigger-layer{position:absolute;inset:0;z-index:8}
.ms-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:msPulse 1.45s ease-in-out infinite alternate;transition:transform .16s ease,filter .16s ease,opacity .16s ease}
.ms-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)}
.ms-trigger:hover,.ms-trigger:focus-visible{transform:translate(-50%,-50%) scale(1.12);outline:3px solid #fff;outline-offset:3px}
.ms-trigger.solved{animation:none;background:radial-gradient(circle at 38% 35%,#f6efff,#a58ad3 40%,#5b477f 76%);box-shadow:0 0 0 5px rgba(219,202,248,.24),0 0 18px 7px rgba(161,128,211,.58)}
.ms-trigger.solved::after{content:"✓";color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.28)}
.ms-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)}
.ms-trigger.locked:hover,.ms-trigger.locked:focus-visible{transform:translate(-50%,-50%);outline:none}
@keyframes msPulse{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)}}
.ms-pointer{position:absolute;z-index:6;pointer-events:none;width:clamp(105px,14%,175px);left:12%;top:92%;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))}
.ms-pointer.face-left{transform:translate(-50%,-100%) scaleX(-1)}
.ms-pointer.walking{filter:drop-shadow(0 12px 8px rgba(0,0,0,.31)) brightness(1.04)}
.ms-candle{position:absolute;right:2.8%;bottom:3.5%;z-index:6;width:64px;height:96px;pointer-events:none;filter:drop-shadow(0 7px 8px rgba(0,0,0,.38))}
.ms-candle-wax{position:absolute;left:14px;right:14px;bottom:0;height:72px;border-radius:11px 11px 7px 7px;background:linear-gradient(90deg,#0c0d12,#2a2930 50%,#090a0e);border:2px solid rgba(231,193,92,.48)}
.ms-candle-flame{position:absolute;left:25px;top:-2px;width:16px;height:30px;border-radius:70% 30% 65% 35%;background:linear-gradient(#fff6a8,#f0a51f 58%,#b84b18);transform:rotate(9deg) scale(.2);opacity:0;transform-origin:center bottom;transition:.45s ease;box-shadow:0 0 15px rgba(255,184,56,.85)}
.ms-candle.complete .ms-candle-flame{opacity:1;transform:rotate(9deg) scale(1);animation:msFlame .9s ease-in-out infinite alternate}
.ms-candle-mark{position:absolute;z-index:2;width:9px;height:9px;border-radius:50%;background:#725d32;opacity:.28;box-shadow:0 0 7px rgba(255,189,65,.15);transition:.35s ease}
.ms-candle-mark.on{opacity:1;background:#ffd86b;box-shadow:0 0 8px rgba(255,189,65,.9)}
.ms-candle-mark.m1{left:28px;bottom:13px}.ms-candle-mark.m2{left:20px;bottom:28px}.ms-candle-mark.m3{left:36px;bottom:38px}.ms-candle-mark.m4{left:22px;bottom:52px}.ms-candle-mark.m5{left:35px;bottom:63px}
@keyframes msFlame{to{transform:rotate(-5deg) scale(1.08);filter:brightness(1.15)}}
.ms-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(82,68,98,.17);border-radius:17px;background:rgba(255,250,237,.91);box-shadow:0 8px 24px rgba(48,38,62,.1)}
.ms-status-label{margin-bottom:5px;color:#705d42;font-size:.76rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.ms-progress{height:9px;overflow:hidden;border-radius:999px;background:#ddd4c5}
.ms-progress span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#795f9d,#d5a844);transition:width .35s ease}
#progress-text{white-space:nowrap;color:#514264}
#status-text{margin:0;color:#635a69;font-weight:650}
.ms-finish{margin-top:13px;padding:17px;border-radius:18px;background:#f3eef8;border:1px solid #cfc0df;color:#49375b;box-shadow:0 8px 24px rgba(47,37,61,.09)}
.ms-finish-inner{display:grid;grid-template-columns:minmax(110px,150px) 1fr;gap:18px;align-items:center}
.ms-finish img{width:100%;max-width:145px;filter:drop-shadow(0 8px 12px rgba(0,0,0,.22))}
.ms-finish h2{margin:0 0 7px;font-family:Georgia,serif;font-size:clamp(1.3rem,3vw,1.85rem)}
.ms-finish p{margin:0 0 12px;line-height:1.45;color:#65586d}
.ms-finish-actions{display:flex;gap:9px;flex-wrap:wrap}
.ms-note{margin:9px 3px 0;color:#6e6672;font-size:.88rem}
.pe-overlay.munkel-engine-series .pe-dialog{border:3px solid #6b568f;background:linear-gradient(180deg,#fffdf7,#f8f1ff)}
.pe-overlay.munkel-engine-series .pe-kicker{color:#7a5a22}
.pe-overlay.munkel-engine-series .pe-token-row{background:#f4ecdc}
@media(max-width:760px){body{padding:9px}.ms-head{align-items:stretch;flex-direction:column;gap:11px}.ms-actions{justify-content:flex-start}.ms-scene{min-height:285px}.ms-status{grid-template-columns:1fr auto}.ms-status p{grid-column:1/-1}.ms-finish-inner{grid-template-columns:90px 1fr}.ms-pointer{width:clamp(88px,18%,135px)}}
@media(max-width:500px){.ms-scene{min-height:245px}.ms-trigger{width:39px}.ms-status{grid-template-columns:1fr}.ms-status p{grid-column:auto}.ms-finish-inner{grid-template-columns:1fr;text-align:center}.ms-finish img{margin:0 auto}.ms-finish-actions{justify-content:center}.ms-candle{transform:scale(.82);transform-origin:right bottom}}
@media(prefers-reduced-motion:reduce){.ms-trigger{animation:none}.ms-pointer,.ms-candle-flame{transition:none}}

.ms-story{margin-top:13px;padding:18px 20px;border:1px solid rgba(78,56,99,.18);border-radius:17px;background:rgba(255,250,239,.95);box-shadow:0 8px 24px rgba(45,35,58,.10)}
.ms-story h2{margin:0 0 9px;font-family:Georgia,serif;font-size:clamp(1.2rem,2.5vw,1.65rem);color:#4a385f}
.ms-story p{margin:0 0 9px;max-width:920px;line-height:1.55;color:#544b5b;font-weight:560}
.ms-story p:last-of-type{margin-bottom:12px}.ms-story-actions{display:flex;gap:9px;flex-wrap:wrap}
.ms-story-btn{min-height:40px;padding:8px 15px;border:1px solid rgba(70,52,92,.25);border-radius:999px;background:#fffaf0;color:#43344f;font-weight:850;cursor:pointer;box-shadow:0 4px 12px rgba(47,37,57,.08)}
.ms-story-btn:hover,.ms-story-btn:focus-visible{background:#f4ead8;outline:2px solid rgba(84,62,109,.32);outline-offset:2px}.ms-story-btn.is-playing{background:#4b3563;color:#fff;border-color:#4b3563}

/* book-promo-episode10-munkel */
.ms-book-promo{margin-top:18px;padding-top:18px;border-top:1px solid rgba(73,55,91,.22);display:grid;grid-template-columns:245px minmax(0,1fr);gap:28px;align-items:start}
.ms-book-promo .ms-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}
.ms-book-copy{min-width:0}.ms-book-kicker{margin-bottom:4px;font-size:.76rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;opacity:.72}
.ms-book-promo h3{margin:0 0 7px;font-family:Georgia,serif;font-size:clamp(1.28rem,3vw,1.8rem)}
.ms-book-promo p{margin:0 0 13px;line-height:1.5}
.ms-book-button{display:inline-flex;text-decoration:none}
@media(max-width:620px){.ms-book-promo{grid-template-columns:1fr;text-align:center}.ms-book-promo .ms-book-cover{margin:0 auto;width:245px;max-width:100%}.ms-book-button{justify-content:center}}