/* Generated by gen_dark_surfaces.py from site/css/site.css: do not edit by hand. */
html body a { color: #FF9EBB }
html body a:hover { color: #8FD9B0 }
html body .eyebrow { color: #FF9EBB }
html body .skip { --soil: #1B1513; --muted: #5A5250; color: #1B1513 }
html body .btn { background-color: rgba(6, 16, 12, .72); color: var(--g-text); border-color: var(--g-rim) }
html body .btn.wattle { --soil: #1B1513; --muted: #5A5250; color: #1B1513 }
html body .btn.mist { color: #1B1513 }
html body .btn.soil { background-color: rgba(6, 16, 12, .72); color: var(--g-text); border-color: var(--g-rim) }
html body .btn.outline-dark, html body .btn.ghost { border-color: var(--g-rim) }
html body .daybar { background-color: rgba(6, 16, 12, .72); color: var(--g-text) }
html body .nav a.visit { --soil: #1B1513; --muted: #5A5250; color: #1B1513 }
html body .weekcard { background-color: var(--g-fill-strong); color: var(--g-text) }
html body .gl { border-color: var(--g-rim) }
html body .gl .d { color: #FF9EBB }
html body .find input { border-color: var(--g-rim) }
html body .lightkey { color: #8FD9B0 }
html body .kind { border-color: var(--g-rim) }
html body .kind small { color: #8FD9B0 }
html body .pin button { background-color: var(--g-fill-strong); color: var(--g-text); border-color: var(--g-rim) }
html body .pin.active button, html body .pin button:hover { --soil: #1B1513; --muted: #5A5250; color: #1B1513; border-color: var(--g-rim) }
html body .pin.light button { --soil: #1B1513; --muted: #5A5250; color: #1B1513; border-color: var(--g-rim) }
html body .pin i { background-color: rgba(6, 16, 12, .72); color: var(--g-text) }
html body .pin b { background-color: rgba(6, 16, 12, .72); color: var(--g-text) }
html body .tool { background-color: var(--g-fill-strong); color: var(--g-text); border-color: var(--g-rim) }
html body .mpanel { background-color: var(--g-fill-strong); color: var(--g-text); border-color: var(--g-rim) }
html body .place .biz { border-color: var(--g-rim) }
html body .place .close { border-color: var(--g-rim) }
html body .week { border-color: var(--g-rim) }
html body .entry { border-color: var(--g-rim) }
html body .entry .kicker { color: #FF9EBB }
html body .links .linkbtn, html body .event .linkbtn, html body .spot .linkbtn { color: #FF9EBB }
html body .event { border-color: var(--g-rim) }
html body .date { border-color: var(--g-rim) }
html body .tag { border-color: var(--g-rim) }
html body .tag.today { --soil: #1B1513; --muted: #5A5250; color: #1B1513 }
html body .formcard { border-color: var(--g-rim) }
html body .field input, html body .field select, html body .field textarea { background-color: var(--g-fill-strong); color: var(--g-text); border-color: var(--g-rim) }
html body .notice { background-color: var(--g-fill-strong); color: var(--g-text) }
html body .notice:nth-child(3n+2) { --soil: #1B1513; --muted: #5A5250; color: #1B1513 }
html body .notice:nth-child(3n+3) { --soil: #1B1513; --muted: #5A5250; color: #1B1513 }
html body .notice .eyebrow { color: #FF9EBB }
html body .guide article { background-color: var(--g-fill-strong); color: var(--g-text) }
html body .guide .linkbtn { color: #FF9EBB }
html body .facts { border-color: var(--g-rim) }
html body .fact strong { color: #FF9EBB }
html body .dirsearch input { border-color: var(--g-rim) }
html body .dirsearch button { border-color: var(--g-rim) }
html body .dircols { color: #8FD9B0 }
html body .spot { border-color: var(--g-rim) }
html body .firecard { background-color: rgba(6, 16, 12, .72); color: var(--g-text) }
html body .know { border-color: var(--g-rim) }
html body .weekly { --soil: #1B1513; --muted: #5A5250; color: #1B1513 }
html body .weekly input { --soil: #1B1513; --muted: #5A5250; color: #1B1513; border-color: var(--g-rim) }
html body .promo.wattle { --soil: #1B1513; --muted: #5A5250; color: #1B1513 }
html body .promo.mist { border-color: var(--g-rim) }
html body .feature { border-color: var(--g-rim) }
html body .feature .eyebrow { color: #FF9EBB }
html body .sticker { --soil: #1B1513; --muted: #5A5250; color: #1B1513 }
html body footer.site { background-color: rgba(6, 16, 12, .72); color: var(--g-text) }
html body .signin { background-color: var(--g-fill-strong); color: var(--g-text) }
html body .signinbox input { --soil: #1B1513; --muted: #5A5250; color: #1B1513; border-color: var(--g-rim) }
html body .signinbox .close { border-color: var(--g-rim) }
html body .page-visit .nav a.visit { box-shadow: var(--g-hi), var(--g-shadow-1) }
html body .postcard { --soil: #1B1513; --muted: #5A5250; color: #1B1513 }
html body .pc-greet { color: #FF9EBB }
html body .pc-name { color: #8FD9B0 }
html body .vchead { border-color: var(--g-rim) }
html body .vkind { color: #FF9EBB }
html body .vtile { border-color: var(--g-rim) }
html body .vtile.second { --soil: #1B1513; --muted: #5A5250; color: #1B1513 }
html body .vstop-card { border-color: var(--g-rim) }
html body .vsticker { --soil: #1B1513; --muted: #5A5250; color: #1B1513 }
html body .vrow { border-color: var(--g-rim) }
html body .vrow:last-child { border-color: var(--g-rim) }
html body .vcard2 { border-color: var(--g-rim) }
html body .tone-wattle .vcard2 { --soil: #1B1513; --muted: #5A5250; color: #1B1513 }
html body .tone-ripe .vcard2 { --soil: #1B1513; --muted: #5A5250; color: #1B1513 }
html body .vmenu { background-color: rgba(6, 16, 12, .72); color: var(--g-text) }
html body .vsignpost { border-color: var(--g-rim) }
html body .exp-pill { border-color: var(--g-rim) }
html body .exp-pill.on { background-color: rgba(6, 16, 12, .72); color: var(--g-text) }
html body .dirrow.edge .hr { color: #8FD9B0 }
html body .pin.rim button { --soil: #1B1513; --muted: #5A5250; color: #1B1513; border-color: var(--g-rim) }
html body .pin.rim i { background-color: rgba(6, 16, 12, .72); color: var(--g-text) }
html body .town-square { border-color: var(--g-rim) }
html body .forum-tabs { border-color: var(--g-rim) }
html body .ftab { border-color: var(--g-rim) }
html body .ftab:hover { background-color: var(--g-fill-strong); color: var(--g-text) }
html body .ftab.on { background-color: rgba(6, 16, 12, .72); color: var(--g-text) }
html body .ftab.groups { color: #8FD9B0 }
html body .tvote { background-color: var(--g-fill-strong); color: var(--g-text); border-color: var(--g-rim) }
html body .tvote:hover:not(:disabled) { --soil: #1B1513; --muted: #5A5250; color: #1B1513 }
html body .tch { color: #8FD9B0 }
html body .tch.ch-market { color: #FF9EBB }
html body .tprice { --soil: #1B1513; --muted: #5A5250; color: #1B1513 }
html body .tpin { color: #FF9EBB }
html body .gcard { background-color: var(--g-fill-strong); color: var(--g-text) }
html body .gcat { color: #8FD9B0 }
html body .tile { border-color: var(--g-rim) }
html body .tile.tone-wattle { --soil: #1B1513; --muted: #5A5250; color: #1B1513 }
html body .tile.tone-soil { background-color: rgba(6, 16, 12, .72); color: var(--g-text); border-color: var(--g-rim) }
html body .tile.tone-mist { background-color: var(--g-fill-strong); color: var(--g-text) }
html body .tile.tone-local { border-color: var(--g-rim) }
html body .tile.tone-berry.today .tdate span { background-color: rgba(6, 16, 12, .72); color: var(--g-text) }
html body .cnotice .kicker { color: #FF9EBB }
html body .cnotice a { color: #FF9EBB }
html body .squarelink { background-color: rgba(6, 16, 12, .72); color: var(--g-text) }
html body .dirside button[aria-pressed="true"] { background-color: rgba(6, 16, 12, .72); color: var(--g-text) }
html body .dot.out { box-shadow: var(--g-hi), var(--g-shadow-1) }
html body .dmap { color: #FF9EBB }
@media (max-width: 760px) { html body .dirside { background-color: var(--g-fill-strong); color: var(--g-text) } }
@media (max-width: 760px) { html body .dirside button { border-color: var(--g-rim) } }
html body .flayout .ftab.on { background-color: rgba(6, 16, 12, .72); color: var(--g-text) }
html body a.tpin { color: #FF9EBB }
html body .weeknav { border-color: var(--g-rim) }
html body .wkarrow { background-color: rgba(6, 16, 12, .72); color: var(--g-text) }
html body .tvote.down:hover:not(:disabled) { --soil: #1B1513; --muted: #5A5250; color: #1B1513 }
html body .treportbox { background-color: var(--g-fill-strong); color: var(--g-text) }
html body .treasons button { border-color: var(--g-rim) }
html body .treasons button:hover { --soil: #1B1513; --muted: #5A5250; color: #1B1513 }
html body .addevent { border-color: var(--g-rim) }
html body .scoreboard { background-color: rgba(6, 16, 12, .72); color: var(--g-text) }
html body .shead span.now { color: #FF9EBB }
html body .tone-wattle .scell.on { --soil: #1B1513; --muted: #5A5250; color: #1B1513 }
html body .srow:not(.shead):hover .sname { color: #FF9EBB }
html body .rfilter button { border-color: var(--g-rim) }
html body .rfilter button[aria-pressed="true"] { background-color: rgba(6, 16, 12, .72); color: var(--g-text) }
html body .ckind b { color: #FF9EBB }
html body .cnick { color: #FF9EBB }
html body .cjoin { background-color: var(--g-fill-strong); color: var(--g-text) }
html body .clinks .cbtn:hover { background-color: rgba(6, 16, 12, .72); color: var(--g-text) }
html body .ralso { border-color: var(--g-rim) }
html body .rrun { --soil: #1B1513; --muted: #5A5250; color: #1B1513 }
@media (max-width: 800px) { html body .menubtn { --soil: #1B1513; --muted: #5A5250; color: #1B1513 } }
html body .isechead { border-color: var(--g-rim) }
html body .iphone:hover { color: #FF9EBB }
html body .iemergency .iitem.big { --soil: #1B1513; --muted: #5A5250; color: #1B1513 }
html body .iemergency .ibig { color: #FF9EBB }
html body .isite { border-color: var(--g-rim) }
html body .icontact { --soil: #1B1513; --muted: #5A5250; color: #1B1513 }
html body .todayfacts li:first-child { border-color: var(--g-rim) }
html body .todayfacts .tv a { color: #FF9EBB }
html body .wchead.sub { border-color: var(--g-rim) }
html body .mlink { background-color: rgba(6, 16, 12, .72); color: var(--g-text) }
html body .mlink:nth-child(4) { --soil: #1B1513; --muted: #5A5250; color: #1B1513 }
html body .calmenu { background-color: rgba(6, 16, 12, .72); color: var(--g-text) }
html body .sundot { --soil: #1B1513; --muted: #5A5250; color: #1B1513 }
html body .stage-hero { border-color: var(--g-rim) }
html body .hud-card { border-color: var(--g-rim); box-shadow: var(--g-hi), var(--g-shadow-1) }
html body .hud-collapse { border-color: var(--g-rim) }
html body .stage-intro .greeting { color: #FF9EBB }
html body .stage-find input { border-color: var(--g-rim) }
html body .find-clear { background-color: var(--g-fill-strong); color: var(--g-text) }
html body .find-clear:hover { --soil: #1B1513; --muted: #5A5250; color: #1B1513 }
html body .stage-chip { border-color: var(--g-rim) }
html body .stage-chip.open-pill[aria-pressed="true"] { border-color: var(--g-rim) }
html body .stage-results { border-color: var(--g-rim) }
html body .stage-results-head { background-color: var(--g-fill-strong); color: var(--g-text) }
html body .stage-res-tag { background-color: var(--g-fill-strong); color: var(--g-text) }
html body .stage-dir-link { color: #8FD9B0 }
html body .stage-dir-link:hover { color: #FF9EBB }
html body .stage-pulse.weekcard { background-color: var(--g-fill-strong); color: var(--g-text) }
html body .hud-trails { border-color: var(--g-rim); box-shadow: var(--g-hi), var(--g-shadow-1) }
html body .trails-label { color: #8FD9B0 }
html body .trail-pill { border-color: var(--g-rim) }
html body .stage-dock { border-color: var(--g-rim); box-shadow: var(--g-hi), var(--g-shadow-1) }
html body .tool.cinema-btn[aria-pressed="true"] { background-color: rgba(6, 16, 12, .72); color: var(--g-text); border-color: var(--g-rim) }
html body .stage-mapwrap .place { border-color: var(--g-rim); box-shadow: var(--g-hi), var(--g-shadow-1) }
html body .p-act-btn { border-color: var(--g-rim) }
html body .p-act-btn:hover { --soil: #1B1513; --muted: #5A5250; color: #1B1513 }
html body .p-events { border-color: var(--g-rim) }
html body .p-events-title { color: #FF9EBB }
html body .p-event-card { border-color: var(--g-rim) }
html body .p-neighbors { border-color: var(--g-rim) }
html body .p-neighbors-title { color: #8FD9B0 }
html body .p-neighbor-btn { border-color: var(--g-rim) }
html body .p-neighbor-btn:hover { --soil: #1B1513; --muted: #5A5250; color: #1B1513 }
html body .kinds-block { border-color: var(--g-rim); box-shadow: var(--g-hi), var(--g-shadow-1) }
html body .back-to-map-fab { --soil: #1B1513; --muted: #5A5250; color: #1B1513; border-color: var(--g-rim); box-shadow: var(--g-hi), var(--g-shadow-1) }
@media (max-width: 820px) { html body .stage-hero:not(.mobile-map-open) { border-color: var(--g-rim) } }
@media (max-width: 820px) { html body .stage-hero:not(.mobile-map-open) .stage-intro { background-color: var(--g-fill-strong); color: var(--g-text); border-color: var(--g-rim); box-shadow: var(--g-hi), var(--g-shadow-1) } }
@media (max-width: 820px) { html body .stage-hero:not(.mobile-map-open) .mobile-map-promo { border-color: var(--g-rim) } }
@media (max-width: 820px) { html body .mobile-map-beacon i { --soil: #1B1513; --muted: #5A5250; color: #1B1513 } }
@media (max-width: 820px) { html body .mobile-map-open-btn { box-shadow: var(--g-hi), var(--g-shadow-1) } }
@media (max-width: 820px) { html body .stage-hero:not(.mobile-map-open) .stage-dock { border-color: var(--g-rim) } }
@media (max-width: 820px) { html body .mobile-map-back, html body .mobile-map-search-btn { border-color: var(--g-rim); box-shadow: var(--g-hi), var(--g-shadow-1) } }
@media (max-width: 820px) { html body .mobile-map-back { background-color: rgba(6, 16, 12, .72); color: var(--g-text) } }
@media (max-width: 820px) { html body .mobile-map-search-btn { background-color: var(--g-fill-strong); color: var(--g-text) } }
@media (max-width: 820px) { html body .mobile-map-search-btn[aria-expanded="true"] { --soil: #1B1513; --muted: #5A5250; color: #1B1513 } }
html body .dir-input-wrap input { border-color: var(--g-rim) }
html body .dirsearch button#dirOpen { border-color: var(--g-rim) }
html body .viewswitch { border-color: var(--g-rim) }
html body .viewswitch button[aria-pressed="true"] { background-color: rgba(6, 16, 12, .72); color: var(--g-text) }
html body .ldot { --soil: #1B1513; --muted: #5A5250; color: #1B1513 }
html body .ldot.out { --soil: #1B1513; --muted: #5A5250; color: #1B1513 }