:root{--bg: #e7ede9;--panel: #f7f9f6;--line: #cbd6d0;--sea: #dbe7e8;--land: #efe8d3;--border: #c5baa0;--grid: #c4d4d6;--ink: #172431;--muted: #56656c;--route: #b0106e;--route-soft: rgba(176, 16, 110, .45);--pen: #2346a6;--crowd: #d4600c;--display: "Barlow Condensed", "Arial Narrow", system-ui, sans-serif;--sans: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--mono: "IBM Plex Mono", ui-monospace, Menlo, Consolas, monospace;color-scheme:light}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){color-scheme:dark;--bg: #0c1316;--panel: #131e23;--line: #24343a;--sea: #0f1d24;--land: #1f2a29;--border: #3b4b47;--grid: #1a2f38;--ink: #e4ecee;--muted: #8fa1a7;--route: #ff5fb2;--route-soft: rgba(255, 95, 178, .5);--pen: #8fc3ff;--crowd: #ff9a4d}}:root[data-theme=dark]{color-scheme:dark;--bg: #0c1316;--panel: #131e23;--line: #24343a;--sea: #0f1d24;--land: #1f2a29;--border: #3b4b47;--grid: #1a2f38;--ink: #e4ecee;--muted: #8fa1a7;--route: #ff5fb2;--route-soft: rgba(255, 95, 178, .5);--pen: #8fc3ff;--crowd: #ff9a4d}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--ink);font:15px/1.5 var(--sans)}.wrap{max-width:1120px;margin:0 auto;padding-inline:16px;padding-block:20px 48px;display:grid;gap:14px}header{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:8px 16px}.brand{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.brand h1{font:700 34px/1 var(--display);letter-spacing:.01em;margin:0;text-transform:uppercase}.brand h1 span{color:var(--route)}.issue{font:500 12px/1 var(--mono);color:var(--muted);letter-spacing:.06em;text-transform:uppercase}.tagline{margin:-6px 0 0;color:var(--muted);font-size:14px}.pips{display:flex;gap:6px}.pip{width:28px;height:6px;border-radius:3px;background:var(--line)}.pip.on{background:var(--ink)}.pip.done{background:var(--route)}.brief{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 20px}.route{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px}.route-item{display:flex;align-items:center;gap:10px}.stop{display:grid;line-height:1.05}.stop b{font:700 38px/1 var(--display);letter-spacing:.04em}.stop small{font-size:12px;color:var(--muted)}.stop.cur b{color:var(--pen)}.arrow{font:600 24px var(--display);color:var(--muted);padding-bottom:12px}.arrow.cur{color:var(--pen)}.instr{margin:0;color:var(--muted);max-width:46ch;font-size:14px}.instr strong{color:var(--ink);font-weight:600}.mapcard{position:relative;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--sea)}.map{display:block;width:100%;height:auto;touch-action:none;user-select:none;-webkit-user-select:none}.sea{fill:var(--sea)}.grat{fill:none;stroke:var(--grid)}.land{fill:var(--land)}.borders{fill:none;stroke:var(--border)}.stroke{fill:none;stroke:var(--pen);stroke-linecap:round;stroke-linejoin:round}.stroke.live{opacity:.85}.anchor{fill:var(--pen)}.anchor-ring{fill:none;stroke:var(--pen);transform-box:fill-box;transform-origin:center;animation:pulse 1.4s ease-out infinite}.true{fill:none;stroke:var(--route);stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;animation:draw 1.1s ease-out forwards}.ideal{fill:none;stroke:var(--route-soft)}.miss{stroke:var(--muted)}.cdot{fill:var(--route);stroke:var(--panel)}.udot{fill:var(--panel);stroke:var(--pen)}.clabel{font-family:var(--display);font-weight:700;letter-spacing:.06em;fill:var(--ink);paint-order:stroke;stroke:var(--sea);stroke-linejoin:round}@keyframes draw{to{stroke-dashoffset:0}}@keyframes pulse{0%{transform:scale(1);opacity:1}to{transform:scale(3);opacity:0}}@media (prefers-reduced-motion: reduce){.true{animation:none;stroke-dashoffset:0}.anchor-ring{animation:none}}.zoom{position:absolute;right:8px;top:8px;display:grid;gap:4px}.zoom button{width:34px;height:34px;border-radius:8px;border:1px solid var(--line);background:var(--panel);color:var(--ink);font:600 18px/1 var(--sans);cursor:pointer;display:grid;place-items:center;padding:0}.zoom button.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}.viewbtns{position:absolute;left:8px;top:8px;display:flex;gap:6px;flex-wrap:wrap}.chip{font:600 12px var(--sans);padding:6px 10px;border-radius:99px;border:1px solid var(--line);background:var(--panel);color:var(--ink);cursor:pointer}.maphint{position:absolute;left:10px;bottom:8px;font:500 11px var(--mono);color:var(--muted);letter-spacing:.04em;text-transform:uppercase;pointer-events:none}.controls{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}.btns{display:flex;gap:8px;flex-wrap:wrap}.btn{font:600 14px var(--sans);border-radius:8px;padding:10px 16px;cursor:pointer;border:1px solid var(--line);background:var(--panel);color:var(--ink)}.btn.primary{background:var(--ink);color:var(--bg);border-color:var(--ink)}.btn:disabled{opacity:.4;cursor:not-allowed}button:focus-visible{outline:2px solid var(--pen);outline-offset:2px}.legend{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.legend i{display:inline-block;width:22px;border-top:3px solid;vertical-align:middle;margin-right:6px}.legend i.k-pen{border-color:var(--pen)}.legend i.k-route{border-color:var(--route)}.legend i.k-ideal{border-color:var(--route-soft);border-top-style:dashed}.result{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:16px;display:grid;gap:14px}.scoreline{display:flex;flex-wrap:wrap;gap:12px 28px;align-items:flex-end}.big{font:700 56px/.9 var(--display)}.big small{font-size:24px;color:var(--muted)}.metric{display:grid;gap:2px}.metric span{font:500 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.metric b{font:600 26px/1 var(--display)}.tablewrap{overflow-x:auto}.detail{border-collapse:collapse;width:100%;font-size:13px;font-variant-numeric:tabular-nums}.detail td{padding:6px 8px 6px 0;border-top:1px solid var(--line);vertical-align:baseline}.detail td:first-child{font:600 14px var(--mono);white-space:nowrap}.detail td.num{text-align:right;font-family:var(--mono);white-space:nowrap}.tag{margin-left:8px;font-size:11px;color:var(--muted);border:1px solid var(--line);border-radius:99px;padding:1px 7px;white-space:nowrap}.barbg{display:inline-block;width:90px;height:6px;border-radius:3px;background:var(--line);vertical-align:middle;overflow:hidden}.bar{display:block;height:6px;border-radius:3px;background:var(--route)}.note{margin:0;font-size:13px;color:var(--muted);max-width:70ch}.share{margin:0;font:13px/1.5 var(--mono);background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:12px;white-space:pre-wrap;-webkit-user-select:all;user-select:all}@media (max-width: 560px){.stop b{font-size:30px}.big{font-size:46px}.brand h1{font-size:28px}.barbg{width:50px}}.headright{display:flex;align-items:center;gap:10px}.iconbtn{width:34px;height:34px;border-radius:8px;border:1px solid var(--line);background:var(--panel);color:var(--ink);font:600 16px/1 var(--sans);cursor:pointer;display:grid;place-items:center;padding:0}.hintdot{fill:none;stroke:var(--route)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0c13168c;display:grid;place-items:center;padding:16px;z-index:10}.modal{background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:14px;width:min(560px,100%);max-height:calc(100dvh - 32px);overflow-y:auto;padding:18px 20px 20px;display:grid;gap:14px;outline:none}.modal-head{display:flex;justify-content:space-between;align-items:center}.modal h2{margin:0;font:700 28px/1 var(--display);text-transform:uppercase;letter-spacing:.02em}.modal h3{margin:4px 0 -4px;font:500 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.demo{width:100%;height:auto;display:block}.demo-sea{fill:var(--sea)}.demo-land{fill:var(--land)}.demo-straight{stroke:var(--pen);stroke-width:3;stroke-dasharray:6 6;opacity:.8}.demo-curve{fill:none;stroke:var(--route);stroke-width:3.5;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;animation:demo 3.2s ease-in-out infinite}.demo-dot{fill:var(--ink)}.demo-label{font:700 14px var(--display);fill:var(--ink);letter-spacing:.06em}@keyframes demo{0%,15%{stroke-dashoffset:1}55%,to{stroke-dashoffset:0}}@media (prefers-reduced-motion: reduce){.demo-curve{animation:none;stroke-dashoffset:0}}.howto{margin:0;padding-left:20px;display:grid;gap:8px;font-size:14px}.statrow{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.stat{display:grid;justify-items:center;text-align:center;gap:2px}.stat b{font:700 32px/1 var(--display)}.stat span{font-size:11px;color:var(--muted)}.dist{display:grid;gap:4px}.dist-row{display:grid;grid-template-columns:34px 1fr;align-items:center;gap:8px;font:12px var(--mono);color:var(--muted)}.dist-bar span{display:block;min-height:18px;border-radius:4px;background:var(--line);color:var(--ink);font:600 11px/18px var(--mono);text-align:right;padding-right:6px}.dist-bar span.mine{background:var(--route);color:#fff}.cal{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.cal-h{text-align:center;font:500 11px var(--mono);color:var(--muted)}.cal-d{height:32px;display:grid;place-items:center;border-radius:6px;border:1px solid var(--line);font:12px var(--mono);color:var(--muted)}.cal-d.today{outline:2px solid var(--ink);outline-offset:-2px}.cal-d.future{opacity:.35}.sharegrid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:12px;align-items:start}.shareimg{width:100%;height:auto;border-radius:8px;border:1px solid var(--line);display:block}.shareimg.placeholder{aspect-ratio:1200 / 675;display:grid;place-items:center;color:var(--muted);font-size:13px;background:var(--bg)}@media (max-width: 700px){.sharegrid{grid-template-columns:1fr}.statrow{grid-template-columns:repeat(3,1fr)}}.crowd circle{fill:var(--crowd);opacity:.32}.legend i.k-crowd{border-color:var(--crowd);border-top-width:6px;border-radius:3px}.crowdline{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;padding:10px 12px;border-radius:8px;background:var(--bg);font-size:14px}.crowdline strong{font-weight:600}.board{display:grid;gap:8px}.board h3{margin:0;font:500 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.board-head{font-size:15px}.board-head b{font:700 22px var(--display)}.board table{border-collapse:collapse;width:100%;font-size:14px;font-variant-numeric:tabular-nums}.board td{padding:5px 8px 5px 0;border-top:1px solid var(--line)}.board td.rank{width:40px;font-family:var(--mono);color:var(--muted)}.board td.num{text-align:right;font-family:var(--mono)}.board tr.me td{font-weight:600;color:var(--route)}.board tr.gap td{border-top-style:dashed}.account{display:grid;gap:10px;border-top:1px solid var(--line);padding-top:12px}.account form{display:flex;gap:8px;flex-wrap:wrap}.account input{flex:1 1 180px;min-width:0;font:14px var(--sans);padding:9px 10px;border-radius:8px;border:1px solid var(--line);background:var(--bg);color:var(--ink)}.account .msg{margin:0;font-size:13px;color:var(--muted)}.account .msg.err{color:var(--route)}.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}.linkbtn{justify-self:start;background:none;border:0;padding:2px 0;color:var(--muted);font:500 13px var(--sans);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.linkbtn:hover{color:var(--ink)}.site-footer{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center;margin-top:12px;font-size:13px;color:var(--muted)}.site-footer a{color:var(--muted);text-underline-offset:3px}.site-footer a:hover,.site-footer .linkbtn:hover{color:var(--ink)}