:root{font-family:Segoe UI,system-ui,sans-serif;color:#f0ece0;background:#111619;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,select{font:inherit;cursor:pointer;background:#252b2d;border:1px solid #465052;color:#eee8d7;border-radius:5px;padding:10px 15px}button:hover,button.active{background:#efac65;border-color:#efac65;color:#271a14}a{color:#f4b77f;text-decoration:none}a:hover{text-decoration:underline}main{max-width:1180px;margin:auto;padding:38px 28px}header{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px}.overline{font-size:11px;font-weight:700;letter-spacing:.2em;color:#d9995f}h1{font-size:clamp(32px,5vw,58px);letter-spacing:-.05em;line-height:1.05;margin:12px 0}h2{font-size:25px;letter-spacing:-.03em;margin:0 0 8px}h3{font-size:14px;margin:0 0 10px}p{color:#a5b3b7;font-size:14px;line-height:1.7;margin:0}nav{display:flex;gap:8px;border-bottom:1px solid #384249;padding:0 0 18px;margin-bottom:26px;align-items:center;flex-wrap:wrap}nav a{margin-left:auto;font-size:13px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}.room-stage,.actor-stage{position:relative;background:#10131a;border:1px solid #475365;border-radius:9px;overflow:hidden}canvas{image-rendering:pixelated;display:block}.room-stage canvas{width:100%;height:auto}.corner{position:absolute;top:15px;left:18px;font:10px monospace;letter-spacing:.16em;background:#111827d9;color:#c0d3df;padding:5px 8px;pointer-events:none}.caption{display:flex;justify-content:space-between;gap:16px;padding:16px 0;font-size:12px;color:#9cabb5}.caption b{color:#eec398}.room-notes{display:grid;grid-template-columns:2fr 1fr;gap:30px;background:#1b2329;border:1px solid #33434e;border-radius:8px;padding:24px;margin:7px 0 20px}.muted{font-size:12px;color:#7f919d}.actor-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:24px}.actor-stage{background-color:#18232c;background-image:linear-gradient(#35485944 1px,transparent 1px),linear-gradient(90deg,#35485944 1px,transparent 1px);background-size:24px 24px}.actor-stage canvas{width:100%;height:auto}aside{padding:20px;background:#1b242a;border-radius:8px;border:1px solid #36434c}aside h2{font-size:32px;margin:12px 0}aside p{min-height:66px;font-size:13px}.actions{display:flex;gap:6px;flex-wrap:wrap;margin:18px 0}label{display:block;font-size:12px;color:#aebdc4}label strong{float:right;color:#efac65}input[type=range]{width:100%;accent-color:#efac65;margin:13px 0}#direction-buttons{display:flex;flex-wrap:wrap;gap:5px}#direction-buttons button{font:11px monospace;padding:6px 9px}.check{display:flex;gap:9px;align-items:center;margin:18px 0}.check input{accent-color:#efac65}.downloads{display:flex;gap:16px;font-size:12px;flex-wrap:wrap;margin-top:18px}.actor-cards{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:22px}.actor-card{padding:14px 8px;font-size:12px;background:#1a2227;text-align:center}.actor-card img{display:block;width:96px;height:96px;object-fit:contain;image-rendering:pixelated;margin:auto}.actor-card.active{border-color:#efac65;background:#493628;color:#f0d1af}.prop-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.prop-card{background:#1b252e;border:1px solid #3b4c59;border-radius:7px;overflow:hidden}.prop-card canvas{width:100%;height:auto;background:#151f27}.prop-card div{padding:15px}.prop-card h3{font-size:15px}.prop-card a{font-size:12px}footer{display:flex;gap:20px;flex-wrap:wrap;border-top:1px solid #33434a;padding-top:22px;margin-top:36px;font-size:12px}footer span{flex-basis:100%;color:#768f9e}.hidden{display:none!important}.intro{position:fixed;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;background:#0c1016f8;padding:24px}.storybox{max-width:640px;text-align:center;border:1px solid #5b4935;padding:48px;background:#151b23;box-shadow:0 0 0 7px #1e242a}.story-mark{font-size:50px;color:#edab65;margin:22px 0}.storybox p{font-family:Georgia,serif;font-size:24px;color:#f3e2c1;line-height:1.8;white-space:pre-line;margin-bottom:32px}.storybox button{background:#edab65;color:#271a14;border-color:#edab65}.storybox span{display:block;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#8798a5;margin-top:22px}@media(max-width:800px){.actor-layout{grid-template-columns:1fr}.actor-cards{grid-template-columns:repeat(3,1fr)}.prop-grid{grid-template-columns:repeat(2,1fr)}header,.section-head{display:block}.section-head select{margin-top:15px}header button{margin-top:18px}.room-notes{grid-template-columns:1fr}.storybox{padding:28px}.storybox p{font-size:19px}main{padding:24px 16px}.caption{flex-direction:column}nav a{margin:8px 0}}
:root{--equipment-warning:#ffd375}.combat-hud{display:flex;flex-wrap:wrap;gap:12px 24px;background:#202b28;border:1px solid #485446;padding:15px 18px;border-radius:8px 8px 0 0;font-size:12px;color:#e5d8b8}.combat-hud .warning{color:var(--equipment-warning)}.combat-controls{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:10px 0 20px}.combat-controls span{flex-basis:100%;font-size:13px;color:#dfbd8c;min-height:25px}.combat-controls button:disabled{opacity:.45;cursor:default}#gear-controls{background:#17211f;border:1px solid #425047;padding:14px;border-radius:6px;margin:14px 0}#gear-controls .check{margin:5px 0 10px}#gear-controls p{min-height:0;font-size:11px;line-height:1.5;margin-bottom:12px}#lab-status{display:inline-block;font:12px monospace;color:#efc57c;margin:10px}

/* Pixel geometry: native canvas sizes, never fractional responsive scaling. */
.room-stage,.actor-stage,.prop-card{overflow:auto}
.room-stage canvas{width:768px;height:480px;max-width:none}
.actor-stage canvas{width:480px;height:380px;max-width:none}
.prop-card canvas{width:192px;height:164px;max-width:none;margin-inline:auto}
.actor-card img{width:64px;height:64px}
.actor-layout{grid-template-columns:minmax(482px,1.4fr) minmax(250px,1fr)}
@media(max-width:800px){.actor-layout{grid-template-columns:minmax(0,1fr)}}