/* Poison Must Go v12 draft */
.cc-page{background:#0C0D0B}
.cc-map-view,.cc-enc{background:#0f1a1f}
.cc-map{position:absolute;inset:0;z-index:0;background:#1d2622}
.cc-map-view{isolation:isolate}
.cc-top{position:absolute;top:10px;left:10px;right:10px;z-index:500;display:flex;justify-content:space-between;align-items:flex-start;gap:10px;pointer-events:none}
.cc-top>*{pointer-events:auto}
.cc-crew-btn{min-height:52px;padding:0 18px;border-radius:999px;border:2px solid #D4FF3A;background:#0C0D0B;color:#F4EEE3;font:700 18px/1 var(--sans);cursor:pointer;box-shadow:0 8px 20px -10px rgba(0,0,0,.6)}
.cc-crew-btn b{color:#D4FF3A;margin-left:4px}
.cc-status{position:absolute;left:50%;top:126px;transform:translateX(-50%);z-index:500;margin:0;max-width:min(92%,520px);text-align:center;background:rgba(12,13,11,.88);color:#F4EEE3;font:600 17px/1.3 var(--sans);padding:10px 16px;border-radius:16px;pointer-events:none}
.cc-bottom{position:absolute;left:10px;right:10px;bottom:max(12px,env(safe-area-inset-bottom));z-index:530;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;box-sizing:border-box;padding-right:max(124px, calc(env(safe-area-inset-right) + 116px))}
.cc-mk-wrap{background:none;border:0}
.cc-mk{width:76px;height:76px;padding:4px;border-radius:50%;border:4px solid #D4FF3A;background:#0C0D0B;cursor:pointer;box-shadow:0 0 0 6px rgba(212,255,58,.28),0 10px 20px -6px rgba(0,0,0,.7);display:block}
.cc-mk svg{width:100%;height:100%;display:block}
.cc-mk.bob{animation:cc-bob 1.6s ease-in-out infinite}
@keyframes cc-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
.cc-mk:focus-visible{outline:4px solid #fff;outline-offset:3px}
/* encounter */
.cc-enc canvas{touch-action:none}
.cc-enc-top{position:absolute;top:10px;left:10px;right:10px;z-index:3;display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none;text-align:center}
.cc-pro-name{margin:0;font:700 15px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:#D4FF3A}
.cc-say{margin:0;background:#FBF8F2;color:#1E2B24;font:600 clamp(22px,6vw,30px)/1.15 var(--serif);padding:10px 18px;border-radius:20px;position:relative;max-width:92%}
.cc-say:after{content:"";position:absolute;left:50%;bottom:-10px;margin-left:-10px;border:10px solid transparent;border-top-color:#FBF8F2;border-bottom:0}
.cc-meters{display:flex;gap:10px;margin-top:8px;width:min(100%,520px)}
.cc-meter{flex:1;display:flex;flex-direction:column;gap:4px;background:rgba(12,13,11,.75);border-radius:12px;padding:6px 10px}
.cc-meter small{font:700 12px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:#e9e4da;text-align:left}
.cc-track{display:block;height:12px;border-radius:99px;background:rgba(244,238,227,.16);overflow:hidden}
.cc-track i{display:block;height:100%;width:0;background:#D4FF3A;border-radius:99px}
.cc-track.pat i{background:#5ee6ff}
.cc-track.pat.low i{background:#ff9b6b}
.cc-react{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);z-index:3;margin:0;pointer-events:none;opacity:0;background:#0C0D0B;color:#F4EEE3;border:2px solid #F4EEE3;font:700 18px/1.2 var(--sans);padding:8px 14px;border-radius:14px;white-space:nowrap;transition:opacity .2s}
.cc-react.is-on{opacity:1}
.cc-react.best{border-color:#D4FF3A;color:#D4FF3A}
.cc-react.other{border-color:#ff9b6b;color:#ffcfb8}
.cc-dock{position:absolute;left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));z-index:3;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}
.cc-dock>*{pointer-events:auto}
.cc-hint{margin:0;max-width:440px;text-align:center;background:rgba(12,13,11,.85);color:#F4EEE3;font:600 16px/1.3 var(--sans);padding:8px 12px;border-radius:12px;pointer-events:none!important}
.cc-tray{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-width:640px}
.cc-card{min-height:84px;border-radius:16px;border:3px solid rgba(244,238,227,.35);background:#FBF8F2;color:#1E2B24;font:700 15px/1.2 var(--sans);padding:8px 8px 8px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center}
.cc-card.is-on{border-color:#D4FF3A;background:#f4ffd0;box-shadow:0 0 0 4px rgba(212,255,58,.45)}
.cc-card-k{font:800 12px/1 var(--sans);color:#565F58}
.cc-card:focus-visible{outline:3px solid #fff;outline-offset:2px}
.cc-leave{min-height:48px;padding:0 20px;border-radius:999px;border:1px solid rgba(244,238,227,.4);background:rgba(12,13,11,.7);color:#F4EEE3;font:600 16px/1 var(--sans);cursor:pointer}
/* overlays */
.cc-ov .card{background:#0C0D0B;color:#F4EEE3;border:2px solid #D4FF3A}
.cc-ov .eyebrow{color:#D4FF3A}
.cc-ov p{color:#e9e4da}
.cc-ov .gbtn{background:#D4FF3A;color:#0C0D0B;border-color:#D4FF3A}
.cc-ov .gbtn.ghost{background:transparent;color:#F4EEE3;border-color:#F4EEE3}
.cc-fine{font-size:16px!important;color:#c9c3b8!important}
.cc-xp{font:800 22px/1 var(--sans)!important;color:#D4FF3A!important}
.cc-ov-pro{display:block;width:110px;height:176px;margin:0 auto 6px}
.cc-ov .nmh-mantra{display:block;text-align:center;margin:8px auto 14px;max-width:none}
.cc-ov .nmh-mantra .mk{display:inline-block;background:#D4FF3A;color:#0C0D0B;padding:.12em .45em;font-weight:800}
.cc-crew{list-style:none;margin:8px auto;padding:0;max-width:380px;text-align:left;display:grid;gap:8px}
.cc-crew li{display:flex;align-items:center;gap:12px;background:rgba(244,238,227,.07);border-radius:14px;padding:8px 12px;border:2px solid transparent;cursor:pointer}
.cc-crew li.is-on{border-color:#D4FF3A}
.cc-crew-av{width:52px;height:52px;flex:none;border-radius:50%;background:#1d2622;border:2px solid #D4FF3A;overflow:hidden}
.cc-crew-av svg{width:100%;height:100%;display:block}
.cc-crew-n{display:flex;flex-direction:column;gap:3px}
.cc-crew-n b{font:700 18px/1.2 var(--sans)}
.cc-crew-n small{font:500 15px/1 var(--sans);color:#c9c3b8}
.cc-crew-empty{font-size:18px!important}
.cc-xp-chip{box-shadow:0 8px 20px -10px rgba(0,0,0,.6)}
@media (max-height:700px){.cc-ov-pro{width:80px;height:128px}.cc-card{min-height:72px;font-size:14px}}
@media (prefers-reduced-motion:reduce){.cc-mk.bob{animation:none}.cc-react{transition:none}}
.cc-patch{display:inline-block;margin:0 auto 6px!important;background:#F4EEE3;color:#0C0D0B!important;font:800 15px/1 var(--sans)!important;letter-spacing:.06em;text-transform:uppercase;padding:8px 12px;border-radius:999px}
body.cc-ov-open .xp-pop{display:none!important}

/* v2 explore map (original neon street, no third-party art) */
.cc-world{position:absolute;inset:0;z-index:0;overflow:hidden;background:#0a1020;touch-action:none}
.cc-map{position:absolute;inset:0;width:100%;height:100%;display:block;background:#0a1020}
.cc-actors{position:absolute;inset:0;z-index:2;pointer-events:none}
.cc-actors .cc-mk-wrap{position:absolute;transform:translate(-50%,-88%);pointer-events:auto;background:none;border:0;padding:0}
.cc-mk{position:relative;width:86px;height:86px;padding:4px;border-radius:50%;border:3px solid #D4FF3A;background:rgba(12,13,11,.92);cursor:pointer;display:block;box-shadow:0 0 0 6px rgba(212,255,58,.2),0 10px 22px -8px rgba(0,0,0,.7)}
.cc-mk svg{width:100%;height:100%;display:block;border-radius:50%}
.cc-halo{position:absolute;left:50%;bottom:-10px;width:78px;height:24px;margin-left:-39px;border-radius:50%;border:2px solid rgba(212,255,58,.85);box-shadow:0 0 16px rgba(212,255,58,.55),inset 0 0 10px rgba(94,230,255,.25);pointer-events:none}
.cc-mk.bob{animation:cc-bob 1.6s ease-in-out infinite}
.cc-halo.pulse{animation:cc-halo 1.8s ease-in-out infinite}
@keyframes cc-halo{0%,100%{opacity:.65;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}
.cc-you{position:absolute;left:50%;top:58%;z-index:3;width:78px;height:118px;transform:translate(-50%,-78%);pointer-events:none;overflow:visible}
.cc-you svg{width:100%;height:100%;display:block}
.cc-you .cc-you-ring{position:absolute;left:50%;bottom:4px;width:70px;height:18px;margin-left:-35px;border-radius:50%;border:2px solid rgba(94,230,255,.8);box-shadow:0 0 12px rgba(94,230,255,.4);pointer-events:none}
.cc-top-btns{display:flex;gap:6px;align-items:flex-start;flex-wrap:nowrap;justify-content:flex-end}
.cc-street-btn{min-height:48px;padding:0 12px;border-radius:999px;border:2px solid rgba(244,238,227,.45);background:#0C0D0B;color:#F4EEE3;font:700 15px/1 var(--sans);cursor:pointer;box-shadow:0 8px 20px -10px rgba(0,0,0,.6);white-space:nowrap}
.cc-street-btn[aria-pressed="true"]{border-color:#D4FF3A;color:#D4FF3A}
.cc-street-card{max-width:420px}
.cc-street-map{display:block;width:100%;max-width:360px;margin:8px auto 4px;background:#0b0f12;border-radius:16px;border:2px solid rgba(212,255,58,.35)}
.cc-pin{position:absolute;transform:translate(-50%,-50%);pointer-events:none;width:22px;height:22px}
/* encounter tweaks: more stage room for a large glowing pro */
.cc-enc{background:#07090c}
.cc-react{top:40%}
@media (prefers-reduced-motion:reduce){.cc-halo.pulse,.cc-you .cc-you-ring{animation:none}}
.cc-lite .cc-halo.pulse,.cc-lite .cc-mk.bob{animation:none}
.cc-enh .cc-mk{box-shadow:0 0 0 7px rgba(212,255,58,.28),0 0 24px rgba(212,255,58,.4),0 10px 22px -8px rgba(0,0,0,.7)}

.cc-nudge{width:min(92%,400px);background:#0C0D0B;border:2px solid #D4FF3A;border-radius:20px;padding:14px 16px 16px;text-align:center;pointer-events:auto;box-shadow:0 10px 24px -10px rgba(0,0,0,.7)}
.cc-nudge p{margin:0 0 12px;color:#F4EEE3;font:600 17px/1.3 var(--sans)}
.cc-nudge-btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 22px;border-radius:999px;border:2px solid #0C0D0B;background:#D4FF3A;color:#0C0D0B;font:800 18px/1 var(--sans);text-decoration:none}
.cc-nudge-btn:focus-visible{outline:3px solid #fff;outline-offset:3px}

.cc-nudge{position:relative;padding:52px 16px 16px}
.cc-nudge p{margin:0 0 12px;padding-right:8px}
.cc-nudge-x{position:absolute;top:2px;right:2px;width:44px;height:44px;border:0;background:transparent;color:#F4EEE3;font:700 22px/1 var(--sans);cursor:pointer;border-radius:12px}
.cc-nudge-x:focus-visible{outline:3px solid #fff;outline-offset:2px}
.cc-nudge-actions{display:flex;flex-direction:column;align-items:stretch;gap:8px}
.cc-nudge-btn{width:100%;box-sizing:border-box;cursor:pointer;font-family:var(--sans)}
.cc-nudge-btn-sec{background:transparent;color:#F4EEE3;border-color:#F4EEE3}
.cc-travel-bar{pointer-events:auto;width:min(92%,400px);box-sizing:border-box}

/* Street / Map toggle and Leaflet 2D view */
.cc-view-toggle{display:flex;flex:none;border:2px solid rgba(244,238,227,.45);border-radius:999px;overflow:hidden;background:#0C0D0B}
.cc-view-btn{min-height:48px;padding:0 14px;border:0;background:transparent;color:#F4EEE3;font:700 15px/1 var(--sans);cursor:pointer}
.cc-view-btn.is-on{background:#D4FF3A;color:#0C0D0B}
.cc-view-btn:focus-visible{outline:3px solid #fff;outline-offset:-3px;z-index:1}
.cc-leaflet,.cc-leaflet .leaflet-container,.cc-leaflet .leaflet-pane{touch-action:none;-ms-touch-action:none}
.cc-leaflet{position:absolute;inset:0;z-index:1;background:#1d2622;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.cc-leaflet .cc-mk-leaflet{transition:translate .18s ease-out}
@media (prefers-reduced-motion:reduce){.cc-leaflet .cc-mk-leaflet{transition:none}}
.cc-mode-map .cc-world,.cc-mode-map .cc-you{visibility:hidden;pointer-events:none}
.cc-leaflet .leaflet-control-attribution{font-size:11px}
/* v10c: Map weather/night overlay sits above tiles, below pins and credits */
.cc-leaflet .cc-map-fx{position:absolute;inset:0;z-index:450;width:100%;height:100%;pointer-events:none;display:block}
.cc-leaflet .leaflet-bottom{margin-bottom:80px}
.cc-leaflet .cc-mk-wrap{position:relative;transform:none;background:none;border:0;padding:0;width:76px;height:86px}
.cc-leaflet .cc-halo{bottom:2px}
.cc-enc-view{margin:0;font:800 12px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:#D4FF3A}
.cc-progress{position:absolute;left:10px;right:max(132px, calc(70px + env(safe-area-inset-right)));bottom:max(16px, calc(env(safe-area-inset-bottom,0px) + 8px));z-index:520;display:flex;flex-direction:column;align-items:center;pointer-events:none}
.cc-progress-handle,.cc-progress-body{pointer-events:auto}
.cc-progress-handle{min-height:44px;padding:0 18px;border:2px solid rgba(244,238,227,.45);border-radius:999px;background:#0C0D0B;color:#F4EEE3;font:700 15px/1 var(--sans);cursor:pointer;box-shadow:0 8px 20px -10px rgba(0,0,0,.6)}
.cc-progress.is-open .cc-progress-handle{border-color:#D4FF3A;color:#D4FF3A}
.cc-progress-handle:focus-visible{outline:3px solid #fff;outline-offset:2px}
.cc-progress-body{width:100%;background:rgba(12,13,11,.94);border:2px solid #D4FF3A;border-radius:20px;padding:10px 10px 8px;margin-bottom:8px;box-shadow:0 10px 24px -10px rgba(0,0,0,.7)}
.cc-progress-body{overflow:hidden}
.cc-progress-body .cc-street-map{position:relative;inset:auto;display:block;width:100%;height:150px;max-width:360px;margin:0 auto 6px;background:#0b0f12;border-radius:16px;border:2px solid rgba(212,255,58,.35)}
.cc-progress-body .cc-fine{margin:0;text-align:center;color:#e9e4da;font:500 15px/1.3 var(--sans)}

.cc-bottom > *,.cc-progress,.cc-progress-handle{flex-shrink:0}

.cc-rare{margin:0 0 2px;font:800 11px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:#ffd36b}
.cc-block{position:relative;overflow:hidden;min-height:52px;min-width:48px;padding:0 22px;border-radius:999px;border:2px solid #0C0D0B;background:#5ee6ff;color:#0C0D0B;font:800 18px/1 var(--sans);cursor:pointer;box-shadow:0 8px 20px -10px rgba(0,0,0,.7)}
.cc-block-fill{position:absolute;left:0;top:0;bottom:0;width:0;background:rgba(12,13,11,.2);pointer-events:none}
.cc-block[aria-pressed="true"],.cc-block.is-on{background:#D4FF3A}
.cc-block.is-on .cc-block-fill{background:rgba(255,255,255,.28)}
.cc-block-label{position:relative;z-index:1}
.cc-block:focus-visible{outline:3px solid #fff;outline-offset:2px}
.cc-recruit{position:relative;overflow:hidden;min-height:52px;min-width:48px;padding:0 22px;border-radius:999px;border:2px solid #0C0D0B;background:#1e5c32;color:#F4EEE3;font:800 18px/1 var(--sans);cursor:pointer;box-shadow:0 8px 20px -10px rgba(0,0,0,.7)}
.cc-recruit-fill{position:absolute;left:0;top:0;bottom:0;width:0;background:#2d8a4a;pointer-events:none}
.cc-recruit-label{position:relative;z-index:1}
.cc-recruit:focus-visible{outline:3px solid #fff;outline-offset:2px}
.cc-recruit:disabled{opacity:.85;cursor:default}
.cc-rank-btn{min-height:44px;padding:0 10px;border-radius:999px;border:2px solid rgba(244,238,227,.45);background:#0C0D0B;color:#F4EEE3;font:700 14px/1 var(--sans);cursor:pointer;box-shadow:0 8px 20px -10px rgba(0,0,0,.6);white-space:nowrap}
.cc-rank-btn:focus-visible{outline:3px solid #fff;outline-offset:2px}
.cc-rank-line{margin:8px 0 0;font:800 16px/1.3 var(--sans);color:#D4FF3A}
.cc-rank-now{margin:0 0 6px;font:800 22px/1.2 var(--sans);color:#D4FF3A}
.cc-ups{list-style:none;margin:10px auto;padding:0;max-width:380px;text-align:left;display:grid;gap:8px}
.cc-ups li{background:rgba(244,238,227,.07);border-radius:14px;padding:10px 12px}
.cc-ups li b{display:block;font:700 16px/1.2 var(--sans)}
.cc-ups li small{display:block;margin-top:3px;font:500 14px/1.3 var(--sans);color:#c9c3b8}
.cc-ups li.is-off{opacity:.55}
.cc-ups .cc-up-tag{display:inline-block;margin-top:6px;font:800 12px/1.2 var(--sans);letter-spacing:.04em;color:#D4FF3A}
.cc-ups li.is-off .cc-up-tag{color:#c9c3b8}
@media (max-width:400px){
  .cc-rank-btn{padding:0 10px;font-size:14px}
  .cc-view-btn{padding:0 10px}
}

.cc-halo.rare{border-color:#ffd36b;box-shadow:0 0 16px rgba(255,211,107,.65),inset 0 0 10px rgba(255,211,107,.3)}
.cc-rank-card{max-height:min(86vh,760px);overflow:auto}
@media (max-width:420px){
  .cc-crew-btn{min-height:48px;padding:0 12px;font-size:15px}
  .cc-top-btns{flex-wrap:wrap}
}

/* v6 campaign, draft only until Paul OKs */
.cc-util{position:absolute;top:62px;left:10px;right:10px;z-index:500;display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end;pointer-events:none}
.cc-util>*{pointer-events:auto}
.cc-util-btn{min-height:40px;padding:0 10px;border-radius:999px;border:2px solid rgba(244,238,227,.4);background:#0C0D0B;color:#F4EEE3;font:700 13px/1 var(--sans);cursor:pointer;white-space:nowrap}
.cc-util-btn[aria-pressed="true"]{border-color:#D4FF3A;color:#D4FF3A}
.cc-util-btn:focus-visible{outline:3px solid #fff;outline-offset:2px}
.cc-chapter,.cc-daily-bar{position:absolute;left:10px;right:10px;z-index:500;margin:0;text-align:center;font:700 14px/1.3 var(--sans);color:#D4FF3A;text-shadow:0 1px 0 #0C0D0B;pointer-events:none}
.cc-chapter{top:108px}
.cc-daily-bar{top:128px;color:#5ee6ff}
.cc-boss{margin:0 0 2px;font:800 11px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:#ff7ab6}
.cc-combo,.cc-helper-tag{position:absolute;left:0;right:0;text-align:center;margin:0;font:800 16px/1.2 var(--sans);color:#D4FF3A;text-shadow:0 1px 0 #0C0D0B;pointer-events:none;z-index:6}
.cc-helper-tag{top:auto;bottom:42%;color:#5ee6ff;font-size:14px}
.cc-combo{top:auto;bottom:36%}
.cc-story-card p,.cc-boss-card p{font-size:17px;line-height:1.4}
.cc-help-list,.cc-journal{list-style:none;margin:10px auto;padding:0;max-width:380px;text-align:left;display:grid;gap:8px;max-height:42vh;overflow:auto}
.cc-help-list li,.cc-journal li{display:flex;gap:10px;align-items:center;background:rgba(244,238,227,.07);border-radius:14px;padding:8px 10px;border:2px solid transparent;cursor:pointer}
.cc-help-list li.is-on{border-color:#D4FF3A}
.cc-help-list .cc-crew-av,.cc-journal-mark{flex:none;width:44px;height:56px}
.cc-help-list b,.cc-journal b{display:block;font:700 16px/1.2 var(--sans)}
.cc-help-list small,.cc-journal small{display:block;margin-top:2px;font:500 14px/1.3 var(--sans);color:#c9c3b8}
.cc-journal li{cursor:default}
.cc-boss-card .cc-ov-pro{width:130px;height:208px}
@media (max-width:400px){
  .cc-util-btn{padding:0 8px;font-size:12px;min-height:38px}
  .cc-chapter{top:112px}
  .cc-daily-bar{top:132px}
}


/* v7 playtest fixes: stacked chrome, first-pro pulse, landscape showdown, radar */
.cc-page .g-title{display:none}
body.cc-play .gbar,
body.cc-enc .gbar{display:none!important}

.cc-chrome{position:absolute;top:8px;left:8px;right:8px;z-index:500;display:flex;flex-direction:column;align-items:stretch;gap:4px;pointer-events:none}
.cc-chrome>*{pointer-events:auto}
.cc-chrome .cc-top{position:static;left:auto;right:auto;top:auto;z-index:auto;width:auto;align-items:center}
.cc-top-btns{flex-wrap:wrap;justify-content:flex-end;flex:1 1 auto;min-width:0}
.cc-chrome .cc-util{position:relative;top:auto;left:auto;right:auto;z-index:auto;display:flex;justify-content:flex-end;flex:none;margin:0}
.cc-util-btn{min-height:44px;padding:0 12px;font-size:14px;width:100%;box-sizing:border-box;text-align:left;border-radius:12px}
.cc-chapter,.cc-daily-bar{position:static;left:auto;right:auto;top:auto;z-index:auto;margin:0;text-align:center;text-shadow:0 1px 0 #0C0D0B;pointer-events:auto;font:700 13px/1.3 var(--sans);opacity:.85;max-height:3em;overflow:hidden;transition:opacity .45s ease,max-height .45s ease,margin .45s ease,padding .45s ease}
.cc-chapter{color:#D4FF3A}
.cc-daily-bar{color:#5ee6ff}
.cc-chrome .cc-status{position:static;left:auto;top:auto;transform:none;z-index:auto;margin:0 auto;max-width:min(100%,420px);pointer-events:auto;padding:5px 12px;font:600 13px/1.3 var(--sans);border-radius:12px;opacity:.92;max-height:6em;overflow:hidden;transition:opacity .45s ease,max-height .45s ease,margin .45s ease,padding .45s ease}
.cc-chrome.is-lines-faded .cc-chapter,
.cc-chrome.is-lines-faded .cc-daily-bar,
.cc-chrome.is-lines-faded .cc-status{opacity:0;max-height:0;margin:0;padding-top:0;padding-bottom:0;pointer-events:none}

@media (max-width:400px){
  .cc-util-btn{padding:0 10px;font-size:13px;min-height:44px}
  .cc-rank-btn,.cc-view-btn,.cc-crew-btn{min-height:44px}
  .cc-crew-btn{padding:0 12px;font-size:15px}
}

/* look-this-way pulse (visual only; off under reduced motion) */
.cc-look .cc-halo,
.cc-look.cc-mk-wrap .cc-halo{animation:cc-look-pulse 1s ease-in-out 3}
.cc-look .cc-mk{box-shadow:0 0 0 8px rgba(212,255,58,.5),0 10px 20px -6px rgba(0,0,0,.7)}
@keyframes cc-look-pulse{
  0%,100%{transform:scale(1);opacity:1}
  50%{transform:scale(1.35);opacity:.85}
}
@media (prefers-reduced-motion:reduce){
  .cc-look .cc-halo,.cc-look.cc-mk-wrap .cc-halo{animation:none}
  .cc-look .cc-mk{box-shadow:0 0 0 8px rgba(212,255,58,.55),0 10px 20px -6px rgba(0,0,0,.7)}
}

/* Street radar pip: edge cue toward an off-screen pro, no copy */
.cc-radar{position:absolute;z-index:450;width:28px;height:28px;pointer-events:none;filter:drop-shadow(0 0 8px rgba(212,255,58,.9))}
.cc-radar i{display:block;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:18px solid #D4FF3A;margin:5px auto 0}
@media (prefers-reduced-motion:reduce){
  .cc-radar{opacity:.9}
}

/* Landscape street: keep the loc button off the player */
@media (orientation:landscape) and (max-height:520px){
  .cc-chrome{top:6px;gap:4px}
  .cc-util-btn,.cc-rank-btn,.cc-view-btn,.cc-crew-btn{min-height:44px;padding:0 10px;font-size:13px}
  .cc-chapter,.cc-daily-bar{font-size:13px}
  .cc-chrome .cc-status{font-size:15px;padding:6px 12px}
  .cc-you{top:50%;width:64px;height:96px}
  .cc-bottom{bottom:max(12px, env(safe-area-inset-bottom))}
  .cc-bottom > .cc-nudge{flex-shrink:1}
  .cc-nudge{
    box-sizing:border-box;
    width:min(92%, 560px);
    padding:10px 48px 10px 14px;
    max-height:calc(100dvh - max(12px, env(safe-area-inset-bottom)) - 8px);
    overflow:auto;
  }
  .cc-nudge p{font-size:15px;margin:0 0 8px;padding-right:0}
  .cc-nudge-actions{flex-direction:row;align-items:stretch;gap:8px}
  .cc-nudge-btn{min-height:44px;width:auto;flex:1 1 0;font-size:15px;padding:0 12px;white-space:nowrap}
}

/* Landscape showdown: two columns, no page scroll, thumb-size moves (100dvh + safe-area). */
@media (orientation:landscape) and (max-height:520px){
  html:has(body.cc-enc),
  body.cc-enc,
  body.cc-enc .app,
  body.cc-enc .stage-w,
  body.cc-enc .stage,
  body.cc-enc .cc-enc{
    height:100dvh;max-height:100dvh;overflow:hidden;overscroll-behavior:none;
  }
  body.cc-enc .stage-w{position:fixed;inset:0;z-index:2}
  body.cc-enc .cc-enc{
    --cc-rail:clamp(168px,40vw,260px);
    box-sizing:border-box;
  }
  body.cc-enc .cc-enc canvas{
    position:absolute!important;
    top:0;
    left:0;
    right:auto;
    bottom:auto;
    width:calc(100% - var(--cc-rail) - max(8px,env(safe-area-inset-right)))!important;
    height:100%!important;
  }
  body.cc-enc .cc-enc-view{display:none!important}
  body.cc-enc .cc-enc-top{
    position:absolute;
    top:max(4px,env(safe-area-inset-top));
    left:max(6px,env(safe-area-inset-left));
    right:calc(var(--cc-rail) + max(8px,env(safe-area-inset-right)) + 6px);
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:flex-start;
    align-items:flex-start;
    gap:4px 8px;
    text-align:left;
  }
  body.cc-enc .cc-rare,
  body.cc-enc .cc-boss,
  body.cc-enc .cc-pro-name{flex:0 0 auto;font-size:11px;letter-spacing:.08em}
  body.cc-enc .cc-say{
    font-size:clamp(14px,4.2vh,18px);
    padding:4px 10px;
    max-width:100%;
    margin:0;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }
  body.cc-enc .cc-say:after{display:none}
  body.cc-enc .cc-meters{width:100%;max-width:none;margin:0;gap:6px}
  body.cc-enc .cc-meter{padding:3px 8px;border-radius:8px}
  body.cc-enc .cc-meter small{font-size:10px}
  body.cc-enc .cc-track{height:8px}
  body.cc-enc .cc-helper-tag,
  body.cc-enc .cc-combo,
  body.cc-enc .cc-react{
    left:max(6px,env(safe-area-inset-left));
    right:calc(var(--cc-rail) + max(8px,env(safe-area-inset-right)) + 6px);
    font-size:13px;
  }
  body.cc-enc .cc-helper-tag{bottom:42%}
  body.cc-enc .cc-combo{bottom:36%}
  body.cc-enc .cc-dock{
    position:absolute;
    top:max(6px,env(safe-area-inset-top));
    right:max(6px,env(safe-area-inset-right));
    bottom:max(6px,env(safe-area-inset-bottom));
    left:auto;
    width:var(--cc-rail);
    display:grid;
    grid-template-columns:1fr 1fr;
    grid-auto-rows:minmax(48px,1fr);
    gap:6px;
    align-content:stretch;
    justify-items:stretch;
    pointer-events:none;
  }
  body.cc-enc .cc-dock>*{pointer-events:auto}
  body.cc-enc .cc-hint{
    position:fixed;
    left:max(6px,env(safe-area-inset-left));
    right:calc(var(--cc-rail) + max(8px,env(safe-area-inset-right)) + 6px);
    bottom:max(6px,env(safe-area-inset-bottom));
    width:auto;
    max-width:none;
    margin:0;
    font-size:13px;
    line-height:1.25;
    padding:6px 8px;
    text-align:left;
    z-index:4;
    order:unset;
    pointer-events:none!important;
  }
  body.cc-enc .cc-tray{display:contents}
  body.cc-enc .cc-card,
  body.cc-enc .cc-block,
  body.cc-enc .cc-recruit,
  body.cc-enc .cc-leave{pointer-events:auto}
  body.cc-enc .cc-card,
  body.cc-enc .cc-block,
  body.cc-enc .cc-recruit,
  body.cc-enc .cc-leave{
    min-width:48px;
    min-height:48px;
    width:100%;
    height:100%;
    margin:0;
    box-sizing:border-box;
  }
  body.cc-enc .cc-card{
    font-size:11px;
    line-height:1.15;
    padding:4px 6px;
    border-radius:12px;
    overflow:hidden;
    gap:2px;
  }
  body.cc-enc .cc-card>span:not(.cc-card-k){
    display:-webkit-box;
    -webkit-line-clamp:4;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }
  body.cc-enc .cc-card-k{font-size:10px}
  body.cc-enc .cc-block{padding:0 8px;font-size:15px;border-radius:12px}
  body.cc-enc .cc-recruit{padding:0 8px;font-size:15px;border-radius:12px}
  body.cc-enc .cc-leave{padding:0 8px;font-size:13px;border-radius:12px}
  body.cc-enc .cc-ov .card{max-height:min(88dvh,88vh);overflow:auto;padding:12px 16px}
  body.cc-enc .cc-ov-pro{width:72px;height:112px}
}

/* Won/lost/story cards stay usable on short landscape screens */
@media (orientation:landscape) and (max-height:520px){
  .cc-ov .card{max-height:min(90dvh,90vh);overflow:auto}
  .cc-boss-card .cc-ov-pro{width:90px;height:144px}
}


/* v7 walk cycle, OTS chase cam, footstep dust, lock-on (original art; off under reduced motion) */
.cc-you{top:72%;width:128px;height:194px;z-index:4;transition:top .45s ease,left .45s ease,width .45s ease,height .45s ease;overflow:visible;filter:none}
.cc-you svg{transform-origin:50% 100%;overflow:visible}
.cc-you .cc-dust{position:absolute;left:10%;right:10%;bottom:2%;height:22%;pointer-events:none;z-index:0;overflow:visible}
.cc-dust-puff{position:absolute;bottom:0;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:radial-gradient(circle,rgba(212,255,58,.55),rgba(94,230,255,.2) 55%,transparent 72%);animation:cc-dust .5s ease-out forwards;pointer-events:none}
@keyframes cc-dust{from{opacity:.85;transform:translateY(0) scale(.55)}to{opacity:0;transform:translateY(-16px) scale(1.35)}}
/* Walk cycle is applied as SVG transform attributes (tickYouWalk), not CSS,
   so it rasterizes into screen recordings. Keyframes kept unused on purpose. */
.cc-you.is-walk svg,
.cc-you.is-walk .cc-you-leg-l,
.cc-you.is-walk .cc-you-leg-r,
.cc-you.is-walk .cc-you-arm-l,
.cc-you.is-walk .cc-you-arm-r{animation:none}
@keyframes cc-you-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes cc-leg-l{0%,100%{transform:rotate(15deg)}50%{transform:rotate(-15deg)}}
@keyframes cc-leg-r{0%,100%{transform:rotate(-15deg)}50%{transform:rotate(15deg)}}
@keyframes cc-arm-l{0%,100%{transform:rotate(-12deg)}50%{transform:rotate(12deg)}}
@keyframes cc-arm-r{0%,100%{transform:rotate(12deg)}50%{transform:rotate(-12deg)}}

/* closer over-the-shoulder when a pro is ahead */
.cc-map-view.is-spot .cc-you,
.cc-you.is-chase{left:66%;top:82%;width:152px;height:232px;transform:translate(-50%,-86%)}
.cc-you.is-chase .cc-you-ring,
.cc-map-view.is-spot .cc-you .cc-you-ring{width:86px;height:22px;margin-left:-43px}

/* lock-on ring around a nearby hovering pro (visual only) */
.cc-mk-wrap .cc-lock{position:absolute;left:50%;top:44%;width:112px;height:112px;margin:-56px 0 0 -56px;border-radius:50%;border:3px solid rgba(212,255,58,.95);box-shadow:0 0 18px rgba(212,255,58,.7),inset 0 0 12px rgba(94,230,255,.28);pointer-events:none;z-index:4;animation:cc-lock 1.8s ease-in-out infinite}
.cc-mk-wrap .cc-lock::before,.cc-mk-wrap .cc-lock::after{content:"";position:absolute;background:#D4FF3A;box-shadow:0 0 6px rgba(212,255,58,.85)}
.cc-mk-wrap .cc-lock::before{left:50%;top:-5px;width:3px;height:12px;margin-left:-1.5px}
.cc-mk-wrap .cc-lock::after{left:-5px;top:50%;width:12px;height:3px;margin-top:-1.5px}
.cc-mk-wrap.is-spot .cc-mk.bob{animation-duration:2.4s}
@keyframes cc-lock{0%,100%{transform:scale(.92);opacity:.75}50%{transform:scale(1.05);opacity:1}}

@media (orientation:landscape) and (max-height:520px){
  .cc-you{top:64%;width:100px;height:150px}
  .cc-map-view.is-spot .cc-you,
  .cc-you.is-chase{left:70%;top:80%;width:130px;height:196px}
}

@media (prefers-reduced-motion:reduce){
  .cc-you,.cc-map-view.is-spot .cc-you,.cc-you.is-chase{transition:none}
  .cc-you.is-walk svg,.cc-you.is-walk .cc-you-leg-l,.cc-you.is-walk .cc-you-leg-r,.cc-you.is-walk .cc-you-arm-l,.cc-you.is-walk .cc-you-arm-r{animation:none!important}
  .cc-dust-puff,.cc-mk-wrap .cc-lock{display:none!important}
}
.cc-lite .cc-you.is-walk svg{animation:none}
.cc-lite .cc-dust-puff{display:none}

@media (orientation:landscape) and (max-height:520px){
  .cc-chrome .cc-top,.cc-chrome .cc-util{align-self:flex-end}
  .cc-map-view .cc-chapter,.cc-map-view .cc-daily-bar{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;padding:0;margin:-1px}
  .cc-map-view .cc-status{position:fixed;left:50%;right:auto;top:auto;bottom:max(84px,env(safe-area-inset-bottom));transform:translate(-50%,0);margin:0;max-width:min(70vw,520px);z-index:400}
  .cc-map-view.is-nudge .cc-status,
  .cc-map-view:has([data-nudge]:not([hidden])) .cc-status{visibility:hidden}

}


/* v8e: locate control, you-are-here, gap hunt */
.cc-locate{
  position:absolute;
  right:max(12px, env(safe-area-inset-right));
  bottom:max(16px, calc(env(safe-area-inset-bottom) + 8px));
  z-index:520;
  width:52px;height:52px;min-width:48px;min-height:48px;
  padding:0;margin:0;
  border-radius:50%;
  border:2px solid #5ee6ff;
  background:#0C0D0B;color:#5ee6ff;
  opacity:.72;
  box-shadow:0 8px 22px -8px rgba(0,0,0,.7);
  cursor:pointer;
  display:grid;place-items:center;
}
.cc-locate svg{width:26px;height:26px;display:block;transform:translateY(-1px)}
.cc-locate:focus-visible{outline:3px solid #fff;outline-offset:3px}
.cc-locate.is-on{background:#5ee6ff;color:#0C0D0B;border-color:#0C0D0B;opacity:1}
.cc-locate.is-busy{background:#0C0D0B;color:#5ee6ff;border-color:#5ee6ff;opacity:1}
.cc-locate.is-busy svg{animation:cc-locate-spin 1s linear infinite}
@keyframes cc-locate-spin{to{transform:rotate(360deg)}}
.cc-world.is-rebuild .cc-map{animation:cc-rebuild .55s ease}
@keyframes cc-rebuild{0%{filter:brightness(1.8) saturate(1.25)}100%{filter:none}}
.cc-here{
  position:absolute;z-index:3;width:28px;height:28px;margin:-14px 0 0 -14px;
  pointer-events:none;transform-origin:50% 50%;
}
.cc-here-dot{
  position:absolute;left:50%;top:50%;width:12px;height:12px;margin:-6px 0 0 -6px;
  border-radius:50%;background:#5ee6ff;border:2px solid #F4EEE3;
  box-shadow:0 0 0 2px #0C0D0B,0 0 12px rgba(94,230,255,.9);
}
.cc-here-pulse{
  position:absolute;left:50%;top:50%;width:28px;height:28px;margin:-14px 0 0 -14px;
  border-radius:50%;border:2px solid rgba(94,230,255,.85);
  animation:cc-here-pulse 1.6s ease-out infinite;
}
.cc-here-cone{
  position:absolute;left:50%;top:50%;width:0;height:0;margin:-26px 0 0 -12px;
  border-left:12px solid transparent;border-right:12px solid transparent;
  border-bottom:26px solid rgba(94,230,255,.45);
  transform-origin:50% 26px;
}
.cc-here.is-flash .cc-here-dot{animation:cc-here-flash .7s ease}
@keyframes cc-here-pulse{0%{transform:scale(.55);opacity:.9}100%{transform:scale(1.7);opacity:0}}
@keyframes cc-here-flash{0%,100%{transform:scale(1)}40%{transform:scale(1.45)}}
.cc-gaps{position:absolute;inset:0;z-index:2;pointer-events:none}
.cc-gap{
  position:absolute;z-index:2;width:28px;height:28px;margin:-14px 0 0 -14px;
  border:0;padding:0;background:transparent;pointer-events:auto;cursor:pointer;
  transform-origin:50% 100%;
}
.cc-gap i{
  display:block;width:14px;height:18px;margin:5px auto 0;
  background:linear-gradient(180deg, transparent 0 3px, #8ae4ff 3px 5px, transparent 5px 8px, #8ae4ff 8px 10px, transparent 10px);
  border-left:2px solid #8ae4ff;border-right:2px solid #5ee6ff;border-radius:1px;
  box-shadow:0 0 8px rgba(94,230,255,.55);
  opacity:.7;
}
.cc-gap.is-near i{opacity:1;width:16px;height:22px;box-shadow:0 0 14px rgba(94,230,255,.95)}
.cc-gap.is-spotted i{
  background:#5ee6ff;border:0;width:10px;height:10px;margin:9px auto 0;border-radius:2px;
  transform:rotate(45deg);opacity:.85;box-shadow:0 0 6px rgba(94,230,255,.6);
}
.cc-gap:focus-visible{outline:3px solid #fff;outline-offset:2px;border-radius:8px}
@media (prefers-reduced-motion:reduce){
  .cc-here-pulse,.cc-locate.is-busy svg,.cc-world.is-rebuild .cc-map,.cc-here.is-flash .cc-here-dot{animation:none}
}
@media (orientation:landscape) and (max-height:520px){
  .cc-locate{width:48px;height:48px;min-width:48px;min-height:48px;bottom:max(12px, calc(env(safe-area-inset-bottom) + 8px))}
  .cc-locate svg{width:22px;height:22px}
}

.cc-here-leaf{background:none!important;border:0!important}
.cc-here-leaf .cc-here{position:relative;left:auto;top:auto;margin:0;width:28px;height:28px}

/* v8h: compact menu, legend toast, fading chrome lines */
.cc-menu{
  width:44px;height:44px;min-width:44px;min-height:44px;
  padding:0;margin:0;border-radius:50%;
  border:2px solid rgba(244,238,227,.45);background:#0C0D0B;color:#F4EEE3;
  box-shadow:0 8px 20px -10px rgba(0,0,0,.6);
  cursor:pointer;display:grid;place-items:center;
}
.cc-menu svg{width:22px;height:22px;display:block}
.cc-menu:focus-visible{outline:3px solid #fff;outline-offset:2px}
.cc-menu[aria-expanded="true"]{border-color:#D4FF3A;color:#D4FF3A}
.cc-menu-list{
  position:absolute;top:calc(100% + 6px);right:0;
  z-index:560;
  display:flex;flex-direction:column;align-items:stretch;gap:6px;
  min-width:180px;padding:8px;
  background:#0C0D0B;border:2px solid #D4FF3A;border-radius:16px;
  box-shadow:0 12px 28px -10px rgba(0,0,0,.75);
}
.cc-menu-list[hidden]{display:none}
.cc-toast{
  position:absolute;left:12px;right:max(132px, calc(env(safe-area-inset-right) + 124px));
  bottom:max(16px, calc(env(safe-area-inset-bottom) + 8px));
  z-index:525;
  margin:0;max-width:none;
  box-sizing:border-box;
  padding:8px 14px;border-radius:14px;
  background:#0C0D0B;color:#e9e4da;
  font:500 14px/1.3 var(--sans);text-align:center;
  pointer-events:none;
  box-shadow:0 8px 22px -10px rgba(0,0,0,.7);
  opacity:1;transition:opacity .45s ease;
}
.cc-toast.is-out{opacity:0}
@media (orientation:landscape) and (max-height:520px){
  .cc-toast{font-size:12px;padding:6px 12px;max-width:min(58%, 360px);bottom:max(12px, calc(env(safe-area-inset-bottom) + 6px))}
  .cc-menu{width:44px;height:44px}
  .cc-menu-list{min-width:168px}
}
@media (prefers-reduced-motion:reduce){
  .cc-chapter,.cc-daily-bar,.cc-chrome .cc-status,.cc-toast{transition:none}
}

/* v9: OSM footprint credit — only when real buildings are in view */
.cc-osm{
  position:absolute;
  left:max(10px, env(safe-area-inset-left));
  bottom:max(58px, calc(env(safe-area-inset-bottom) + 50px));
  z-index:521;
  margin:0;max-width:min(52%, 280px);
  padding:3px 8px;border-radius:8px;
  background:rgba(12,13,11,.72);color:#c9c3b8;
  font:500 11px/1.3 var(--sans);
  pointer-events:none;letter-spacing:0;
}
@media (orientation:landscape) and (max-height:520px){
  .cc-osm{font-size:10px;padding:2px 7px;max-width:min(40%, 240px);bottom:max(52px, calc(env(safe-area-inset-bottom) + 44px))}
}


/* v10: building glow, crew van, share */
.cc-bldg-tip{
  position:absolute;z-index:4;transform:translate(-50%,-110%);
  margin:0;padding:4px 8px;border-radius:8px;
  background:rgba(12,13,11,.88);color:#F4EEE3;
  border:2px solid #D4FF3A;
  font:700 12px/1.2 var(--sans);
  pointer-events:none;white-space:nowrap;
  letter-spacing:0;
}
.cc-van{position:absolute;z-index:2;width:108px;height:54px;pointer-events:none}
.cc-van svg{width:100%;height:100%;display:block;overflow:visible;filter:drop-shadow(0 4px 8px rgba(0,0,0,.45))}
.cc-mk-crew-wrap{z-index:3}
.cc-mk-crew{border-color:#DFF312;background:#DFF312;box-shadow:0 0 0 6px rgba(223,243,18,.28),0 10px 22px -8px rgba(0,0,0,.7)}
.cc-crew-shirt{position:absolute;left:50%;bottom:2px;width:22px;height:22px;margin-left:-11px;border-radius:6px;overflow:hidden;pointer-events:none;z-index:2}
.cc-crew-shirt svg{width:100%;height:100%;display:block}


/* v10c: in-game pin/scan toggle and sheet */
.cc-pin-btn{
  position:absolute;
  right:max(72px, calc(env(safe-area-inset-right) + 68px));
  bottom:max(16px, calc(env(safe-area-inset-bottom) + 8px));
  z-index:520;
  width:52px;height:52px;min-width:44px;min-height:44px;
  padding:0;margin:0;
  border-radius:50%;
  border:2px solid #D4FF3A;
  background:#0C0D0B;color:#D4FF3A;
  opacity:.86;
  box-shadow:0 8px 22px -8px rgba(0,0,0,.7);
  cursor:pointer;
  display:grid;place-items:center;
}
.cc-pin-btn svg{width:26px;height:26px;display:block}
.cc-pin-btn:focus-visible{outline:3px solid #fff;outline-offset:3px}
.cc-pin-btn:hover,.cc-pin-btn[aria-pressed="true"]{background:#D4FF3A;color:#0C0D0B;border-color:#0C0D0B;opacity:1}
body.cc-ov-open .cc-pin-btn,body.cc-ov-open .cc-locate{visibility:hidden}
@media (orientation:landscape) and (max-height:520px){
  .cc-pin-btn{width:48px;height:48px;min-width:44px;min-height:44px;bottom:max(12px, calc(env(safe-area-inset-bottom) + 8px));right:max(66px, calc(env(safe-area-inset-right) + 64px))}
  .cc-pin-btn svg{width:22px;height:22px}
}

.cc-pin-ov{z-index:700;align-items:flex-end}
.cc-pin-ov .cc-pin-sheet{
  text-align:left;
  align-self:flex-end;
  width:min(540px,100%);
  height:auto;
  max-height:min(88dvh,88vh);
  overflow:hidden;
  padding:16px 18px 12px;
  position:relative;
  display:flex;flex-direction:column;
}
.cc-pin-ov .eyebrow{margin:0 0 4px}
.cc-pin-sheet-bar{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin:0 0 10px}
.cc-pin-ov h2{font:750 28px/1.15 var(--serif);margin:0;letter-spacing:-.02em}
.cc-pin-x{
  width:44px;height:44px;min-width:44px;min-height:44px;
  margin:-6px -8px 0 0;padding:0;border:0;border-radius:50%;
  background:transparent;color:#F4EEE3;font:700 28px/1 var(--sans);
  cursor:pointer;
}
.cc-pin-x:focus-visible{outline:3px solid #fff;outline-offset:2px}
.cc-pin-ov .bm-trusted{margin:0 0 10px;padding:8px 10px;border:2px solid #D4FF3A;border-radius:12px;background:rgba(212,255,58,.08);color:#F4EEE3;font:600 14px/1.35 var(--sans)}
.cc-pin-ov #bm-scan-start{width:100%;margin:0 0 10px;flex:none}
.cc-pin-form p,.cc-pin-ov .bm-tip,.cc-pin-ov .bm-drop-soon,.cc-pin-ov .bm-drop-status,.cc-pin-ov .bm-batch-help,.cc-pin-ov .bm-guide p{margin:0 0 10px;max-width:none;font:500 15px/1.4 var(--sans);color:#e9e4da;text-align:left}
.cc-pin-form .bm-drop-kind-label,.cc-pin-form label{display:block;margin:12px 0 4px;font:700 13px/1.2 var(--serif);text-transform:uppercase;letter-spacing:.06em;color:#D4FF3A}
.cc-pin-form fieldset{border:0;margin:0;padding:0;min-inline-size:0}
.cc-pin-form .bm-drop-kinds{display:flex;flex-wrap:wrap;gap:8px 12px;margin:0 0 8px}
.cc-pin-form .bm-drop-kinds label{display:flex;align-items:center;gap:6px;margin:0;font:650 14px/1.25 var(--sans);text-transform:none;letter-spacing:0;color:#F4EEE3;cursor:pointer}
.cc-pin-form input[type="text"],
.cc-pin-form input[type="file"],
.cc-pin-form textarea{
  width:100%;box-sizing:border-box;
  border:2px solid #F4EEE3;border-radius:10px;
  background:#161714;color:#F4EEE3;
  font:400 16px/1.4 var(--sans);padding:9px 10px;
}
.cc-pin-form textarea{resize:vertical;min-height:4em}
.cc-pin-form .bm-guide{margin:12px 0;padding:10px 12px;border:2px solid rgba(244,238,227,.35);border-radius:12px}
.cc-pin-form .bm-guide h3{margin:0 0 6px;font:700 16px/1.2 var(--serif);color:#F4EEE3}
.cc-pin-form{display:flex;flex-direction:column;flex:0 1 auto;min-height:0;overflow:hidden}
.cc-pin-scroll{flex:1 1 auto;min-height:0;overflow:auto;-webkit-overflow-scrolling:touch}
.cc-pin-form .bm-drop-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;flex:none;position:static;margin:10px 0 0;padding:8px 0 0;border-top:1px solid rgba(244,238,227,.18);background:#0C0D0B}
.cc-pin-form .bm-drop-actions .bm-drop-soon,
.cc-pin-form .bm-drop-actions .bm-drop-status{flex:1 0 100%}
.cc-pin-form .bm-drop-status.is-err{color:#ffb4b4}
.cc-pin-ov .gbtn{margin:0}
.bm-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.cc-pin-modal{
  position:absolute;inset:12px 12px auto;z-index:2;
  padding:14px 16px;border-radius:16px;
  background:#0C0D0B;color:#F4EEE3;border:2px solid #D4FF3A;
  box-shadow:0 16px 32px -12px rgba(0,0,0,.7);
}
.cc-pin-modal[hidden]{display:none}
.cc-pin-modal .bm-drop-actions{display:flex;flex-wrap:wrap;gap:8px}
@media (orientation:landscape) and (max-height:520px){
  .cc-pin-ov{align-items:center}
  .cc-pin-ov .cc-pin-sheet{width:min(760px,100%);max-height:min(96dvh,96vh);padding:10px 14px 10px;margin:auto;align-self:center}
  .cc-pin-ov h2{font-size:20px}
  .cc-pin-ov #bm-scan-start{margin:0 0 6px;padding:8px 14px}
  .cc-pin-form p,.cc-pin-ov .bm-tip{margin:0 0 6px}
  .cc-pin-form .bm-drop-kind-label,.cc-pin-form label{margin:8px 0 3px}
  .cc-pin-scroll{min-height:0}
}




/* v11: downtown notes and extras */
.cc-note-chips{
  position:absolute;z-index:530;
  left:12px;right:12px;
  bottom:max(86px, calc(env(safe-area-inset-bottom) + 78px));
  display:flex;flex-wrap:wrap;justify-content:center;gap:8px;
  pointer-events:none;
}
.cc-note-chip{
  pointer-events:auto;
  margin:0;padding:8px 14px;min-height:44px;
  border-radius:999px;border:2px solid #D4FF3A;
  background:rgba(12,13,11,.92);color:#D4FF3A;
  font:750 14px/1.2 var(--sans);
  cursor:pointer;box-shadow:0 8px 22px -8px rgba(0,0,0,.7);
}
.cc-note-chip:focus-visible{outline:3px solid #fff;outline-offset:3px}
body.cc-ov-open .cc-note-chips{visibility:hidden}
.cc-note{
  position:absolute;z-index:640;left:12px;right:12px;
  bottom:max(16px, calc(env(safe-area-inset-bottom) + 8px));
  margin:0 auto;max-width:420px;
  padding:14px 16px 12px;
  border-radius:16px;border:2px solid #D4FF3A;
  background:rgba(12,13,11,.95);color:#F4EEE3;
  box-shadow:0 16px 40px -12px rgba(0,0,0,.8);
  text-align:left;
}
.cc-note-kicker{margin:0 0 4px;font:750 11px/1.2 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:#D4FF3A}
.cc-note-title{margin:0 0 8px;font:750 22px/1.15 var(--serif);letter-spacing:-.02em}
.cc-note-body{margin:0 0 10px}
.cc-note-body p{margin:0 0 8px;font:500 15px/1.4 var(--sans);color:#e9e4da}
.cc-note-body p:last-child{margin-bottom:0}
.cc-note-alt{
  display:block;width:100%;min-height:44px;margin:0 0 8px;padding:8px 12px;
  border-radius:12px;border:2px solid #D4FF3A;
  background:transparent;color:#D4FF3A;font:750 15px/1.2 var(--sans);cursor:pointer;
}
.cc-note-alt:focus-visible,.cc-note-close:focus-visible{outline:3px solid #fff;outline-offset:2px}
.cc-note-close{
  display:block;width:100%;min-height:44px;margin:0;padding:8px 12px;
  border-radius:12px;border:2px solid #D4FF3A;
  background:#D4FF3A;color:#0C0D0B;font:750 15px/1.2 var(--sans);cursor:pointer;
}
@media (orientation:landscape) and (max-height:520px){
  .cc-note-chips{bottom:max(64px, calc(env(safe-area-inset-bottom) + 56px))}
  .cc-note-chip{font-size:13px;padding:6px 12px}
  .cc-note{max-width:360px;padding:10px 12px}
  .cc-note-title{font-size:18px}
  .cc-note-body p{font-size:13px}
}