@font-face{font-family:Barlow;src:url('fonts/Barlow-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Barlow;src:url('fonts/Barlow-SemiBold.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'Barlow Condensed';src:url('fonts/BarlowCondensed-Bold.woff2') format('woff2');font-weight:700;font-display:swap}
:root{color-scheme:dark}
*{box-sizing:border-box}
html,body{margin:0;height:100%;background:#080d15;color:#e7f2fa}
body{display:flex;flex-direction:column;height:100dvh;overflow:hidden;font:16px/1.4 Barlow,Arial,sans-serif}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
header{display:flex;align-items:center;gap:10px;padding:8px 14px;border-bottom:1px solid #24384a;background:#080d15}
.brand{display:block}
.brand img{display:block;width:118px;height:44px;object-fit:contain}
.back{margin-left:auto;color:#b7dff6;text-decoration:none;font:700 15px/1 'Barlow Condensed',Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;min-height:44px;display:inline-flex;align-items:center}
.lang select{min-height:44px;max-width:132px;background:#102333;color:#d7eefb;border:1px solid #186b8a;border-radius:4px;font:14px Barlow,Arial,sans-serif;padding:6px 8px}
.workspace{flex:1;min-height:0;display:flex;flex-direction:column}
.stage{position:relative;flex:0 0 auto;aspect-ratio:2/1;min-height:0;background:#071018;cursor:grab;touch-action:none;user-select:none}
.stage.is-panning,.stage.is-panning .pin{cursor:grabbing}
.stage.is-zoomed{flex:1.45 1 auto;aspect-ratio:auto;min-height:300px}
.stage svg{display:block;width:100%;height:100%}
.pins{position:absolute;inset:0;pointer-events:none}
.pin{position:absolute;width:48px;height:48px;padding:0;border:0;border-radius:50%;background:transparent;transform:translate(-50%,-50%);pointer-events:auto;cursor:pointer}
.pin i{display:block;width:14px;height:14px;margin:17px auto;border-radius:50%;background:#00b4d8;box-shadow:0 0 0 6px #071018,0 0 0 8px #00b4d8}
.pin[aria-pressed=true] i{background:#fff;box-shadow:0 0 0 6px #071018,0 0 0 9px #fff}
.world-btn{position:absolute;top:10px;right:10px;min-height:40px;padding:8px 12px;border:1px solid #58cfea;border-radius:4px;background:#071018e6;color:#e7f6ff;font:700 14px/1 'Barlow Condensed',Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.join{margin:0;padding:10px 14px;border-top:1px solid #24384a;background:#0c1824;color:#d5e8f4;font-size:15px;line-height:1.4;text-align:center}
.join a{color:#9ee7ff;font-weight:600;text-underline-offset:3px}
.sheet{flex:1;min-height:0;overflow:auto;padding:12px 14px calc(14px + env(safe-area-inset-bottom));background:#080d15;border-top:1px solid #24384a}
.sheet-head{display:flex;align-items:center;gap:10px}
h1{margin:0;font:700 28px/1 'Barlow Condensed',Arial,sans-serif;letter-spacing:.03em;color:#f4fbff}
.search{flex:1;min-width:0}
.search input{width:100%;min-height:44px;padding:8px 12px;border:1px solid #186b8a;border-radius:6px;background:#0d1b28;color:#f4fbff;font:16px Barlow,Arial,sans-serif}
.search input::placeholder{color:#46cae8}
.intro{margin:8px 0 10px;color:#69d4ec;font-size:14px}
.dealer-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.dealer-card{border:1px solid #145972;border-radius:8px;background:#0c1a26}
.dealer-card.is-selected{border-color:#51ceea;background:#143246}
.dealer{width:100%;min-height:58px;padding:10px 12px;border:0;border-radius:8px;background:transparent;color:#e7f2fa;text-align:left;font:inherit;cursor:pointer}
.dealer b{display:block;font:700 18px/1.1 'Barlow Condensed',Arial,sans-serif;letter-spacing:.03em}
.dealer span{display:block;margin-top:2px;color:#78d9ee;font-size:14px}
.actions{display:flex;flex-wrap:wrap;gap:8px;padding:0 12px 12px}
.actions a{flex:1 1 108px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:8px 10px;border-radius:4px;background:#10283a;color:#e7f6ff;text-decoration:none;font-size:14px;border:1px solid #1f8bb2}
.empty{color:#78d9ee}
.pin:focus-visible,.dealer:focus-visible,.world-btn:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #9ee7ff;outline-offset:3px}
@media(min-width:900px){
 .brand img{width:150px;height:56px}
 .workspace{display:grid;grid-template-columns:minmax(0,1fr) 380px;grid-template-rows:minmax(0,1fr) auto}
 .stage{grid-column:1;grid-row:1;aspect-ratio:auto;height:100%;min-height:0}
 .join{grid-column:1;grid-row:2}
 .sheet{grid-column:2;grid-row:1 / span 2;border-top:0;border-left:1px solid #24384a;max-height:none}
 h1{font-size:34px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}