:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;background:#0d1217}#canvas{display:block;width:100%;height:100%;cursor:crosshair;touch-action:none}.hud{position:fixed;inset:0;pointer-events:none;padding:28px;display:flex;flex-direction:column;align-items:flex-start}.brand{font-size:12px;letter-spacing:.17em;color:#d9eee8;text-transform:uppercase;text-shadow:0 2px 18px #000}.brand span{color:#84afa5;letter-spacing:.05em;margin-left:10px;text-transform:none}#status{margin-top:10px;color:#bfd6cf;font-size:13px}.controls,#regions{display:flex;gap:8px;margin-top:18px;pointer-events:auto;flex-wrap:wrap}button{border:1px solid #6e958c;border-radius:7px;color:#eafff9;background:#172721dd;padding:9px 12px;cursor:pointer}button:hover{background:#27453c}.hint{margin-top:auto;font-size:12px;color:#afc4bf;text-shadow:0 2px 12px #000}.touch-move{display:none;pointer-events:auto;gap:5px;margin-top:auto}@media(pointer:coarse){.touch-move{display:flex}.touch-move button{width:48px;height:48px;touch-action:none}.hint{margin-top:12px}.hud{padding:16px}}button[aria-pressed=true]{background:#ceeadd;color:#10271f;border-color:#ceeadd}button:disabled{opacity:.45;cursor:default}#view-caption{margin-top:12px;max-width:640px;background:#102019e8;color:#e8f6ee;padding:8px 12px;border-radius:6px;font-size:13px}.capture-controls{display:flex;gap:8px;margin-top:10px;pointer-events:auto}[hidden]{display:none!important}