/* BW1 surrounding UI: original menu amber/jade over charcoal, with its
   decoded ChallengeScroll material reserved for journals and dialogue. */
:root{
 color-scheme:dark;--night:#171714;--stone:#32362f;--ivory:#efe8ce;
 --amber:#f6a13a;--jade:#88c1b4;--parchment:#d4bc86;
 --ink:#29251d;--sea:var(--night);--paper:var(--parchment);--paper-light:#ead8ad;
 --gold:#a88344;--line:#a18c5f;--muted:#66553a;--blue:#275b50;
 --serif:'Palatino Linotype','Book Antiqua',Palatino,Georgia,serif;
 --sans:'Trebuchet MS',Verdana,system-ui,sans-serif;
 font-family:var(--sans);
}
body{color:var(--ivory);background:var(--night)}
button,select,input,summary{font-family:var(--sans)}
button,select,input[type=search],input[type=file]{border-radius:3px}
button{background:linear-gradient(#3c4037,#252820);border:1px solid #6f745e;border-top-color:#a3a78d;color:var(--ivory);box-shadow:inset 0 1px #ffffff0d,0 1px 2px #0004;text-shadow:0 1px #000;}
button:hover{background:#454b3d;border-color:var(--jade);color:#fff9e7}
button:active{background:#20271f;box-shadow:inset 0 2px 4px #0007}
button:disabled{opacity:.5;text-shadow:none;cursor:default}
button.primary,button[aria-pressed=true]{background:#4b3820;color:#ffcb7b;border-color:var(--amber)}
button.primary:hover{background:#614523}
a{color:var(--jade);text-underline-offset:3px;text-decoration-thickness:1px}
a:hover{color:var(--amber)}
button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid var(--amber);outline-offset:3px}
select,input[type=search]{background:#252820;color:var(--ivory);border:1px solid #81836b;min-height:44px;padding:8px}
option{background:#252820;color:var(--ivory)}
input[type=range]{accent-color:var(--amber)}
summary{color:inherit;min-height:44px;align-content:center}
summary::marker{color:var(--amber)}
.topbar,.tutorial-shell .topbar{background:linear-gradient(#36382f,#1b1e19);color:var(--ivory);border-bottom:3px double #a38b53;box-shadow:0 2px 6px #0005}
.wordmark{font-family:var(--serif);font-weight:700;letter-spacing:.02em;text-shadow:1px 2px #000}
.wordmark em{color:var(--amber)}
.wordmark .sigil{color:var(--ivory);text-shadow:2px 2px #000;font-weight:400}
.wordmark small{font-family:var(--sans);color:#d5c69f;letter-spacing:.13em;text-shadow:none}
.resources div{border-color:#66654d}.resources dt{color:#d7c9a3}.resources dd{color:#fff4d7;text-shadow:0 1px #000}
.topbar nav a{color:var(--jade)}
.journal,.tutorial-journal{color:var(--ink);background-color:var(--parchment);background-image:linear-gradient(#e6cfa5d9,#d5bb85e8),url('./assets/ui/challenge-scroll.png');background-size:auto,100% 256px;border-color:#a38b53;box-shadow:inset 4px 0 9px #59442420;scrollbar-color:#8c734a #d4bc86}
.journal-section{border-color:#aa905b}.section-heading{color:#64502f;letter-spacing:.09em;font-weight:bold}
.section-heading button,.text-action,.detail-links button,.journal-foot button{color:#275b50;text-shadow:none;box-shadow:none}
.section-heading button:hover,.text-action:hover,.detail-links button:hover,.journal-foot button:hover{color:#653a10;background:#f1deaf70}
.journal h1,.journal h2,.tutorial-journal h1{font-family:var(--serif);font-weight:700;color:#382b18;text-shadow:0 1px #fff3}
.journal .intro,.creature-panel p,.native-status,.journal-foot,.creature-name span,.objectives li small,.tutorial-journal .scope-note{color:#66553a}
.journal select,.tutorial-journal select{background:#f0dfb9;color:#29251d;border-color:#9c8051;color-scheme:light;max-width:100%}
.journal option,.tutorial-journal option{background:#f0dfb9;color:#29251d}
.journal a,.tutorial-journal a{color:#275b50}.journal summary,.tutorial-journal summary{color:#4a371c}.journal summary::marker,.tutorial-journal summary::marker{color:#936122}
.objectives .check{color:#917747}.objectives .done,.objectives .done .check,#trial-complete{color:#31664d}
progress,progress::-webkit-progress-bar{background:#ac9569}progress::-webkit-progress-value{background:#467f6b}progress{accent-color:#467f6b}
#hunger::-webkit-progress-value{background:#9e6e32}
.action-dock{background:linear-gradient(#34382d,#1c211a);border-top:2px solid #8c794f}
.action-dock button{position:relative;color:#e4d9b8;border-color:#565d4a;background:#242a21;text-shadow:0 1px #000}
.action-dock button:hover{background:#3b4434;border-color:var(--jade)}
.action-dock button.active{background:#493a24;color:#ffd28c;border-color:var(--amber);box-shadow:inset 0 -2px #ba7227}
.action-dock button.active::after{content:'';position:absolute;right:3px;top:3px;width:12px;height:12px;background:url('./assets/ui/frontend-buttons.png') -12px -12px/96px 96px no-repeat;pointer-events:none}
.command-bar,.event-strip{color:#dfd3af;background:#1d211a;border-color:#5b614b}.event-strip>span{color:var(--amber)}
.command-bar button{background:#30372b;color:var(--ivory);border-color:#7e8569}
.camera-tools button{background:#242a21ed;border-color:#a1aa87;color:#f2e8c8;text-shadow:0 1px #000}
.world-label{background:#20271dde;color:#f1e7cc;border:1px solid #9a9d7966;letter-spacing:.12em}.live-dot{background:var(--jade)}
#load-screen{background:radial-gradient(ellipse at center,#394033,#171b15 75%);color:var(--ivory)}#load-message{color:#d0c6a8}.loading-sigil{color:var(--ivory)}
dialog{color:var(--ivory);background:linear-gradient(#35382e,#1d211a);border:3px double #aaa17a;border-radius:4px;box-shadow:0 24px 90px #000a,inset 0 0 0 2px #1117}
dialog::backdrop{background:#10130edb;backdrop-filter:blur(3px)}
dialog h2{color:#f5e9c8;font-family:var(--serif);font-weight:700;text-shadow:0 2px #000}
.dialog-sigil{color:var(--ivory)}dialog .eyebrow{color:var(--amber)}dialog .scope-note,dialog small,.help-list dd{color:#d0c4a3}.close-dialog{color:var(--ivory);box-shadow:none;text-shadow:none}
dialog details{border-color:#63664f}dialog #menu-status{color:var(--jade)}
.spell-grid button[aria-pressed=true],.hand-tools button[aria-pressed=true]{background:#4b3820;color:#ffcb7b;border-color:var(--amber)}
.tutorial-shell{background:var(--night);color:var(--ivory)}.tutorial-layout .command-bar,.tutorial-controls{background:#272d22;color:var(--ivory);border-top:1px solid #808367}
.tutorial-controls button[aria-pressed=true]{background:#4b3820;color:#ffcb7b;border-color:var(--amber)}
.tutorial-journal #speaker{color:#785021}.tutorial-journal #caption{color:#332814}.tutorial-journal .eyebrow{color:#795325}#lessons .current{color:#8a4b15}
.sound-library{color:var(--ivory);background:linear-gradient(90deg,#252a21,#303529 50%,#252a21);border-inline:1px solid #777858;box-shadow:0 0 50px #0006}
.sound-library header a{color:var(--jade)}.sound-library .eyebrow{color:var(--amber)}.sound-library h1,.sound-library h2{font-family:var(--serif);color:#f5e9c8;font-weight:700}
.sound-filters input,.sound-filters select{background:#1d241b;color:var(--ivory);border-color:#85896b;border-radius:3px}
.sound-player{background:#181f16;border:1px solid #7d835f;box-shadow:inset 0 0 0 3px #2e3728}
.sound-row{border-color:#555e45}.sound-row small{color:#c8bea1}.sound-library details{border-color:#697153}.sound-library .audio-status{color:#cfcaad}
.audio-settings{border-color:#7b8061}.audio-settings label{color:inherit}.audio-settings input[type=range]{accent-color:var(--amber)}.audio-settings .audio-status{color:inherit;opacity:.85}
#opening{font-family:var(--sans);color:var(--ivory);background:var(--night)}
#opening #start{background:radial-gradient(ellipse at center,#3e4537f5,#12160ffb);color:var(--ivory)}
#opening #start h1{font-family:var(--serif);font-weight:700;color:#f7efda;text-shadow:0 3px #000;letter-spacing:.03em}
#opening #start p:nth-of-type(1){color:var(--amber);font-family:var(--serif);font-size:1.4rem}
#opening #journal{background-color:var(--parchment);background-image:linear-gradient(#e6cfa5ed,#d6bc85f2),url('./assets/ui/challenge-scroll.png');background-size:auto,100% 256px;color:var(--ink);border-top:2px solid #a18b58}
#opening #speaker{color:#76501e;font-weight:bold}#opening #caption{font-family:var(--serif);font-size:clamp(1rem,1.4vw,1.18rem);color:#302516}
#opening #controls{background:linear-gradient(#34382d,#1c211a);color:var(--ivory);border-top:1px solid #7d805e}
#opening #controls details{border-color:#6e7558}#opening #controls summary{color:#e9dfc1}
#opening #controls .camera-hint,#opening #save-status{color:#cdc5a4}
#opening #film-wrap{background:#000}#opening #skip-film{background:#232a20ed;color:var(--ivory);border-color:#aeb68d}
#opening #error,#error{background:#442b20;color:#ffebc6;border:1px solid #e1aa64}
@media(pointer:coarse){select,input[type=search]{font-size:16px}button,summary{touch-action:manipulation;min-height:44px}}
@media(prefers-reduced-motion:reduce){button{transition:none}.loading-sigil{animation:none}}