html { background: #0E1218; }
    a { color: var(--cd-accent, #3e6be2); } a:hover { color: var(--cd-accent-hov, #5c85f0); }
    @keyframes cdUp { from { opacity: 0; translate: 0 18px; scale: .98; } to { opacity: 1; translate: 0 0; scale: 1; } }
    @keyframes cdDown { from { opacity: 0; translate: 0 -18px; scale: .98; } to { opacity: 1; translate: 0 0; scale: 1; } }
    @keyframes cdRight { from { opacity: 0; translate: 28px 0; scale: .985; } to { opacity: 1; translate: 0 0; scale: 1; } }
    @keyframes cdPop { from { opacity: 0; scale: .92; } to { opacity: 1; scale: 1; } }
    @keyframes cdPulse { 0% { transform: scale(.6); opacity: .7; } 70% { transform: scale(1.9); opacity: 0; } 100% { transform: scale(1.9); opacity: 0; } }
    @keyframes cdFlow { to { stroke-dashoffset: -60; } }
    @keyframes cdDraw { from { stroke-dashoffset: 1; } to { stroke-dashoffset: 0; } }
    @keyframes cdBlink { 0%, 55% { opacity: 1; } 56%, 100% { opacity: 0; } }
    @keyframes cdDrift { from { transform: scale(1.04) translate(-0.6%, 0.4%); } to { transform: scale(1.06) translate(0.6%, -0.5%); } }
    @keyframes cdSweep { from { width: 100%; } to { width: 0%; } }
    @keyframes cdRing { 0% { box-shadow: 0 0 0 0 rgba(62,107,226,.45); } 100% { box-shadow: 0 0 0 14px rgba(62,107,226,0); } }
    @keyframes cdGlowPulse { 0%, 100% { opacity: .3; } 50% { opacity: .75; } }
    @keyframes cdLightBar { from { background-position: 0 0; } to { background-position: 84px 0; } }
    @keyframes cdGlowRB { 0%, 100% { box-shadow: inset 0 0 130px color-mix(in srgb, var(--cd-alert-police) 34%, transparent); } 50% { box-shadow: inset 0 0 130px color-mix(in srgb, var(--cd-c-danger) 28%, transparent); } }
    .cdg-scroll { scrollbar-width: none; } .cdg-scroll::-webkit-scrollbar { width: 0; height: 0; }
.dc-if { display: contents; } .dc-if[hidden] { display: none; } g[hidden] { display: none; }
.pin { position:absolute; transform:translate(-50%,-100%) scale(.58); transform-origin:bottom center; background:none; border:none; padding:0; cursor:pointer; filter:drop-shadow(0 4px 6px rgba(0,0,0,.4)); transition:transform .15s ease, opacity .25s ease; }
.pin:hover { transform:translate(-50%,-100%) scale(.66); }
.pin[data-off] { opacity:0; pointer-events:none; }
.report-kind { display:flex; flex-direction:column; align-items:center; gap:6px; padding:12px 4px 10px; border:1px solid var(--cd-line); border-radius:16px; background:transparent; cursor:pointer; transition:all .15s ease; animation:cdUp .3s ease both; }
.report-kind:hover { background:var(--cd-surface); }
.report-kind:active { transform:scale(.96); }
.hv1:hover { background:var(--cd-surface-2) !important; }
.hv2:hover { background:var(--cd-surface) !important; }
.hv3:hover { transform:translateY(-1px) !important; border-color:var(--cd-line-strong) !important; }
.hv4:hover { color:var(--cd-text) !important; border-color:var(--cd-line-strong) !important; }
.hv5:hover { border-color:var(--cd-accent) !important; }
.hv6:hover { border-color:var(--cd-line-strong) !important; }
.hv7:hover { color:var(--cd-text) !important; }
.hv8:hover { background:var(--cd-surface) !important; color:var(--cd-text) !important; }
.hv9:hover { background:var(--cd-accent-hov) !important; }
.hv10:hover { color:var(--cd-text) !important; background:var(--cd-surface-2) !important; }
.hv11:hover { background:color-mix(in srgb, var(--cd-c-danger) 22%, transparent) !important; }
.ac1:active { transform:scale(.96) !important; }
.ac2:active { transform:scale(.985) !important; }
.ac3:active { transform:scale(.94) !important; }
.ac4:active { transform:scale(.99) !important; }
.ac5:active { transform:scale(.97) !important; }
.ac6:active { transform:scale(.9) !important; }
.ac7:active { transform:scale(.95) !important; }
.ac8:active { transform:scale(.93) !important; }
.ac9:active { transform:scale(.92) !important; }