:root{--deep:#103c39;--deep2:#194e49;--mint:#e8f2ed;--teal:#276e65;--gold:#dcae59;--cream:#f9f7f0;--ink:#183933;--muted:#688078;--border:#dfe9e2;--paper:#fff;--warn:#935d2a;--shadow:0 20px 58px rgba(20,53,47,.09);color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font:15px/1.5 Inter,'Segoe UI',Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:3px}a{color:inherit;text-decoration:none}button:disabled{cursor:not-allowed;opacity:.55}.container{max-width:1360px;margin:0 auto;padding:0 30px}.smallcaps{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.muted{color:var(--muted)}.gold{color:var(--gold)}.strong{font-weight:800}.pill{display:inline-flex;align-items:center;gap:8px;border-radius:40px;background:var(--mint);color:var(--teal);padding:7px 13px;font-size:12px;font-weight:800}.pill.gold-pill{background:#fdf0d5;color:#936229}.tag-dot{width:7px;height:7px;border-radius:50%;display:inline-block;background:var(--gold)}.btn{border:0;border-radius:12px;padding:12px 18px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:800;transition:transform .15s,background .15s;text-align:center}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn-primary{background:var(--gold);color:#233529}.btn-deep{background:var(--deep);color:#fff}.btn-outline{background:transparent;color:var(--deep);border:1px solid #cadbd1}.btn-ghost{background:#e8f1eb;color:var(--deep)}.btn-sm{padding:9px 12px;font-size:12px;border-radius:10px}.btn-wide{width:100%}.btn-icon{width:41px;height:41px;padding:0}.buttonrow{display:flex;flex-wrap:wrap;gap:9px}.site-header{position:sticky;top:0;z-index:1001;background:rgba(249,247,240,.97);backdrop-filter:blur(15px);border-bottom:1px solid var(--border)}.nav-inner{height:76px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;gap:12px;font-size:19px;font-weight:850;letter-spacing:-.03em}.brand-emblem{width:41px;height:41px;background:var(--deep);color:var(--gold);border-radius:12px;display:grid;place-items:center;font-size:25px;font-family:Georgia,serif}.brand small{display:block;font-size:9px;letter-spacing:.18em;color:var(--muted);font-weight:800;margin-top:-3px}.nav-links{display:flex;align-items:center;gap:7px}.nav-link{border:0;background:transparent;color:#647a72;padding:10px 15px;border-radius:9px;font-size:13px;font-weight:750}.nav-link.active,.nav-link:hover{background:#e9f0e9;color:var(--deep)}.nav-actions{display:flex;align-items:center;gap:10px}.gps-badge{background:#f1eee7;border-radius:50px;padding:8px 12px;font-weight:750;font-size:11px;white-space:nowrap}.gps-badge.live{background:#e2f4e5;color:#25694a}.main{min-height:calc(100vh - 165px)}.hero{margin:30px 0 28px;min-height:337px;display:grid;grid-template-columns:58% 42%;border-radius:23px;overflow:hidden;background:radial-gradient(circle at 76% 30%,#28615a 0,transparent 40%),linear-gradient(110deg,#103c39,#1c504b);color:#fff;position:relative}.hero-copy{padding:48px 56px;position:relative;z-index:2}.hero h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(34px,4.3vw,60px);font-weight:500;line-height:1.08;margin:18px 0 18px;letter-spacing:-.045em}.hero h1 em{color:#edc37f;font-style:normal}.hero p{color:#d7e7e1;max-width:575px;line-height:1.7;margin:0 0 25px;font-size:16px}.hero-graphic{min-height:280px;position:relative;display:flex;align-items:end;justify-content:center;overflow:hidden}.hero-graphic svg{width:100%;height:100%;position:absolute;bottom:0;left:0}.hero-graphic .sun{width:200px;height:200px;border-radius:50%;background:#ddb167;opacity:.23;position:absolute;right:19%;top:14%}.eyebrow{color:#dec18a}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:23px 0 40px}.stat{background:#fff;border:1px solid var(--border);padding:19px 22px;border-radius:15px;display:flex;align-items:center;gap:17px}.stat .stat-icon{height:43px;width:43px;background:var(--mint);color:var(--teal);border-radius:11px;display:grid;place-items:center;font-size:22px}.stat b{font-size:23px;display:block;line-height:1.2}.stat span{font-size:12px;color:var(--muted)}.section-top{display:flex;justify-content:space-between;align-items:end;gap:15px;margin:25px 0 17px}.section-top h2{font-family:Georgia,serif;font-size:34px;font-weight:500;letter-spacing:-.035em;margin:5px 0 0}.section-top p{margin:4px 0 0}.route-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-bottom:43px}.route-card{background:#fff;border-radius:19px;border:1px solid var(--border);overflow:hidden;box-shadow:0 7px 24px rgba(20,49,43,.035)}.route-art{height:205px;position:relative;overflow:hidden;padding:23px 24px;color:#fff}.route-art.towers{background:linear-gradient(130deg,#103c39,#1f6258)}.route-art.traditions{background:linear-gradient(125deg,#604a32,#a47e48)}.route-art svg{position:absolute;right:0;bottom:-5px;width:70%;height:95%;opacity:.8}.route-art .art-label{position:relative;z-index:1}.route-card-body{padding:24px}.route-card h3{font-family:Georgia,serif;font-size:27px;line-height:1.15;font-weight:500;margin:7px 0 10px}.route-card p{min-height:52px;margin:0;color:var(--muted)}.route-facts{display:flex;gap:15px;color:#58756d;font-weight:700;font-size:12px;margin:18px 0 21px;flex-wrap:wrap}.route-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border);padding-top:18px;gap:10px}.route-price{font-size:24px;font-weight:850}.route-price small{font-size:12px;color:var(--muted);font-weight:650;display:block}.info-strip{background:var(--mint);border:1px solid #cce2d7;border-radius:15px;padding:23px 27px;display:flex;align-items:center;gap:23px;margin:22px 0 52px}.info-strip .info-mark{font-family:Georgia,serif;font-size:35px;color:var(--teal)}.info-strip p{margin:3px 0 0;color:#507469}.info-strip h3{margin:0;font-size:16px}.footer{border-top:1px solid var(--border);padding:26px 0;margin-top:30px}.footer-content{display:flex;align-items:center;justify-content:space-between;gap:15px;color:var(--muted);font-size:12px}.back-btn{display:inline-flex;align-items:center;gap:7px;border:0;background:none;padding:13px 0;color:var(--teal);font-weight:750}.detail-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin:20px 0}.detail-head h1{font-family:Georgia,serif;font-size:clamp(31px,4vw,50px);font-weight:500;margin:11px 0 10px;line-height:1.13}.detail-head p{color:var(--muted);max-width:640px;margin:0}.detail-cta{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}.progress-wrap{margin:19px 0 25px;background:#fff;padding:20px 24px;border:1px solid var(--border);border-radius:14px}.progress-top{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:13px}.progressbar{width:100%;height:10px;border-radius:50px;background:#e8eee9;overflow:hidden;margin-top:13px}.progressbar>span{height:100%;border-radius:50px;background:linear-gradient(90deg,#277369,#d3ae67);display:block;transition:width .3s}.workspace{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(330px,.93fr);gap:20px;align-items:start}.map-shell{background:#fff;border-radius:17px;border:1px solid var(--border);overflow:hidden;box-shadow:var(--shadow)}.map-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:15px 17px;flex-wrap:wrap}.map-toolbar b{font-size:14px}.map-controls{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.map-controls .btn{padding:8px 10px;font-size:11px}.map-canvas{height:545px;background:#e6eee5;position:relative;z-index:1}.map-canvas .leaflet-container{height:100%;width:100%;z-index:0}.map-overlay{position:absolute;left:17px;bottom:18px;z-index:400;background:rgba(255,255,255,.95);border:1px solid #dae5df;padding:8px 12px;border-radius:10px;font-size:11px;color:#55716a;max-width:75%}.fallback{position:absolute;inset:0;background:#e7ece3;display:flex;align-items:center;justify-content:center;overflow:hidden}.fallback svg{width:100%;height:100%}.fallback-note{position:absolute;right:15px;top:15px;background:rgba(255,255,255,.95);color:var(--ink);padding:10px 12px;font-size:12px;border-radius:9px;max-width:250px;box-shadow:0 8px 30px #0e393722}.marker-pin{background:var(--deep);color:#fff;border:3px solid #fff;border-radius:50% 50% 50% 0;width:34px;height:34px;transform:rotate(-45deg);box-shadow:0 2px 8px #1a363355;display:grid;place-items:center;font-weight:850}.marker-pin span{transform:rotate(45deg)}.marker-pin.done{background:#27836d}.marker-pin.current{background:#d6a047;color:#173832}.stop-panel{border-radius:17px;border:1px solid var(--border);background:#fff;overflow:hidden}.panel-head{padding:21px 22px;border-bottom:1px solid var(--border)}.panel-head h2{font-size:20px;margin:0 0 5px}.panel-head p{font-size:12px;color:var(--muted);margin:0}.stop-list{max-height:566px;overflow:auto}.stop-row{display:flex;gap:13px;align-items:flex-start;padding:16px 18px;background:#fff;border:0;border-bottom:1px solid #edf1ec;width:100%;text-align:left;transition:background .2s}.stop-row:hover,.stop-row.selected{background:#f2f7f1}.stop-row.selected{border-left:4px solid var(--gold);padding-left:14px}.stop-num{width:32px;height:32px;border-radius:50%;flex-shrink:0;background:#e5eee8;color:var(--teal);display:grid;place-items:center;font-weight:850;font-size:13px}.stop-num.done{background:#d9f1e1;color:#24684e}.stop-num.current{background:var(--gold);color:#20392f}.stop-text{flex:1;min-width:0}.stop-text b{display:block;font-size:13px}.stop-text small{display:block;font-size:11px;color:var(--muted);line-height:1.5;margin-top:3px}.stop-status{font-size:10px;border-radius:5px;background:#edf1ec;padding:4px 6px;color:#618075;font-weight:800;white-space:nowrap}.stop-status.done{background:#dff3e8;color:#287357}.stop-status.current{background:#fff1d5;color:#90662e}.selected-card{margin-top:20px;border:1px solid var(--border);background:#fff;border-radius:17px;padding:23px}.selected-card h2{font-family:Georgia,serif;font-weight:500;margin:8px 0 11px;font-size:29px}.selected-card p{color:var(--muted);margin:0 0 15px}.selected-card .distance-label{display:inline-flex;padding:7px 11px;background:var(--mint);border-radius:8px;font-size:11px;color:var(--teal);font-weight:800;margin:0 0 16px}.story-quote{background:#f2f5f0;border-left:3px solid var(--gold);padding:14px 17px;border-radius:0 10px 10px 0;color:#3c5c52;font:italic 16px/1.58 Georgia,serif;margin:10px 0 18px}.selected-card .buttonrow{margin-top:16px}.note{font-size:11px;color:var(--muted);line-height:1.6;margin:13px 0 0}.pass-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.profile-card{border:1px solid var(--border);background:#fff;padding:26px;border-radius:17px}.profile-card h2{margin:0 0 15px;font-size:20px}.profile-card p{color:var(--muted)}.achievement-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.achievement{min-height:114px;text-align:center;padding:16px 7px;border:1px solid #e0eae3;border-radius:11px;background:#fbfcfa}.achievement.dim{opacity:.42}.achievement .symbol{font-size:29px;margin-bottom:7px}.achievement b{font-size:12px;display:block}.purchase-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid var(--border);font-size:13px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.about-box{background:#fff;border:1px solid var(--border);border-radius:16px;padding:29px}.about-box h3{margin:0 0 10px;font-size:19px}.about-box p,.about-box li{color:var(--muted);line-height:1.7}.about-box ul{padding-left:20px}.empty-state{padding:60px 28px;text-align:center;background:white;border-radius:18px;border:1px solid var(--border)}.empty-state h2{font-family:Georgia,serif;font-size:32px;font-weight:500}.empty-state p{color:var(--muted);max-width:500px;margin:0 auto 25px}.backdrop{position:fixed;inset:0;background:rgba(10,36,34,.57);z-index:3000;display:flex;align-items:center;justify-content:center;padding:18px;backdrop-filter:blur(5px)}.modal{background:#fff;color:var(--ink);border-radius:19px;max-width:500px;width:100%;box-shadow:0 24px 85px #0e222d55;max-height:90vh;overflow:auto;position:relative;padding:29px}.modal.wide{max-width:625px}.modal h2{font:500 32px/1.2 Georgia,serif;margin:6px 0 9px}.modal p{color:var(--muted);font-size:14px}.modal-close{position:absolute;right:20px;top:18px;width:33px;height:33px;border-radius:8px;background:#f1f3ef;border:0;font-size:21px;display:grid;place-items:center}.tabs{display:flex;gap:7px;margin:22px 0 18px;padding:5px;background:#f0f4ee;border-radius:10px}.tabs button{flex:1;border:0;background:transparent;color:var(--muted);padding:9px 11px;border-radius:8px;font-weight:800}.tabs button.active{background:#fff;color:var(--deep);box-shadow:0 1px 7px #1b36371a}.field{display:block;margin:15px 0}.field span{display:block;margin-bottom:6px;font-weight:780;font-size:12px}.field input{width:100%;padding:12px 14px;border:1px solid #cbded2;border-radius:10px;background:#fcfefc;color:var(--ink)}.field input:focus{border-color:var(--teal)}.demo-card{border:1px solid #eadbba;background:#fdf9ee;border-radius:12px;padding:16px;margin:18px 0}.demo-card b{display:block}.demo-card small{color:#947647}.quiz-progress{display:flex;gap:6px;margin:18px 0 22px}.quiz-progress span{height:6px;flex:1;background:#e3ebe6;border-radius:5px}.quiz-progress .filled{background:var(--teal)}.quiz-answers{display:grid;gap:9px}.answer{display:flex;gap:10px;align-items:center;text-align:left;padding:14px;border-radius:11px;background:#fff;border:1px solid #d9e4dc;color:var(--ink)}.answer:hover{background:#f5f9f5}.answer.selected{background:#e9f5ea;border-color:#549c7f}.answer .letter{border-radius:7px;background:#e9f1ed;padding:5px 9px;font-weight:800}.feedback{padding:12px 15px;border-radius:9px;background:#fff3de;color:#875719;font-size:13px;margin:13px 0}.feedback.correct{background:#e3f5e8;color:#22714d}.modal-actions{display:flex;gap:10px;justify-content:space-between;align-items:center;margin-top:20px}.toast-region{position:fixed;bottom:28px;right:28px;z-index:6000;max-width:min(420px,calc(100vw - 30px))}.toast{background:var(--deep);color:#fff;padding:13px 17px;border-radius:13px;box-shadow:0 14px 40px #16393355;margin-top:9px;font-size:13px;animation:rise .2s ease}.toast.error{background:#8a3f35}@keyframes rise{from{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.sources{font-size:11px;color:var(--muted);padding:22px 0 4px}.sources a{text-decoration:underline}.break-all{overflow-wrap:anywhere}
@media(max-width:1150px){.nav-links{gap:0}.nav-link{padding:9px}.workspace{grid-template-columns:1fr}.stop-list{max-height:280px}.selected-card{margin:20px 0}.hero-copy{padding:39px}.stats-grid{gap:10px}.stat{padding:15px}}
@media(max-width:780px){.container{padding:0 17px}.nav-inner{height:auto;min-height:70px;flex-wrap:wrap;gap:3px;padding:11px 0}.nav-links{order:3;flex-basis:100%;overflow:auto;justify-content:center}.nav-actions .gps-badge{display:none}.nav-link{font-size:12px;padding:9px 11px}.brand{font-size:17px}.brand-emblem{width:35px;height:35px}.hero{grid-template-columns:1fr;min-height:380px;margin-top:17px}.hero-copy{padding:32px 27px 35px}.hero h1{font-size:40px;position:relative}.hero-graphic{position:absolute;inset:10% 0 0 auto;width:65%;opacity:.24}.hero p{position:relative}.stats-grid{grid-template-columns:1fr 1fr}.route-grid,.pass-grid,.about-grid{grid-template-columns:1fr}.info-strip{align-items:flex-start}.section-top h2{font-size:30px}.detail-head{display:block}.detail-cta{justify-content:flex-start;margin-top:18px}.map-canvas{height:395px}.route-art{height:160px}.footer-content{display:block}.footer-content span{display:block;margin:7px 0}.modal{padding:22px}.achievement-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:400px){.stats-grid{gap:8px}.stat{gap:8px;padding:11px}.stat b{font-size:19px}.stat .stat-icon{width:32px;height:36px}.detail-cta .btn{flex:1}.map-toolbar{display:block}.map-controls{margin-top:10px}.map-controls .btn{font-size:10px}.hero h1{font-size:34px}}

.map-canvas .maplibregl-map{width:100%;height:100%}
.map-canvas .maplibregl-ctrl-attrib{font-size:10px}
.user-location-dot{background:#2582e1;width:16px;height:16px;border-radius:50%;border:3px solid white;box-shadow:0 1px 8px #1238}

/* PWA / bezsaistes režīma stāvokļi */
.connection-pill{display:inline-flex;align-items:center;white-space:nowrap;padding:7px 10px;border-radius:999px;font-size:11px;font-weight:800;background:#e4f1e9;color:#286d52}
.connection-pill.offline{background:#ffeed7;color:#805422}
.btn-install{background:#f1e6ca;color:#194a42;border:1px solid #e6d09e;white-space:nowrap}
.offline-intro{display:flex;gap:14px;align-items:center;flex-wrap:wrap;background:#edf5ee;border:1px solid #cddfd0;border-radius:14px;padding:15px 19px;margin:0 0 28px}
.offline-intro strong{color:#245e4f;font-size:14px}
.offline-intro span{color:#5b7667;font-size:13px;flex:1;min-width:240px}
.offline-intro .btn{flex-shrink:0}
@media(max-width:780px){.nav-actions{gap:5px}.btn-install{padding:7px 9px;font-size:11px}.connection-pill{font-size:10px;padding:7px 9px}.offline-intro{align-items:flex-start}}
@media(max-width:410px){.nav-actions .btn-install{padding:6px 8px}}