:root{color-scheme:dark;font-family:Courier New,Courier,monospace;background:#0d1110;color:#d8d1b8}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button,input{font:inherit}canvas.game-canvas{display:block;width:100vw;height:100vh;background:#0d1110}.hud{position:fixed;inset:0;pointer-events:none}.crosshair{position:fixed;left:50%;top:50%;width:7px;height:7px;border:1px solid rgba(224,221,202,.72);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 14px #539abe40}.prompt{position:fixed;left:50%;bottom:28px;max-width:min(760px,calc(100vw - 28px));transform:translate(-50%);padding:8px 14px;border:1px solid rgba(216,209,184,.18);background:#0d1110d6;color:#d8d1b8;font-size:13px;text-align:center}.prompt:empty{display:none}.status-bar{position:fixed;left:16px;top:14px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;max-width:min(880px,calc(100vw - 32px));pointer-events:none;opacity:.84;transform:scale(.94);transform-origin:top left}.status-pill{padding:6px 9px;border:1px solid rgba(216,209,184,.15);background:#0d111094;color:#c7c0a8;font-size:12px}.status-pill.warn{color:#d99b52}.status-pill.weather{color:#c6d8dc}.outcome{position:fixed;right:16px;top:14px;width:min(320px,calc(100vw - 32px));border:1px solid rgba(216,209,184,.24);background:#0d1110e0;color:#d8d1b8;padding:12px 14px;text-align:right;box-shadow:0 18px 60px #00000073}.outcome.hidden{display:none}.outcome strong{display:block;font-family:Georgia,Times New Roman,serif;font-size:20px;line-height:1;text-transform:uppercase}.outcome span{display:block;margin-top:6px;color:#c7c0a8;font-size:12px;line-height:1.35}.outcome.good{border-color:#488f539e}.outcome.bad{border-color:#a03b2db8}.overlay,.dialogue,.reader,.mobile-lock{position:fixed;inset:0;display:grid;place-items:center;background:#080a0ad6;z-index:10}.overlay.menu-overlay{place-items:center start;padding:24px clamp(22px,8vw,118px);background:linear-gradient(90deg,#080a0ab8 0 38%,#080a0a57 48%,#080a0a1f),#080a0a47}.overlay.hidden,.dialogue.hidden,.reader.hidden,.mobile-lock.hidden{display:none}.slip{width:min(470px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:auto;padding:28px 34px 30px;border:1px solid #8b846e;background:linear-gradient(90deg,rgba(65,72,59,.07) 1px,transparent 1px) 0 0 / 13px 100%,#d8d1b8;color:#241f1b;box-shadow:0 28px 90px #000000a8}.slip h1,.slip h2{margin:0;color:#221d19;font-family:Georgia,Times New Roman,serif;font-size:26px;line-height:1.1;text-align:center;text-transform:uppercase;letter-spacing:0}.slip h1{font-size:33px}.dossier-slip{position:relative;border-color:#6c2b22}.menu-slip{width:min(520px,calc(100vw - 44px));transform:rotate(-1.2deg)}.menu-slip h1{font-size:clamp(42px,7vw,72px);line-height:.92}.menu-slip .assignment{margin-top:12px;font-weight:700;color:#3b352d}.form-code{display:flex;justify-content:space-between;gap:18px;margin:0 0 14px;color:#655e50;font-size:11px;text-transform:uppercase}.stamp-mark{position:absolute;right:24px;top:96px;transform:rotate(-8deg);border:3px solid #84291f;color:#84291f;padding:5px 10px;font:700 14px Courier New,monospace;opacity:.74;pointer-events:none}.slip .sub{margin:8px 0 18px;color:#655e50;font-size:13px;text-align:center}.rule{height:1px;margin:18px 0;background:repeating-linear-gradient(90deg,#7f7562 0 8px,transparent 8px 14px)}.button-stack{display:grid;gap:10px}.slip button,.dialogue button,.reader button{min-height:40px;border:0;background:#292d2b;color:#e3dec9;cursor:pointer;text-transform:uppercase}.slip button:hover,.dialogue button:hover,.reader button:hover,.slip button:focus-visible,.dialogue button:focus-visible,.reader button:focus-visible{outline:2px solid #9f6b2b;outline-offset:2px;background:#343a37}.slip button:disabled,.dialogue button:disabled,.reader button:disabled{background:#777062;color:#3e382f;cursor:not-allowed;opacity:.58}.slip button:disabled:hover,.dialogue button:disabled:hover,.reader button:disabled:hover{outline:0;background:#777062}.slip button.danger{background:#57221d}.score-list,.summary-grid,.settings-grid{display:grid;gap:8px;margin:14px 0 20px}.summary-row,.score-row,.settings-row{display:flex;justify-content:space-between;gap:18px;border-bottom:1px solid rgba(36,31,27,.16);padding-bottom:6px;font-size:14px}.summary-row strong,.score-row strong{font-variant-numeric:tabular-nums}.settings-row{align-items:center}.settings-row input[type=range],.settings-row input[type=text]{width:172px}.settings-row input[type=text]{min-height:32px;border:1px solid #8b846e;background:#ece6cf;color:#241f1b;padding:6px 8px}.dialogue{align-items:end;padding:0 18px 10vh}.dialogue-panel{width:min(720px,calc(100vw - 36px));border:1px solid #3f4943;background:#161b19;color:#d8d1b8;padding:22px;box-shadow:0 18px 70px #0000009e}.speaker{color:#c8894d;font-size:12px;margin-bottom:10px;text-transform:uppercase}.dialogue-text{margin:0 0 16px;line-height:1.45}.dialogue-options{display:grid;gap:8px}.dialogue-options button{padding:10px 12px;text-align:left;text-transform:none}.reader{background:#050708a8}.reader-frame{display:grid;grid-template-columns:minmax(240px,54vh) minmax(220px,320px);gap:18px;align-items:start;max-width:calc(100vw - 32px)}.reader-document{max-width:100%;max-height:calc(100vh - 54px);border:1px solid #b2aa91;background:#d8d1b8;box-shadow:0 24px 80px #000000b8}.reader-panel{border:1px solid #3f4943;background:#141917;color:#d8d1b8;padding:16px}.reader-panel h3{margin:0 0 12px;font-size:17px;font-family:Georgia,Times New Roman,serif}.reader-panel p{margin:0 0 12px;color:#b9b198;font-size:13px;line-height:1.45}.reader-actions{display:grid;gap:8px}@media(max-width:1100px){.status-bar{right:16px;max-width:calc(100vw - 32px)}.outcome{top:auto;right:16px;bottom:72px}}.mobile-lock{display:none}@media(max-width:760px),(pointer:coarse){.mobile-lock{display:grid;z-index:50}.mobile-lock.hidden{display:none}.reader-frame{grid-template-columns:1fr}.status-bar{flex-wrap:wrap}}