:root{color-scheme:dark}body{background:#0e171d;color:#e7e4d7;font-family:Georgia,serif}main{max-width:1200px;margin:auto;padding:25px}header{display:flex;align-items:center;justify-content:space-between;padding:20px 0 35px;gap:24px}h1{font-size:clamp(38px,6vw,76px);letter-spacing:-3px;font-weight:400;margin:8px 0}h2{font-weight:400}.eyebrow{font:11px/1.5 monospace;letter-spacing:3px;color:#e1ae63}.intro{color:#a0b1b6}.seal{border:1px solid #997b51;border-radius:50%;width:96px;height:96px;display:grid;place-content:center;text-align:center;font:34px monospace;color:#d4af77;transform:rotate(9deg)}.seal small{font:9px monospace;letter-spacing:2px}.game-panel{border:1px solid #43525a;background:#141e26;box-shadow:0 25px 70px #0004}.toolbar{padding:12px 18px;display:flex;justify-content:space-between;gap:12px;align-items:center;font:13px monospace}.toolbar>div{display:flex;gap:8px}button,select{font:13px system-ui;background:#23343e;color:#f1eadb;border:1px solid #64737a;padding:11px 15px;border-radius:4px;cursor:pointer;min-height:42px}button:hover{background:#39535d;color:#fff;-webkit-text-fill-color:#fff}button:disabled{opacity:.45;cursor:default}button:focus-visible,select:focus-visible,canvas:focus-visible{outline:3px solid #e5b76c;outline-offset:3px}.primary{background:#d1aa6c;color:#15242a;border-color:#edc98c;font-weight:700}.primary:hover{background:#ebca91;color:#15242a;-webkit-text-fill-color:#15242a}.scene{position:relative;overflow:hidden;background:#101a22;aspect-ratio:16/9}canvas{display:block;width:100%;height:100%;image-rendering:pixelated;touch-action:none}.scene-top{position:absolute;top:15px;left:18px;right:18px;display:flex;justify-content:space-between;pointer-events:none;font:12px monospace;color:#e5c180}#prompt{position:absolute;bottom:14px;left:10%;right:10%;margin:0;text-align:center;font:14px system-ui;color:#fff3d3;text-shadow:0 2px 4px #000;background:#0c171bbb;padding:8px;pointer-events:none}#prompt:empty{display:none}#overlay{position:absolute;inset:0;display:grid;place-items:center;background:#06101799;overflow:auto;padding:20px}#overlay[hidden]{display:none}.dossier{width:min(450px,100%);padding:24px 30px;border:1px solid #657170;background:#17262bf5;box-sizing:border-box;box-shadow:8px 8px #0004}.dossier h2{font-size:30px;margin:8px 0}.dossier p{line-height:1.6;color:#c2ccca}.dossier button{width:100%;margin-top:14px}#setup label{display:block;font:12px system-ui;margin-bottom:8px}#setup select{width:100%}.fine{font:12px/1.6 system-ui!important;color:#95a8ac!important}.meters{display:grid;grid-template-columns:130px 130px 1fr;align-items:center;gap:22px;padding:12px 20px;font:12px system-ui}.meters label{display:grid;gap:5px}progress{width:100%;height:7px;accent-color:#c6aa70}#objective{line-height:1.5;color:#d4caae}.controls{display:flex;gap:8px;padding:0 20px 18px;flex-wrap:wrap}.controls [data-hold]{touch-action:none;user-select:none}.controls .held{background:#746344}.notes{display:grid;grid-template-columns:1.6fr 1fr;gap:50px;margin:40px 0;line-height:1.8;color:#b4c2c1}.notes h2{color:#eee2c9;font-size:28px}.notes li{padding:5px}.notes aside{border-left:1px solid #405052;padding-left:25px}body[data-ending="silence"] .dossier{border-color:#acd5c2;background:#203936f5}body[data-ending="caught"] .dossier,body[data-ending="midnight"] .dossier{border-color:#9c695e;background:#302329f5}@media(max-width:650px){main{padding:14px}header{padding:10px 0 20px}.seal{display:none}.scene{aspect-ratio:auto;height:470px}canvas{object-fit:cover}#overlay{padding:12px}.dossier{padding:18px}.dossier h2{font-size:26px}.toolbar{padding:10px;flex-wrap:wrap}.meters{grid-template-columns:1fr 1fr;gap:12px;padding:12px}.meters p{grid-column:1/-1;margin:0}.controls{padding:0 12px 14px;gap:6px}.controls button{flex:1;padding:10px}.notes{grid-template-columns:1fr;gap:15px}.notes aside{border-left:0;padding:0}h1{letter-spacing:-1px}}

#intro-scene{position:absolute;inset:0;display:flex;align-items:flex-end;padding:16px;background:linear-gradient(transparent 40%,#09151ce6)}#intro-scene[hidden]{display:none}.intro-dialogue{width:100%;padding:14px;background:#14262ff2;border:1px solid #a29169;border-radius:12px}.intro-dialogue p{margin:0 0 12px;color:#f4ebda;line-height:1.5}.intro-dialogue>div{display:flex;flex-wrap:wrap;gap:8px}

#diary{color:#eee5d2;background:#162830;border:1px solid #bd9e65;border-radius:16px;max-width:min(480px,90vw);max-height:85vh;overflow:auto}#diary::backdrop{background:#000b}#diary-rows label{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:12px 0}#diary-rows select{width:90px}

#diary-rows label{overflow-wrap:anywhere}#diary-rows select{flex-shrink:0}#diary-close{position:sticky;bottom:0}

.consent{display:flex;gap:10px;align-items:flex-start;margin:12px 0;font-size:14px;line-height:1.4}.consent input{flex:0 0 auto;width:18px;height:18px}#roster-dialog{background:#162830;color:#f4ebdb;max-width:min(500px,92vw);max-height:85vh;overflow:auto;border:1px solid #ba9e68;border-radius:12px}#roster-fields label{display:flex;gap:8px;margin:8px 0}#roster-fields input{min-width:0;flex:1}#intro-caption{max-height:190px;overflow:auto}

.campaign-status{margin:0;padding:12px 18px;color:#e8d4a3;background:#16262e;font-size:14px;line-height:1.5}

/* Palette and squared framing from preview.svg. */
body{background:#0d1b29;color:#ead5a8}.intro,.notes{color:#a4b9ba}.game-panel{border-color:#5a7077;background:#142b3b}.toolbar,.meters{background:#21383d}.dossier{background:#21383df5;border-color:#698080;box-shadow:6px 6px #0d1b2966}.eyebrow,.seal{color:#d3b675}.primary{background:#c9a162;border-color:#ead5a8}.intro-dialogue{border-radius:3px;background:#142b3bf2;border-color:#698080}#diary,#roster-dialog{border-radius:4px;border-color:#82775e}.scene-top{color:#e3c984}.notes h2{color:#ead5a8}

/* Aged paper, worn metal and original nocturnal pixel-art palette. */
body{background:radial-gradient(ellipse at top,#223038,#080f16 75%)}.game-panel{box-shadow:0 20px 80px #0009;border-color:#6d7165}.toolbar,.meters{background:linear-gradient(110deg,#202e32,#17262d)}.scene{box-shadow:inset 0 0 60px #0008}#inspection{box-sizing:border-box;width:min(520px,calc(100vw - 30px));max-height:80vh;overflow:auto;background:#d2c29d;color:#2c2925;border:5px double #665944;padding:26px;box-shadow:0 20px 80px #000b;font:18px/1.8 Georgia,serif}#inspection::backdrop{background:#02080dde}#inspection h2{font-size:26px;line-height:1.3}#inspection button{color:#fff;background:#24383b;min-width:120px}#inspection p{white-space:pre-line}#inspect-button:disabled{opacity:.5}

#inspection canvas{width:100%;height:auto;max-height:180px;object-fit:contain;border:1px solid #7d7059;image-rendering:pixelated}
.school-checklist{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;list-style:none;padding:0;margin:0;font:13px/1.5 system-ui}.school-checklist li{padding:7px 10px;background:#10212a;border:1px solid #596764;color:#e5d7bb}.school-checklist .done{color:#b0dcb8;text-decoration:line-through;border-color:#59846a}#checkpoint-status:empty{display:none}#field-journal-dialog{width:min(540px,calc(100vw - 28px));max-height:80dvh;overflow:auto;background:#d2c29d;color:#2c2925;border:4px double #665944;padding:22px;box-sizing:border-box;line-height:1.6}#field-journal-dialog::backdrop{background:#000b}#school-fps{position:absolute;top:38px;right:12px;font:12px monospace;background:#001b;color:#b4ffb4;padding:5px;pointer-events:none}#continue-saved{border-color:#b9c883}.controls button{min-height:48px;touch-action:manipulation}.controls [data-hold]{touch-action:none}.controls #lamp{min-width:90px}.toolbar{flex-wrap:wrap}@media(max-width:650px){.scene{height:clamp(280px,48svh,470px)}.school-checklist{grid-template-columns:repeat(2,minmax(0,1fr))}.controls{position:relative;background:#142b3bf2;padding-bottom:max(12px,env(safe-area-inset-bottom))}.controls button{flex:1 1 25%;padding:10px 7px}#lamp[aria-pressed=true]{border-color:#f4d08a;background:#665130}.toolbar>div{flex-wrap:wrap}}
#wire-panel{width:min(480px,calc(100vw - 28px));max-height:85dvh;overflow:auto;box-sizing:border-box;background:#203139;color:#f4e6c8;border:3px solid #8d987e;padding:24px;line-height:1.6}#wire-panel::backdrop{background:#041019bb}#wire-panel>div{display:grid;grid-template-columns:1fr 1fr;gap:10px}#wire-panel button{min-height:48px;border-width:3px}#wire-panel>button{margin-top:14px;width:100%}

.avatar-picker{border:1px solid #6d7469;border-radius:8px;margin:12px 0;padding:10px;min-width:0}.avatar-picker legend{color:#f0d5a0}.avatar-genders{display:flex;gap:20px;margin-bottom:8px}.avatar-genders label{display:flex;align-items:center;gap:6px;min-height:44px}.avatar-genders input{width:auto}#avatar-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}#avatar-options button{display:flex;flex-direction:column;align-items:center;gap:5px;padding:8px 3px;font-size:12px;min-width:0;color:#f2e8ce;background:#182527}#avatar-options button[aria-pressed=true]{border-color:#f2c986;box-shadow:inset 0 0 0 1px #f2c986}#avatar-options img{height:95px;width:55px;object-fit:contain;image-rendering:pixelated}#avatar-options button:hover{background:#34494b;color:#fff}

#avatar-options canvas{height:95px;width:55px;object-fit:contain;image-rendering:pixelated}