*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{overflow:hidden}:root{--side-w:260px;--gap:12px;--pad:16px;--ctrl-h:40px;--map-size:min(calc(100vh - var(--ctrl-h) - var(--pad) * 2 - var(--gap)), calc(100vw - var(--side-w) - var(--pad) * 2 - var(--gap)))}#map-container{align-items:center;gap:var(--gap);padding:var(--pad);box-sizing:border-box;background:#111;flex-direction:column;width:100vw;height:100vh;display:flex;overflow:hidden}#controls{gap:8px;display:flex}#controls select,#controls button{color:#ccc;cursor:pointer;background:#2a2a2a;border:1px solid #444;border-radius:4px;padding:5px 12px;font-size:14px}#controls button:hover{background:#3a3a3a}#complexity-label,#speed-label{color:#ccc;align-items:center;gap:6px;font-size:14px;display:flex}#complexity-label input[type=range],#speed-label input[type=range]{accent-color:#888;width:110px}#complexity-label span,#speed-label span{text-align:right;min-width:2ch}#main-area{gap:var(--gap);flex-direction:row;align-items:flex-start;display:flex}#map-grid{width:var(--map-size);height:var(--map-size);border:1px solid #444;flex-shrink:0;display:grid}#side-panels{gap:var(--gap);width:var(--side-w);height:var(--map-size);flex-direction:column;flex-shrink:0;display:flex}.panel-title{text-transform:uppercase;letter-spacing:.08em;color:#666;border-bottom:1px solid #2a2a2a;flex-shrink:0;padding:9px 14px 8px;font-size:11px;font-weight:700}#stats-panel{color:#ccc;background:#1a1a1a;border:1px solid #383838;border-radius:4px;flex-shrink:0;overflow:hidden}#stats-content{padding:12px 14px}.stat-row{align-items:center;gap:8px;margin-bottom:7px;font-size:13px;display:flex}.stat-label{color:#666;min-width:84px}.stat-value{color:#bbb;font-variant-numeric:tabular-nums}.hp-bar-track{background:#2a2a2a;border-radius:4px;flex:1;height:7px;overflow:hidden}.hp-bar-fill{background:#3d8f3d;border-radius:4px;height:100%;transition:width .3s}.xp-bar-track{background:#2a2a2a;border-radius:4px;flex:1;height:7px;overflow:hidden}.xp-bar-fill{background:#7c4dbc;border-radius:4px;height:100%;transition:width .3s}#narration-panel{background:#141414;border:1px solid #383838;border-radius:4px;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}#narration-log{flex:1;min-height:0;padding:10px 12px;overflow-y:auto}#narration-log::-webkit-scrollbar{width:5px}#narration-log::-webkit-scrollbar-track{background:0 0}#narration-log::-webkit-scrollbar-thumb{background:#383838;border-radius:3px}.log-entry{color:#777;margin:0 0 8px;font-size:13px;line-height:1.55}.log-entry:last-child{color:#c8c0a8;margin-bottom:0}