:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;color:#242b2c;background:#f6f8f7;font-size:17px;letter-spacing:0;line-height:1.6;--green:#166451;--line:#d7e0dc}
header>*{min-width:0;max-width:100%}.brand{overflow-wrap:anywhere}
#language-settings{margin-top:0;margin-left:auto}#language-settings summary{cursor:pointer;min-height:44px;padding:8px}
#language-settings label{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
#language-select{font:inherit;min-height:44px;max-width:100%;background:#fff;color:#182f32;border:1px solid #a9c6c0;border-radius:6px;padding:6px}
.stage-strip li,.original-choices>*{min-width:0;overflow-wrap:anywhere}
*{box-sizing:border-box}body{margin:0}header{height:82px;max-width:1000px;margin:auto;padding:14px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}a{color:var(--green)}.brand{display:flex;gap:10px;align-items:center;color:inherit;text-decoration:none;font-weight:650}.brand img{border-radius:8px}.brand small{display:block;font-size:12px;font-weight:400;color:#5f6e68}main{max-width:680px;margin:0 auto;padding:40px 24px 64px}h1{font-size:30px;line-height:1.4;margin:12px 0 24px;font-weight:650}h2,legend{font-size:22px;line-height:1.5;font-weight:650;margin:0 0 20px}h3{font-size:18px;margin:24px 0 10px}p{margin:12px 0}.muted,.eyebrow{color:#62736a;font-size:14px}.eyebrow{margin-bottom:12px}.lead{font-size:18px;line-height:1.8;color:#46564d}.intro-logo{width:76px;height:76px;border-radius:8px;margin-top:12px}.band{border-top:1px solid var(--line);padding:20px 0;margin-top:24px}.option{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border:1px solid var(--line);border-radius:6px;background:white;cursor:pointer;min-height:56px;width:100%;margin:10px 0;overflow-wrap:anywhere}.option:has(input:checked){border-color:var(--green);background:#eaf4ef}.option input{appearance:none;width:22px;height:22px;flex:0 0 22px;border:1.5px solid #839b8e;border-radius:4px;margin:3px 0 0;background:#fff;display:grid;place-items:center}.option input:checked{background:var(--green);border-color:var(--green)}.option input:checked:after{content:"✓";color:white;font-size:17px;line-height:1}.option input:focus-visible{outline:3px solid #dfab55;outline-offset:3px}.option span{flex:1;min-width:0}.choices.numeric{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.numeric .option{margin:0;min-height:64px;padding:10px;align-items:center;flex-direction:column;gap:5px;text-align:center}.numeric .option input{margin:0}.numeric .option:last-child{grid-column:span 2}.numeric .option span{font-size:15px}fieldset{border:0;padding:0;margin:0;min-width:0}legend{width:100%;overflow-wrap:anywhere}button{font:inherit;font-weight:600;min-height:48px;padding:10px 20px;border:1px solid transparent;border-radius:6px;cursor:pointer;background:var(--green);color:white;white-space:normal;overflow-wrap:anywhere}button:disabled{opacity:.5;cursor:wait}button.secondary{background:#fff;color:#354e42;border-color:var(--line)}button.quiet{background:transparent;color:#52645a;padding:8px;font-size:14px;font-weight:400}.actions,footer{display:flex;gap:12px;justify-content:space-between;margin-top:28px}.actions button:last-child{flex:1}.actions .quiet{flex:0 0 auto}.progress{height:4px;display:flex;gap:4px;margin:16px 0 32px}.progress span{flex:1;background:#dce4df}.progress span.active{background:var(--green)}.badge{display:inline-block;background:#edf1f0;padding:4px 10px;color:#52675e;font-size:13px;border-radius:4px}.warning{border-left:3px solid #b17819;background:#fff6e8;padding:12px 16px;margin:16px 0;color:#705319}.result-row{padding:14px 0;border-bottom:1px solid var(--line)}.result-row strong{display:block}.result-row p{margin:4px 0}.invite{font-size:13px;overflow-wrap:anywhere;margin:14px 0;color:#52675e}.waiting{padding:36px 0}.waiting-symbol{font-size:40px;color:var(--green)}#notice{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);width:max-content;border-radius:6px;background:#273d32;color:white;padding:10px 16px;margin:0;z-index:5}#notice:empty{display:none}dialog{border:1px solid var(--line);border-radius:8px;padding:24px;width:min(560px,calc(100% - 32px));max-height:90vh}dialog::backdrop{background:#17291e88}dialog h2{font-size:22px}dialog footer{position:sticky;bottom:0;background:#fff;padding:10px 0}ul{padding-left:24px}li{margin:8px 0}button:focus-visible{outline:3px solid #dfab55;outline-offset:3px}@media(max-width:480px){header{padding:12px 18px;height:76px}main{padding:26px 18px 64px}h1{font-size:26px}h2,legend{font-size:21px}.actions{gap:8px}button{padding:10px 14px}.numeric .option{padding:8px 5px}}@media(prefers-reduced-motion:no-preference){.option{transition:background .15s,border-color .15s}}
details{margin-top:24px}summary{cursor:pointer;color:var(--green);padding:12px 0;min-height:48px}summary:focus-visible{outline:3px solid #dfab55;outline-offset:3px}
#session-more{max-width:680px;margin:0 auto 24px;padding:0 24px}
main[data-space=want]{--green:#365f70}
main[data-space=build]{--green:#326648}
main[data-space=safety]{--green:#944239}
form fieldset{scroll-margin-top:24px}
form fieldset[hidden],button[hidden]{display:none}
.choice-controls{margin-top:16px}
.choice-controls:has(button:not([hidden])){padding-bottom:12px}
.option:active{background:#eef2ef}
.option:has(input:checked){box-shadow:inset 3px 0 var(--green)}
.original-choices>div:first-child{border-left:3px solid #365f70;padding-left:12px}
.original-choices>div:last-child{border-left:3px solid #bd714d;padding-left:12px}
main[data-space=build] .result-row>ul{list-style:none;padding:0}
main[data-space=build] .result-row>ul>li{border-left:3px solid var(--green);background:#edf4ef;padding:12px 16px}
.playing-scene{padding-top:18px}
.playing-scene .stage-strip{margin-bottom:18px}
.chapter-position{display:flex;justify-content:space-between;gap:12px;color:#52645a;font-size:14px;margin:0 0 18px}
.chapter-position span{font-variant-numeric:tabular-nums;color:#705333}
.future-stage{position:relative;padding:28px 24px;margin:0 -24px 28px;background:#e9eef2;border-top:3px solid #bf8066;border-bottom:1px solid #d3dee4}
.event-label{font-size:13px;letter-spacing:0;color:#8a543c;font-weight:650;margin:0 0 18px}
.future-stage .eyebrow{margin:0 0 6px}
.future-stage h1{font-size:28px;margin:0 0 14px;line-height:1.4}
.event-story{font-size:18px;line-height:1.7;max-width:32em;margin:0}
.decision-deck legend{font-size:19px;margin-bottom:16px}
.decision-deck .option{border:1px solid #c9d7d1;border-bottom-width:3px;border-radius:8px;padding:16px 18px;min-height:60px;align-items:center;flex-direction:row-reverse;background:#fff;margin:12px 0}
.decision-deck .option input{margin:0;border-radius:50%;width:24px;height:24px;flex-basis:24px}
.decision-deck .option:has(input[type=checkbox]) input{border-radius:5px}
.decision-deck .option:has(input:checked){background:#edf5ee;border-color:var(--green);box-shadow:none}
.decision-deck .option:has(input:checked) span{font-weight:650}
.selection-status{color:var(--green);font-size:14px;min-height:24px;margin:16px 0 0}
.decision-question{font-size:16px;color:#52645a;margin:0 0 18px}
.outcome-counts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;border-block:1px solid var(--line);padding:20px 0;margin:24px 0}
.outcome-counts strong{display:block;font-size:36px;font-variant-numeric:tabular-nums;color:var(--green);line-height:1.2}
.outcome-counts>div:last-child strong{color:#946744}.outcome-counts span{font-size:15px}
@media(prefers-reduced-motion:no-preference){.decision-deck .option:has(input:checked){transform:translateY(-2px)}}
.decision-deck .actions{margin-top:14px}
.playing-scene[data-space=build]>h1{font-size:26px;margin:8px 0 12px}
.playing-scene[data-space=build] .original-choices{padding:16px 0;margin:4px 0 22px;background:transparent}
.playing-scene[data-space=build] .original-choices p{font-size:17px}
.playing-scene[data-space=build] .original-choices strong{font-size:13px;font-weight:500}
@media(max-width:480px){.playing-scene{padding-top:14px}.future-stage{padding:24px 18px;margin-inline:-18px}.future-stage h1{font-size:25px}.event-story{font-size:17px}.decision-deck .option{padding:13px 14px}.playing-scene .stage-strip{gap:8px;font-size:13px}}
@media(prefers-reduced-motion:no-preference){.future-stage{animation:scene-in .18s ease-out}.decision-deck .option{transition:background .15s,border-color .15s,transform .15s}.decision-deck .option:active{transform:translateY(2px)}@keyframes scene-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}}
.option[hidden]{display:none}
.original-choices{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin:16px 0;padding:12px 0;border-block:1px solid var(--line);overflow-wrap:anywhere}.original-choices>div{min-width:0}.original-choices strong{font-size:16px}
.journey-map{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;list-style:none;padding:0}.journey-map li{margin:0;border-bottom:1px solid var(--line);padding:10px 4px;color:#62736a;font-size:16px;min-width:0;overflow-wrap:anywhere}.journey-map span{display:block}.journey-map .available{color:var(--green);font-weight:650}.band button{margin:0 8px 10px 0}
.stage-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;list-style:none;padding:0;margin:0 0 20px}.stage-strip li{border-bottom:2px solid var(--line);padding:8px 0;color:#62736a;font-size:15px;min-width:0}.stage-strip span{display:block}.stage-strip [aria-current=step]{border-color:var(--green);color:var(--green);font-weight:650}#new-round{margin-bottom:16px}
.story-acts{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;border-block:1px solid var(--line);margin:26px 0;padding-block:20px}
.story-acts li{margin:0;min-width:0}.story-acts li>span{display:block;color:#9b6449;font-size:26px;font-variant-numeric:tabular-nums}.story-acts strong{font-size:19px}.story-acts p{font-size:16px;margin-bottom:0}
.scene-route{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;padding:0;gap:12px;margin:20px 0 28px}.scene-route li{min-width:0;margin:0;padding:16px;border:1px solid #cbd7dd;border-radius:8px;background:#edf2f5;display:grid;grid-template-columns:38px 1fr;gap:4px 12px}.scene-route li:nth-child(3n+2){background:#f8eee7;border-color:#e0cabb}.scene-route li:nth-child(3n){background:#edf2e8;border-color:#c9d5bd}.scene-route strong{font-size:17px}.scene-route li>span:last-child{grid-column:2;font-size:14px;color:#56636a}.room-icon{font-size:28px;grid-row:span 2}.scene-route [aria-current=step]{border:2px solid var(--green)}
.scene-symbol{display:block;font-size:42px;margin-bottom:16px}.private-scene{border-left:4px solid #be7a55;background:#edf1f5;padding:20px;margin:0 0 22px}.private-scene h2{font-size:24px;margin-bottom:12px}.private-scene p{font-size:17px;margin-bottom:0}
.decision-deck .action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.decision-deck .action-grid .option{margin:0;min-height:112px;align-items:flex-start;position:relative;padding:18px 16px}.decision-deck .action-grid .option:has(input[value=NONE]){grid-column:1/-1;min-height:64px}.action-grid .option span{font-size:18px}.decision-deck .action-grid .option:has(input:checked){border-bottom:3px solid var(--green);background:#e6f1e9}.selection-status{overflow-wrap:anywhere}
.has-relationship-map{max-width:1120px}.relationship-map{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin:28px 0}.relationship-map>section{min-width:0;border-top:4px solid #547c6c;padding-top:18px}.relationship-map>.map-different{border-color:#b27a53}.relationship-map h2{display:flex;justify-content:space-between}.relationship-map h2>span{font-variant-numeric:tabular-nums}.relationship-map .result-row{padding:18px 0}.relationship-map .original-choices{border:0;padding:0}.relationship-map .result-row>strong{font-size:17px}.relationship-map .original-choices p{font-size:16px}
@media(max-width:560px){.story-acts{grid-template-columns:1fr;gap:16px}.story-acts li{display:grid;grid-template-columns:36px 1fr;gap:0 12px}.story-acts li>span{grid-row:span 2;font-size:23px}.story-acts p{margin:4px 0 0;grid-column:2}.scene-route{gap:10px}.scene-route li{display:block;padding:14px}.scene-route .room-icon{display:block;margin-bottom:8px}.scene-route strong,.scene-route li>span:last-child{display:block}.decision-deck .action-grid{grid-template-columns:1fr;gap:10px}.decision-deck .action-grid .option{min-height:72px}.relationship-map{grid-template-columns:1fr;gap:28px}.private-scene{padding:18px}.private-scene h2{font-size:22px}}

/* One illustrated surface for every state; forms retain their original DOM. */
body{background:#edf7f5}
header{border-color:#b5ceca}
.comic-app{--green:#175955;--line:#a9c6c0;color:#182f32;max-width:680px;padding:18px 24px 48px}
.comic-app.has-relationship-map{max-width:900px}
.comic-app .stage-strip{margin-bottom:18px}
.comic-app .stage-strip [aria-current=step]{border-color:#175955;color:#175955}
.comic-page{container-type:inline-size;position:relative;isolation:isolate;background:#edf7f5;overflow:clip;margin-inline:-24px}
.comic-visual{position:absolute;top:0;left:0;width:100%;height:max(1000px,200cqi);overflow:hidden;z-index:-1;pointer-events:none}
.comic-art{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center top}
.comic-visual[data-columns="2"]{--columns:2;--rows:2}
.comic-visual[data-columns="3"]{--columns:3;--rows:2}
.comic-visual[data-col="0"]{--col:0}.comic-visual[data-col="1"]{--col:1}.comic-visual[data-col="2"]{--col:2}
.comic-visual[data-row="0"]{--row:0}.comic-visual[data-row="1"]{--row:1}
.comic-visual:is([data-columns="2"],[data-columns="3"]) .comic-art{left:50%;width:max(calc(100% * var(--columns)),calc(500px * var(--columns)));height:auto;max-width:none;transform:translate(calc((-.5 - var(--col)) * 100% / var(--columns)),calc(var(--row) * -100% / var(--rows)))}
.comic-caption{padding:26px 24px 0;min-height:max(550px,112cqi)}
.comic-caption h1{font-size:28px;font-weight:850;color:#193c3c;margin:0;line-height:1.4;text-wrap:balance;overflow-wrap:anywhere;background:#f8fcfbf5;padding:12px 16px;border-bottom:3px solid #243f40}
.comic-caption .chapter-position,.comic-caption .event-label{color:#275952;font-size:15px;font-weight:650;margin:0;background:#f8fcfbf5;padding:8px 16px 0}
.comic-body{padding:0 24px 30px;overflow-wrap:anywhere}
.v11-review .comic-caption{min-height:150px;padding-top:18px}
.v11-review .comic-visual{height:180px}
.v11-review .comic-body{background:#f8fcfb;border-top:2px solid #243f40;padding-top:12px}
.v11-review .comic-caption h1{font-size:24px;padding:8px 12px}
.v11-review .v11-purpose{margin:0 0 12px;padding:0;font-weight:600}
.v11-review .result-row{padding:10px 0}
.v11-review .result-row h4{margin:4px 0 10px;font-size:18px;line-height:1.45}
.v11-review .original-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:8px 0;padding:0}
.v11-review .original-choices>div{min-width:0;padding:10px 12px}
.v11-review .original-choices p{margin:4px 0;font-size:16px;line-height:1.5}
.v11-review h3,.v11-review h4{margin:14px 0 8px}
.v11-review .v11-group{padding-block:12px}
.v11-review .band{margin-top:12px;padding-top:12px}
.future-original{padding:12px;border-left:4px solid #147f73;background:#e7f5f0;color:#142f32}
.future-outcome{padding:12px;background:#e7f5f0;border-left:4px solid #147f73;color:#142f32;font-weight:600}
.future-outcome[data-outcome="time"],.future-outcome[data-outcome="open"]{background:#fff5d6;border-color:#996f16}
.future-outcome[data-outcome="notTogether"]{background:#fbece7;border-color:#a45039}
#future-event fieldset[hidden]{display:none}
.v11-snapshot{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0 0 12px;padding:10px 0;border-block:1px solid #a9c6c0}
.v11-snapshot>div{display:flex;align-items:center;justify-content:space-between;gap:8px}
.v11-snapshot dt{font-weight:600}.v11-snapshot dd{margin:0;font-size:24px;font-weight:750;font-variant-numeric:tabular-nums}
.comic-body .v11-group[data-category]>h3{background:#175955;color:#fff;font-size:20px;font-weight:750;padding:12px 16px;margin:8px 0 12px;line-height:1.45}
.comic-body .v11-group[data-category="important"]>h3{background:#754027}
.comic-body .v11-group[data-category="pending"]>h3{background:#46575d}
.comic-body .v11-group .result-row h4,#v11-history .v11-group .result-row h4{background:transparent;color:#182f32;font-size:17px;font-weight:600;line-height:1.5}
.v11-stages li>button{display:block;width:100%;height:100%;text-align:left;background:transparent;color:inherit;border:0;box-shadow:none;padding:4px 2px;border-radius:4px;font:inherit;min-height:56px}
.v11-stages li>button:disabled{opacity:1;cursor:default}
.v11-stages li>button:not(:disabled):hover{background:#d2ebe2;color:#163e34}
.v11-stages li>button span{display:block}
#v11-history{width:min(680px,calc(100% - 24px));max-height:90dvh}
#v11-history h1{font-size:24px}#v11-history h3{font-size:17px}
#v11-history footer{background:#f8fcfb;justify-content:flex-end}
.v11-answer-review dt{font-weight:700;color:#175955;margin-top:16px}
.v11-answer-review dd{margin:6px 0 0;line-height:1.6}
.v11-answer-review dd ul{padding-left:20px;margin:0}
.comic-body,#v11-history{counter-reset:v11-heading v11-subheading v11-detail}
.comic-caption h1,#v11-history h1{background:#f8fcfb;color:#142f32;border-left:4px solid #175955}
.comic-body h2,#v11-history h2{counter-increment:v11-heading;counter-reset:v11-subheading v11-detail;background:#e0eee9;color:#142f32;padding:12px 16px;border-left:4px solid #175955;line-height:1.5}
.comic-body h2::before,#v11-history h2::before{content:counter(v11-heading,decimal) ". ";font-weight:750}
.comic-body h3,#v11-history h3{counter-increment:v11-subheading;counter-reset:v11-detail}
.comic-body h3::before,#v11-history h3::before{content:"(" counter(v11-subheading,decimal) ") ";font-weight:750}
.comic-body h4,#v11-history h4{counter-increment:v11-detail}
.comic-body h4::before,#v11-history h4::before{content:counter(v11-detail,decimal) ") ";font-weight:650}
.comic-body:lang(zh) h2::before,#v11-history:lang(zh) h2::before{content:counter(v11-heading,cjk-ideographic) "、"}
.comic-body:lang(zh) h3::before,#v11-history:lang(zh) h3::before{content:"（" counter(v11-subheading,cjk-ideographic) "）"}
.comic-body:lang(ja) h2::before,#v11-history:lang(ja) h2::before{content:counter(v11-heading,decimal) "．"}
.comic-body:lang(ja) h3::before,#v11-history:lang(ja) h3::before{content:"（" counter(v11-subheading,decimal) "）"}
.comic-body:lang(ko) h2::before,#v11-history:lang(ko) h2::before{content:counter(v11-heading,decimal) ". ";}
.comic-body:lang(de) h3::before,#v11-history:lang(de) h3::before{content:counter(v11-subheading,decimal) ") ";}
.future-experience .comic-body :is(h2,h3,h4),#v11-history.future-experience :is(h2,h3,h4){counter-increment:none;counter-reset:none}
.future-experience .comic-body :is(h2,h3,h4)::before,#v11-history.future-experience :is(h2,h3,h4)::before{content:none}
.comic-body :is(#v11-love,#v11-life)>h2{color:#142f32;background:#f8fcfb;padding:16px 18px;border-left:4px solid #175955;font-weight:750;overflow-wrap:anywhere}
.comic-body>.event-story{font-size:17px;margin:0 0 18px;color:#193c3c;line-height:1.65;background:#f8fcfbf5;padding:12px 16px}
.comic-body>p,.comic-body>.decision-deck>.eyebrow{background:#f8fcfbf5;padding:8px 12px}
.comic-body>.band,.comic-body>details{background:#f8fcfb;padding:18px;margin-inline:-24px;padding-inline:24px}
.comic-body legend{position:relative;padding:14px 16px;background:#fffdf7;border:2px solid #243f40;border-radius:8px;box-shadow:3px 3px 0 #243f40;font-size:20px;font-weight:750;line-height:1.5;margin-bottom:20px}
.comic-body legend::after{content:"";position:absolute;bottom:-10px;left:24px;width:14px;height:14px;background:#fffdf7;border-right:2px solid #243f40;border-bottom:2px solid #243f40;transform:rotate(45deg)}
.comic-app .option,.comic-app .decision-deck .option{border:2px solid #243f40;border-radius:6px;box-shadow:3px 3px 0 #243f40;background:#fffdf5;min-height:68px;color:#182f32}
.comic-app .option:has(input:checked),.comic-app .decision-deck .action-grid .option:has(input:checked){background:#fff0a5;border:2px solid #243f40;box-shadow:3px 3px 0 #243f40}
.comic-app .option input{border-color:#243f40}
.comic-app button{border:2px solid #243f40;box-shadow:3px 3px 0 #243f40;font-weight:750;min-height:48px}
.comic-app button.secondary{background:#fffdf7;color:#193c3c}
.comic-app button.quiet{box-shadow:none;border-color:transparent}
.comic-app .actions{flex-wrap:wrap}
.comic-app .actions>button{min-width:0}
.comic-app .selection-status{color:#183c37;font-weight:650}
.comic-app .decision-question{background:#f8fcfbf5;color:#193c3c;padding:12px 16px}
.comic-app .private-scene{background:#f8fcfbf5;border:0;padding:12px 16px;margin:0 0 18px}
.comic-app .private-scene h2,.comic-app .private-scene .event-label{display:none}
.comic-app .original-choices{background:#fffdf7;padding:16px;border:0;gap:16px}
.comic-app .original-choices>div:first-child{border-color:#175955}
.comic-app .original-choices>div:last-child{border-color:#b84c3f}
.comic-reading{background:#f8fcfb}
.comic-reading .comic-caption{min-height:clamp(330px,66.67cqi,420px)}
.comic-reading .comic-visual{height:clamp(330px,66.67cqi,420px)}
.comic-reading .comic-body{background:#f8fcfb;padding-top:24px;border-top:3px solid #243f40}
.comic-app .relationship-map{gap:24px}
.comic-app .scene-route li{border:2px solid #243f40;background:#e3f1ed}
.comic-app .scene-route li:nth-child(3n+2){background:#ffe4d9}
.comic-app .scene-route li:nth-child(3n){background:#fff0ab}
.comic-app .intro-logo{display:none}
.comic-app .outcome-counts{border-color:#243f40}
.comic-app .warning{color:#683213;background:#fff0ce;border-color:#a65421}
dialog{border:2px solid #243f40;background:#f8fcfb;color:#182f32;box-shadow:5px 5px 0 #243f40}
dialog button{border:2px solid #243f40}
header,header.cloud-header{height:auto;min-height:82px;flex-wrap:wrap;gap:12px}.cloud-header>button{max-width:100%;white-space:normal}#account-form{display:grid;gap:16px}#account-form label{display:grid;gap:8px}#account-form input{width:100%;min-width:0;font:inherit;padding:12px;border:1px solid var(--line);border-radius:4px}dialog button{white-space:normal;overflow-wrap:anywhere;max-width:100%}
button,summary,.option{touch-action:manipulation}
@media(hover:hover){
  button:not(:disabled):hover{background:#104e43;color:#fff}
  button.secondary:not(:disabled):hover,button.quiet:not(:disabled):hover{background:#d2ebe2;color:#163e34;border-color:#367662}
  summary:hover{background:#d2ebe2;color:#163e34}
  :is(.option,.comic-app .decision-deck .action-grid .option):has(input:enabled):hover{background:#ffe18a;color:#182f32}
}
button:not(:disabled):is(:active,[data-pressed]){background:#0c4037;color:#fff;box-shadow:none}
button.secondary:not(:disabled):is(:active,[data-pressed]),button.quiet:not(:disabled):is(:active,[data-pressed]){background:#afd4c6;color:#163e34}
summary:is(:active,[data-pressed]){background:#afd4c6;color:#163e34}
:is(.option,.comic-app .decision-deck .action-grid .option):has(input:enabled):is(:active,[data-pressed]){background:#f5c653;color:#182f32}
:is(.option,.comic-app .decision-deck .action-grid .option):has(input:focus-visible){outline:3px solid #dfab55;outline-offset:3px}
button:disabled{cursor:not-allowed}
a[href],select:not(:disabled),input:is([type="radio"],[type="checkbox"]):not(:disabled){cursor:pointer}
input:is([type="radio"],[type="checkbox"]):disabled,select:disabled{cursor:not-allowed}
#session-more{max-width:632px;margin:0 auto 32px;padding:0 18px}
#session-more button{margin:0 8px 8px 0}
.account-legal{display:flex;flex-wrap:wrap;gap:4px 12px;margin:16px 0}
.account-legal a{display:inline-flex;align-items:center;min-height:44px;overflow-wrap:anywhere;color:#08644f;text-decoration:underline}
.account-legal a:hover,.account-legal a:active{background:#d2ebe2;color:#163e34}
.account-legal a:focus-visible{outline:3px solid #b77c12;outline-offset:3px}
@media(max-width:480px){.comic-app{padding:14px 18px 40px}.comic-page{margin-inline:-18px}.comic-caption{padding:22px 18px 0}.comic-caption h1{font-size:25px}.comic-body{padding-inline:18px}.comic-body>.band,.comic-body>details{margin-inline:-18px;padding-inline:18px}.comic-body legend{font-size:19px}.comic-app .decision-deck .action-grid .option{padding:13px 14px}.comic-app .stage-strip{font-size:13px;gap:8px}}
/* Four stages keep stable columns; long labels wrap without hiding progress. */
.stage-strip.v11-stages { grid-template-columns:repeat(3,minmax(0,1fr)); }
.v11-stages li { min-width:0; overflow-wrap:anywhere; }
.v11-stages li span:first-child { font-size:12px; }
.v11-stages li span:last-child { font-size:14px; }
.v11-controls { display:flex; flex-wrap:wrap; gap:12px; margin-top:20px; }
.v11-group { padding:16px 0; border-bottom:1px solid #acc8c4; }
.v11-aspects { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,2fr); gap:8px 12px; }
.v11-aspects dd { margin:0; }
.v11-commitment-card { padding:24px 0; border-block:3px solid #156653; }
#v11-sharing { margin-top:24px; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }