/* Progressive presentation for the canonical 1-1-3: Peace essay. */
html.peace-experience:not(.peace-reading){
 --paper:#090f16;--raised:#111d29;--ink:#edeae2;--muted:#a7b1bd;--rule:#2a3745;
 --spark:#eac582;--spark-ink:#eac582;--own:#b4a0ee;--own-soft:#221e38;
 --peace:#91d1b9;--peace-soft:#172d28;--chaos:#efac86;--chaos-soft:#34221d;
 color-scheme:dark;
}
.peace-experience body{overflow-x:clip}
.peace-experience .sphere-thesis-nav{max-width:98rem;margin:0 auto;padding:1rem clamp(1rem,4vw,3.5rem)}
.peace-controls{position:sticky;top:0;z-index:30;background:var(--paper);border-bottom:1px solid var(--rule);padding:.55rem clamp(1rem,4vw,3.5rem);display:flex;align-items:center;gap:1rem;min-height:64px;font-family:var(--label)}
.peace-controls::after{content:"";position:absolute;left:0;bottom:-1px;width:calc(var(--peace-read,0)*100%);height:2px;background:var(--spark);pointer-events:none}
.peace-controls button,.peace-contents summary,.peace-consent button,.peace-exit{font:600 .88rem var(--label);min-height:44px;border:1px solid var(--rule);border-radius:4px;padding:.65rem .85rem;background:transparent;color:var(--ink);cursor:pointer;white-space:nowrap}
.peace-controls button:hover,.peace-contents summary:hover,.peace-consent button:hover{border-color:var(--spark)}
.peace-controls button[aria-pressed=true],.peace-consent button[aria-pressed=true]{background:var(--raised);border-color:var(--spark);color:var(--spark-ink)}
.peace-controls :focus-visible,.peace-stage :focus-visible,.peace-opening-link:focus-visible{outline:2px solid var(--spark);outline-offset:4px}
.peace-mode{display:flex;gap:.3rem;flex-shrink:0}
.peace-position{font-size:.88rem;color:var(--muted);margin-left:auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.peace-position strong{font-weight:600;color:var(--spark-ink)}
.peace-contents{position:relative;flex-shrink:0}
.peace-contents summary{list-style:none;display:flex;align-items:center;gap:.55rem}
.peace-contents summary::-webkit-details-marker{display:none}
.peace-contents summary::after{content:"⌄";font-size:1rem;line-height:1}
.peace-contents[open] summary::after{content:"⌃"}
.peace-contents .rail{display:block;position:absolute;right:0;top:calc(100% + .7rem);width:min(23rem,calc(100vw - 2rem));max-height:min(70svh,680px);overflow:auto;padding:1.25rem;background:var(--paper);border:1px solid var(--rule);border-radius:6px;box-shadow:0 18px 60px #0005}
.peace-contents .rail nav{position:static}
.peace-contents .rail a{padding:.65rem .4rem;min-height:44px;font-size:.94rem}
.peace-contents .rail a[aria-current=location]{color:var(--spark-ink)}
.peace-progress{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.peace-experience:not(.peace-reading) .page{max-width:98rem;padding:clamp(2rem,5vw,5rem) clamp(1rem,4vw,3.5rem) 3rem}
.peace-experience:not(.peace-reading) .masthead{position:relative;isolation:isolate;min-height:650px;padding:2rem 0 4rem;margin-bottom:3rem;display:grid;align-content:center;gap:.8rem}
.peace-experience:not(.peace-reading) .masthead .eyebrow{max-width:39rem;line-height:1.7}
.peace-experience:not(.peace-reading) .masthead h1{font-size:clamp(3.8rem,7.6vw,7.8rem);line-height:.95;letter-spacing:-.045em;max-width:50rem;position:relative}
.peace-experience:not(.peace-reading) .masthead .subtitle{font-size:clamp(1.4rem,2.4vw,2rem);max-width:44rem;line-height:1.3}
.peace-experience:not(.peace-reading) .masthead .byline{max-width:40rem;position:relative}
.peace-experience:not(.peace-reading) .masthead .statement{max-width:37rem;font-size:clamp(1.2rem,1.8vw,1.45rem);line-height:1.55;margin-top:1rem}
.peace-opening-art{position:absolute;inset:0 -1rem 0 36%;z-index:-1;pointer-events:none;opacity:.76;mask-image:linear-gradient(90deg,transparent,#000 35%);overflow:hidden}
.peace-opening-art svg{width:100%;height:100%;display:block;object-fit:cover}
.peace-opening-link{width:fit-content;display:inline-flex;gap:1rem;align-items:center;color:var(--spark-ink);font:600 .9rem var(--label);text-decoration:none;border-bottom:1px solid var(--spark);padding:.8rem 0;margin-top:1rem;min-height:44px}
.peace-experience:not(.peace-reading) .layout{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1fr);gap:clamp(2rem,5vw,5rem);align-items:start}
.peace-experience:not(.peace-reading) article{max-width:42rem;gap:7rem}
.peace-experience:not(.peace-reading) article>section{position:relative;gap:1.35rem;padding-bottom:1.5rem;border-bottom:1px solid var(--rule);scroll-margin-top:calc(var(--peace-controls-height,64px) + 2rem)}
.peace-experience:not(.peace-reading) article>section h2{font-size:clamp(2.2rem,3.5vw,3.35rem);line-height:1.06}
.peace-experience:not(.peace-reading) .num{display:flex;align-items:center;gap:1rem}
.peace-experience:not(.peace-reading) .num::before{content:"";width:1.5rem;height:1px;background:var(--spark)}
.peace-experience:not(.peace-reading) .minute{padding:1.7rem;border:1px solid var(--rule);background:linear-gradient(135deg,#19222c,#111b26)}
.peace-experience:not(.peace-reading) .spaces{gap:3rem}
.peace-experience:not(.peace-reading) .space{padding:1rem 0;scroll-margin-top:calc(var(--peace-controls-height,64px) + 2rem)}
.peace-stage{position:sticky;top:calc(var(--peace-controls-height,64px) + 1.75rem);margin:0;display:flex;flex-direction:column;align-self:start;gap:0;border:1px solid #304151;border-radius:8px;overflow:hidden;background:#0b1520;color:#ece8df;box-shadow:0 35px 95px #0003}
.peace-scene{position:relative;min-width:0;aspect-ratio:1.15;max-height:min(65svh,610px);overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#1e3043,#09121c 76%)}
.peace-scene canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.peace-scene-image{position:absolute;inset:-3%;width:106%;height:106%;object-fit:cover;opacity:.6;transform:scale(var(--peace-image-scale,1));transition:opacity .25s;filter:saturate(.7)}
.peace-scene-image[hidden]{display:none}
.peace-scene.has-art::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0b1520cf,transparent 60%);pointer-events:none}
.peace-stage figcaption{position:relative;z-index:1;display:grid;gap:.55rem;text-align:left;font-family:var(--label);padding:1.3rem 1.5rem 1.45rem;color:#b5c2d0;border-top:1px solid #293a4a;min-height:144px;background:#0b1520}
.peace-scene-kicker{font-size:.72rem;text-transform:uppercase;letter-spacing:.18em;color:#eac582}
.peace-scene-title{font:500 clamp(1.7rem,2.5vw,2.3rem)/1.08 var(--display);color:#f1ece3}
.peace-scene-caption{font-size:.95rem;line-height:1.5;margin:0;max-width:36rem}
.peace-consent{display:flex;gap:.6rem;margin-top:.35rem;flex-wrap:wrap}
.peace-consent[hidden],.peace-exit[hidden]{display:none}
.peace-consent button{color:#ece8df;border-color:#40515e;background:#13232e}
.peace-consent button[aria-pressed=true]{background:#173329;border-color:#91d1b9;color:#b2e8ce}
.peace-exit{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;width:fit-content;color:#b2e8ce;border-color:#91d1b9;text-decoration:none;margin-top:.35rem}
.peace-motion:not(.peace-reading) .peace-reveal{transition:opacity .55s ease,transform .55s cubic-bezier(.2,.65,.2,1)}
.peace-motion:not(.peace-reading) .peace-reveal.is-waiting{opacity:0;transform:translateY(18px)}
.peace-motion:not(.peace-reading) .peace-reveal:focus-within{opacity:1;transform:none}
.peace-reading .peace-stage,.peace-reading .peace-opening-art,.peace-reading .peace-opening-link{display:none}
.peace-reading .layout{display:block;max-width:43rem;margin:0 auto}
.peace-reading .page{max-width:74rem}
.peace-reading article{max-width:43rem}
.peace-reading .peace-reveal{opacity:1;transform:none;transition:none}
.peace-experience footer{gap:1rem;line-height:1.7}
@media(max-width:1060px) and (min-width:761px){
 .peace-experience:not(.peace-reading) .layout{grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);gap:2rem}
 .peace-stage figcaption{padding:1rem}
 .peace-experience:not(.peace-reading) .masthead .statement{max-width:34rem}
}
@media(max-width:760px){
 .peace-controls{gap:.45rem;padding:.45rem .75rem;min-height:60px}
 .peace-controls button,.peace-contents summary{padding:.6rem .65rem;font-size:.82rem}
 .peace-mode{gap:.2rem}
 .peace-position{display:none}
 .peace-contents{margin-left:auto}
 .peace-experience:not(.peace-reading) .masthead{min-height:0;padding:1.6rem 0 2rem;margin-bottom:2rem;gap:.75rem}
 .peace-opening-art{inset:-3rem -1rem 45% -1rem;opacity:.42;mask-image:linear-gradient(0deg,transparent,#000 55%)}
 .peace-experience:not(.peace-reading) .masthead .statement{max-width:100%;font-size:1.25rem}
 .peace-experience:not(.peace-reading) .masthead h1{font-size:clamp(3.55rem,12vw,5.5rem)}
 .peace-experience:not(.peace-reading) .layout{display:block}
 .peace-experience:not(.peace-reading) article{max-width:100%;gap:4rem}
 .peace-experience:not(.peace-reading) article>section,.peace-experience:not(.peace-reading) .space{scroll-margin-top:calc(var(--peace-controls-height,60px) + var(--peace-stage-height,280px) + 2rem)}
 .peace-stage{top:var(--peace-controls-height,60px);display:grid;grid-template-columns:.95fr 1.05fr;margin:0 -1rem 2rem;border-radius:0;border-left:0;border-right:0;z-index:10;max-height:34svh;min-height:180px;box-shadow:0 16px 38px #0005}
 .peace-scene{aspect-ratio:auto;max-height:none;min-height:180px}
 .peace-stage figcaption{min-height:0;padding:.95rem .8rem;align-content:center;border-top:0;border-left:1px solid #293a4a;gap:.35rem}
 .peace-scene-kicker{font-size:.63rem;letter-spacing:.11em}
 .peace-scene-title{font-size:clamp(1.3rem,4.4vw,1.65rem)}
 .peace-scene-caption{font-size:.8rem;line-height:1.4}
 .peace-consent{gap:.3rem;margin:.2rem 0}
 .peace-consent button{padding:.4rem .5rem;font-size:.76rem;flex:1}
 .peace-exit{font-size:.8rem;padding:.45rem .6rem;margin:.2rem 0}
 .peace-experience:not(.peace-reading) article>section h2{font-size:2.25rem}
 .peace-experience:not(.peace-reading) .minute{padding:1.2rem}
}
@media(max-width:360px){
 .peace-controls{padding:.4rem .5rem;gap:.25rem}
 .peace-controls button,.peace-contents summary{padding:.5rem .45rem;font-size:.76rem}
 .peace-stage{grid-template-columns:.78fr 1.22fr}
 .peace-stage figcaption{padding:.75rem .65rem}
 .peace-scene-caption{font-size:.76rem}
}
@media(prefers-reduced-motion:reduce){
 .peace-reveal{opacity:1!important;transform:none!important;transition:none!important}
 .peace-scene-image{transform:none!important;transition:none!important}
}
@media print{
 html.peace-experience{--paper:#fff;--ink:#111;--muted:#444;--rule:#aaa;--raised:#eee;--spark-ink:#6d4c13;color-scheme:light}
 .peace-controls,.peace-stage,.peace-opening-art,.peace-opening-link{display:none!important}
 .peace-experience .page{padding:0;max-width:none}
 .peace-experience .layout{display:block!important}
 .peace-experience article{max-width:none!important;gap:2rem!important}
 .peace-experience .masthead{min-height:0!important;padding:0 0 2rem!important}
 .peace-reveal{opacity:1!important;transform:none!important;transition:none!important}
}

.peace-settings{padding:0 0 1rem;margin-bottom:.7rem;border-bottom:1px solid var(--rule)}
.peace-controls button:disabled{opacity:.6;cursor:default}

/* Original game artwork keeps its complete wide composition. */
.peace-opening-art.has-art svg{opacity:0}
.peace-opening-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:.9;mask-image:linear-gradient(0deg,transparent,#000 15%,#000 86%,transparent)}
.peace-stage.art-layout .peace-scene{aspect-ratio:1672 / 941;max-height:none}
.peace-scene-image{inset:0;width:100%;height:100%;object-fit:contain;opacity:1;filter:none;transform:none}
.peace-scene.has-art{background:#070d16}
.peace-scene.has-art::after{display:none}
@media(max-width:760px){
 .peace-opening-art.has-art{inset:2rem -1rem auto;height:clamp(230px,68vw,400px);opacity:.57;mask-image:linear-gradient(0deg,transparent,#000 35%)}
 .peace-stage.art-layout{display:flex;flex-direction:column;max-height:none;min-height:0}
 .peace-stage.art-layout .peace-scene{width:100%;height:min(21svh,210px);min-height:0;aspect-ratio:auto}
 .peace-stage.art-layout figcaption{border-left:0;border-top:1px solid #293a4a;min-height:0;padding:.65rem .9rem;gap:.3rem}
 .peace-stage.art-layout .peace-scene-title{font-size:1.4rem;line-height:1.08}
 .peace-stage.art-layout .peace-scene-caption{font-size:.8rem;line-height:1.4}
 .peace-stage.art-layout .peace-consent{gap:.4rem;flex-wrap:nowrap}
 .peace-stage.art-layout .peace-consent button{flex:0 1 auto;min-width:80px}
}
@media(max-width:360px){
 .peace-stage.art-layout figcaption{padding:.6rem .75rem}
 .peace-stage.art-layout .peace-scene-title{font-size:1.3rem}
}