html,body{margin:0;padding:0;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#e9e4db}#map{position:absolute;inset:0}.camera-controls{position:absolute;top:16px;left:16px;z-index:10;display:flex;flex-wrap:wrap;max-width:calc(100vw - 44px);gap:8px;padding:6px;background:#ffffffd1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:10px;box-shadow:0 2px 10px #28241e26}.tunnel-control{display:flex;align-items:center;gap:6px;padding:8px;font-size:13px;color:#4a4640;cursor:pointer}.camera-controls button{appearance:none;border:none;background:transparent;padding:8px 14px;font-size:13px;font-weight:600;letter-spacing:.02em;color:#4a4640;border-radius:7px;cursor:pointer;transition:background .15s ease}.camera-controls button:hover{background:#4a46401a}.camera-controls button:active{background:#4a46402e}.camera-hud{position:absolute;top:16px;right:16px;z-index:10;min-width:168px;padding:10px 12px;background:#ffffffd1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:10px;box-shadow:0 2px 10px #28241e26;font-variant-numeric:tabular-nums}.camera-hud[hidden]{display:none}.camera-hud dl{display:grid;grid-template-columns:auto 1fr;gap:2px 12px;margin:0 0 8px;font-size:12px}.camera-hud dt{color:#8a8377;letter-spacing:.04em;text-transform:uppercase;font-size:10px;align-self:center}.camera-hud dd{margin:0;color:#34312b;font-weight:600;text-align:right}.hud-copy{width:100%;appearance:none;border:none;padding:6px 10px;font:inherit;font-size:12px;font-weight:600;color:#4a4640;background:#4a46401a;border-radius:6px;cursor:pointer}.hud-copy:hover{background:#4a46402e}.palette-select{appearance:none;border:none;padding:8px 12px;font:inherit;font-size:13px;font-weight:600;color:#4a4640;background:#4a46401a;border-radius:7px;cursor:pointer}.light-controls{position:absolute;left:16px;bottom:16px;z-index:10;display:grid;gap:4px;padding:10px 12px;background:#ffffffd1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:10px;box-shadow:0 2px 10px #28241e26;font-size:11px;color:#6b6558}.light-controls label{display:grid;grid-template-columns:52px 120px 34px;align-items:center;gap:8px}.light-controls span{font-variant-numeric:tabular-nums;font-weight:600;color:#34312b;text-align:right}.light-controls input[type=range]{width:100%;accent-color:#8a8377}.camera-controls button.primary{background:#34312b;color:#f4f1e8}.camera-controls button.primary:hover{background:#4a4640}