/* Additive 0.7 edition: original root and r1 styles remain unchanged. */
html[data-theme=night]{--bg:#111726;--ink:#f0e6d9;--muted:#c2bac1;--paper:#283042;--paper2:#1b2433;--gold:#e5bc79;--line:#6b687b;--edge:#87abc9;--aqua:#88caca}
html[data-theme=daylight],html[data-paper=raised][data-theme=daylight]{--bg:#dbeaf0;--ink:#183b51;--muted:#395b6f;--paper:#f7fbfa;--paper2:#deedf0;--gold:#745017;--line:#8eafb9;--edge:#467497;--aqua:#236b71;color-scheme:light}
html[data-theme=storybook],html[data-paper=raised][data-theme=storybook]{--bg:#30202b;--ink:#492e39;--muted:#704c59;--paper:#f3dfc7;--paper2:#e8c4a7;--gold:#824c2a;--line:#b38570;--edge:#97676a;--aqua:#366f73;color-scheme:light}
body{background:var(--bg)!important}.intro,.view-head,.world-threads,.link-note,.settings,.mast,.site-audio,footer{color:var(--ink)}html[data-theme=storybook] .intro,html[data-theme=storybook] .view-head,html[data-theme=storybook] .settings,html[data-theme=storybook] footer,html[data-theme=storybook] .world-threads,html[data-theme=storybook] .link-note{color:#f4dfd0}html[data-theme=storybook] .intro p,html[data-theme=storybook] .settings{color:#ddc3bc}
main{max-width:none;width:94vw;padding:25px 0 70px}.mast{padding:24px 3vw}.settings{padding:18px 3vw}.mast nav button{font-size:clamp(16px,.7vw,27px);min-height:48px;transform:none!important}.intro{max-width:none;padding:20px 0 30px!important}.intro h1{font-size:clamp(46px,3vw,110px)}.intro>p:last-child{font-size:clamp(18px,.8vw,28px);max-width:50ch}.book{grid-template-columns:1.15fr 1fr;min-height:62svh}.courtyard-art{display:block;width:100%;max-height:62svh;object-fit:contain;aspect-ratio:3/2;margin:20px 0}.page{font-size:clamp(18px,.75vw,29px)}.page h2{font-size:clamp(34px,1.8vw,65px)}.door b{font-size:clamp(25px,1.25vw,46px)}.door small{font-size:clamp(15px,.7vw,25px)}html[data-paper=raised] .page-left,html[data-paper=raised] .page-right{transform:none}.reading-card{max-width:1100px}.cymatics{grid-template-columns:1fr 1fr;font-size:clamp(18px,.8vw,28px)}.plate-wrap{border-radius:8px!important;background:#615747!important;max-width:min(100%,68svh)}.plate-wrap canvas{width:100%!important;max-width:none!important;border-radius:0!important}.experiment iframe{width:100%;aspect-ratio:16/9;border:0;min-height:0}.experiment p,.experiment a{font-size:16px}.experiment button{margin:8px 8px 8px 0}.experiment .fallback{display:block;margin:12px 0}.experiment{padding-top:20px;border-top:1px solid var(--line);margin-top:22px}.site-audio{position:relative!important;flex-wrap:wrap}.settings button{font-size:clamp(14px,.6vw,23px);min-height:44px}html[data-quality=calm] .book,html[data-quality=calm] .page,html[data-quality=calm] .cymatics{filter:none!important;transform:none!important;box-shadow:0 4px var(--line)!important}html[data-paper=flat] .courtyard-art{border:1px solid var(--line);box-shadow:none}html[data-theme=night] .courtyard-art{box-shadow:0 8px 26px #080a16a0}html[data-theme=daylight] .courtyard-art{border:10px solid #fff;box-shadow:0 8px 14px #35495722}
@media(max-width:850px){.book,.cymatics{grid-template-columns:1fr}.courtyard-art{max-height:45svh}.intro h1{font-size:50px}.page{font-size:18px}.mast nav button{font-size:15px}.door b{font-size:25px}.door small{font-size:15px}}
html{scroll-behavior:auto}html[data-theme=storybook][data-paper=raised] .page,html[data-theme=storybook][data-paper=raised] .reading-card{background-image:url('../fold-flow-pages-next/art/paper-material.png');background-size:100% 100%;background-color:var(--paper);background-blend-mode:multiply;border-bottom:8px solid #ba927b}html[data-theme=night] body{background-image:url('../fold-flow-pages-next/art/courtyard.png')!important;background-size:cover!important;background-attachment:fixed!important;background-blend-mode:soft-light!important}html[data-quality=calm] body{background-attachment:scroll!important}html[data-paper=flat] .page{background-image:none!important}.experiment iframe{min-height:220px}

.classic-menu{position:relative}.classic-menu summary{cursor:pointer;min-height:48px;padding:10px 14px;font-size:clamp(16px,.7vw,27px)}.classic-menu[open]{z-index:5;background:var(--paper);border:1px solid var(--line)}.classic-menu a{display:block;padding:10px 15px;font-size:16px;text-align:left;white-space:nowrap}.classic-menu[open] a{min-height:44px}

/* 0.7.2: explicit surface/ink pairs; independent of paper depth. */
html[data-theme=night]{--ui-bg:#283042;--ui-ink:#f0e6d9;--ui-muted:#c2bac1;--ui-hover:#37455b;--ui-border:#a2afc5;--ui-selected:#e5bc79;--ui-selected-ink:#221b12;--outside-ink:#f0e6d9;--outside-muted:#c2bac1;--outside-accent:#88caca}
html[data-theme=daylight]{--ui-bg:#f7fbfa;--ui-ink:#183b51;--ui-muted:#395b6f;--ui-hover:#deedf0;--ui-border:#467497;--ui-selected:#183b51;--ui-selected-ink:#f7fbfa;--outside-ink:#183b51;--outside-muted:#395b6f;--outside-accent:#236b71}
html[data-theme=storybook]{--ui-bg:#f3dfc7;--ui-ink:#492e39;--ui-muted:#684451;--ui-hover:#e8c4a7;--ui-border:#824c2a;--ui-selected:#492e39;--ui-selected-ink:#f3dfc7;--outside-ink:#f4dfd0;--outside-muted:#ddc3bc;--outside-accent:#a4d7d5}
html body{color:var(--outside-ink)}
html .mast,html .settings,html .site-audio,html .classic-menu[open]{background:var(--ui-bg);color:var(--ui-ink)}
html .mast .brand,html .mast .brand span,html .mast .classic,html .mast .classic small,html .settings .quiet,html .site-audio a{color:var(--ui-ink)}
html .page,html .reading-card,html .cymatics,html #board{color:var(--ui-ink)}
html .intro,html .view-head,html .world-threads,html .link-note,html footer{color:var(--outside-ink)}
html .intro p,html .intro .eyebrow,html .view-head .eyebrow,html .about,html .footnote,html .game-notes p,html .position,html .world-threads>span{color:var(--outside-muted)}
html .intro h1 em,html #game-status{color:var(--outside-accent)}
html body button,html[data-paper] body .door,html[data-paper] body nav button,html body select,html .world-threads a{background:var(--ui-bg);color:var(--ui-ink);border-color:var(--ui-border)}
html body .door b,html body .door .glyph,html body .door>span:last-child{color:var(--ui-ink)}
html body .door small{color:var(--ui-muted)}
html body button:hover,html[data-paper] body .door:hover,html[data-paper] body nav button:hover,html .world-threads a:hover,html .classic-menu a:hover{background:var(--ui-hover);color:var(--ui-ink);border-color:var(--ui-border)}
html body button[aria-pressed=true],html body nav button[aria-current=page],html body .primary{background:var(--ui-selected);color:var(--ui-selected-ink);border-color:var(--ui-selected)}
html body button[aria-pressed=true]:hover,html body nav button[aria-current=page]:hover,html body .primary:hover{background:var(--ui-selected);color:var(--ui-selected-ink);text-decoration:underline;text-underline-offset:4px}
html body :is(button,a,summary,input,select,textarea,[tabindex]):focus-visible{outline:3px solid var(--ui-selected-ink);outline-offset:2px;box-shadow:0 0 0 7px var(--ui-selected)}
html body button:disabled,html body [aria-disabled=true]{opacity:1;color:var(--ui-muted);background:var(--ui-bg);border-color:var(--ui-border);border-style:dashed;cursor:default;box-shadow:none;text-decoration:none}
html .site-audio input,html .plate-controls input{accent-color:var(--ui-selected)}
html .gathering figcaption{background:var(--ui-bg);color:var(--ui-muted)}
html .page .folio,html .page p,html .meaning p,html .meaning small,html .cymatics p,html .cymatics small{color:var(--ui-muted)}
html .page .meaning b,html .plate-controls label{color:var(--ui-ink)}
html .plate-wrap span{color:var(--ui-muted);background:var(--ui-bg)}

@media(max-width:680px){
 .mast nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;min-width:0}
 .mast nav>button,.mast .classic-menu{min-width:0;width:100%}
 .mast .classic-menu summary{font-size:15px;padding:10px;white-space:normal}
 .mast .classic-menu[open]{grid-column:1/-1}
 .mast .classic-menu a{white-space:normal;overflow-wrap:anywhere}
 .settings [role=group]{flex-wrap:wrap;min-width:0}
 .site-audio>a{overflow-wrap:anywhere}
}

html[data-theme] .settings{background:var(--ui-bg);color:var(--ui-ink)}

/* 0.7.3: outrank app.css .settings button[aria-pressed=true] (0,2,1).
   Keep selected foreground and background paired at every enabled state. */
html .settings button[aria-pressed=true],
html .settings button[aria-pressed=true]:hover,
html .settings button[aria-pressed=true]:focus-visible{
 color:var(--ui-selected-ink);background:var(--ui-selected);border-color:var(--ui-selected);
}
html .settings button[aria-pressed=true]:disabled,
html .settings button[aria-pressed=true][aria-disabled=true]{
 color:var(--ui-muted);background:var(--ui-bg);border-color:var(--ui-border);
 border-style:dashed;cursor:default;box-shadow:none;text-decoration:none;opacity:1;
}