/* Storybook presentation. No simulation or transaction rules live here. */
body.w3-readonly{--paper:#f7f8f4;--card:#fff;--card2:#fff7d7;--ink:#252b28;--ink2:#505c54;--ink3:#626d64;--rule:#dce2d9;--rule2:#e9ede6;--accent:#416a52;--stamp:#416a52;--stamp-soft:#edf5ed;--accent-soft:#fff7d7;--gold:#a9821c;--f-display:var(--f-body);background:var(--paper);color:var(--ink);font-size:16px;line-height:1.65}
.w3-readonly *, .w3-readonly *:before,.w3-readonly *:after{box-sizing:border-box}
.w3-readonly [hidden]{display:none!important}
.w3-readonly :where(p,dd,li,h1,h2,h3,strong,.address){overflow-wrap:anywhere;word-break:normal}
.w3-readonly button,.w3-readonly select,.w3-readonly input{font:inherit;min-height:44px;color:var(--ink);border:1px solid var(--rule);background:var(--card);border-radius:12px;padding:9px 14px;max-width:100%}
.w3-readonly button{cursor:pointer}.w3-readonly button:disabled{opacity:.6;cursor:not-allowed}.w3-readonly button:hover:not(:disabled){background:var(--card2)}
.w3-readonly :where(button,input,select,summary,a):focus-visible{outline:3px solid #416a52;outline-offset:3px}
.w3-readonly summary{cursor:pointer;min-height:44px;padding:10px 0}
.w3-readonly :where(.primary,.cta),#w3 button.primary,#w3-play{background:#ffd84d;border-color:#ffd84d;color:#252b28;font-weight:700}
#intro,#introFoot,#cert .foot,#deadFoot,#lifeview .topbar,#lifeview .time-controls,#lifeview #shopBtn,#lifeview #fmShop,#lifeview #foShop,#lifeview #mbShop,#dead .endbtns,#dead .keepbox,#dead #keepPanel,#miniBar{display:none!important}
.w3-readonly #dead button:not([data-d]),.w3-readonly #dead textarea,.w3-readonly #dead .farewell,.w3-readonly #dead .sharebox{display:none!important}
#w3{max-width:1440px;margin:auto;padding:0 32px 16px;background:var(--paper);color:var(--ink)}
#w3 header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 0;border-bottom:1px solid var(--rule);margin-bottom:32px}
#w3 .brand{font-size:24px;font-weight:750;display:flex;align-items:center;gap:12px;letter-spacing:0}
.sb-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:14px;background:#ffd84d;font-family:serif}
#w3 .env{font-size:16px;color:#626d64;margin-top:6px}
#w3 nav,.sb-tools,.sb-tabs{display:flex;gap:10px;flex-wrap:wrap}
#w3 header nav button{border-color:transparent;background:transparent}#w3 header nav button:first-child{background:#fff7d7}
#w3 h1{font-size:clamp(32px,4vw,56px);line-height:1.3;letter-spacing:-.04em;margin:16px 0 24px;font-weight:750}
#w3 h2{font-size:24px}#w3 h3{font-size:20px;margin:0 0 18px}
#w3 .eyebrow{font-size:16px;letter-spacing:.1em;color:#416a52;font-weight:650}
#w3 .lead{max-width:620px;font-size:18px;line-height:1.85;color:var(--ink2)}
#w3 .layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,1fr);gap:64px;align-items:center;padding:24px 0 48px;border-bottom:1px solid var(--rule)}
#w3 .box{padding:28px;border:1px solid var(--rule);border-radius:20px;background:var(--card)}
#w3 label{display:block;font-size:16px;margin:16px 0 6px}
#w3 .row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
#w3 .summary{display:flex;gap:40px;margin:28px 0}#w3 .summary strong{font-size:28px;display:block}
#w3 .muted,.sb-caption{font-size:16px;color:var(--ink3);line-height:1.6}
#w3 .address,.w3-readonly .address{font-family:monospace;font-size:16px;overflow-wrap:anywhere}
#w3 .cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:20px;margin:24px 0}
#w3 .nft{border-top:5px solid #ffd84d}#w3 .nft h3{margin:14px 0}
#w3 .notice{font-size:16px;padding:12px 16px;background:#edf5ed;border-radius:12px;margin:20px 0 0}
#w3-player{padding:0;background:transparent;position:static}
#w3-playing{display:block;font-size:23px;margin-right:auto;flex-basis:100%}
#w3-player-note{margin:12px 0;color:var(--ink3)}
.sb-tools{padding:16px 0 0;border-top:1px solid var(--rule)}
#w3 dialog{background:var(--card);color:var(--ink);padding:28px;border:1px solid var(--rule);border-radius:20px;width:min(560px,calc(100% - 32px));max-height:85vh;overflow:auto}#w3 dialog::backdrop{background:#252b2870}
.w3-readonly .wrap{max-width:1440px;padding-left:32px;padding-right:32px}
.w3-readonly .life{grid-template-columns:minmax(210px,.9fr) minmax(0,2.2fr) minmax(230px,1fr);gap:24px;padding-top:12px}
.w3-readonly .life>.col,.w3-readonly .col3{display:flex;flex-direction:column;gap:24px;grid-column:auto}
.w3-readonly .panel{border:1px solid var(--rule);border-radius:18px;padding:22px;background:var(--card);box-shadow:none}
.w3-readonly .panel h3{font-size:20px;line-height:1.4;flex-wrap:wrap;margin-bottom:16px}
.w3-readonly .panel h3 .lbl{font-size:16px;color:var(--ink3);font-weight:400}
.w3-readonly .idcard{padding:0}.w3-readonly .idcard .in{display:block;padding:20px}.w3-readonly .idcard .portrait{float:right;width:48px;height:60px;margin:0 0 12px 12px}
.w3-readonly .idcard .top{display:flex!important;background:#fff7d7;color:var(--ink);padding:12px 20px}.w3-readonly .idcard .nm{font-size:22px;line-height:1.5}
.w3-readonly .idcard dl{font-size:16px;gap:12px;clear:both;margin-top:20px}.w3-readonly .idcard dt{font-size:16px}.w3-readonly .mrz{font-size:16px;white-space:normal;overflow-wrap:anywhere}
#sb-certificate{margin:0 16px 16px;width:calc(100% - 32px)}
.w3-readonly .stat{padding:9px 0;font-size:16px;gap:8px}.w3-readonly .stat .bar{height:8px;border-radius:8px}
.w3-readonly .fam{font-size:16px;gap:12px}.w3-readonly .fam .row{flex-wrap:wrap}.w3-readonly .fam .row span:last-child{max-width:100%}
.w3-readonly .money{grid-template-columns:1fr;border-top:0;margin:0;padding:0}.w3-readonly .money b{font-size:22px}.w3-readonly .money>div{padding:10px 0;border-bottom:1px solid var(--rule2)}
.w3-readonly .p-finance>button{margin-top:16px;width:100%}.sb-amount{font-size:25px;font-variant-numeric:tabular-nums}
.w3-readonly .p-reward{background:#fffdf3}.w3-readonly .p-focus .chips{display:flex;gap:8px}.w3-readonly .p-focus button{font-size:16px;opacity:1;min-height:44px}.w3-readonly .p-focus button[aria-pressed=true]{background:#edf5ed;color:#416a52;border-color:#c4d8c7}.w3-readonly .p-focus button:not([aria-pressed=true]){background:#f7f8f4;color:#626d64}
.w3-readonly .p-scene{padding:12px}.w3-readonly .scene{border-radius:10px;overflow:hidden;aspect-ratio:2.6}.w3-readonly .scenecap{padding:16px 10px 8px;font-size:16px}.w3-readonly .scenewho{padding:8px 10px}.w3-readonly #sb-scene{margin:8px 10px;background:#f7f8f4}
.w3-readonly .sb-tabs{margin-bottom:20px}.w3-readonly .sb-tabs button{flex:1;font-size:16px;white-space:nowrap}.w3-readonly #sb-records{background:#ffd84d;border-color:#ffd84d}
.w3-readonly #feed,.w3-readonly #feed.all,.w3-readonly .feed.full{max-height:none;overflow:visible;border:0;overscroll-behavior:auto}
.w3-readonly #feed>li:nth-child(n),.w3-readonly .sb-log>li{display:grid;grid-template-columns:52px minmax(0,1fr) 44px;column-gap:12px;position:relative;padding:20px 0;border-bottom:1px solid var(--rule2);font-size:var(--reader-size,16px);line-height:1.8;animation:none}
.w3-readonly #feed .a,.w3-readonly .sb-log .a{font:600 16px var(--f-body);grid-column:1;grid-row:1 / span 2;color:var(--ink);padding-top:0}
.w3-readonly #feed .x,.w3-readonly .sb-log .x{grid-column:2;grid-row:2;font-size:inherit;padding-left:14px;border-left:2px solid #e5eadf}
.sb-year{grid-column:2;grid-row:1;color:var(--ink3);font-size:16px;padding-left:14px;position:relative}.sb-year:before{content:'';width:10px;height:10px;border-radius:50%;background:#ffd84d;position:absolute;left:-4px;top:7px}
.w3-readonly .sb-star{grid-column:3;grid-row:1 / span 2;padding:0;width:44px;height:44px;align-self:start;border:0;background:transparent;font-size:23px;color:#626d64}.w3-readonly .sb-star[aria-pressed=true]{color:#856800}
.w3-readonly .feed .fx{font-size:16px}.w3-readonly .feed .f{font-size:16px;line-height:1.7}.w3-readonly .p-feed #feedMore{display:none!important}
.w3-readonly .p-comps{display:block}.w3-readonly .p-comps li{display:block;font-size:16px}.w3-readonly .grid10{max-width:100%}
.w3-readonly #cert{max-width:1000px;margin:auto}.w3-readonly .cert{background:white;border-radius:20px;border:1px solid var(--rule);box-shadow:none}.w3-readonly #cert h2{overflow-wrap:anywhere}
.w3-readonly #dead{max-width:1200px;margin:auto}.w3-readonly #dead .feed li{font-size:var(--reader-size,16px);line-height:1.8}
.w3-readonly .scrim .dec{border:1px solid var(--rule);border-radius:20px;background:var(--card);max-width:900px;width:calc(100% - 32px);color:var(--ink)}
.w3-readonly .scrim .dec .hd{background:#fff7d7;color:var(--ink);padding:16px 24px}.w3-readonly .scrim .dec .bd{padding:24px;line-height:1.8}
.w3-readonly .sb-settings{display:grid;gap:12px}.sb-decision{border-bottom:1px solid var(--rule);padding:20px 0}.sb-decision h3{margin:8px 0}
.w3-readonly .scrim .foldbtn{display:none}.w3-readonly .scrim .panel.folded>*{display:block!important}
.w3-readonly #sheet .bd>.panel{margin-bottom:16px}.w3-readonly #sheet .bd>button{margin:6px}
@media(max-width:1050px){.w3-readonly .life{grid-template-columns:minmax(190px,.8fr) minmax(0,1.7fr);gap:18px}.w3-readonly .life>.col3{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}#w3 .layout{gap:28px}.w3-readonly .panel{padding:18px}}
@media(max-width:700px){#w3{padding:0 16px 12px}#w3 header{padding:16px 0;gap:12px;flex-wrap:wrap;margin-bottom:20px}#w3 header nav{width:100%;gap:4px}#w3 header nav button{padding:8px 12px;flex:1;font-size:16px}#w3 .brand{font-size:22px}#w3 .layout{grid-template-columns:1fr;gap:24px;padding:0 0 24px}#w3 .box{padding:22px}#w3 h1{font-size:36px}#w3 .lead{font-size:16px}#w3 .summary{gap:28px}#w3 .summary strong{font-size:24px}#w3-player .row{gap:8px}#w3-playing{font-size:20px}#w3-player .row button{font-size:16px;flex-grow:1}.sb-tools{gap:8px}.sb-tools button{font-size:16px;flex-grow:1}.w3-readonly .wrap{padding-left:16px;padding-right:16px}.w3-readonly .life{display:flex;flex-direction:column;gap:16px}.w3-readonly .life>.col{display:contents}.w3-readonly .life>.col>.panel{width:100%;order:3;margin:0}.w3-readonly .life>.col>.p-scene{order:0}.w3-readonly .life>.col>.p-feed{order:1}.w3-readonly .life>.col>.p-reward{order:2}.w3-readonly .panel{padding:18px;border-radius:16px}.w3-readonly .panel .panel{padding:12px}.w3-readonly .p-scene{padding:10px!important}.w3-readonly .sb-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.w3-readonly #feed>li:nth-child(n),.w3-readonly .sb-log>li{grid-template-columns:38px minmax(0,1fr) 44px;column-gap:6px;padding:16px 0}.w3-readonly .scrim .dec .bd{padding:16px}.w3-readonly .scrim .dec{width:calc(100% - 16px);max-height:95dvh}.w3-readonly .stathelp{font-size:16px}.w3-readonly .fields{min-width:0}.w3-readonly .life .p-feed h3 .lbl{display:block;width:100%}.w3-readonly .p-cty dl{font-size:16px}.w3-readonly .sb-log .x{padding-left:8px}.w3-readonly #w3-id{width:135px}}
@media(prefers-reduced-motion:reduce){.w3-readonly *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.sb-seek{display:flex;gap:12px;align-items:center;margin-top:16px}.sb-seek label{margin:0!important}.w3-readonly .stat{grid-template-columns:4.2em minmax(0,1fr) 2em}
html[data-theme=d] body.w3-readonly{--paper:#202621;--card:#2b332d;--card2:#3e4230;--ink:#f0f2eb;--ink2:#d2dbcf;--ink3:#b3c2b5;--rule:#4a584d;--rule2:#3b483e;--accent:#a8cfb0;--stamp:#a8cfb0;--stamp-soft:#364638}
html[data-theme=d] #w3 .env,html[data-theme=d] #w3 .eyebrow{color:var(--ink3)}html[data-theme=d] #w3 header nav button:first-child,html[data-theme=d] .w3-readonly .idcard .top,html[data-theme=d] .w3-readonly .scrim .dec .hd{background:#414331}html[data-theme=d] #w3 .notice,html[data-theme=d] .w3-readonly .p-reward{background:#303d32}html[data-theme=d] .w3-readonly .cert{background:var(--card)}html[data-theme=d] .w3-readonly .sb-star{color:#e0cf86}
@media(max-width:700px){.w3-readonly .life>.col>.p-feed{order:0}.w3-readonly .life>.col>.p-scene{order:1}.sb-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.sb-tools button{width:100%}}
.sb-reader-more{margin-top:16px}.sb-reader-more>summary{font-size:16px;color:var(--ink3)}.sb-reader-more .sb-batch{margin-top:12px}
@media(min-width:701px){.sb-reader-more[open]>summary{display:none}}
@media(max-width:700px){.sb-reader-more{border:1px solid var(--rule);border-radius:12px;padding:0 12px}.sb-reader-more>summary{color:var(--ink)}.sb-reader-more .sb-batch{padding-bottom:12px}.sb-reader-more .sb-tools{padding-top:12px}}
.w3-readonly .p-playback .row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.w3-readonly .p-playback label{font-size:16px}.w3-readonly .p-playback .sb-seek{margin-top:12px}.w3-readonly #w3-player>.p-playback{margin:16px 0}.w3-readonly #w3-playing{flex-basis:auto}.w3-readonly #w3-status{padding:8px 12px;margin-top:12px;font-size:16px}.w3-readonly #w3 header{margin-bottom:24px}
@media(max-width:700px){.w3-readonly .life>.col>.p-playback{order:-1}.w3-readonly #w3-playing{flex-basis:100%}.w3-readonly .p-playback{padding:14px!important}.w3-readonly .p-playback .row{gap:8px}.w3-readonly #w3-skip{flex-grow:1}}
#w3 .demo-entry{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:24px;background:var(--card2)}#w3 .demo-entry h2{margin:0 0 8px}#w3 .demo-entry p{margin:8px 0}#w3 .demo-entry button{flex-shrink:0}.w3-readonly #w3-agent-prompt{font:16px/1.7 ui-monospace,monospace;width:100%;min-height:240px;padding:16px;resize:vertical;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ink);background:var(--paper);border:1px solid var(--rule);border-radius:12px}#w3 .agent-lookup{margin:20px 0}#w3-watch{flex:1;min-width:180px}#w3-demo-banner{border:2px solid #b68a00;background:#fff7d7;color:#252b28;position:sticky;top:0;z-index:50}#w3-demo-banner[hidden]{display:none!important}
@media(max-width:700px){#w3 .demo-entry{display:block}#w3 .demo-entry button{width:100%;margin-top:12px}#w3 .agent-lookup{align-items:stretch}#w3 .agent-lookup label{width:100%}}

/* Supplement 20261024: semantic tokens from the delivered package. */
body.w3-readonly{--paper:#F7F8F4;--card:#FFFFFF;--ink:#252B28;--ink3:#626D64;--rule:#DCE2D9;--yellow:#FFD84D;--card2:#FFF7D7;--accent:#416A52;--stamp-soft:#EDF5ED;--danger:#A84236;--danger-soft:#FFF0ED;--info:#426D83;--info-soft:#EEF4F8;--ink2:var(--ink3);--rule2:var(--rule);--stamp:var(--accent);--accent-soft:var(--card2);}
html[data-theme=d] body.w3-readonly{--paper:#191F1C;--card:#242D27;--ink:#F3F5EE;--ink3:#BDC9BF;--rule:#526256;--yellow:#FFD84D;--card2:#3D3724;--accent:#B6D9BB;--stamp-soft:#2C4032;--danger:#FFC1B6;--danger-soft:#452C29;--info:#B9D9EB;--info-soft:#283E49;--ink2:var(--ink3);--rule2:var(--rule);--stamp:var(--accent);--accent-soft:var(--card2);}

.w3-readonly :where(button,select,input,summary){min-height:48px}
.w3-readonly :where(p,small,dd,dt,label,li,.muted,.lbl,.caption,.stathelp,.sb-caption,.sb-year,.fields,.fam,.money,.spend,.env,.eyebrow){font-size:max(16px,var(--reader-size,16px));line-height:1.65}
.w3-readonly :where(button,select,input){font-size:16px;white-space:normal;overflow-wrap:anywhere}
.w3-readonly :where(.box,.panel,.cert,.scrim .dec,dialog){border-radius:16px}
.w3-readonly :where(dl,dd,dt,article,section,.col,.row,.sb-panel-group){min-width:0}
.w3-readonly :where(p,small,dd,dt,label,li,h1,h2,h3,h4,strong,.address,button){text-overflow:clip;overflow-wrap:anywhere;-webkit-line-clamp:unset}
.w3-readonly .sb-mark{color:#252B28}
.w3-readonly :where(.sb-state,.sb-ownership,.sb-checklist){font-size:var(--reader-size,16px)}
.w3-readonly .sb-state{border:1px solid var(--rule);border-radius:16px;padding:20px;background:var(--card2);margin:16px 0}
.w3-readonly .sb-state h3{margin:0 0 8px;font-size:20px}.w3-readonly .sb-state p{margin:0}
.w3-readonly .sb-state[data-tone=redSoft]{background:var(--danger-soft);color:var(--danger)}
.w3-readonly .sb-state[data-tone=greenSoft]{background:var(--stamp-soft)}
.w3-readonly .sb-ownership dt{color:var(--ink3);margin-top:16px}.w3-readonly .sb-ownership dd{margin:6px 0 16px}
.w3-readonly .sb-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.w3-readonly .sb-checklist{padding-left:24px}.w3-readonly .sb-checklist li{margin:12px 0}
.w3-readonly .sb-panel-group{display:contents}.w3-readonly .sb-panel-group>summary{display:none}
.w3-readonly .sb-pixel-frame{background:var(--card);border-top:6px solid var(--yellow)}
.w3-readonly .sb-pixel-frame .scene{border:1px solid var(--rule)}
#sb-scene-fallback img{display:block;max-width:100%;height:auto}
.w3-readonly .sb-seek{align-items:flex-start;flex-wrap:wrap}.w3-readonly .sb-seek select{min-width:0;flex:1}
.w3-readonly #feed .x,.w3-readonly .sb-log .x{border-color:var(--rule)}
.w3-readonly #feed .a,.w3-readonly .sb-log .a{font-size:16px;line-height:1.65}
.w3-readonly #feed .f,.w3-readonly #feed .fx,.w3-readonly .sb-log .f,.w3-readonly .sb-log .fx{font-size:var(--reader-size,16px);line-height:1.8}
.w3-readonly .feed .x,.w3-readonly .feed .f{white-space:normal;max-height:none;-webkit-line-clamp:unset}
.w3-readonly :where(.stathelp,.fields,.fam,.cert .lead,.idcard dl,.idcard dt,.mrz){font-size:var(--reader-size,16px)!important}
.w3-readonly :where(.scrim .dec .hd,.idcard .top,#w3 header nav button:first-child,.p-reward){background:var(--card2)}
.w3-readonly :where(#w3 .notice,.p-focus button[aria-pressed=true]){background:var(--stamp-soft);color:var(--accent)}
.w3-readonly :where(.p-focus button:not([aria-pressed=true]),#sb-scene){background:var(--paper);color:var(--ink3)}
.w3-readonly :focus-visible{outline-color:var(--accent)}
.w3-readonly :where(.scrim,dialog)::backdrop{background:rgba(0,0,0,.6)}
.w3-readonly #w3-demo-banner{position:static;background:var(--card2);color:var(--ink);border-color:var(--yellow)}
.w3-readonly #w3-agent-prompt{font-size:16px;line-height:1.7;background:var(--card2);color:var(--ink);caret-color:var(--ink)}
.w3-readonly #w3-agent-prompt::selection{background:#315e70;color:#fff}
.w3-readonly .dec .hd{position:sticky;top:0;z-index:2}.w3-readonly .dec .hd #sheetT{min-width:0;overflow-wrap:anywhere}
html[data-theme=d] .w3-readonly :where(.cert,.endhero,.ending,.endstat,.stat,.film-info,.birth-card,.bornbox,.endbox){background:var(--card);color:var(--ink);border-color:var(--rule)}
html[data-theme=d] .w3-readonly :where(.soft,.badge,.tag,.sub,.note,.fact,.fx,.f){color:var(--ink3)}
html[data-theme=d] .w3-readonly :where(svg text){fill:var(--ink3)}
html[data-theme=d] .w3-readonly :where(.grid10 .cell,.grid .cell){border-color:var(--rule)}
html[data-theme=d] .w3-readonly :where(.muted,.sb-caption,.address,.env){color:var(--ink3)}
.w3-readonly .export-preview{width:100%;height:auto;border:1px solid var(--rule);border-radius:12px}
@media(min-width:701px){.w3-readonly .sb-panel-group:not([open])>.panel{display:block}}
@media(max-width:700px){
 .w3-readonly .sb-panel-group{display:block;order:3;border:1px solid var(--rule);border-radius:16px;background:var(--card)}
 .w3-readonly .sb-panel-group>summary{display:list-item;padding:16px 20px;margin-left:16px;font-weight:600;color:var(--ink)}
 .w3-readonly .sb-panel-group>.panel{border:0;border-top:1px solid var(--rule);border-radius:0 0 16px 16px;margin:0}
 .w3-readonly .sb-actions{flex-direction:column}.w3-readonly .sb-actions button{width:100%;text-align:left}
 .w3-readonly .sb-tabs button{white-space:normal;font-size:16px}.w3-readonly #w3 header nav button{font-size:16px}
 .w3-readonly .sb-tools button,.w3-readonly #w3-player .row button{font-size:16px}
 .w3-readonly .sb-seek select{width:100%;flex-basis:100%}
 .w3-readonly #feed>li:nth-child(n),.w3-readonly .sb-log>li{grid-template-columns:42px minmax(0,1fr) 44px}
 .w3-readonly #feed .x,.w3-readonly .sb-log .x{grid-column:1 / -1;grid-row:2;padding-left:16px;margin-left:5px}
 .w3-readonly #feed .a,.w3-readonly .sb-log .a{grid-row:1}
 .w3-readonly .sb-star{grid-row:1}.w3-readonly .sb-year{border:0;padding-left:0}.w3-readonly .sb-year:before{display:none}
 .w3-readonly .idcard dl{grid-template-columns:1fr}.w3-readonly .idcard dd{margin-left:0}
 .w3-readonly .p-playback .row>*{flex-grow:1}
 .w3-readonly .sb-reader-more{margin-bottom:16px}
}
.w3-readonly .fam :where(small,.pwork,.bond),.w3-readonly .src,.w3-readonly .gridkey,.w3-readonly .legend{font-size:var(--reader-size,16px);line-height:1.65}
.w3-readonly .sb-download{display:inline-flex;min-height:48px;align-items:center;background:var(--yellow);color:#252B28;padding:12px 20px;border-radius:12px;text-decoration:none;margin:16px 0}
.w3-readonly .idcard .in{background-image:none}
.w3-readonly #sb-records{color:#252B28}
html[data-theme=d] .w3-readonly .scrim .dec .hd,html[data-theme=d] .w3-readonly .idcard .top,html[data-theme=d] #w3 header nav button:first-child{background:var(--card2)}
html[data-theme=d] #w3 .notice,html[data-theme=d] .w3-readonly .p-reward{background:var(--stamp-soft);color:var(--ink)}
@media(max-width:700px){#w3 header nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:4px}#w3 header nav button{padding:8px;white-space:nowrap}.w3-readonly .sb-tools{grid-template-columns:repeat(2,minmax(0,1fr))}.w3-readonly .sb-tools button{width:100%}}
@media(max-width:700px){#w3 .sb-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}
.w3-readonly .foldbtn{display:none!important}
/* The original game has highly specific compact typography; keep its labels readable. */
.w3-readonly small,.w3-readonly .stat .v,.w3-readonly .src,.w3-readonly .lbl,.w3-readonly .legend,.w3-readonly .gridkey{font-size:var(--reader-size,16px)!important;line-height:1.65!important}
/* Optional manual narrative: shared book styling, original archive stays available. */
body.w3-readonly .sb-mode-tools { margin-top:16px; border-top:1px solid var(--line); padding-top:16px; }
body.w3-readonly .sb-mode-tools [aria-pressed="true"] { background:var(--yellow,#ffdf65); color:#252b28; border-color:#d2ae35; }
body.w3-readonly .sb-choice-panel { margin-top:20px; padding:20px; border:2px solid #d2ae35; border-radius:16px; background:var(--card); }
body.w3-readonly .sb-choice-panel[hidden] { display:none; }
body.w3-readonly .sb-live-choices { display:grid; gap:12px; margin:16px 0; }
body.w3-readonly .sb-live-choices button { display:flex; flex-direction:column; align-items:flex-start; text-align:left; white-space:normal; overflow-wrap:anywhere; height:auto; padding:14px 16px; gap:8px; }
body.w3-readonly .sb-live-choices span { font-weight:400; font-size:var(--reader-size,16px); line-height:1.65; }
body.w3-readonly .sb-choice-panel p { white-space:pre-wrap; overflow-wrap:anywhere; }
body.w3-readonly .sb-choice-panel input { width:100%; min-height:44px; }
@media(max-width:700px) { body.w3-readonly .sb-mode-tools .row { display:grid; grid-template-columns:1fr 1fr; } body.w3-readonly #sb-next-choice { grid-column:1/-1; } body.w3-readonly .sb-choice-panel { padding:14px; } }
