/* Scoped prototype skin. The production public shell is inherited unchanged. */
body.bg-game:has(.cs-app),body.bg-game:has(.cs-home){background:#f1eee6!important;color:#244d48;font-family:Arial,Helvetica,sans-serif;overflow:hidden;animation:none!important}
body:has(.cs-app)>.shell,body:has(.cs-home)>.shell{max-width:none;margin:0;padding:0!important;background:transparent}
body:has(.cs-app)>.bacavia-loading,body:has(.cs-home)>.bacavia-loading{display:none!important}
.cs-app{--cs-green:#205a50;--cs-ink:#24433e;--cs-muted:#65746a;--cs-line:#e5e5db;position:fixed;inset:0;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:8vw;height:100dvh;color:var(--cs-ink)}
.cs-app *{box-sizing:border-box}.cs-app button,.cs-app a,.cs-app select{touch-action:manipulation}
.cs-app button:focus-visible,.cs-app a:focus-visible,.cs-app select:focus-visible,.cs-scroll:focus-visible,.cs-home a:focus-visible{outline:3px solid #bb6b36;outline-offset:3px}
.cs-editorial{width:370px;align-self:center}.cs-wordmark{text-decoration:none;font-size:19px;letter-spacing:4px;font-weight:700;display:block;margin-bottom:76px}.cs-editorial>.cs-eyebrow{font-size:10px;letter-spacing:2px}.cs-editorial h2{font:48px/1.15 Georgia,serif;letter-spacing:-1.7px;margin:24px 0}.cs-editorial h2 em{font-weight:400;color:#618a76}.cs-editorial p{max-width:285px;font-size:14px;line-height:1.8;color:#647067}.cs-editorial-line{height:1px;background:#cdd4c9;width:48px;margin:35px 0}.cs-edition{display:block;font-size:10px;letter-spacing:2px;margin-top:60px;color:#6b7569}
.cs-reader{position:relative;width:440px;height:min(844px,94dvh);display:flex;flex-direction:column;min-width:0;background:#faf9f4;border:1px solid #dbdfd3;border-radius:20px;box-shadow:0 22px 65px #284b3712;overflow:hidden}
.cs-header{flex:none;display:flex;align-items:center;gap:12px;padding:21px 19px 17px;background:#fffdf8;border-bottom:1px solid var(--cs-line);z-index:2}.cs-header>div{min-width:0;flex:1}.cs-back{width:30px;height:44px;display:grid;place-items:center;text-decoration:none;font-size:23px;border-radius:7px}.cs-eyebrow{font:9px/1.4 Arial,sans-serif;letter-spacing:1.5px;font-weight:600;display:block;color:#5d7266}.cs-eyebrow b{color:#2c6557;margin-left:4px}.cs-header h1{font-size:12px;line-height:1.4;margin:5px 0 0;font-weight:600}.cs-prototype{border:1px solid #d5ddcf;border-radius:5px;font-size:9px;letter-spacing:1px;padding:4px;color:#6c7a6b}
.cs-progress{flex:none;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 20px;background:#f3f4ec;border-bottom:1px solid var(--cs-line)}.cs-progress select{width:auto;max-width:60%;padding:5px 18px 5px 0;margin:0;border:0;border-radius:0;font-size:11px;font-weight:600;background:transparent;color:#2a594b;min-height:32px}.cs-progress>span{font-size:10px;white-space:nowrap;color:#687668;font-variant-numeric:tabular-nums}
.cs-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ccd6c8 transparent;padding:0 20px 24px;scroll-padding:18px}.cs-intro{text-align:center;padding:31px 12px 26px;border-bottom:1px solid var(--cs-line)}.cs-pill{display:inline-block;border:1px solid #d9e1d2;border-radius:20px;padding:5px 10px;font-size:8px;letter-spacing:1.2px;color:#4d6d54}.cs-intro h2{font:27px/1.17 Georgia,serif;letter-spacing:-.7px;max-width:280px;margin:17px auto 12px;color:#24483c}.cs-intro p{font-size:11px;color:#647568;max-width:240px;margin:0 auto 12px}.cs-intro small{font-size:9px;color:#6d766c}.cs-conversation{display:flex;gap:10px;align-items:center;padding:18px 0}.cs-avatar{height:34px;width:34px;border-radius:50%;background:#e1e7d8;color:#58745d;display:grid;place-items:center;font:17px Georgia,serif}.cs-conversation>div{flex:1;min-width:0}.cs-conversation strong{display:block;font-size:12px}.cs-conversation [data-state]{display:block;color:#6e786d;font-size:10px;margin-top:3px}.cs-conversation>span:last-child{font-size:11px;letter-spacing:2px;color:#778576}.cs-episode-heading{text-align:center;padding:3px 0 10px}.cs-episode-heading>span{font-size:8px;letter-spacing:1.4px;color:#788373}.cs-episode-heading h2{font:17px/1.2 Georgia,serif;margin:4px 0;color:#50624d}
.cs-messages{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.cs-message{max-width:85%;font-size:13px;line-height:1.55;overflow-wrap:anywhere;flex-shrink:0}.cs-left{align-self:flex-start}.cs-right{align-self:flex-end}.cs-bubble{background:#fff;border:1px solid #e6e9df;border-radius:3px 14px 14px 14px;padding:11px 13px 7px;box-shadow:0 2px 3px #25402903}.cs-right .cs-bubble{background:#e7eee0;border-color:#dfe7d6;border-radius:14px 3px 14px 14px}.cs-bubble p{font-size:13px;line-height:1.55;margin:2px 0 4px;white-space:pre-wrap}.cs-sender{display:block;font-size:9px;color:#527448;font-weight:700;margin-bottom:4px}.cs-meta{display:flex;justify-content:flex-end;align-items:center;gap:5px;font-size:9px;color:#66795e;margin-top:5px}.cs-center{align-self:center;max-width:100%;text-align:center}.cs-system p{font-size:9px;letter-spacing:.3px;color:#707d6d;padding:6px 8px;margin:3px 0}.cs-deleted{font-style:italic;color:#72796f}.cs-forward{font-size:9px;color:#677967}.cs-forwarded .cs-bubble>p{border-left:2px solid #afc49e;padding-left:9px}.cs-typing .cs-bubble{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.cs-typing .cs-sender{width:100%;margin:0}.cs-typing-label{font-size:10px;color:#667a60}.cs-dots{display:flex;gap:4px}.cs-dots i{width:5px;height:5px;border-radius:50%;background:#7b976b;animation:cs-dot .6s ease-in-out 2 alternate}.cs-dots i:nth-child(2){animation-delay:.15s}.cs-dots i:nth-child(3){animation-delay:.3s}
.cs-voice{display:flex;align-items:center;gap:10px;max-width:100%;padding:4px 0 6px}.cs-voice button{width:38px;height:38px;flex-shrink:0;background:#2c6150;border-radius:50%;color:white;font-size:22px;padding:0}.cs-wave{font-size:15px;letter-spacing:0;white-space:nowrap;overflow:hidden;color:#7a936f;max-width:125px}.cs-voice>span:last-child{font-size:10px}.cs-bubble small{display:block;font-size:9px;color:#65755e}.cs-image{border:1px solid #dce3d2;min-height:106px;padding:18px;background:linear-gradient(145deg,#e9eadc,#f4f0e7);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px}.cs-image>span{font-size:24px;color:#73896a}.cs-image strong{font-size:11px}.cs-file{display:flex;gap:11px;align-items:center;padding:5px 0 8px}.cs-file>span{font-size:29px;color:#809776}.cs-file strong{display:block;font-size:12px;font-weight:600}.cs-file small{margin-top:4px}.cs-file>div{min-width:0}
.cs-controls{flex:none;background:#fffdf8;border-top:1px solid var(--cs-line);padding:13px 20px 12px;padding-bottom:max(12px,env(safe-area-inset-bottom))}.cs-help{font:italic 11px/1.3 Georgia,serif;text-align:center;color:#717d6b;margin:0 0 10px}.cs-app .cs-primary,.cs-transition button,.cs-paywall>button:not(.cs-text-button){display:flex;align-items:center;justify-content:space-between;width:100%;min-height:45px;background:#285c4d;color:#fffdf5;font-size:12px;border-radius:7px;font-weight:500;padding:13px 16px}.cs-primary>span{font-size:16px}.cs-secondary-controls{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:4px;min-height:32px}.cs-secondary-controls button{background:transparent;color:#435f4f;font-size:10px;padding:8px 2px;min-height:32px;font-weight:500;text-decoration:underline;text-underline-offset:3px}.cs-secondary-controls>span{font-size:8px;letter-spacing:1px;color:#728069;border-left:1px solid #d8dece;padding-left:15px}
.cs-transition,.cs-paywall{text-align:center;padding:58px 7px 30px}.cs-transition-mark{display:block;font:50px Georgia,serif;margin:28px 0;color:#719378}.cs-transition h2{font:36px Georgia,serif;letter-spacing:-1px;margin:16px 0}.cs-transition p{font-size:12px;color:#75826b;margin-bottom:38px}.cs-transition button{justify-content:center}.cs-seal{height:62px;width:62px;border:1px solid #cddcc3;border-radius:50%;display:grid;place-items:center;margin:0 auto 25px;color:#5a7b55;font-size:35px}.cs-paywall h2{font:34px/1.1 Georgia,serif;letter-spacing:-1px;margin:19px 0}.cs-paywall>p{font-size:13px;color:#61735d;line-height:1.75;margin:18px auto;max-width:290px}.cs-locked{padding:22px 10px;border-block:1px solid var(--cs-line);margin:27px 0}.cs-locked>span{font-size:20px;display:block;color:#678562;margin-bottom:10px}.cs-locked strong{font-size:12px;display:block;font-weight:500}.cs-locked small{display:block;font-size:9px;letter-spacing:1.3px;margin-top:8px;color:#75836b}.cs-paywall .cs-small{font-size:10px;margin:12px auto}.cs-text-button{color:#456449;background:transparent;font-size:11px;font-weight:500;text-decoration:underline;text-underline-offset:4px;min-height:44px}.cs-paywall [data-placeholder]{background:#e8eddf;padding:15px;border-radius:8px;color:#395b3b}.cs-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.cs-noscript{padding:10px;font-size:12px}.cs-reader noscript nav{display:flex;flex-wrap:wrap;gap:12px;padding:12px}
.cs-home{max-width:500px;margin:10vh auto;padding:35px;color:#294e43}.cs-home h1{font:46px/1.1 Georgia,serif}.cs-home .cs-wordmark{margin-bottom:70px}.cs-home-link{display:inline-block;background:#285c4d;color:#fff;padding:15px 24px;border-radius:8px;margin:25px 0 10px;text-decoration:none}.cs-small{font-size:12px;color:#6d7869}
@keyframes cs-dot{to{opacity:.35;transform:translateY(-2px)}}
.cs-episode-heading>span,.cs-conversation [data-state],.cs-progress>span,.cs-secondary-controls>span,.cs-intro small,.cs-help,.cs-system p,.cs-prototype,.cs-locked small,.cs-transition p,.cs-meta,.cs-deleted{color:#59694f}
@media(max-width:850px){.cs-editorial{display:none}.cs-reader{width:100%;height:100vh;height:100dvh;max-width:520px;border:0;border-radius:0;box-shadow:none}.cs-app{min-height:100vh;min-height:100dvh}.cs-header{padding-top:max(17px,env(safe-area-inset-top))}.cs-intro{padding-top:26px;padding-bottom:23px}.cs-intro h2{font-size:26px}.cs-reader .cs-scroll{padding-inline:18px}.cs-transition,.cs-paywall{padding-top:45px}}
@media(prefers-reduced-motion:reduce){.cs-app *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* V0.5: editorial entry gives way to a compact conversation history. */
.cs-reader{overflow:clip}.cs-sr-only{top:0;left:0}
.cs-opening .cs-progress,.cs-opening .cs-conversation,.cs-opening .cs-episode-heading,.cs-opening .cs-messages{display:none}
.cs-opening .cs-scroll{display:flex;align-items:center;justify-content:center}
.cs-opening .cs-intro{border:0;padding:50px 8px;max-width:360px}
.cs-opening .cs-intro h2{font-size:34px;line-height:1.17;max-width:300px;margin:28px auto 20px}
.cs-opening .cs-intro p{font-size:15px;line-height:1.7;max-width:265px}
.cs-opening .cs-intro small{display:block;max-width:260px;margin:28px auto 0;font-size:11px;line-height:1.6}
.cs-opening .cs-help{display:none}.cs-opening .cs-controls{padding-top:21px;padding-bottom:21px;border:0}
.cs-opening .cs-secondary-controls>span{display:none}.cs-opening .cs-primary{font-size:14px;min-height:49px}
.cs-header-avatar{width:34px;height:34px;border:1px solid #d5decc;border-radius:50%;background:#e8edde;display:grid;place-items:center;font:17px Georgia,serif;flex-shrink:0}
.cs-immersive .cs-header{padding:12px 16px;gap:10px;min-height:80px}
.cs-immersive .cs-header h1{font:600 16px/1.3 Arial,sans-serif;letter-spacing:.1px;margin:4px 0 3px}
.cs-immersive .cs-header .cs-eyebrow{font-size:7px;letter-spacing:1px}
.cs-header-state{display:block;font-size:10px;color:#5e6d58;line-height:1.35}
.cs-immersive .cs-prototype{display:none}.cs-immersive .cs-conversation{display:none}
.cs-immersive .cs-episode-heading{padding:20px 0 16px;display:flex;flex-wrap:wrap;justify-content:center;gap:5px;align-items:baseline}
.cs-immersive .cs-episode-heading>span:first-child{font-size:10px;letter-spacing:.5px}
.cs-immersive .cs-episode-heading h2{font:500 10px/1.4 Arial,sans-serif;letter-spacing:.25px;color:#59694f;margin:0;text-transform:none}
.cs-immersive .cs-episode-heading h2::before{content:'·';margin-right:5px}
.cs-immersive [data-display-time]{width:100%;font-size:9px;margin-top:5px;color:#5e6d58}
.cs-immersive .cs-progress{padding:4px 18px;background:#f5f5ee}
.cs-immersive .cs-progress select{font-size:10px;max-width:66%}
.cs-immersive .cs-progress>span{font-size:9px}
.cs-immersive .cs-message{font-size:14px;max-width:84%}
.cs-immersive .cs-bubble{padding:9px 12px 6px;box-shadow:none}
.cs-immersive .cs-bubble p{font-size:14px;line-height:1.5}
.cs-immersive .cs-sender{font-size:9px;margin-bottom:2px}
.cs-immersive .cs-messages{gap:8px}.cs-immersive .cs-help{display:none}
.cs-immersive .cs-controls{padding-top:10px;padding-bottom:max(8px,env(safe-area-inset-bottom))}
.cs-immersive .cs-primary{min-height:42px;padding:10px 14px;font-size:11px}
.cs-immersive .cs-secondary-controls{margin-top:2px;min-height:32px}
.cs-immersive .cs-secondary-controls>span{display:none}
.cs-saved{list-style:none;border:1px solid #cdd9c3;background:#f1f3e9;border-radius:12px;padding:12px;margin:18px 0 6px;width:100%;min-width:0}
.cs-saved-heading{padding:3px 0 14px;border-bottom:1px solid #d9e0d0;margin-bottom:12px}
.cs-saved-heading>span{display:block;font-size:8px;font-weight:600;letter-spacing:1.5px;color:#52694c}
.cs-saved-heading strong{display:block;font-size:11px;margin-top:6px;font-weight:500;color:#3b5739}
.cs-saved>ol{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}
.cs-immersive .cs-saved .cs-message{max-width:95%}
.cs-saved .cs-forwarded .cs-bubble>p{border:0;padding:0}.cs-saved .cs-meta{font-size:8px}
.cs-new-messages{position:absolute;bottom:112px;right:25px;border:1px solid #b8c9ad;border-radius:25px;background:#edf2e5;color:#315c3e;padding:10px 15px;font-size:11px;font-weight:500;box-shadow:0 3px 10px #264a2410;z-index:3}
.cs-transition{padding-top:45px}.cs-transition h2{font:500 22px/1.3 Georgia,serif;letter-spacing:0}.cs-transition-mark{font-size:30px;margin:15px 0}
.cs-paywall{border-top:1px solid #d9e1d0;margin-top:24px;padding-top:35px}
.cs-paywall h2{font-size:31px}.cs-back{min-width:32px}
@media(max-width:380px){.cs-opening .cs-intro h2{font-size:31px}.cs-immersive .cs-header{padding-inline:12px}.cs-immersive .cs-header-state{font-size:9px}}

.cs-sound{flex:0 0 44px;width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--cs-line);border-radius:50%;background:transparent;color:#496453;font-size:19px;cursor:pointer}.cs-sound:focus-visible{outline:2px solid #496453;outline-offset:2px}.cs-editorial-badge{display:block;font:9px/1.4 Arial,sans-serif;color:#5e6d58;margin-top:3px}

/* Header sound control: compact visual button inside a 44px touch target.
   Reset inherited shell button padding so the icon has a real centered box. */
.cs-reader .cs-header{gap:10px;padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}
.cs-header .cs-sound{box-sizing:border-box;flex:0 0 44px;width:44px;height:44px;min-height:44px;align-self:center;display:grid;place-items:center;margin:0;padding:0;border:0;border-radius:10px;background:transparent;line-height:1;appearance:none}
.cs-sound [data-sound-icon]{box-sizing:border-box;display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--cs-line);border-radius:10px;background:#f8f8f2;font-size:16px;line-height:1}