:root{--ink:#1c1915;--muted:#5f584e;--paper:#f3eee6;--panel:#f7f3ecf0;--line:#ddd4c6;--green:#1f7a4d;--amber:#b86e00;--red:#b42318;--shadow:0 18px 50px #30241229;color:var(--ink);background:var(--paper);font-family:Avenir Next,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--paper)}a{color:inherit}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:default}.topbar{border-bottom:1px solid var(--line);z-index:5;background:#f3eee6eb;justify-content:space-between;align-items:center;gap:16px;height:60px;padding:0 18px;display:flex;position:sticky;top:0}.brand{flex-direction:column;line-height:1.1;text-decoration:none;display:flex}.brand strong{letter-spacing:-.02em;font-size:16px}.brand span{color:var(--muted);font-size:12px}.nav{align-items:center;gap:14px;font-size:14px;display:flex}.nav a{text-decoration:none}.nav a.who{font-weight:650}.nav button{color:var(--muted);background:0 0;border:0;padding:0}.card-back{border-top:1px solid var(--line);text-align:center;margin:16px 0 0;padding-top:4px}.card-back button{color:var(--muted);background:0 0;border:0;min-height:44px;padding:10px 8px}.map-shell{height:calc(100dvh - var(--chrome,60px));position:relative}.map-shell>.map,.map-shell>.map.maplibregl-map{width:100%;height:100%;position:absolute;inset:0}.panel{z-index:2;background:var(--panel);border:1px solid var(--line);width:min(380px,100vw - 28px);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:18px;padding:18px 16px 16px;position:absolute;top:14px;left:14px}.panel-head{align-items:flex-start;gap:8px;margin-bottom:8px;display:flex}.panel-head h1{letter-spacing:-.03em;flex:1;min-width:0;margin:0;font-size:22px;line-height:1.15}.panel-summary,.panel-toggle{display:none}.fold-mark{display:block;transform:rotate(-90deg)}.panel.is-collapsed .fold-mark{transform:rotate(90deg)}.panel p,.sheet p{color:var(--muted);margin:0 0 14px;line-height:1.45}.panel p.note{margin:4px 0 12px}.panel p:has(.primary){margin-top:16px}.panel .menu-end{text-align:center}.row{flex-wrap:wrap;gap:8px;display:flex}label{margin:10px 0 4px;font-size:13px;display:block}select,input{border:1px solid var(--line);background:#fff;border-radius:10px;width:100%;padding:10px 12px}.choices{align-items:flex-start;gap:8px;margin:14px 0 10px;display:flex}.choice{flex-direction:column;align-items:flex-start;gap:4px;min-width:0;display:flex}.choices button:not(.info-link),.primary,.ghost{border:1px solid var(--line);background:#fff;border-radius:999px;padding:12px 20px}form p:has(.primary){margin-top:18px;margin-bottom:16px}form .primary{margin-top:0;padding:12px 20px}.choices button[aria-pressed=true],.primary{background:var(--ink);color:#fff;border-color:var(--ink)}.panel .home-layer{flex-flow:row;align-items:center;gap:10px;margin:14px 0 12px}.panel .home-layer-label{color:var(--muted);flex:none;font-size:14px}.panel .home-layer>button{white-space:nowrap;flex:1 1 0;min-width:0;padding:8px 6px;font-size:13px;line-height:1.2}a.primary{text-decoration:none;display:inline-block}.legend{flex-wrap:wrap;justify-content:center;gap:8px;margin:0 0 4px;display:flex}.legend-title{color:var(--muted);text-align:left;flex:1 0 100%;margin:2px 0 0;font-size:14px}.legend button{white-space:nowrap;color:#fff;border:0;border-radius:999px;flex:none;padding:6px 12px;font-size:13px;line-height:1.2}.legend button.excellent{background:#1565c0}.legend button.green{background:#1f7a4d}.legend button.lime{background:#7cb342}.legend button.amber{background:#d48806}.legend button.red{background:#d92d20}.legend button[aria-pressed=true]{box-shadow:inset 0 0 0 2px white, 0 0 0 2px var(--ink)}.menu-rule{border:0;height:0;margin:0;display:none}@media (min-width:721px){.menu-rule{border-top:1px solid var(--line);height:auto;margin:14px 0 2px;display:block}}.note,.explain{color:var(--muted);margin-top:8px;font-size:13px;line-height:1.4}.live-card{z-index:3;background:var(--panel);border:1px solid var(--line);width:min(440px,100% - 24px);max-height:min(52dvh,440px);box-shadow:var(--shadow);border-radius:18px;padding:14px 16px 16px;position:absolute;bottom:16px;left:50%;overflow:auto;transform:translate(-50%)}.check-row{justify-content:space-between;align-items:center;gap:16px;margin:0 0 10px;font-size:14px;display:flex}.check-row span{color:var(--muted)}.check-row b,.ping-rail b{white-space:nowrap;background:#fff;border-radius:999px;margin:0;padding:6px 12px}.check-row b.ok{color:#1f7a4d}.check-row b.bad{color:#d92d20}.check-row b.ms-badge,.ping-rail b.ms-badge{color:#fff;background:#8d867c}.check-row b.ms-badge.excellent,.ping-rail b.ms-badge.excellent{color:#fff;background:#1565c0}.check-row b.ms-badge.green,.ping-rail b.ms-badge.green{color:#fff;background:#1f7a4d}.check-row b.ms-badge.lime,.ping-rail b.ms-badge.lime{color:#fff;background:#7cb342}.check-row b.ms-badge.amber,.ping-rail b.ms-badge.amber{color:#fff;background:#d48806}.check-row b.ms-badge.red,.ping-rail b.ms-badge.red{color:#fff;background:#d92d20}.live-card .live-head{flex-flow:row;align-items:center;gap:8px;width:100%;display:flex}.live-card .live-id{flex-flow:row;flex:1 1 0;align-items:center;gap:10px;min-width:0;display:flex}.live-card .live-id>div{min-width:0}.live-card .live-id strong,.live-card .live-id p{text-overflow:ellipsis;white-space:nowrap;line-height:1.15;display:block;overflow:hidden}.live-card .live-id strong{font-size:12px}.live-card .live-id p{font-size:11px}.live-card .live-head .queue-row{flex:none;margin:0}.live-card .gps-chip{text-align:right;color:var(--muted);white-space:nowrap;flex:1 1 0;margin:0;font-size:12px}.live-isp{text-align:center;margin:8px 0 0}.live-head p,.live-card .explain{margin:0}.live-swatch{border-radius:6px;flex:0 0 28px;align-self:center;width:28px;height:28px;display:block}.live-swatch.excellent{background:#1565c0}.live-swatch.green{background:#1f7a4d}.live-swatch.lime{background:#7cb342}.live-swatch.amber{background:#d48806}.live-swatch.red{background:#d92d20}.live-swatch.wait{background:#d9d0c2}.queue-row{align-items:center;gap:12px;margin:0 0 0 auto;font-size:14px;display:flex}.queue-row span{align-items:center;gap:4px;display:inline-flex}.queue-row b{font-variant-numeric:tabular-nums}.queue-row svg{width:18px;height:18px;color:var(--muted);display:block}.test-row{flex-flow:row;align-items:center;gap:6px;margin:2px 0 8px;display:flex}.test-row>span{color:var(--muted);flex:none;font-size:14px}.test-row>button{white-space:nowrap;border:1px solid var(--line);background:#fff;border-radius:999px;flex:1 1 0;min-width:0;padding:8px 6px;font-size:13px;line-height:1.2}.test-row>button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.info-link{box-sizing:border-box;border:1px solid var(--line);width:25px;min-width:25px;max-width:25px;height:25px;min-height:25px;max-height:25px;color:var(--ink);background:#fff;border-radius:50%;flex:0 0 25px;place-items:center;padding:0;text-decoration:none;display:grid;overflow:hidden}.info-link svg{width:15px;max-width:15px;height:15px;max-height:15px;display:block}.start-wide{text-align:center;width:100%;margin:4px 0 0;display:block}.ping-rail{height:34px;margin:8px 0 2px;position:relative;overflow:hidden}.ping-rail-track{align-items:center;gap:6px;height:100%;display:flex;position:absolute;top:0;right:0}.ping-rail b{font-variant-numeric:tabular-nums;flex:none;font-size:13px}.live-stack{z-index:3;pointer-events:none;flex-direction:column;align-items:center;gap:8px;width:min(440px,100% - 24px);display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.live-stack>*{pointer-events:auto}.live-stack .live-card{width:100%;position:relative;bottom:auto;left:auto;transform:none}.recenter,.map-badge{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 12px}.recenter{z-index:3;position:absolute;top:14px;left:14px}.hash-visual{background:#faf7f2;border-radius:16px;grid-template-columns:1fr auto 1.4fr;align-items:center;gap:10px;margin:12px 0;padding:14px;display:grid}.hash-visual span{color:var(--muted);font-size:12px;display:block}.hash-visual code{overflow-wrap:anywhere;font-size:13px;display:block}.hash-arrow{font-size:22px}.keep-list{margin:0 0 14px;padding-left:18px;line-height:1.45}.sheet h2{margin:18px 0 8px;font-size:18px}@media (max-width:720px){.hash-visual{grid-template-columns:1fr}}.trip-cell{text-align:left;border:1px solid var(--line);background:#faf7f2;border-radius:16px;align-items:center;gap:12px;width:100%;margin:0 0 10px;padding:14px 16px;display:flex}.trip-cell-copy{gap:2px;min-width:0;display:grid}.trip-cell-copy strong{font-size:16px}.trip-cell-copy span{color:var(--muted);font-size:13px}.trip-cell .chev{color:var(--muted);margin-left:auto;font-size:28px;line-height:1}.pager{flex-wrap:wrap;justify-content:center;gap:8px;margin:6px 0 4px;display:flex}.pager button{border:1px solid var(--line);background:#fff;border-radius:999px;min-width:40px;min-height:40px;padding:8px 12px}.pager button[aria-current=page]{background:var(--ink);color:#fff;border-color:var(--ink)}.trip-group+.trip-group{border-top:1px solid var(--line);margin-top:4px;padding-top:12px}.sheet .trip-group h2{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:0 0 8px;font-size:13px}.sheet .trip-group h3{margin:10px 0 0;font-size:15px;font-weight:650}.trip-stats{grid-template-columns:1fr 1fr;gap:10px;margin:4px 0 14px;display:grid}.trip-stats.speeds{grid-template-columns:1fr 1fr 1fr}.trip-stats div{background:#faf7f2;border-radius:14px;padding:12px}.trip-stats .span-all{grid-column:1/-1}.trip-stats b{font-size:16px;line-height:1.3;display:block}.trip-stats span{color:var(--muted);font-size:12px}.trip-map{border-radius:14px;height:240px;margin-top:8px;position:relative;overflow:hidden}.trip-map.detail{height:min(52dvh,440px)}.text-back{color:var(--muted);background:0 0;border:0;min-height:44px;padding:8px 0}.sheet{border:1px solid var(--line);width:min(520px,100% - 28px);box-shadow:var(--shadow);background:#fff;border-radius:20px;margin:28px auto 48px;padding:22px}.sheet.account,.sheet.board-sheet{width:min(760px,100% - 28px)}.board-wrap{margin:0 0 8px;overflow-x:auto}.board{border-collapse:collapse;width:100%;font-size:14px}.board th{text-align:left;color:var(--muted);border-bottom:1px solid var(--line);padding:8px 10px 8px 0;font-size:12px;font-weight:650}.board td{border-bottom:1px solid var(--line);vertical-align:top;padding:12px 10px 12px 0}.board td:first-child{font-weight:650}.asn-badges{flex-wrap:wrap;gap:6px;max-width:220px;display:flex}.asn-badge{border:1px solid var(--line);background:#faf7f2;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:650;position:relative}.asn-tip{z-index:3;background:var(--ink);color:#fff;text-align:center;border-radius:8px;width:max-content;max-width:220px;padding:6px 8px;font-size:12px;font-weight:500;line-height:1.3;display:none;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.asn-badge:hover .asn-tip,.asn-badge:focus .asn-tip,.asn-badge:focus-visible .asn-tip{display:block}.sheet h1{letter-spacing:-.03em;margin:0 0 8px}.account-head{justify-content:space-between;align-items:center;gap:12px;margin:0 0 8px;display:flex}.account-head h1{min-width:0;margin:0}.account-logout{flex:none;margin:0}.account-logout button{border:1px solid var(--line);color:var(--ink);background:#faf7f2;border-radius:999px;align-items:center;min-height:36px;padding:6px 14px;display:inline-flex}.error{color:var(--red);font-size:14px}.modes{gap:10px;margin:16px 0;display:grid}.mode{text-align:left;border:1px solid var(--line);background:#faf7f2;border-radius:16px;padding:14px;font-weight:650}.note a{color:var(--muted)}.hud{grid-template-columns:1fr 1fr;gap:10px;margin:16px 0;display:grid}.hud div{background:#faf7f2;border-radius:14px;padding:12px}.hud b{font-size:20px;display:block}.hud span{color:var(--muted);font-size:12px}.dialog{z-index:20;background:#1c191575;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.dialog section{background:#fff;border-radius:20px;width:min(460px,100%);padding:20px}.dialog h2{margin:0 0 8px}.maplibregl-popup-content{border-radius:12px;font-family:inherit}.cell-card{z-index:4;background:var(--panel);border:1px solid var(--line);width:min(360px,100vw - 28px);max-height:min(72dvh,540px);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:18px;padding:16px;position:absolute;top:108px;right:14px;overflow:auto}.cell-head{align-items:flex-start;gap:8px;display:flex}.cell-head h2{letter-spacing:-.03em;flex:1;margin:0;font-size:20px}.cell-head button{color:var(--muted);background:0 0;border:0;min-width:44px;min-height:44px;font-size:28px;line-height:1}.cell-card p{color:var(--muted);margin:4px 0 12px}.cell-op{border-top:1px solid var(--line);margin-top:8px;padding-top:12px}.cell-op strong{display:block}.cell-op dl{grid-template-columns:1fr 1fr;gap:8px;margin:8px 0;display:grid}.cell-op dl.range{grid-template-columns:1fr 1fr 1fr}.cell-op dt{color:var(--muted);font-size:12px}.cell-op dd{margin:0;font-weight:650}.vote-bar{background:#e7e0d6;border-radius:99px;height:10px;display:flex;overflow:hidden}.vote-bar i{height:100%;display:block}.vote-key{font-size:12px}@media (max-width:720px){.cell-card{top:64px;left:max(12px, env(safe-area-inset-left,0px));right:max(12px, env(safe-area-inset-right,0px));width:auto;max-height:min(46dvh,380px)}.panel{top:auto;left:max(12px, env(safe-area-inset-left,0px));right:max(12px, env(safe-area-inset-right,0px));bottom:calc(12px + env(safe-area-inset-bottom,0px));width:auto;max-height:calc(100% - 12px - env(safe-area-inset-bottom,0px));flex-direction:column;padding:0;display:flex;overflow:hidden}.panel-head{flex:none;align-items:center;margin:0;padding:12px 6px 4px 16px}.panel-body{min-height:0;padding:0 14px 12px;overflow:auto}.panel .menu-end{margin-bottom:0}.panel p.menu-end:has(.primary){margin-top:12px;margin-bottom:0}.panel p.note.menu-end{margin:10px 0 0}.panel .menu-end .primary{box-sizing:border-box;text-align:center;white-space:normal;max-width:100%;padding:12px 16px;display:inline-block}.panel-toggle{width:44px;height:44px;color:var(--ink);background:0 0;border:0;border-radius:12px;flex:none;place-items:center;margin:0;padding:0;display:grid}.panel.is-collapsed{max-height:none}.panel.is-collapsed .panel-head{padding:6px 6px 6px 16px}.panel.is-collapsed h1,.panel.is-collapsed .panel-body{display:none}.panel.is-collapsed .panel-summary{text-align:left;background:0 0;border:0;flex-direction:column;flex:1;align-items:flex-start;gap:2px;min-width:0;margin:0;padding:8px 0;line-height:1.25;display:flex}.panel-summary strong{overflow-wrap:anywhere;font-size:14px;font-weight:650}.panel-summary span{color:var(--muted);font-size:13px}.brand span,.panel .legend{display:none}.panel .home-layer{margin-bottom:0}}