.lab-header{display:flex;align-items:center;gap:32px;padding:12px 24px;border-bottom:1px solid #465056;background:#192125;flex-shrink:0}.lab-brand{font-weight:700;white-space:nowrap;color:#b7d1bf}.lab-header nav{display:flex;gap:6px;flex-wrap:wrap}.lab-header a{display:block;text-decoration:none;color:#bdc7c9;padding:10px 16px;border-radius:6px}.lab-header a:hover{background:#2b393d;color:#fff}.lab-header a[aria-current=page]{background:#44584f;color:#fff}.lab-header a:focus-visible{outline:2px solid #d5cc98;outline-offset:2px}.region-page{height:100vh;display:flex;flex-direction:column}.region-page>.lab-header{height:auto;min-height:64px}.region-page>header:not(.lab-header){flex-shrink:0}.region-page>main{height:auto;flex:1;min-height:0}@media(max-width:900px){.region-page{height:auto;min-height:100vh}.region-page>main{flex:auto}.lab-header{gap:12px;flex-wrap:wrap}}:root{font-family:Georgia,serif;color:#e0ddc7;background:#162820}*{box-sizing:border-box}body{margin:0}header{height:100px;padding:20px 30px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #48614e}h1{margin:5px 0;font-size:28px}small{letter-spacing:3px;color:#b6c3a4;font:11px system-ui}nav{display:flex;gap:8px;align-items:center}button,a{font:13px system-ui;color:#e6dfbf;background:#2e4435;border:1px solid #657257;border-radius:5px;padding:10px;cursor:pointer;text-decoration:none}button:hover,a:hover{background:#486448}main{display:grid;grid-template-columns:1fr 330px;height:calc(100vh - 100px)}.world{position:relative;min-width:0}#world{width:100%;height:100%;display:block}.hint{position:absolute;left:20px;bottom:18px;font:12px/1.7 system-ui;background:#172c24dd;padding:10px 16px;border-radius:5px;pointer-events:none}aside{padding:22px;background:#20372b;overflow:auto}h2{margin-top:0}p{font:14px/1.65 system-ui;color:#c0cbb6}.map{position:relative;margin:22px 0 12px}#map{width:100%;display:block;border:1px solid #7e865e;image-rendering:pixelated}#source-image{display:none;position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated}#source-image.visible{display:block}.legend{font-size:12px;color:#acb896}#status{border-top:1px solid #4b624c;padding-top:15px}@media(max-width:900px){header{height:auto;gap:12px;flex-wrap:wrap}main{grid-template-columns:1fr;height:auto}.world{height:65vh}aside{padding:18px}.map{max-width:500px}}#environment{border-bottom:1px solid #4b624c;padding-bottom:16px;margin-bottom:20px;font:13px system-ui}#environment h2{font:18px Georgia}#environment label{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:9px 0}#environment input[type=range]{width:160px;accent-color:#c5bc7c}#environment select{width:100%;padding:6px;background:#2e4435;color:#e6dfbf;border:1px solid #657257}#environment output{display:block;text-align:right;color:#e6dfbf;font-variant-numeric:tabular-nums}button[aria-pressed=true]{background:#596449;border-color:#d7c885}.graphics-options .graphics-table-scroll{overflow:auto}.graphics-options table{border-collapse:collapse;width:100%;font-size:11px}.graphics-options th,.graphics-options td{padding:7px 4px;border-bottom:1px solid #536051;text-align:left}.graphics-options td:nth-child(n+3){text-align:center}.graphics-options table select{width:auto;min-width:76px;font-size:11px;padding:3px}.graphics-options table input[type=checkbox]{width:16px;height:16px;margin:0;accent-color:#719776}.graphics-options input:disabled{opacity:.25}.graphics-options p{font-size:11px;line-height:1.5}.frame-counter{position:absolute;right:12px;top:12px;padding:8px 10px;background:#102019df;color:#e3edcf;border-radius:4px;font:12px/1.5 monospace;white-space:pre;pointer-events:none;font-variant-numeric:tabular-nums}.frame-counter{max-width:calc(100% - 24px);white-space:pre-wrap;overflow-wrap:anywhere}