.bjj-app{--bg:#f2f2f2;--surface:#ffffff;--sunk:#e5e5e5;--fg:#1a1a1a;--muted:#606060;--line:#d6d6d6;--accent:var(--fg);--display:"Barlow Condensed", "Arial Narrow", system-ui, sans-serif;--body:"IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--mono:"IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--gutter-l:max(16px, env(safe-area-inset-left, 0px));--gutter-r:max(16px, env(safe-area-inset-right, 0px))}@media(prefers-color-scheme:dark){.bjj-app:not([data-theme=light]){--bg:#111111;--surface:#1b1b1b;--sunk:#282828;--fg:#eeeeee;--muted:#aaaaaa;--line:#383838;color-scheme:dark}}.bjj-app[data-theme=dark]{--bg:#111111;--surface:#1b1b1b;--sunk:#282828;--fg:#eeeeee;--muted:#aaaaaa;--line:#383838;color-scheme:dark}.bjj-app *,.bjj-app *::before,.bjj-app *::after{box-sizing:border-box}.bjj-app{margin:0}.bjj-app{background:var(--bg);color:var(--fg);font-family:var(--body);font-size:15px;line-height:1.5}.bjj-app h1,.bjj-app h2,.bjj-app h3{font-family:var(--display);font-weight:700;line-height:1.05;margin:0;text-wrap:balance}.bjj-app button{font:inherit;color:inherit}.bjj-app button:focus-visible,.bjj-app input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.bjj-app .eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:500}.bjj-app .empty-note{font-size:13px;color:var(--muted);font-style:italic;margin:0}.bjj-app .bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 24px;padding-block:14px;padding-left:var(--gutter-l);padding-right:var(--gutter-r);background:var(--surface);border-bottom:1px solid var(--line)}.bjj-app .brand{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;min-width:0}.bjj-app .brand h1{font-size:30px;text-transform:uppercase;letter-spacing:.01em}.bjj-app .stats{font-family:var(--mono);font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.bjj-app .tabs{display:flex;gap:4px;background:var(--sunk);padding:3px;border-radius:8px}.bjj-app .tabs button{border:0;background:0 0;padding:6px 16px;border-radius:6px;cursor:pointer;font-weight:500;color:var(--muted)}.bjj-app .tabs button[aria-selected=true]{background:var(--surface);color:var(--fg);box-shadow:0 1px 2px rgb(0 0 0/.12)}.bjj-app .problems{margin:12px var(--gutter-r)0 var(--gutter-l);padding:10px 14px;border-radius:8px;background:var(--sunk);border:1px solid var(--muted);font-size:14px}.bjj-app .problems ul{margin:4px 0 0;padding-left:18px}.bjj-app .chip{display:inline-flex;align-items:center;gap:5px;font-family:var(--mono);font-size:11px;letter-spacing:.04em;text-transform:uppercase;padding:2px 7px;border-radius:4px;background:var(--sunk);color:var(--muted);white-space:nowrap}.bjj-app .pos-link{background:0 0;border:0;padding:0;cursor:pointer;color:var(--accent);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px;text-align:left}.bjj-app .btn{border:1px solid var(--line);background:var(--surface);border-radius:6px;padding:6px 12px;cursor:pointer;font-size:13px;font-weight:500}.bjj-app .btn:hover,.bjj-app .tool:hover{border-color:var(--accent)}.bjj-app .tech{border:1px solid var(--line);border-radius:8px;padding:12px 14px;display:grid;gap:8px;background:var(--surface)}.bjj-app .tech-top{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 10px}.bjj-app .tech-name{font-weight:600}.bjj-app .route{font-size:13px;color:var(--muted);display:flex;flex-wrap:wrap;gap:4px 6px;align-items:center}.bjj-app .when{font-size:14px}.bjj-app .when b,.bjj-app .counter .lbl{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.06em;font-weight:500}.bjj-app .when b{color:var(--muted);margin-right:6px}.bjj-app .counter{background:var(--sunk);border-left:3px solid var(--muted);padding:8px 10px;border-radius:0 6px 6px 0;font-size:14px;display:grid;gap:2px}.bjj-app .counter .lbl{color:var(--muted)}.bjj-app .sources{display:flex;gap:6px;flex-wrap:wrap}.bjj-app .source-link,.bjj-app .source-title{flex-basis:100%;color:var(--accent);font-size:12px;overflow-wrap:anywhere;text-underline-offset:2px}.bjj-app .map-layout{display:grid;grid-template-columns:minmax(0,1fr)360px}.bjj-app .map-canvas{position:relative;min-width:0;height:clamp(420px,calc(100dvh - 72px),1100px);background:var(--surface)}.bjj-app #cy{position:absolute;inset:0}.bjj-app .map-tools{position:absolute;top:12px;left:12px;display:flex;gap:6px}.bjj-app .tool{border:1px solid var(--line);background:var(--surface);border-radius:6px;padding:5px 10px;font-size:12px;cursor:pointer;box-shadow:0 1px 2px rgb(0 0 0/8%)}.bjj-app .panel{border-left:1px solid var(--line);background:var(--bg);padding:18px 16px;display:grid;gap:14px;align-content:start;overflow-y:auto;height:clamp(420px,calc(100dvh - 72px),1100px)}.bjj-app .panel h2{font-size:28px;text-transform:uppercase}.bjj-app .panel-group{display:grid;gap:6px}.bjj-app .edge-row{display:grid;grid-template-columns:minmax(0,1fr)auto;gap:8px;align-items:center;text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:6px;padding:8px 10px;cursor:pointer;font-size:14px}.bjj-app .edge-row:hover{border-color:var(--accent)}.bjj-app .edge-row small{display:block;color:var(--muted);font-size:12px}.bjj-app .edge-row .warn{color:var(--muted);font-family:var(--mono);font-size:11px;white-space:nowrap}.bjj-app .panel-actions{display:flex;flex-wrap:wrap;gap:8px}.bjj-app .ex-layout{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:calc(100dvh - 72px)}.bjj-app .ex-nav{border-right:1px solid var(--line);background:var(--surface);padding:16px;display:grid;gap:10px;align-content:start}.bjj-app .ex-nav input{width:100%;padding:7px 10px;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--fg);font:inherit;font-size:14px}.bjj-app .ex-list{display:grid;gap:14px}.bjj-app .ex-group{display:grid;gap:2px}.bjj-app .ex-group .eyebrow{margin-bottom:2px}.bjj-app .ex-item{display:flex;align-items:center;gap:8px;width:100%;text-align:left;cursor:pointer;border:0;background:0 0;padding:6px 8px;border-radius:6px;font-size:14px}.bjj-app .ex-item:hover{background:var(--sunk)}.bjj-app .ex-item[aria-current=true]{background:var(--sunk);font-weight:600;box-shadow:inset 3px 0 0 var(--accent)}.bjj-app .ex-item .count{margin-left:auto;font-family:var(--mono);font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.bjj-app .ex-main{padding-block:22px 40px;padding-left:24px;padding-right:var(--gutter-r);display:grid;gap:18px;align-content:start;min-width:0}.bjj-app .trail{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:13px;color:var(--muted)}.bjj-app .ex-title{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px}.bjj-app .ex-title h2{font-size:clamp(32px,5vw,44px);text-transform:uppercase}.bjj-app .ex-cols{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:1100px}.bjj-app .ex-cols>div{display:grid;gap:10px;align-content:start;min-width:0}@media(max-width:820px){.bjj-app .map-layout{grid-template-columns:1fr}.bjj-app .map-canvas{height:62dvh;min-height:360px}.bjj-app .panel{height:auto;border-left:0;border-top:1px solid var(--line);padding-left:var(--gutter-l);padding-right:var(--gutter-r)}.bjj-app .ex-layout{grid-template-columns:1fr;min-height:0}.bjj-app .ex-nav{border-right:0;border-bottom:1px solid var(--line);padding-left:var(--gutter-l);padding-right:var(--gutter-r)}.bjj-app .ex-list{max-height:200px;overflow-y:auto}.bjj-app .ex-main{padding-left:var(--gutter-l)}.bjj-app .ex-cols{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.bjj-app *{transition:none!important;animation:none!important}}.bjj-page .site-layout{max-width:1440px}.bjj-page .site-content{max-width:none;padding:2rem 1.5rem}.bjj-intro{max-width:720px;margin-bottom:1.5rem}.bjj-intro h1{font-size:1.8rem;line-height:1.3;margin-bottom:.75rem}.bjj-intro h1 a,.bjj-intro h1 a:hover{color:inherit}.bjj-intro h1 a:focus-visible{outline:2px solid currentColor;outline-offset:4px}.bjj-intro p+p{margin-top:.65rem}.bjj-intro .bjj-context{color:var(--meta);font-size:.9rem}.bjj-app{--bg:#fff;--surface:#fff;--sunk:#f5f5f5;--fg:#1a1a1a;--muted:#666;--line:#e0e0e0;--display:-apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--body:var(--display);--mono:ui-monospace, "SF Mono", Menlo, monospace;border:1px solid var(--line);border-radius:8px;overflow:hidden}.bjj-app .bar{padding:12px 16px}.bjj-app .brand{flex:1}.bjj-app h2,.bjj-app h3{text-transform:none;line-height:1.2}.bjj-app .map-layout{grid-template-columns:minmax(0,1fr)310px}.bjj-app .map-canvas,.bjj-app .panel{height:clamp(480px,68dvh,800px)}.bjj-app .ex-layout{grid-template-columns:220px minmax(0,1fr);min-height:600px}.bjj-app .ex-title h2{font-size:1.6rem;text-transform:none}.bjj-app .panel h2{font-size:1.4rem;text-transform:none}.bjj-app .ex-cols{grid-template-columns:1fr;gap:24px}.bjj-app [hidden]{display:none!important}.bjj-app .source-link{color:var(--link)}@media(prefers-color-scheme:dark){.bjj-app:not([data-theme=light]){--bg:#1a1a1a;--surface:#1a1a1a;--sunk:#2a2a2a;--fg:#e0e0e0;--muted:#999;--line:#333}}@media(max-width:1100px){.bjj-app .map-layout{grid-template-columns:1fr}.bjj-app .map-canvas{height:55dvh;min-height:360px}.bjj-app .panel{height:auto;border-left:0;border-top:1px solid var(--line)}}@media(max-width:820px){.bjj-app .ex-layout{grid-template-columns:1fr;min-height:0}}@media(max-width:600px){.bjj-page .site-content{padding:1.5rem 1rem}.bjj-app .bar{align-items:flex-start}.bjj-app .brand{flex-basis:100%}.bjj-app .tabs{width:100%}.bjj-app .tabs button{flex:1;min-height:40px}.bjj-app .chip{white-space:normal}}