:root{color-scheme:dark}*{box-sizing:border-box;margin:0}html,body,#app{height:100%}body{background:#15151a;color:#c8c4bb;font-family:Georgia,Times New Roman,serif;overflow:hidden}.shell{display:grid;height:100%;gap:8px;padding:8px;grid-template-columns:1fr 2.2fr 1fr;grid-template-rows:1fr 200px;grid-template-areas:"left viewport party" "left log      controls"}.left-column{grid-area:left;display:flex;flex-direction:column;gap:8px;min-height:0}.panel{background:#1e1e26;border:1px solid #34343f;border-radius:6px;padding:10px}.panel h2{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#6f6f7e;margin-bottom:6px}.inventory{flex:1;min-height:0;overflow:hidden}.party{grid-area:party}.log{grid-area:log}.controls{grid-area:controls}.viewport{grid-area:viewport;background:#000;border:1px solid #34343f;border-radius:6px;overflow:hidden}.viewport canvas{width:100%;height:100%;display:block;outline:none}.log{display:flex;flex-direction:column}.log-lines{overflow-y:auto;flex:1;font-size:14px;line-height:1.45}.log-info{color:#9a968c}.log-warn{color:#c75c5c}.log-loot{color:#d8b34a}.log-event{color:#8fb4d8}.log-narrative{color:#d8c184;font-style:italic}.automap{display:flex;flex-direction:column;aspect-ratio:1;flex:none}.automap-canvas{flex:1;width:100%;min-height:0}