:root{--bg: #0a1410;--panel: #0f1d16;--panel-2: #12241b;--line: #1f3a2c;--line-soft: #1a3024;--accent: #7ee787;--accent-deep: #2ea043;--accent-dim: #3fb950;--text: #e8f3ec;--text-dim: #9fb6a8;--text-faint: #6f8a7c;--warn: #f0a35e;--danger: #f0786e;--radius: 14px;--mono: "JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body{margin:0;height:100%}#root{min-height:100%}body{background:radial-gradient(1200px 700px at 80% -10%,#14271c 0%,transparent 60%),radial-gradient(900px 600px at -10% 110%,#102018 0%,transparent 55%),var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}.app{max-width:1320px;margin:0 auto;padding:18px 22px 60px}.topbar{display:flex;align-items:center;gap:26px;padding:12px 18px;border:1px solid var(--line);background:linear-gradient(180deg,#11201880,#0d1812aa);border-radius:var(--radius);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.14em;font-size:13px}.brand .ver{font-weight:600;letter-spacing:.04em;font-size:10px;color:var(--accent);background:#143324;border:1px solid var(--line);padding:2px 7px;border-radius:20px;margin-left:2px;text-transform:none}.brand .pin{width:22px;height:22px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:radial-gradient(circle at 60% 35%,var(--accent),var(--accent-deep));box-shadow:0 0 14px #2ea04388}nav{display:flex;gap:4px;margin-left:8px}nav a{color:var(--text-dim);text-decoration:none;padding:7px 13px;border-radius:9px;font-weight:500;font-size:13px;cursor:pointer}nav a.active{color:var(--text);background:#1c3527}nav a:hover{color:var(--text)}.spacer{flex:1}.btn{border:1px solid var(--line);background:#14271c;color:var(--text);padding:8px 14px;border-radius:10px;font-weight:600;cursor:pointer;font-size:13px;display:inline-flex;align-items:center;gap:7px}.btn:hover{border-color:var(--accent-deep)}.btn.primary{background:linear-gradient(180deg,var(--accent-dim),var(--accent-deep));color:#03150a;border-color:transparent}.btn.primary:hover{filter:brightness(1.08)}.grid{display:grid;grid-template-columns:300px 1fr;gap:16px;margin-top:16px}.card{background:linear-gradient(180deg,var(--panel),var(--panel-2));border:1px solid var(--line);border-radius:var(--radius)}.pad{padding:16px}.lede h1{font-size:26px;line-height:1.1;margin:4px 0 8px;font-weight:800}.lede h1 em{color:var(--accent);font-style:normal}.lede p{color:var(--text-dim);margin:0 0 14px;font-size:13px}.field{margin-bottom:12px}.field label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);margin-bottom:6px}select,input[type=date]{width:100%;background:#0c170f;border:1px solid var(--line);color:var(--text);padding:9px 11px;border-radius:9px;font-family:inherit;font-size:13px}.holes{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.holes button{aspect-ratio:1;border:1px solid var(--line);background:#0c170f;color:var(--text-dim);border-radius:8px;font-weight:600;cursor:pointer;font-size:12px;padding:0}.holes button.on{background:var(--accent-deep);color:#03150a;border-color:transparent}.holes button:hover{border-color:var(--accent-dim)}.ref{margin-top:14px;border:1px dashed var(--line);border-radius:10px;padding:12px;background:#0c170f80}.ref .k{font-size:11px;color:var(--text-faint);text-transform:uppercase;letter-spacing:.08em}.ref .v{font-family:var(--mono);font-size:12px;color:var(--accent);margin-top:3px}.ruleset{margin-top:6px}.rule{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid var(--line-soft)}.rule:last-child{border-bottom:none}.rule .lab{font-size:12px;color:var(--text-dim)}.rule input[type=range]{width:96px;accent-color:var(--accent-dim)}.rule .num{font-family:var(--mono);font-size:12px;color:var(--text);min-width:42px;text-align:right}.toggle{position:relative;width:38px;height:21px}.toggle input{display:none}.toggle span{position:absolute;top:0;right:0;bottom:0;left:0;background:#1d3527;border-radius:20px;transition:.15s;cursor:pointer}.toggle span:after{content:"";position:absolute;width:15px;height:15px;border-radius:50%;background:var(--text-dim);top:3px;left:3px;transition:.15s}.toggle input:checked+span{background:var(--accent-deep)}.toggle input:checked+span:after{left:20px;background:#03150a}.maptools{display:flex;align-items:center;gap:18px;padding:10px 14px;margin-bottom:14px;flex-wrap:wrap;border:1px solid var(--line);border-radius:12px;background:linear-gradient(180deg,var(--panel),var(--panel-2))}.maptools .seg{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-dim)}.maptools select{width:auto;padding:6px 10px}.maptools input[type=range]{width:120px;accent-color:var(--accent-dim)}.maptools .val{font-family:var(--mono);font-size:12px;color:var(--accent);min-width:34px}.maps{display:grid;grid-template-columns:1fr 1fr;gap:14px}.mapcard{position:relative;overflow:hidden}.maphead{display:flex;align-items:center;justify-content:space-between;padding:12px 14px 8px}.maphead .t{font-weight:700;font-size:14px}.maphead .tag{font-size:11px;color:var(--text-faint);font-family:var(--mono)}.canvas-wrap{position:relative;aspect-ratio:1 / .82}.leaflet-map{width:100%;height:100%;background:#0c1610}.leaflet-container{font-family:inherit}.leaflet-control-attribution{background:#0a1410cc!important;color:var(--text-faint)!important}.leaflet-control-attribution a{color:var(--text-dim)!important}.legend{display:flex;align-items:center;gap:8px;padding:8px 14px 14px;font-size:11px;color:var(--text-faint)}.legend .bar{height:8px;flex:1;border-radius:4px}.bar.elev{background:linear-gradient(90deg,#2e7896,#3ab08a,#ded556,#e0833e,#c44834)}.bar.slope{background:linear-gradient(90deg,#346ca8,#4696c8,#8cc4de,#e0ecf4)}.pinIcon{background:none;border:none}.pinIcon .flag{position:relative;width:22px;height:22px}.pinIcon .dot{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:16px;height:16px;border-radius:50%;background:#03150a;border:2px solid var(--accent);display:grid;place-items:center;font-size:10px;font-weight:700;color:#eaffe9;box-shadow:0 0 0 3px #03150a88,0 2px 6px #000a}.pinIcon.hard .dot{border-color:var(--warn)}.pinIcon.tour .dot{border-color:#d8a4f0}.pinIcon.setout .flag{width:30px;height:30px}.pinIcon.setout .dot{width:26px;height:26px;background:#2a0a24;border:3px solid #ff5cc8;font-size:14px;color:#ffe9f8;box-shadow:0 0 0 4px #ff5cc855,0 0 18px #ff5cc8aa,0 2px 8px #000a}.setout-card{border-color:var(--accent-deep)}.setout-card .setout-coord .lab{font-weight:700;color:var(--text);font-size:13px}.setout-card .setout-coord .mono{font-family:var(--mono);font-size:13px;color:var(--accent);margin:8px 0 4px;line-height:1.5}.setout-card .setout-coord .meta{font-size:12px;color:var(--text-dim)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:14px}.stat .k{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint)}.stat .v{font-size:20px;font-weight:700;margin-top:6px}.stat .v small{font-size:12px;color:var(--text-dim);font-weight:500}.stat .sub{font-size:12px;color:var(--text-dim);margin-top:2px}.histhead{display:flex;align-items:center;justify-content:space-between;margin:18px 4px 10px}.histhead h3{margin:0;font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint)}.hist{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}.thumb{background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow:hidden}.thumb canvas{aspect-ratio:1 / .8;cursor:pointer;width:100%;display:block}.thumb .lbl{font-size:11px;color:var(--text-dim);padding:6px 8px;font-family:var(--mono)}.pinlist{margin-top:6px;max-height:300px;overflow:auto}.pinrow{display:grid;grid-template-columns:26px 1fr auto;gap:10px;align-items:center;padding:9px 6px;border-bottom:1px solid var(--line-soft)}.pinrow .h{width:24px;height:24px;border-radius:6px;background:#1c3527;display:grid;place-items:center;font-weight:700;font-size:12px}.pinrow .meta{font-size:12px;color:var(--text-dim)}.pinrow .meta b{color:var(--text);font-weight:600}.pinrow .coord{font-family:var(--mono);font-size:11px;color:var(--accent);text-align:right}.pinlist .empty{color:var(--text-faint);font-size:12px;padding:10px 4px}.chip{display:inline-block;font-size:10px;padding:2px 7px;border-radius:20px;background:#143324;color:var(--accent);border:1px solid var(--line);margin-left:6px}.chip.hard{color:var(--warn)}.chip.tour{color:#d8a4f0}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%) translateY(20px);background:#14271c;border:1px solid var(--accent-deep);color:var(--text);padding:11px 18px;border-radius:12px;font-size:13px;opacity:0;pointer-events:none;transition:.25s;box-shadow:0 10px 40px #0008;z-index:9999}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.footnote{color:var(--text-faint);font-size:12px;margin-top:26px;text-align:center;line-height:1.6}.footnote code{font-family:var(--mono);color:var(--text-dim)}.sectiontitle{font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:var(--text-faint);margin:2px 0 10px;font-weight:600}@media (max-width: 980px){.grid,.maps{grid-template-columns:1fr}.stats,.hist{grid-template-columns:repeat(2,1fr)}}