:root{--bg:#faf7f2;--surface:#ffffff;--surface-alt:#f1ebe2;--text:#2b2722;--text-muted:#6b6155;--border:#e4dcd0;--primary:#2f6d5f;--on-primary:#ffffff;--emergency:#b3362e;--on-emergency:#ffffff;--warn-bg:#f7ecd2;--warn-border:#c9992b;--warn-text:#5c4508;--success-bg:#e2efe7;--success-text:#1e4d3b;--danger-bg:#f9e3e1;--danger-text:#7e2a24}@media (prefers-color-scheme:dark){:root{--bg:#1a1712;--surface:#26211a;--surface-alt:#2f2921;--text:#f2ede5;--text-muted:#a89d8f;--border:#3b342a;--primary:#63a893;--on-primary:#12201b;--emergency:#e06055;--on-emergency:#230b09;--warn-bg:#3a2f14;--warn-border:#c9992b;--warn-text:#efd9a0;--success-bg:#1e3328;--success-text:#bfe3cf;--danger-bg:#3d211e;--danger-text:#f0bdb7}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.45;padding:1.25rem 1rem 2rem;max-width:520px;margin-inline:auto}h1{font-size:1.5rem;line-height:1.25;margin:0 0 .5rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1.25rem;margin-top:.75rem}.banner{border-radius:12px;padding:1rem 1.25rem;border:1.5px solid}.banner.active{background:var(--danger-bg);border-color:var(--emergency);color:var(--danger-text)}.banner.ended{background:var(--success-bg);border-color:var(--primary);color:var(--success-text)}.banner.warn{background:var(--warn-bg);border-color:var(--warn-border);color:var(--warn-text);border-radius:8px;padding:.75rem 1rem}.btn{display:flex;align-items:center;justify-content:center;min-height:52px;padding:.75rem 1.25rem;border-radius:12px;border:none;font-size:1rem;font-weight:650;text-decoration:none;cursor:pointer;color:var(--on-primary);background:var(--primary);width:100%}.btn.secondary{background:transparent;color:var(--primary);border:1.5px solid var(--primary)}.btn.emergency{background:var(--emergency);color:var(--on-emergency)}.btn:disabled{opacity:.45;cursor:default}.btn-row{display:flex;gap:.5rem;margin-top:.75rem}.btn-row .btn{flex:1 1}.coords{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.05rem;margin:.5rem 0}.muted{color:var(--text-muted)}.small{font-size:.85rem}.map-frame{width:100%;height:320px;border:0;border-radius:12px;margin-top:.75rem;background:var(--surface-alt)}ul{padding-left:1.25rem}li{margin-bottom:.4rem}