@import url("https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:wght@400;700&family=DM+Serif+Display:ital@0;1&display=swap");
:root{--cream:#fffaf1;--warm:#f4e8d4;--terra:#b85e41;--green:#355b49;--green-dark:#213b31;--ink:#2e2a25;--muted:#625a50;--line:#ded1bf;--shadow:0 16px 42px rgba(66,50,31,.1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"Atkinson Hyperlegible",Arial,sans-serif;font-size:18px;line-height:1.55}a{color:inherit}button,input,select,textarea{font:inherit}.hidden{display:none!important}.topbar{position:sticky;top:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:10px 4vw;background:rgba(255,250,241,.97);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:9px;text-decoration:none}.brand-logo{width:64px}.brand strong{display:block;font-size:23px;line-height:1}.brand small{color:var(--muted);font-size:12px}.nav{display:flex;align-items:center;gap:4px}.nav a,.nav button{border:0;background:transparent;padding:10px;font-weight:700;text-decoration:none;border-radius:9px}.nav-login{background:var(--green)!important;color:#fff!important}.menu-btn{display:none}.eyebrow{font-size:13px;font-weight:700;letter-spacing:.12em;color:#8b4029;text-transform:uppercase;margin:0 0 10px}.light{color:#ffe1d3}h1,h2{font-family:"DM Serif Display",Georgia,serif;font-weight:400;line-height:1;margin:0}h1{font-size:clamp(56px,8vw,96px)}h2{font-size:clamp(40px,5vw,70px)}h1 em,h2 em{color:var(--terra);font-style:italic}h3{font-size:27px;margin:0 0 8px}.lead{font-size:23px}.hero{position:relative;min-height:600px;padding:100px 5vw 72px;color:#fff;overflow:hidden;background:#4a382d}.hero-background,.hero-overlay{position:absolute;inset:0}.hero-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;animation:fade 18s infinite,zoom 18s infinite}.s1{background-image:url('hero-slide-1.png');animation-delay:0s}.s2{background-image:url('hero-slide-2.png');animation-delay:6s}.s3{background-image:url('hero-slide-3.png');animation-delay:12s}.hero-overlay{background:linear-gradient(90deg,rgba(28,20,15,.78),rgba(55,38,25,.56));z-index:1}.hero-inner{position:relative;z-index:2;max-width:1180px;margin:auto}.hero-panel{max-width:760px;background:rgba(30,22,16,.32);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(8px);padding:36px;border-radius:28px}.hero h1 em{color:#ffd5b9}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 18px}.btn{min-height:52px;display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;border-radius:12px;border:2px solid transparent;font-weight:700;text-decoration:none}.primary{background:var(--green);color:#fff}.secondary{background:#fff;border-color:var(--green);color:var(--green-dark)}.ghost{background:rgba(255,255,255,.14);color:#fff;border-color:rgba(255,255,255,.45)}.full{width:100%}.hero-tags{display:flex;gap:8px;flex-wrap:wrap}.hero-tags span{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.16);padding:8px 11px;border-radius:999px;font-weight:700;font-size:14px}@keyframes fade{0%,28%{opacity:1}33%,95%{opacity:0}100%{opacity:1}}@keyframes zoom{0%{transform:scale(1.04)}100%{transform:scale(1.11)}}.strip{display:grid;grid-template-columns:repeat(4,1fr);max-width:1280px;margin:auto}.strip div{padding:20px;background:#fff;border:1px solid var(--line);border-top:0}.strip b{display:block}.strip span{color:var(--muted);font-size:14px}.section{padding:76px 5vw;border-top:1px solid var(--line)}.section>*{max-width:1280px;margin-left:auto;margin-right:auto}.section-head{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:end;margin-bottom:26px}.section-head>p{margin:0;color:var(--muted);font-size:19px}.warm{background:var(--warm)}input,select,textarea{width:100%;background:#fff;border:2px solid #cec2b0;border-radius:10px;padding:12px 13px;min-height:50px}label{display:grid;gap:6px;font-weight:700}.map-tools{display:flex;gap:10px;margin-bottom:16px}.map-tools input{flex:1}.map-layout{display:grid;grid-template-columns:1.1fr .7fr;gap:16px}.map-card,.detail-card,.create-grid article{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.map-card{padding:15px}.real-map{height:580px;border-radius:15px;overflow:hidden}.legend{display:flex;gap:15px;padding-top:10px;font-size:14px}.dot{display:inline-block;width:13px;height:13px;border-radius:50%;margin-right:5px}.live{background:var(--green)}.proposed{background:var(--terra)}.detail-card{padding:20px;min-height:580px}.detail-list{display:grid;gap:8px;margin:15px 0}.detail-list div{background:#faf4e9;padding:11px;border-radius:11px}.route-links{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.route-links a{border:2px solid var(--green);border-radius:10px;padding:9px;text-align:center;text-decoration:none;font-weight:700}.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:14px}.gallery img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px}.grid{display:grid;gap:13px}.market-grid{grid-template-columns:repeat(3,1fr);margin-top:20px}.market-card,.item-card{background:#fff;border:1px solid var(--line);border-radius:17px;overflow:hidden}.market-card img,.item-card img{width:100%;aspect-ratio:4/3;object-fit:cover}.card-body{padding:16px}.status{display:inline-block;padding:5px 8px;border-radius:999px;background:#e6f0e9;color:#244b37;font-size:12px;font-weight:700}.status.proposed{background:#f7e4da;color:#87452f}.actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}.small{min-height:43px;font-size:14px;padding:8px}.schedule-intro{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px}.schedule-intro div{background:#fff;border:1px solid var(--line);padding:16px;border-radius:14px}.schedule-intro b{display:block}.schedule-intro span{font-size:14px;color:var(--muted)}.calendar-list{display:grid;gap:12px}.calendar-card{display:grid;grid-template-columns:150px 1fr auto;gap:16px;align-items:center;background:#fff;border:1px solid var(--line);padding:17px;border-radius:16px}.times{display:flex;flex-wrap:wrap;gap:6px}.times span{background:#f7eee1;border-radius:999px;padding:5px 8px;font-size:13px}.toolbar{display:flex;gap:12px;align-items:center;margin-bottom:18px}.toolbar span{color:var(--muted)}.item-grid{grid-template-columns:repeat(4,1fr)}.item-card img{aspect-ratio:1/1}.price{display:inline-block;background:#e8f0eb;padding:5px 8px;border-radius:999px;font-weight:700;font-size:13px}.create-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.create-grid article{padding:22px}.create-grid article>span{font-size:36px}.security{background:#233d32;color:#fff}.security h2,.security h2 em{color:#fff}.security h2 em{color:#ffd1ba}.security-grid{display:grid!important;grid-template-columns:1.05fr .95fr;gap:38px;align-items:center}.security-points{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin:20px 0}.security-points div{background:rgba(255,255,255,.08);padding:13px;border-radius:12px}.security-points b,.security-points span{display:block}.security-points span{font-size:14px;color:#dfeae4}.warning{background:#fff2de;color:#594127;padding:13px;border-radius:12px;font-weight:700}.monitor{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;background:#101816;border:7px solid #657a70;padding:10px;border-radius:20px}.cam{height:130px;display:grid;place-items:center;background:linear-gradient(135deg,#607669,#34483e);border-radius:9px}.device-row{display:flex;justify-content:space-around;gap:8px;margin-top:14px}.device-row span{background:#fff;color:#222;padding:12px;border-radius:12px}.community{padding:72px 5vw;background:#355d4b;color:#fff;text-align:center}.community>div{max-width:950px;margin:auto}.community h2,.community h2 em{color:#fff}.community h2 em{color:#ffd1ba}.pills{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin-top:20px}.pills span{background:#fff8ee;color:#284132;padding:10px 14px;border-radius:999px;font-weight:700}footer{padding:25px 5vw}.empty{padding:22px;background:#fff;border:1px dashed #cbbda9;border-radius:14px;color:var(--muted)}.modal{position:fixed;inset:0;z-index:4000;display:grid;place-items:center;background:rgba(25,20,17,.65);padding:18px}.modal-card{position:relative;background:#fffaf4;width:min(760px,96vw);max-height:90vh;overflow:auto;border-radius:22px;padding:26px}.modal-card.small{width:min(480px,96vw)}.close{position:absolute;right:15px;top:10px;border:0;background:none;font-size:32px}.oauth{display:grid;gap:9px;margin-top:15px}.oauth button{min-height:50px;border:1px solid var(--line);background:#fff;border-radius:11px;font-weight:700}.oauth .fb{background:#1877f2;color:#fff}.oauth .x{background:#111;color:#fff}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.modal form{display:grid;gap:11px}.check{display:flex;align-items:center;gap:8px}.check input{width:auto;min-height:0}.toast{position:fixed;left:50%;bottom:20px;transform:translate(-50%,20px);background:var(--green-dark);color:#fff;padding:12px 16px;border-radius:11px;opacity:0;transition:.2s;z-index:5000}.toast.show{opacity:1;transform:translate(-50%,0)}.market-marker span{display:block;width:21px;height:21px;border-radius:50%;border:3px solid #fff;box-shadow:0 4px 10px rgba(0,0,0,.2)}.market-marker-live span{background:var(--green)}.market-marker-proposed span{background:var(--terra)}
@media(max-width:1050px){.section-head,.map-layout,.security-grid{grid-template-columns:1fr}.strip,.schedule-intro{grid-template-columns:repeat(2,1fr)}.market-grid,.create-grid{grid-template-columns:repeat(2,1fr)}.item-grid{grid-template-columns:repeat(3,1fr)}.detail-card{min-height:0}.calendar-card{grid-template-columns:1fr}.real-map{height:500px}}
@media(max-width:800px){.menu-btn{display:block}.nav{display:none;position:absolute;left:4vw;right:4vw;top:74px;flex-direction:column;align-items:stretch;background:#fff;padding:10px;border-radius:12px;box-shadow:var(--shadow)}.nav.open{display:flex}.map-tools{flex-direction:column}.item-grid{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}}
@media(max-width:560px){h1{font-size:52px}h2{font-size:40px}.strip,.schedule-intro,.market-grid,.create-grid,.item-grid,.security-points,.route-links{grid-template-columns:1fr}.hero-actions .btn{width:100%}.real-map{height:420px}.device-row{flex-direction:column}.brand-logo{width:55px}}


/* ===== Automatic venue discovery ===== */
.venue-finder{background:#fffdf8}
.candidate-note{background:#fff4de;border:1px solid #e7c98f;border-radius:16px;padding:15px 17px;margin-bottom:18px;color:#5b442c}
.venue-filter-card{display:grid;grid-template-columns:1.1fr .75fr .7fr auto;gap:12px;align-items:end;background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:var(--shadow)}
.venue-filter-card label span{display:block;font-weight:700;margin-bottom:6px}
.region-quick{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}
.region-quick button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 13px;font-weight:700;color:var(--green-dark)}
.region-quick button:hover{background:#eef5f1}
.candidate-status{padding:13px 15px;border-radius:13px;background:#f6efe4;color:var(--muted);margin:10px 0 18px}
.candidate-groups{display:grid;gap:22px}
.candidate-group h3{font-size:24px;margin:0 0 10px}
.candidate-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.candidate-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:17px;box-shadow:0 8px 24px rgba(66,50,31,.06)}
.candidate-card .candidate-type{display:inline-flex;background:#f7e5da;color:var(--terra-dark);border-radius:999px;padding:5px 8px;font-size:12px;font-weight:700}
.candidate-card h4{font-size:21px;margin:9px 0 5px}
.candidate-card p{margin:0;color:var(--muted);font-size:15px}
.candidate-card .candidate-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:13px}
.candidate-card .candidate-actions .btn{font-size:14px;min-height:44px;padding:8px 10px}
.candidate-source{font-size:12px;color:#756b61;margin-top:9px}
.candidate-map-marker{background:transparent;border:0}
.candidate-map-marker span{display:block;width:18px;height:18px;border-radius:50%;background:#cf7b58;border:3px solid #fff;box-shadow:0 3px 9px rgba(0,0,0,.2)}

/* ===== Shared work / venue economics ===== */
.community-work{background:#f8efe1}
.help-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.help-grid article{background:#fff;border:1px solid var(--line);border-radius:17px;padding:20px}
.help-grid article>span{font-size:34px}.help-grid h3{font-size:22px}.help-grid p{color:var(--muted);font-size:16px;margin-bottom:0}
.venue-economy{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;background:#355b49;color:#fff;border-radius:22px;padding:28px;margin-top:20px}
.venue-economy .eyebrow{color:#ffd5c1}.venue-economy h3{font-size:31px}.venue-economy p{color:#eef5f0}
.impact-list{display:grid;gap:9px;align-content:center}.impact-list span{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);border-radius:13px;padding:12px 14px;font-weight:700}
.help-callout{margin-top:16px;background:#fff;border:2px solid #d6b985;border-radius:16px;padding:16px 18px;font-size:18px}

@media(max-width:1050px){
  .venue-filter-card{grid-template-columns:1fr 1fr}
  .candidate-grid{grid-template-columns:repeat(2,1fr)}
  .help-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:650px){
  .venue-filter-card,.candidate-grid,.help-grid,.venue-economy{grid-template-columns:1fr}
}


/* ===== Venue voting + map preview ===== */
.vote-pill{display:inline-flex;align-items:center;gap:6px;background:#eef5f1;color:var(--green-dark);border-radius:999px;padding:6px 10px;font-size:13px;font-weight:700;margin-top:9px}
.candidate-actions-3{grid-template-columns:1fr 1fr 1fr!important}
.vote-btn{position:relative}
.vote-btn strong{margin-left:5px}
.map-modal-card{width:min(720px,96vw)}
.candidate-mini-map{height:390px;border-radius:16px;overflow:hidden;border:1px solid var(--line);margin:14px 0}
.candidate-map-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.oauth button.provider-disabled{opacity:.58;cursor:not-allowed;background:#ececec!important;color:#666!important;border-color:#d5d5d5!important}
.modal-note.warning{background:#fff4de;border:1px solid #e7c98f;border-radius:12px;padding:10px 12px;color:#654c31}
.candidate-autoload-note{font-size:14px;color:var(--muted);margin-top:6px}
@media(max-width:700px){
  .candidate-actions-3,.candidate-map-actions{grid-template-columns:1fr!important}
  .candidate-mini-map{height:320px}
}
