/* =====================================================================
   HvaSkjer – ekstra temaer / extra themes (themes-extra.css)
   Lastes etter revamp.css. Påvirker bare html[data-skin=crazy-beta], pluss stilen
   på det nye valget i temavelgeren. Mørk og lys er uendret.

   - crazy-beta → html[data-theme=light][data-skin=crazy-beta]
   Valgt tema lagres som før i localStorage «hsa-settings».theme.
   ===================================================================== */

/* ---------------------------------------------------------------------
   1) Temavelgeren / the picker (synlig i alle temaer)
   --------------------------------------------------------------------- */
html:root body .seg3.seg-themes{grid-template-columns:repeat(6,1fr)!important;row-gap:8px}
html:root body .seg3.seg-themes > button{grid-column:span 2;min-height:56px}
html:root body .seg3.seg-themes > .theme-opt-crazy{grid-column:1 / -1;margin:4px 6px 8px}

/* Crazy-beta option: warning-tape badge */
html:root body .theme-opt-crazy{
  position:relative;flex-direction:row!important;gap:8px!important;min-height:56px;padding:6px 10px!important;
  background:repeating-linear-gradient(135deg,#ffd400 0 9px,#111 9px 18px)!important;
  border:3px solid #ff00b4!important;border-radius:10px!important;color:#ffd400!important;
  transform:skew(-6deg) rotate(-1.2deg);box-shadow:4px 4px 0 #00e5ff!important;
  font-family:"Arial Black","Segoe UI Black",Impact,system-ui,sans-serif!important;
}
html:root body .theme-opt-crazy .cb-bolt{width:22px;height:22px;flex:0 0 22px;fill:#ffd400;stroke:#111;stroke-width:1.6;stroke-linejoin:round;filter:drop-shadow(2px 0 0 #ff00b4) drop-shadow(-1px 0 0 #00e5ff);
  background:#111;border-radius:6px;padding:2px;box-sizing:content-box}
html:root body .theme-opt-crazy .cb-text{display:flex;flex-direction:column;align-items:flex-start;gap:3px;background:#111;padding:4px 8px;border-radius:6px;transform:skew(6deg)}
html:root body .theme-opt-crazy .cb-main{
  color:#ffd400;font-weight:900;font-size:15px;line-height:1;letter-spacing:.06em;text-transform:uppercase;
  text-shadow:2px 0 0 #ff00b4,-2px 0 0 #00e5ff
}
html:root body .theme-opt-crazy .cb-tag{
  display:inline-block;background:#ff00b4;color:#fff;font:800 10.5px/1.15 system-ui,sans-serif;letter-spacing:.02em;
  padding:2px 6px;border-radius:3px;transform:rotate(-2deg);text-transform:none;white-space:nowrap
}
html:root body .theme-opt-crazy:hover,html:root body .theme-opt-crazy:focus-visible{animation:hsaCbWiggle .45s ease-in-out 2}
html:root body .theme-opt-crazy:focus-visible{outline:3px solid var(--ink)!important;outline-offset:3px!important}
html:root body .theme-opt-crazy[aria-pressed=true]{border-color:#00e5ff!important;box-shadow:0 0 0 3px var(--ink),5px 5px 0 #ff00b4!important}
html:root body .theme-opt-crazy[aria-pressed=true]::after{
  content:"✓";position:absolute;top:-9px;right:-9px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;
  background:#00e5ff;color:#111;font:900 12px/1 system-ui,sans-serif;border:2px solid #111;transform:skew(6deg)
}
@keyframes hsaCbWiggle{0%,100%{transform:skew(-6deg) rotate(-1.2deg)}25%{transform:skew(-6deg) rotate(1.5deg) translateX(1px)}75%{transform:skew(-6deg) rotate(-3deg) translateX(-1px)}}

@media (prefers-reduced-motion:reduce){html:root body .theme-opt-crazy{animation:none!important}}
html.reduce-motion:root body .theme-opt-crazy{animation:none!important}

/* ---------------------------------------------------------------------
   1b) Where the ⚠ Beta entry point lives
   ≥1024px (the app puts the tab bar in the header there): header badge, not in Utseende.
   <1024px: in Innstillinger → Utseende, not in the header.
   --------------------------------------------------------------------- */
.hdr-crazy{display:none!important}
@media (min-width:1024px){
  html:root body .app-header .header-actions > .hdr-crazy{display:inline-flex!important;order:2;flex:0 0 auto;min-height:44px;height:44px;padding:3px 8px!important;gap:6px!important;margin:0 6px 0 2px;border-width:2.5px!important;box-shadow:3px 3px 0 #00e5ff!important}
  html:root body .app-header .hdr-crazy .cb-bolt{width:16px;height:16px;flex-basis:16px}
  html:root body .app-header .hdr-crazy .cb-text{padding:3px 6px;gap:2px}
  html:root body .app-header .hdr-crazy .cb-main{font-size:12px}
  html:root body .app-header .hdr-crazy .cb-tag{font-size:9.5px;padding:1px 5px}
  html:root body .app-header.hdr-c1 .hdr-crazy .cb-tag,html:root body .app-header.hdr-c2 .hdr-crazy .cb-tag,html:root body .app-header.hdr-c3 .hdr-crazy .cb-tag{display:none}
  html:root body .app-header .hdr-crazy[aria-pressed=true]{box-shadow:0 0 0 2px var(--ink),3px 3px 0 #ff00b4!important}
  html:root body .app-header .hdr-crazy[aria-pressed=true]::after{top:-7px;right:-7px;width:17px;height:17px;font-size:10px}
  html:root body .seg3.seg-themes > .theme-opt-crazy{display:none!important}
  /* the Lys|Mørk quick switch is folded into this entry point: on wide screens the header has one theme control
     (the Beta badge) and dark/light are picked from the gear → Utseende (still instant, no reload) */
  html:root body .app-header .desktop-theme-switch{display:none!important}
}

/* ---------------------------------------------------------------------
   2) CRAZY BETA
   --------------------------------------------------------------------- */
html[data-skin=crazy-beta]:root,
html[data-skin=crazy-beta]:root body{
  --cb-yellow:#fff200; --cb-magenta:#ff00a8; --cb-cyan:#00e5ff; --cb-orange:#ff6a00; --cb-black:#14001f;
  --ks-natt:#fff200; --ks-skumring:#ffffff; --ks-dyp:#c9fbff; --ks-kant:#14001f;
  --ks-lykt:#ff00a8; --ks-lykt-ink:#14001f; --ks-rosa:#ff6a00;
  --ink:#14001f; --muted:#3d2350; --bg:#fff200; --surface:#ffffff; --soft:#c9fbff; --line:#14001f; --border:#14001f;
  --header-bg:#00e5ff; --on-ink:#fff200; --map-bg:#ffe0f3; --shadow:5px 5px 0 #14001f;
  --pink:#c4007f; --pink-2:#c4007f; --dream-lilac:#c4007f; --accent:#ff00a8;
  --accent-soft:#ffd1ee; --accent-ink:#8a005a; --ks-accent-fill:#ff00a8; --ks-accent-text:#a3006b;
  --display:"Arial Black","Segoe UI Black",Impact,"HS Display",system-ui,sans-serif;
  color-scheme:light;
}
html[data-skin=crazy-beta]:root{background:#fff200!important;
  background-image:radial-gradient(circle at 12% 18%,rgba(255,0,168,.22) 0 120px,transparent 121px),radial-gradient(circle at 88% 70%,rgba(0,229,255,.3) 0 160px,transparent 161px)!important;background-attachment:fixed!important}
html[data-skin=crazy-beta]:root body::before,html[data-skin=crazy-beta]:root body::after{opacity:0!important}
html[data-skin=crazy-beta]:root body .hero-glow{opacity:0!important}
/* warning-tape header + tab bar */
html[data-skin=crazy-beta]:root body .app-header{background:var(--cb-cyan)!important;border-bottom:6px solid #000!important;
  border-image:repeating-linear-gradient(45deg,#14001f 0 10px,#fff200 10px 20px) 6!important}
html[data-skin=crazy-beta]:root body .tabbar{background:#fff!important;border:3px solid #14001f!important;box-shadow:5px 5px 0 var(--cb-magenta)!important}
html[data-skin=crazy-beta]:root body .tabbar button{color:#14001f!important}
html[data-skin=crazy-beta]:root body .tabbar button[aria-current=page]{background:var(--cb-magenta)!important;color:#14001f!important;rotate:-2deg;box-shadow:3px 3px 0 #14001f!important}
/* glitchy RGB-split headings */
html[data-skin=crazy-beta]:root body h1,html[data-skin=crazy-beta]:root body h2{
  text-shadow:2px 0 0 var(--cb-magenta),-2px 0 0 var(--cb-cyan)!important;letter-spacing:-.01em!important;animation:hsaCbGlitch 3.2s steps(1) infinite}
html[data-skin=crazy-beta]:root body h3{text-shadow:1px 1px 0 var(--cb-magenta)!important}
@keyframes hsaCbGlitch{0%,86%,100%{transform:none}88%{transform:translateX(2px) skewX(-6deg)}90%{transform:translateX(-2px) skewX(4deg)}92%{transform:none}}
html[data-skin=crazy-beta]:root body .home-hello .where em,html[data-skin=crazy-beta]:root body #helloTitle em{
  background:var(--cb-magenta)!important;color:#fff200!important;-webkit-text-fill-color:#fff200!important;padding:0 .15em!important;display:inline-block;rotate:-2deg;box-shadow:4px 4px 0 #14001f;text-shadow:2px 0 0 var(--cb-cyan)!important}
/* chunky, slightly tilted cards and buttons (rotate composes with the app's own transforms) */
html[data-skin=crazy-beta]:root body .card,html[data-skin=crazy-beta]:root body .set-card,html[data-skin=crazy-beta]:root body .pulse-chip{
  border:3px solid #14001f!important;box-shadow:5px 5px 0 #14001f!important}
html[data-skin=crazy-beta]:root body .card{rotate:-1.2deg}
html[data-skin=crazy-beta]:root body .card:nth-child(2n){rotate:1.1deg}
html[data-skin=crazy-beta]:root body .card:nth-child(3n){rotate:-.6deg;box-shadow:5px 5px 0 var(--cb-magenta)!important}
html[data-skin=crazy-beta]:root body .pulse-chip{background:#fff!important;color:#14001f!important;rotate:-2deg}
html[data-skin=crazy-beta]:root body .pulse-chip:nth-child(2n){background:var(--cb-cyan)!important;rotate:2deg}
html[data-skin=crazy-beta]:root body .pulse-chip:nth-child(3n){background:#ffb27a!important}
html[data-skin=crazy-beta]:root body .primary,html[data-skin=crazy-beta]:root body button.primary,html[data-skin=crazy-beta]:root body .button,
html[data-skin=crazy-beta]:root body #homeSearchAll,html[data-skin=crazy-beta]:root body .cal-find,html[data-skin=crazy-beta]:root body .cal-pill{
  background:var(--cb-magenta)!important;color:#14001f!important;border:3px solid #14001f!important;box-shadow:3px 3px 0 #14001f!important;rotate:-1.5deg}
html[data-skin=crazy-beta]:root body #homeSearchAll .ico{color:#14001f!important}
html[data-skin=crazy-beta]:root body .icon-button,html[data-skin=crazy-beta]:root body .location-pill,html[data-skin=crazy-beta]:root body .account-btn,html[data-skin=crazy-beta]:root body .tip-login{
  background:#fff!important;border:2.5px solid #14001f!important;color:#14001f!important;box-shadow:3px 3px 0 #14001f!important}
html[data-skin=crazy-beta]:root body .icon-button{rotate:4deg}
html[data-skin=crazy-beta]:root body .header-beta{background:var(--cb-magenta)!important;color:#fff200!important;border-color:#14001f!important;rotate:-6deg}
html[data-skin=crazy-beta]:root body input:not([type=checkbox]):not([type=radio]),html[data-skin=crazy-beta]:root body select,html[data-skin=crazy-beta]:root body textarea{background:#fff!important;color:#14001f!important;border-color:#14001f!important}
html[data-skin=crazy-beta]:root body .switch{background:#fff!important;border:2.5px solid #14001f!important}
html[data-skin=crazy-beta]:root body .switch::after{background:#14001f!important;top:1px!important;left:1px!important}
html[data-skin=crazy-beta]:root body .switch:checked{background:var(--cb-magenta)!important}
html[data-skin=crazy-beta]:root body ::placeholder{color:#5a3a6e!important;opacity:1}
html[data-skin=crazy-beta]:root body dialog{background:#fff!important;color:#14001f!important;border:4px solid #14001f!important;box-shadow:8px 8px 0 var(--cb-magenta)!important}
html[data-skin=crazy-beta]:root body dialog::backdrop{background:repeating-linear-gradient(45deg,rgba(20,0,31,.45) 0 14px,rgba(255,242,0,.22) 14px 28px)!important}
html[data-skin=crazy-beta]:root body a{color:#a3006b}
html[data-skin=crazy-beta]:root body :focus-visible{outline:3px dashed #14001f!important;outline-offset:3px!important}
html[data-skin=crazy-beta]:root body ::selection{background:var(--cb-cyan);color:#14001f}
html[data-skin=crazy-beta]:root body .muted,html[data-skin=crazy-beta]:root body small,html[data-skin=crazy-beta]:root body small.why{color:var(--muted)!important}
html[data-skin=crazy-beta]:root body .leaflet-bar a,html[data-skin=crazy-beta]:root body .map-fab{background:#fff!important;color:#14001f!important;border:2.5px solid #14001f!important}
/* place name in the header: solid ink with an RGB split instead of the pink gradient (readable on cyan/yellow) */
html[data-skin=crazy-beta]:root body #locationBtn #locationText,html[data-skin=crazy-beta]:root body #locationBtn #locationText *{
  background:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;
  color:#14001f!important;-webkit-text-fill-color:#14001f!important;filter:none!important;text-shadow:2px 0 0 var(--cb-magenta),-2px 0 0 #fff!important}
html[data-skin=crazy-beta]:root body #locationBtn,html[data-skin=crazy-beta]:root body #locationBtn > span{color:#14001f!important}
/* motion off when asked */
@media (prefers-reduced-motion:reduce){
  html[data-skin=crazy-beta]:root body h1,html[data-skin=crazy-beta]:root body h2,html[data-skin=crazy-beta]:root body h3{animation:none!important}
}
html.reduce-motion[data-skin=crazy-beta]:root body h1,html.reduce-motion[data-skin=crazy-beta]:root body h2,html.reduce-motion[data-skin=crazy-beta]:root body h3{animation:none!important}

/* =====================================================================
   CRAZY BETA v2 – hele nettstedet / whole site
   Fire retninger samtidig: leken (klistremerker, emoji, blobber),
   kaotisk (kræsjende farger, skjeve vinkler, offset-skygger),
   glitchy (RGB-splitt, slice-jitter, terminal-markør),
   ødelagt (revne kanter, «manglende flis», feilteip, spøkelseskonturer).
   Alt er visuelt: ingen tekst i DOM endres, Leaflet-paner transformeres aldri.
   ===================================================================== */
html[data-skin=crazy-beta]:root,html[data-skin=crazy-beta]:root body{
  --cb-ink:#14001f; --cb-lime:#b6ff00; --cb-violet:#7b2cff; --cb-paper:#fffdf2;
  --cb-tape:repeating-linear-gradient(-45deg,#14001f 0 8px,#fff200 8px 16px);
  --cb-tape-pm:repeating-linear-gradient(45deg,#ff00a8 0 10px,#00e5ff 10px 20px);
  --cb-miss:conic-gradient(#ff00a8 25%,#14001f 0 50%,#ff00a8 0 75%,#14001f 0) 0 0/10px 10px;
  --cb-hard:4px 4px 0 var(--cb-ink);
  --cb-ghost:-3px -2px 0 rgba(0,229,255,.75);
}
/* type: chunky display, readable body, a little letter-spacing chaos */
html[data-skin=crazy-beta]:root body{font-size:15.5px;letter-spacing:.005em}
html[data-skin=crazy-beta]:root body h1,html[data-skin=crazy-beta]:root body h2,html[data-skin=crazy-beta]:root body .dialog-heading h2,html[data-skin=crazy-beta]:root body .sheet-title h2{font-family:"Arial Black","Segoe UI Black",Impact,system-ui,sans-serif!important;font-weight:900!important;letter-spacing:-.03em!important}
html[data-skin=crazy-beta]:root body h3,html[data-skin=crazy-beta]:root body h4,html[data-skin=crazy-beta]:root body .set-group h3{font-family:"Arial Black","Segoe UI Black",Impact,system-ui,sans-serif!important;letter-spacing:.06em!important;text-transform:uppercase}
html[data-skin=crazy-beta]:root body h2::after,html[data-skin=crazy-beta]:root body .event-feed-head h2::after{content:"_";color:var(--cb-magenta);margin-left:.08em;animation:hsaCbBlink 1.1s steps(1) infinite}
@keyframes hsaCbBlink{50%{opacity:0}}
html[data-skin=crazy-beta]:root body strong,html[data-skin=crazy-beta]:root body b{font-weight:850}
/* scrollbars, selection, focus, links, disabled */
html[data-skin=crazy-beta]:root body *{scrollbar-color:var(--cb-magenta) var(--cb-ink);scrollbar-width:thin}
html[data-skin=crazy-beta]:root body ::-webkit-scrollbar{width:10px;height:10px;background:var(--cb-ink)}
html[data-skin=crazy-beta]:root body ::-webkit-scrollbar-thumb{background:var(--cb-tape-pm);border:2px solid var(--cb-ink);border-radius:2px}
html[data-skin=crazy-beta]:root body ::selection{background:var(--cb-lime);color:var(--cb-ink)}
html[data-skin=crazy-beta]:root body :focus-visible{outline:3px dashed var(--cb-ink)!important;outline-offset:3px!important;box-shadow:0 0 0 6px var(--cb-lime)!important}
html[data-skin=crazy-beta]:root body a:not(.brand):not([class*=leaflet]){color:#a3006b;text-decoration-thickness:2px;text-decoration-style:wavy;text-underline-offset:3px}
html[data-skin=crazy-beta]:root body a:not(.brand):not([class*=leaflet]):hover{background:var(--cb-lime);color:var(--cb-ink)}
html[data-skin=crazy-beta]:root body button:disabled,html[data-skin=crazy-beta]:root body [aria-disabled=true]{opacity:.6!important;filter:grayscale(.7);background-image:repeating-linear-gradient(45deg,transparent 0 6px,rgba(20,0,31,.12) 6px 12px)!important;cursor:not-allowed}
/* icons: sticker outline + hue shift */
html[data-skin=crazy-beta]:root body svg.ico,html[data-skin=crazy-beta]:root body .ib svg,html[data-skin=crazy-beta]:root body [data-icon] svg{filter:drop-shadow(1px 1px 0 var(--cb-magenta)) drop-shadow(-1px 0 0 var(--cb-cyan))}
html[data-skin=crazy-beta]:root body .tabbar svg.ico,html[data-skin=crazy-beta]:root body .tabbar .ib svg{filter:drop-shadow(1.5px 1.5px 0 var(--cb-magenta))}

/* ---------- logo (header) ---------- */
html[data-skin=crazy-beta]:root body .app-header .brand{position:relative;isolation:isolate}
html[data-skin=crazy-beta]:root body .app-header .brand-stack .brand-icon,html[data-skin=crazy-beta]:root body .app-header .brand-icon{
  box-shadow:0 0 0 3px #fff,0 0 0 5.5px var(--cb-ink),6px 6px 0 2px var(--cb-magenta),-4px -3px 0 1px rgba(0,229,255,.8)!important;
  rotate:-4deg}
html[data-skin=crazy-beta]:root body .app-header .brand-icon img{filter:drop-shadow(-2px 0 0 rgba(0,229,255,.9)) drop-shadow(2px 0 0 rgba(255,0,168,.9));opacity:1!important}
/* glitch slice: a thin strip of the mark that jumps sideways now and then (outside the resting frames it sits exactly on top) */
html[data-skin=crazy-beta]:root body .app-header .brand-icon{position:relative}
html[data-skin=crazy-beta]:root body .app-header .brand-stack .brand-icon::after,html[data-skin=crazy-beta]:root body .app-header .brand-icon::after{content:""!important;display:block!important;position:absolute;inset:0;z-index:2;pointer-events:none;
  background:url(assets/hvaskjer-logo-square.png) center/cover;border-radius:inherit;clip-path:inset(46% 0 40% 0);opacity:0;animation:hsaCbSlice 4.2s steps(1) infinite}
@keyframes hsaCbSlice{0%,90%,100%{opacity:0;transform:none}91%{opacity:1;transform:translateX(5px)}93%{opacity:1;transform:translate(-4px,-2px)}95%{opacity:0}}
/* masking-tape strip over the corner (outside the mark) */
html[data-skin=crazy-beta]:root body .app-header .brand::before{content:"";position:absolute;z-index:3;pointer-events:none;width:34px;height:11px;left:-12px;top:-4px;
  background:var(--cb-tape);opacity:.9;rotate:-38deg;box-shadow:1px 1px 0 rgba(0,0,0,.25)}
html[data-skin=crazy-beta]:root body .app-header > .brand-stack{animation:hsaCbWobble 5s ease-in-out infinite}
@keyframes hsaCbWobble{0%,100%{rotate:0deg}50%{rotate:3deg}}
/* the little BETA pill becomes the CRAZY BETA sticker (in the fixed header, so it never covers the feed) */
html[data-skin=crazy-beta]:root body .app-header .brand-stack > .header-beta{font-size:0!important;height:auto!important;padding:3px 7px!important;
  background:var(--cb-ink)!important;border:2px solid var(--cb-magenta)!important;box-shadow:3px 3px 0 var(--cb-cyan)!important;rotate:-7deg;border-radius:4px!important;white-space:nowrap}
html[data-skin=crazy-beta]:root body .app-header .brand-stack > .header-beta::before{content:"⚠ CRAZY BETA";font:900 9.5px/1 "Arial Black",Impact,system-ui,sans-serif;letter-spacing:.06em;color:#fff200;text-shadow:1.5px 0 0 var(--cb-magenta),-1.5px 0 0 var(--cb-cyan)}
html[data-skin=crazy-beta]:root body .app-header .brand-stack > .header-beta::after{content:" · eksperimentell";font:800 8.5px/1 system-ui,sans-serif;color:#fff}
html.lang-en[data-skin=crazy-beta]:root body .app-header .brand-stack > .header-beta::after{content:" · experimental"}
@media (max-width:520px){html[data-skin=crazy-beta]:root body .app-header .brand-stack > .header-beta::after{content:""}html.lang-en[data-skin=crazy-beta]:root body .app-header .brand-stack > .header-beta::after{content:""}}

/* ---------- header, place, tips ---------- */
html[data-skin=crazy-beta]:root body .app-header{box-shadow:0 3px 0 var(--cb-magenta),0 6px 0 var(--cb-ink)!important}
html[data-skin=crazy-beta]:root body .app-header::after{content:"";position:absolute;left:0;right:0;bottom:-12px;height:6px;pointer-events:none;background:var(--cb-tape-pm);opacity:.85;clip-path:polygon(0 0,100% 0,100% 40%,96% 100%,91% 30%,84% 100%,77% 20%,70% 90%,61% 10%,52% 100%,44% 30%,36% 90%,27% 0,18% 100%,9% 20%,0 80%)}
html[data-skin=crazy-beta]:root body #locationBtn #locationText{letter-spacing:-.02em!important}
html[data-skin=crazy-beta]:root body #locationBtn > span:last-child{display:inline-block;rotate:12deg;color:var(--cb-magenta)!important}
html[data-skin=crazy-beta]:root body .tip-login{background:var(--cb-lime)!important;rotate:2deg;border-style:dashed!important;box-shadow:3px 3px 0 var(--cb-ink),var(--cb-ghost)!important}
html[data-skin=crazy-beta]:root body .tip-login .tip-star{display:inline-block;animation:hsaCbSpin 6s linear infinite}
@keyframes hsaCbSpin{to{rotate:360deg}}
html[data-skin=crazy-beta]:root body .tip-login:hover{rotate:-3deg;background:#fff200!important}
html[data-skin=crazy-beta]:root body .account-btn{border-style:double!important;border-width:4px!important;rotate:-2deg}
html[data-skin=crazy-beta]:root body .icon-button:hover,html[data-skin=crazy-beta]:root body .account-btn:hover,html[data-skin=crazy-beta]:root body .location-pill:hover{background:var(--cb-lime)!important}
html[data-skin=crazy-beta]:root body .desktop-theme-switch{background:#fff!important;border:2px dashed var(--cb-ink)!important;rotate:-1.5deg}
html[data-skin=crazy-beta]:root body .desktop-theme-switch button:not(.theme-opt-crazy){color:var(--cb-ink)!important}

/* ---------- headline + search + chips ---------- */
html[data-skin=crazy-beta]:root body .home-hello h1,html[data-skin=crazy-beta]:root body #helloTitle{letter-spacing:-.04em!important}
html[data-skin=crazy-beta]:root body .home-hello .where .q{display:inline-block;rotate:14deg;color:var(--cb-cyan)!important;-webkit-text-fill-color:var(--cb-cyan)!important;text-shadow:2px 2px 0 var(--cb-ink)}
html[data-skin=crazy-beta]:root body .home-ask,html[data-skin=crazy-beta]:root body .home-search,html[data-skin=crazy-beta]:root body .search-floating-bar,html[data-skin=crazy-beta]:root body .search-engine-input-wrap,html[data-skin=crazy-beta]:root body .home-discovery form,html[data-skin=crazy-beta]:root body [class*=search-bar]{
  border:3px solid var(--cb-ink)!important;border-radius:6px 22px 8px 18px!important;box-shadow:5px 5px 0 var(--cb-magenta),var(--cb-ghost)!important;background:#fff!important}
html[data-skin=crazy-beta]:root body .home-ask input,html[data-skin=crazy-beta]:root body .search-engine-input-wrap input{border:0!important;box-shadow:none!important;background:transparent!important}
html[data-skin=crazy-beta]:root body .pulse-chip{border-radius:3px 14px 3px 14px!important;font-weight:850!important}
html[data-skin=crazy-beta]:root body .pulse-chip:nth-child(4n){background:var(--cb-lime)!important;rotate:-3deg;border-style:dashed!important}
html[data-skin=crazy-beta]:root body .pulse-chip:nth-child(5n){background:#fff!important;background-image:var(--cb-miss)!important;background-size:10px 10px!important;background-position:right top!important;background-repeat:no-repeat!important}
html[data-skin=crazy-beta]:root body .pulse-chip:hover{rotate:0deg;translate:0 -2px;background:#fff200!important}
html[data-skin=crazy-beta]:root body .pulse-chip[aria-pressed=true],html[data-skin=crazy-beta]:root body .pulse-chip.on,html[data-skin=crazy-beta]:root body .pulse-chip.active{background:var(--cb-ink)!important;color:#fff200!important;box-shadow:3px 3px 0 var(--cb-magenta)!important}
html[data-skin=crazy-beta]:root body .pulse-chip span,html[data-skin=crazy-beta]:root body .pulse-chip small,html[data-skin=crazy-beta]:root body .pulse-chip b{color:inherit!important}

/* ---------- hero carousel ---------- */
html[data-skin=crazy-beta]:root body .g-slide,html[data-skin=crazy-beta]:root body .slide{border-radius:6px 26px 10px 22px!important}
html[data-skin=crazy-beta]:root body .g-slide .slide-img,html[data-skin=crazy-beta]:root body .slide .slide-img,html[data-skin=crazy-beta]:root body .g-slide img{filter:contrast(1.08) saturate(1.25)}
html[data-skin=crazy-beta]:root body .g-slide::after,html[data-skin=crazy-beta]:root body .slide::after{content:"";position:absolute;inset:auto 0 0 0;height:8px;pointer-events:none;z-index:3;background:var(--cb-tape);opacity:.9}
html[data-skin=crazy-beta]:root body .slide-when,html[data-skin=crazy-beta]:root body .g-slide .slide-when{background:#fff200!important;color:var(--cb-ink)!important;border:2px solid var(--cb-ink)!important;rotate:-3deg;box-shadow:3px 3px 0 var(--cb-magenta)!important;font-weight:900!important}
html[data-skin=crazy-beta]:root body .slide-flag,html[data-skin=crazy-beta]:root body .card-signal,html[data-skin=crazy-beta]:root body .card-state,html[data-skin=crazy-beta]:root body .bubble,html[data-skin=crazy-beta]:root body .cat-label,html[data-skin=crazy-beta]:root body .hs-tag,html[data-skin=crazy-beta]:root body [class*=badge]:not(.header-beta),html[data-skin=crazy-beta]:root body [class*=-pill]:not(.location-pill):not(.cal-pill),html[data-skin=crazy-beta]:root body .s-open,html[data-skin=crazy-beta]:root body .s-closed,html[data-skin=crazy-beta]:root body .s-closing,html[data-skin=crazy-beta]:root body .s-always,html[data-skin=crazy-beta]:root body .s-season{
  border:2px solid var(--cb-ink)!important;box-shadow:2px 2px 0 var(--cb-ink)!important;border-radius:3px!important;font-weight:850!important}
html[data-skin=crazy-beta]:root body .slide-flag:nth-child(odd),html[data-skin=crazy-beta]:root body .card-signal{background:var(--cb-magenta)!important;color:#fff!important;rotate:-4deg}
html[data-skin=crazy-beta]:root body .slide-flag:nth-child(even),html[data-skin=crazy-beta]:root body .card-state{background:var(--cb-cyan)!important;color:var(--cb-ink)!important;rotate:3deg}
html[data-skin=crazy-beta]:root body .tabbar .badge,html[data-skin=crazy-beta]:root body #alertCount{background:var(--cb-lime)!important;color:var(--cb-ink)!important;border:2px solid var(--cb-ink)!important}
html[data-skin=crazy-beta]:root body .slide-title,html[data-skin=crazy-beta]:root body .g-slide h3,html[data-skin=crazy-beta]:root body .slide h3{text-shadow:2px 0 0 var(--cb-magenta),-2px 0 0 var(--cb-cyan),0 2px 8px rgba(0,0,0,.6)!important}

/* ---------- cards, rows, feed ---------- */
html[data-skin=crazy-beta]:root body .card,html[data-skin=crazy-beta]:root body .row-card,html[data-skin=crazy-beta]:root body .spot-card,html[data-skin=crazy-beta]:root body .cal-card,html[data-skin=crazy-beta]:root body .nearby-card,html[data-skin=crazy-beta]:root body .gem-card,html[data-skin=crazy-beta]:root body .place-card,html[data-skin=crazy-beta]:root body .fav-card,html[data-skin=crazy-beta]:root body .ms-card,html[data-skin=crazy-beta]:root body .result-card,html[data-skin=crazy-beta]:root body .search-results-list > *,html[data-skin=crazy-beta]:root body .home-search-card{
  border:3px solid var(--cb-ink)!important;border-radius:4px 18px 6px 14px!important;box-shadow:5px 5px 0 var(--cb-ink),var(--cb-ghost)!important;background-color:#fff!important}
html[data-skin=crazy-beta]:root body .card:nth-child(4n),html[data-skin=crazy-beta]:root body .row-card:nth-child(4n){border-style:dashed!important;rotate:2deg;box-shadow:5px 5px 0 var(--cb-cyan)!important}
html[data-skin=crazy-beta]:root body .card:nth-child(5n),html[data-skin=crazy-beta]:root body .row-card:nth-child(5n){border-style:double!important;border-width:6px!important;rotate:-2.2deg}
html[data-skin=crazy-beta]:root body .row-card:nth-child(odd){rotate:-1deg}html[data-skin=crazy-beta]:root body .row-card:nth-child(even){rotate:1deg}
html[data-skin=crazy-beta]:root body .card-media,html[data-skin=crazy-beta]:root body .row-card img{clip-path:polygon(0 0,100% 0,100% 92%,94% 100%,87% 93%,79% 100%,70% 94%,62% 100%,53% 93%,44% 100%,35% 94%,26% 100%,18% 93%,9% 100%,0 94%)}
html[data-skin=crazy-beta]:root body .card-media{position:relative}
html[data-skin=crazy-beta]:root body .card-body{background:var(--cb-paper)!important}
html[data-skin=crazy-beta]:root body .card:nth-child(3n) .card-body{background:#e8fdff!important}
html[data-skin=crazy-beta]:root body .card:nth-child(3n+1) .card-body{background:#fff0fa!important}
html[data-skin=crazy-beta]:root body .card .why,html[data-skin=crazy-beta]:root body small.why{color:#8a005a!important;font-weight:800!important}
html[data-skin=crazy-beta]:root body .card:hover,html[data-skin=crazy-beta]:root body .row-card:hover{rotate:0deg;translate:-2px -2px;box-shadow:8px 8px 0 var(--cb-magenta),var(--cb-ghost)!important}
html[data-skin=crazy-beta]:root body .card:active,html[data-skin=crazy-beta]:root body .row-card:active{translate:2px 2px;box-shadow:1px 1px 0 var(--cb-ink)!important}
/* section heads + «Se alle» */
html[data-skin=crazy-beta]:root body .event-feed-head,html[data-skin=crazy-beta]:root body .home-row-head,html[data-skin=crazy-beta]:root body .row-head,html[data-skin=crazy-beta]:root body [class*=section-head]{border-bottom:3px dotted var(--cb-ink)}
html[data-skin=crazy-beta]:root body .see-all,html[data-skin=crazy-beta]:root body [class*=see-all],html[data-skin=crazy-beta]:root body .row-more,html[data-skin=crazy-beta]:root body .home-row-head button,html[data-skin=crazy-beta]:root body .home-row-head a,html[data-skin=crazy-beta]:root body .row-head button,html[data-skin=crazy-beta]:root body .act-group-all{
  background:var(--cb-cyan)!important;color:var(--cb-ink)!important;border:2.5px solid var(--cb-ink)!important;border-radius:2px 12px 2px 12px!important;
  box-shadow:3px 3px 0 var(--cb-magenta)!important;rotate:3deg;font-weight:900!important;min-height:44px}
html[data-skin=crazy-beta]:root body .see-all::after,html[data-skin=crazy-beta]:root body [class*=see-all]::after,html[data-skin=crazy-beta]:root body .home-row-head button::after,html[data-skin=crazy-beta]:root body .row-head button::after{content:" »!";color:var(--cb-magenta)}
html[data-skin=crazy-beta]:root body .home-row-head button:hover,html[data-skin=crazy-beta]:root body .act-group-all:hover{rotate:-3deg;background:#fff200!important}

/* ---------- tab bar + desktop nav ---------- */
html[data-skin=crazy-beta]:root body .tabbar{border-radius:8px 30px 8px 26px!important;background-image:radial-gradient(circle at 92% 20%,rgba(0,229,255,.35) 0 22px,transparent 23px)!important}
html[data-skin=crazy-beta]:root body .tabbar::before{content:"";position:absolute;top:-9px;left:18%;width:58px;height:13px;background:var(--cb-tape);rotate:-4deg;pointer-events:none;border:1px solid var(--cb-ink)}
html[data-skin=crazy-beta]:root body .tabbar button{font-weight:850!important}
html[data-skin=crazy-beta]:root body .tabbar button:nth-child(2){rotate:-1.5deg}html[data-skin=crazy-beta]:root body .tabbar button:nth-child(3){rotate:1.5deg}
html[data-skin=crazy-beta]:root body .tabbar button:hover{background:var(--cb-lime)!important}
html[data-skin=crazy-beta]:root body .tabbar button[aria-current=page]::after{content:"◉";position:absolute;top:2px;right:6px;font-size:9px;color:#fff200;text-shadow:1px 1px 0 var(--cb-ink)}
html[data-skin=crazy-beta]:root body .tabbar button{position:relative}

/* ---------- dialogs, sheets, settings ---------- */
html[data-skin=crazy-beta]:root body dialog{border-radius:6px 26px 6px 22px!important;background-image:linear-gradient(transparent 0 0)!important}
html[data-skin=crazy-beta]:root body dialog[open]::before{content:"";display:block;position:sticky;top:0;z-index:5;height:9px;margin:-4px -4px 6px;background:var(--cb-tape);pointer-events:none}
html[data-skin=crazy-beta]:root body .dialog-heading,html[data-skin=crazy-beta]:root body .sheet-header,html[data-skin=crazy-beta]:root body .results-dialog-head{border-bottom:3px dashed var(--cb-ink)!important;background:transparent!important}
html[data-skin=crazy-beta]:root body .close,html[data-skin=crazy-beta]:root body .obs-x,html[data-skin=crazy-beta]:root body dialog .icon-button{background:var(--cb-magenta)!important;color:#fff!important;border:2.5px solid var(--cb-ink)!important;rotate:8deg;box-shadow:2px 2px 0 var(--cb-ink)!important;border-radius:50% 40% 55% 45%!important;min-width:44px;min-height:44px}
html[data-skin=crazy-beta]:root body .close:hover,html[data-skin=crazy-beta]:root body .obs-x:hover{rotate:-12deg;background:#fff200!important;color:var(--cb-ink)!important}
html[data-skin=crazy-beta]:root body .set-group h3::before{content:"[ ";color:var(--cb-magenta)}html[data-skin=crazy-beta]:root body .set-group h3::after{content:" ]_";color:var(--cb-magenta)}
html[data-skin=crazy-beta]:root body .set-card{border-radius:3px 16px 3px 16px!important;background:#fff!important}
html[data-skin=crazy-beta]:root body .set-card:nth-child(odd){rotate:-.6deg;background:#e8fdff!important}
html[data-skin=crazy-beta]:root body .set-card:nth-child(3n){border-style:dashed!important;box-shadow:5px 5px 0 var(--cb-magenta)!important}
html[data-skin=crazy-beta]:root body .set-row small,html[data-skin=crazy-beta]:root body .set-card small{color:#3d2350!important}
html[data-skin=crazy-beta]:root body select,html[data-skin=crazy-beta]:root body .set-select{border:2.5px solid var(--cb-ink)!important;box-shadow:3px 3px 0 var(--cb-cyan)!important;border-radius:2px 10px 2px 10px!important;font-weight:800!important;background-color:#fff200!important}
html[data-skin=crazy-beta]:root body input:not([type=checkbox]):not([type=radio]),html[data-skin=crazy-beta]:root body textarea{border:2.5px solid var(--cb-ink)!important;border-radius:3px 12px 3px 12px!important;box-shadow:inset 3px 3px 0 rgba(255,0,168,.25)!important}
html[data-skin=crazy-beta]:root body input:not([type=checkbox]):not([type=radio]):focus,html[data-skin=crazy-beta]:root body textarea:focus{background:#fffbe0!important}
html[data-skin=crazy-beta]:root body .switch{box-shadow:2px 2px 0 var(--cb-ink)!important}
html[data-skin=crazy-beta]:root body .lang-toggle{border:2px dashed var(--cb-ink)!important;background:#fff!important}
html[data-skin=crazy-beta]:root body .lang-toggle button[aria-pressed=true]{background:var(--cb-magenta)!important;color:var(--cb-ink)!important}
html[data-skin=crazy-beta]:root body .seg3:not(.seg-themes){background:var(--cb-cyan)!important}
html[data-skin=crazy-beta]:root body .seg3.seg-themes{background:#fff!important;border:2px dashed var(--cb-ink)!important}
html[data-skin=crazy-beta]:root body .seg3.seg-themes > button:not(.theme-opt-crazy){color:var(--cb-ink)!important}
html[data-skin=crazy-beta]:root body .seg3.seg-themes > button:not(.theme-opt-crazy):nth-child(1){rotate:-2deg}html[data-skin=crazy-beta]:root body .seg3.seg-themes > button:not(.theme-opt-crazy):nth-child(3){rotate:2deg}
html[data-skin=crazy-beta]:root body .about,html[data-skin=crazy-beta]:root body .settings-about,html[data-skin=crazy-beta]:root body .prose{font-size:13px;border-top:3px dotted var(--cb-ink)!important;padding-top:10px}
html[data-skin=crazy-beta]:root body .about::before,html[data-skin=crazy-beta]:root body .settings-about::before{content:"// ";color:var(--cb-magenta);font-family:ui-monospace,Menlo,monospace;font-weight:900}
html[data-skin=crazy-beta]:root body .tip-dialog .tip-kicker,html[data-skin=crazy-beta]:root body .tip-kicker{background:var(--cb-ink)!important;color:#fff200!important;display:inline-block;padding:2px 8px;rotate:-2deg}
html[data-skin=crazy-beta]:root body .tip-dialog textarea{background:repeating-linear-gradient(transparent 0 25px,rgba(0,229,255,.35) 25px 26px),#fff!important}
html[data-skin=crazy-beta]:root body .tip-msg{border-left:6px solid var(--cb-magenta)!important}
html[data-skin=crazy-beta]:root body .primary,html[data-skin=crazy-beta]:root body button.primary,html[data-skin=crazy-beta]:root body .button,html[data-skin=crazy-beta]:root body .obs-lukk,html[data-skin=crazy-beta]:root body [type=submit]{background:var(--cb-magenta)!important;color:var(--cb-ink)!important;border:3px solid var(--cb-ink)!important;
  border-radius:2px 16px 2px 16px!important;box-shadow:4px 4px 0 var(--cb-ink),var(--cb-ghost)!important;font-weight:900!important;text-shadow:1px 0 0 rgba(255,255,255,.6)}
html[data-skin=crazy-beta]:root body .primary:hover,html[data-skin=crazy-beta]:root body .button:hover,html[data-skin=crazy-beta]:root body .obs-lukk:hover,html[data-skin=crazy-beta]:root body [type=submit]:hover{background:var(--cb-lime)!important;rotate:-1deg}
html[data-skin=crazy-beta]:root body .primary:active,html[data-skin=crazy-beta]:root body .button:active,html[data-skin=crazy-beta]:root body [type=submit]:active{translate:3px 3px;box-shadow:1px 1px 0 var(--cb-ink)!important}
html[data-skin=crazy-beta]:root body .ghost,html[data-skin=crazy-beta]:root body .text-button{border:2px dashed var(--cb-ink)!important;border-radius:3px!important;color:var(--cb-ink)!important;background:#fff!important}
html[data-skin=crazy-beta]:root body dialog.obs-modal .obs-badge{background:var(--cb-ink)!important;color:#fff200!important;rotate:-4deg}
/* toasts, empty, errors, loading */
html[data-skin=crazy-beta]:root body #toast{background:var(--cb-ink)!important;color:#fff200!important;border:3px solid var(--cb-magenta)!important;border-radius:3px!important;box-shadow:5px 5px 0 var(--cb-cyan)!important;font-weight:800;font-family:ui-monospace,Menlo,Consolas,monospace!important}
html[data-skin=crazy-beta]:root body #toast::before{content:"> ";color:var(--cb-magenta)}html[data-skin=crazy-beta]:root body #toast::after{content:"_";animation:hsaCbBlink 1s steps(1) infinite}
html[data-skin=crazy-beta]:root body .empty,html[data-skin=crazy-beta]:root body .fav-empty,html[data-skin=crazy-beta]:root body .ms-empty,html[data-skin=crazy-beta]:root body .cal-empty,html[data-skin=crazy-beta]:root body .place-suggest-empty,html[data-skin=crazy-beta]:root body [class*=-empty]:not(.is-hidden-quiet){border:3px dashed var(--cb-ink)!important;background:#fff!important;background-image:var(--cb-miss)!important;background-size:12px 12px!important;background-repeat:no-repeat!important;background-position:right 8px top 8px!important;border-radius:4px!important;padding:14px!important;rotate:-.8deg}
html[data-skin=crazy-beta]:root body .empty::before,html[data-skin=crazy-beta]:root body .fav-empty::before,html[data-skin=crazy-beta]:root body .ms-empty::before,html[data-skin=crazy-beta]:root body .place-suggest-empty::before{content:"¯\\_(ツ)_/¯  ";font-weight:900;color:var(--cb-magenta)}
html[data-skin=crazy-beta]:root body .error,html[data-skin=crazy-beta]:root body .bad,html[data-skin=crazy-beta]:root body [class*=error],html[data-skin=crazy-beta]:root body .location-banner,html[data-skin=crazy-beta]:root body .warn,html[data-skin=crazy-beta]:root body .offline,html[data-skin=crazy-beta]:root body [role=alert]{background:#fff200!important;color:var(--cb-ink)!important;border:3px solid var(--cb-ink)!important;border-top:8px solid transparent!important;border-image:none!important;
  background-image:var(--cb-tape)!important;background-size:100% 8px!important;background-repeat:no-repeat!important;background-position:top!important;font-weight:800}
html[data-skin=crazy-beta]:root body .spinner{border-color:rgba(255,0,168,.3)!important;border-top-color:var(--cb-ink)!important;border-right-color:var(--cb-cyan)!important;border-radius:30%!important}
html[data-skin=crazy-beta]:root body [class*=skeleton],html[data-skin=crazy-beta]:root body .is-loading,html[data-skin=crazy-beta]:root body .loading{background:repeating-linear-gradient(-45deg,#fff 0 10px,#ffe0f3 10px 20px)!important}
html[data-skin=crazy-beta]:root body #loading h1::after,html[data-skin=crazy-beta]:root body .loading::after{content:" ▌";color:var(--cb-magenta);animation:hsaCbBlink 1s steps(1) infinite}
html[data-skin=crazy-beta]:root body [title]:hover{cursor:help}
html[data-skin=crazy-beta]:root body .partner-pin,html[data-skin=crazy-beta]:root body .sponsored,html[data-skin=crazy-beta]:root body [class*=partner-label],html[data-skin=crazy-beta]:root body .pop-partner{background:var(--cb-lime)!important;color:var(--cb-ink)!important;border:2px solid var(--cb-ink)!important}
html[data-skin=crazy-beta]:root body .swiper-pagination-bullet,html[data-skin=crazy-beta]:root body .gdot,html[data-skin=crazy-beta]:root body [class*=dots] > *{background:var(--cb-ink)!important;opacity:.5;border-radius:2px!important;rotate:45deg}
html[data-skin=crazy-beta]:root body .swiper-pagination-bullet-active,html[data-skin=crazy-beta]:root body .gdot.on,html[data-skin=crazy-beta]:root body [class*=dots] > .on{background:var(--cb-magenta)!important;opacity:1}
/* detail page */
html[data-skin=crazy-beta]:root body #detailDialog .detail-hero img,html[data-skin=crazy-beta]:root body #detailDialog img{filter:contrast(1.06) saturate(1.2)}
html[data-skin=crazy-beta]:root body #detailDialog h2{text-shadow:2px 0 0 var(--cb-magenta),-2px 0 0 var(--cb-cyan)!important}
html[data-skin=crazy-beta]:root body #detailDialog .detail-venue-link{background:var(--cb-lime);padding:0 4px;color:var(--cb-ink)!important}
html[data-skin=crazy-beta]:root body #detailDialog .detail-actions button:nth-child(odd),html[data-skin=crazy-beta]:root body #detailDialog .dialog-actions button:nth-child(odd){rotate:-1.5deg}
html[data-skin=crazy-beta]:root body #detailDialog .detail-actions button:nth-child(even),html[data-skin=crazy-beta]:root body #detailDialog .dialog-actions button:nth-child(even){rotate:1.5deg}
/* Min plan / calendar */
html[data-skin=crazy-beta]:root body .cal-panel,html[data-skin=crazy-beta]:root body .cal-day-panel,html[data-skin=crazy-beta]:root body .cal-favs,html[data-skin=crazy-beta]:root body #calNext{border:3px solid var(--cb-ink)!important;border-radius:4px 20px 4px 20px!important;box-shadow:6px 6px 0 var(--cb-magenta)!important;background:#fff!important}
html[data-skin=crazy-beta]:root body .cal-favs{rotate:-.6deg;background:#e8fdff!important}
html[data-skin=crazy-beta]:root body [class*=cal-day]:not(.cal-day-panel) button[aria-pressed=true],html[data-skin=crazy-beta]:root body .cal-grid .on,html[data-skin=crazy-beta]:root body .cal-grid .sel,html[data-skin=crazy-beta]:root body .cal-grid [aria-selected=true]{background:var(--cb-ink)!important;color:#fff200!important}

/* ---------- Activities: categories ---------- */
html[data-skin=crazy-beta]:root body #filterDialog .interest-group{position:relative}
html[data-skin=crazy-beta]:root body #filterDialog .act-group-head h4{text-shadow:2px 0 0 var(--cb-magenta),-2px 0 0 var(--cb-cyan)}
html[data-skin=crazy-beta]:root body #filterDialog .act-group-head h4::before{content:"[ ";color:var(--cb-magenta)}html[data-skin=crazy-beta]:root body #filterDialog .act-group-head h4::after{content:" ]_";color:var(--cb-magenta)}
html[data-skin=crazy-beta]:root body #filterDialog .act-group-orb{border:2.5px solid var(--cb-ink)!important;box-shadow:3px 3px 0 var(--cb-ink)!important;border-radius:40% 60% 55% 45%!important;rotate:-8deg}
/* hard shadows drawn by the grid, so they survive the clip-path shapes */
html[data-skin=crazy-beta]:root body #filterDialog .interest-grid,html[data-skin=crazy-beta]:root body #filterDialog .interest-pop-row{filter:drop-shadow(3px 3px 0 var(--cb-ink))}
html[data-skin=crazy-beta]:root body #filterDialog#filterDialog .interest-tile,html[data-skin=crazy-beta]:root body #filterDialog#filterDialog .interest-pop{
  position:relative;min-height:46px!important;border:3px solid var(--cb-ink)!important;color:var(--cb-ink)!important;font-weight:900!important;
  background:#fff200!important;box-shadow:none!important;transition:rotate .2s,translate .2s,background .2s!important;--cb-rot:-2deg;rotate:var(--cb-rot)}
html[data-skin=crazy-beta]:root body #filterDialog#filterDialog .interest-tile strong,html[data-skin=crazy-beta]:root body #filterDialog#filterDialog .interest-pop b{color:var(--cb-ink)!important;letter-spacing:.01em}
html[data-skin=crazy-beta]:root body #filterDialog#filterDialog .interest-tile strong::before,html[data-skin=crazy-beta]:root body #filterDialog#filterDialog .interest-pop b::before{content:"[ ";color:var(--cb-magenta);font-family:ui-monospace,Menlo,monospace}
html[data-skin=crazy-beta]:root body #filterDialog#filterDialog .interest-tile strong::after,html[data-skin=crazy-beta]:root body #filterDialog#filterDialog .interest-pop b::after{content:" ]_";color:var(--cb-magenta);font-family:ui-monospace,Menlo,monospace}
html[data-skin=crazy-beta]:root body #filterDialog#filterDialog .interest-tile .interest-art,html[data-skin=crazy-beta]:root body #filterDialog#filterDialog .interest-pop .interest-art{background:#fff!important;color:var(--cb-ink)!important;border:2px solid var(--cb-ink);border-radius:30% 70% 60% 40%!important;transition:rotate .35s}
html[data-skin=crazy-beta]:root body #filterDialog#filterDialog .interest-tile:hover .interest-art,html[data-skin=crazy-beta]:root body #filterDialog#filterDialog .interest-pop:hover .interest-art{rotate:360deg}
html[data-skin=crazy-beta]:root body #filterDialog#filterDialog .interest-tile .interest-count,html[data-skin=crazy-beta]:root body #filterDialog#filterDialog .interest-pop small{background:var(--cb-ink)!important;color:#fff200!important;border-radius:2px!important;font-family:ui-monospace,Menlo,monospace!important;font-weight:800!important}
/* six clashing combos, six shapes, six angles */
html[data-skin=crazy-beta]:root body #filterDialog#filterDialog .interest-tile:nth-child(6n+1),html[data-skin=crazy-beta]:root body #filterDialog#filterDialog .interest-pop:nth-child(6n+1){background:#fff200!important;--cb-rot:-2.5deg;clip-path:polygon(0 0,100% 0,100% 35%,97% 50%,100% 65%,100% 100%,0 100%,0 65%,3% 50%,0 35%)}
html[data-skin=crazy-beta]:root body #filterDialog#filterDialog .interest-tile:nth-child(6n+2),html[data-skin=crazy-beta]:root body #filterDialog#filterDialog .interest-pop:nth-child(6n+2){background:var(--cb-cyan)!important;--cb-rot:1.8deg;clip-path:polygon(4% 0,100% 0,96% 100%,0 100%);border-style:dashed!important}
html[data-skin=crazy-beta]:root body #filterDialog#filterDialog .interest-tile:nth-child(6n+3),html[data-skin=crazy-beta]:root body #filterDialog#filterDialog .interest-pop:nth-child(6n+3){background:#ff8fd8!important;--cb-rot:-1deg;border-style:double!important;border-width:5px!important;clip-path:polygon(0 4%,8% 0,20% 5%,33% 0,47% 6%,60% 0,74% 5%,88% 0,100% 4%,100% 100%,0 100%)}
html[data-skin=crazy-beta]:root body #filterDialog#filterDialog .interest-tile:nth-child(6n+4),html[data-skin=crazy-beta]:root body #filterDialog#filterDialog .interest-pop:nth-child(6n+4){background:var(--cb-lime)!important;--cb-rot:3deg;skew:-4deg}
html[data-skin=crazy-beta]:root body #filterDialog#filterDialog .interest-tile:nth-child(6n+5),html[data-skin=crazy-beta]:root body #filterDialog#filterDialog .interest-pop:nth-child(6n+5){background:#ffb27a!important;--cb-rot:-3deg;background-image:repeating-linear-gradient(90deg,transparent 0 14px,rgba(20,0,31,.07) 14px 16px)!important;clip-path:polygon(0 0,100% 0,100% 100%,92% 92%,84% 100%,0 100%)}
html[data-skin=crazy-beta]:root body #filterDialog#filterDialog .interest-tile:nth-child(6n),html[data-skin=crazy-beta]:root body #filterDialog#filterDialog .interest-pop:nth-child(6n){background:#fff!important;--cb-rot:2.2deg;background-image:var(--cb-miss)!important;background-size:12px 12px!important;background-repeat:no-repeat!important;background-position:right 4px bottom 4px!important;border-style:dotted!important}
html[data-skin=crazy-beta]:root body #filterDialog#filterDialog .interest-tile:hover,html[data-skin=crazy-beta]:root body #filterDialog#filterDialog .interest-pop:hover{animation:hsaCbWob .5s ease-in-out 2;translate:0 -2px}
@keyframes hsaCbWob{0%,100%{rotate:var(--cb-rot)}33%{rotate:calc(var(--cb-rot) + 4deg)}66%{rotate:calc(var(--cb-rot) - 4deg)}}
/* selected: inverted, unclipped, stamped VALGT! */
html[data-skin=crazy-beta]:root body #filterDialog#filterDialog .interest-tile[aria-pressed=true],html[data-skin=crazy-beta]:root body #filterDialog#filterDialog .interest-pop[aria-pressed=true]{
  background:var(--cb-ink)!important;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.07) 0 1px,transparent 1px 3px)!important;color:#fff200!important;clip-path:none!important;skew:0deg;
  border-color:var(--cb-magenta)!important;--cb-rot:-1deg;animation:hsaCbFlash .35s steps(2) 1}
html[data-skin=crazy-beta]:root body #filterDialog#filterDialog .interest-tile[aria-pressed=true] strong,html[data-skin=crazy-beta]:root body #filterDialog#filterDialog .interest-pop[aria-pressed=true] b{color:#fff200!important;text-shadow:2px 0 0 var(--cb-magenta),-2px 0 0 var(--cb-cyan)}
html[data-skin=crazy-beta]:root body #filterDialog#filterDialog .interest-tile[aria-pressed=true]::after,html[data-skin=crazy-beta]:root body #filterDialog#filterDialog .interest-pop[aria-pressed=true]::after{
  content:"VALGT!"!important;display:block!important;position:absolute;right:-8px;top:-12px;z-index:3;pointer-events:none;
  padding:2px 6px;border:2.5px solid #e0004a;color:#e0004a;background:#fff;font:900 11px/1.1 "Arial Black",Impact,sans-serif;letter-spacing:.08em;rotate:12deg;opacity:.95!important;transform:none!important;inset:auto;right:-8px;top:-12px;left:auto;width:auto;height:auto;border-radius:3px}
html.lang-en[data-skin=crazy-beta]:root body #filterDialog#filterDialog .interest-tile[aria-pressed=true]::after,html.lang-en[data-skin=crazy-beta]:root body #filterDialog#filterDialog .interest-pop[aria-pressed=true]::after{content:"PICKED!"!important}
@keyframes hsaCbFlash{0%{opacity:.35}50%{opacity:1}75%{opacity:.6}100%{opacity:1}}
html[data-skin=crazy-beta]:root body #filterDialog .interest-more,html[data-skin=crazy-beta]:root body #filterDialog #actPicked button,html[data-skin=crazy-beta]:root body #filterDialog .act-jump button{border:2.5px dashed var(--cb-ink)!important;background:#fff!important;color:var(--cb-ink)!important;min-height:44px;rotate:-1deg;box-shadow:3px 3px 0 var(--cb-magenta)!important}
html[data-skin=crazy-beta]:root body #filterDialog #actPicked button{background:var(--cb-ink)!important;color:#fff200!important;border-style:solid!important}
html[data-skin=crazy-beta]:root body #filterDialog .act-hero,html[data-skin=crazy-beta]:root body #filterDialog .filter-block{border-radius:4px 22px 4px 22px!important}

/* ---------- map (visual only; Leaflet panes are never transformed) ---------- */
html[data-skin=crazy-beta]:root body .leaflet-tile-pane{filter:hue-rotate(250deg) saturate(1.5) contrast(1.06)!important}
html[data-skin=crazy-beta]:root body .leaflet-tile{filter:none!important}
html[data-skin=crazy-beta]:root body #map::after{content:"";position:absolute;inset:0;z-index:250;pointer-events:none;
  background:repeating-linear-gradient(0deg,rgba(20,0,31,.05) 0 1px,transparent 1px 4px),var(--cb-miss);background-size:auto,14px 14px;background-repeat:repeat,no-repeat;background-position:0 0,62% 38%;opacity:.8}
html[data-skin=crazy-beta]:root body .bpin-drop{border:2.5px solid var(--cb-ink)!important;box-shadow:3px 3px 0 var(--cb-ink),-2px -1px 0 var(--cb-cyan)!important;rotate:-8deg}
html[data-skin=crazy-beta]:root body .pin-wrap:nth-child(odd) .bpin-drop{rotate:7deg}
html[data-skin=crazy-beta]:root body .bpin-count{background:#fff200!important;color:var(--cb-ink)!important;border:2px solid var(--cb-ink)!important}
html[data-skin=crazy-beta]:root body .bpin.hot-pin .bpin-drop,html[data-skin=crazy-beta]:root body .bpin.hype .bpin-drop{box-shadow:3px 3px 0 var(--cb-magenta),0 0 0 3px #fff200!important}
html[data-skin=crazy-beta]:root body .leaflet-marker-icon:focus .bpin-drop,html[data-skin=crazy-beta]:root body .leaflet-marker-icon.sel .bpin-drop{outline:3px dashed var(--cb-magenta);outline-offset:3px}
html[data-skin=crazy-beta]:root body .gem-pin-body,html[data-skin=crazy-beta]:root body .partner-pin span{border:2.5px solid var(--cb-ink)!important;box-shadow:3px 3px 0 var(--cb-ink)!important}
html[data-skin=crazy-beta]:root body .leaflet-popup-content-wrapper{background:#fff!important;color:var(--cb-ink)!important;border:3px solid var(--cb-ink);border-radius:4px!important;box-shadow:6px 6px 0 var(--cb-magenta)!important;
  clip-path:polygon(0 0,100% 0,100% calc(100% - 8px),95% 100%,90% calc(100% - 7px),84% 100%,78% calc(100% - 8px),72% 100%,66% calc(100% - 6px),60% 100%,54% calc(100% - 8px),48% 100%,42% calc(100% - 7px),36% 100%,30% calc(100% - 8px),24% 100%,18% calc(100% - 6px),12% 100%,6% calc(100% - 8px),0 100%);padding-top:10px!important;background-image:var(--cb-tape)!important;background-size:100% 9px!important;background-repeat:no-repeat!important}
html[data-skin=crazy-beta]:root body .leaflet-popup-content h3,html[data-skin=crazy-beta]:root body .leaflet-popup-content strong:first-child,html[data-skin=crazy-beta]:root body .pop-venue-name{text-shadow:1.5px 0 0 var(--cb-magenta),-1.5px 0 0 var(--cb-cyan)}
html[data-skin=crazy-beta]:root body .leaflet-popup-tip{background:#fff!important;border:2px solid var(--cb-ink)}
html[data-skin=crazy-beta]:root body .leaflet-popup-close-button{background:var(--cb-magenta)!important;color:#fff!important;border:2px solid var(--cb-ink)!important;border-radius:50%!important}
html[data-skin=crazy-beta]:root body .leaflet-control-zoom{border:0!important;box-shadow:none!important;background:transparent!important}
html[data-skin=crazy-beta]:root body .leaflet-control-zoom a{display:block;margin:0 0 8px;border:3px solid var(--cb-ink)!important;border-radius:6px!important;box-shadow:3px 3px 0 var(--cb-magenta)!important;background:#fff200!important;color:var(--cb-ink)!important;font-weight:900!important;width:34px!important;height:30px!important;line-height:24px!important}
html[data-skin=crazy-beta]:root body .leaflet-control-zoom a:last-child{margin-bottom:0}
/* same footprint as light (34×64) so it never ends up on top of a popup's close button */
html[data-skin=crazy-beta]:root body .leaflet-control-zoom-in{rotate:-6deg}
html[data-skin=crazy-beta]:root body .leaflet-control-zoom-out{rotate:5deg;background:var(--cb-cyan)!important}
html[data-skin=crazy-beta]:root body .leaflet-control-attribution{background:rgba(255,255,255,.95)!important;color:var(--cb-ink)!important;font-size:11px!important;border-top:2px solid var(--cb-ink);border-left:2px solid var(--cb-ink)}
html[data-skin=crazy-beta]:root body .leaflet-control-attribution a{color:#8a005a!important;text-decoration:underline!important}
html[data-skin=crazy-beta]:root body .map-fab{border-radius:40% 60% 50% 50%!important;rotate:-6deg;box-shadow:3px 3px 0 var(--cb-ink)!important}
html[data-skin=crazy-beta]:root body .bottom-sheet{border-top:6px solid var(--cb-ink)!important;border-radius:6px 28px 0 0!important;background:#fff!important;box-shadow:0 -5px 0 var(--cb-magenta)!important}
html[data-skin=crazy-beta]:root body .sheet-grab{background:var(--cb-tape)!important;height:7px!important;width:64px!important;border-radius:2px!important}

/* ---------- account page (account.html) ---------- */
html[data-skin=crazy-beta]:root body .top{background:var(--cb-cyan)!important;border-bottom:6px solid var(--cb-ink)!important;box-shadow:0 4px 0 var(--cb-magenta)!important}
html[data-skin=crazy-beta]:root body .top a{font-weight:900}
html[data-skin=crazy-beta]:root body .tabs button{border:2.5px solid var(--cb-ink)!important;background:#fff!important;color:var(--cb-ink)!important;rotate:-1deg;min-height:44px;box-shadow:3px 3px 0 var(--cb-ink)!important}
html[data-skin=crazy-beta]:root body .tabs button:nth-child(2){rotate:1.5deg;background:#e8fdff!important}
html[data-skin=crazy-beta]:root body .tabs button.active{background:var(--cb-ink)!important;color:#fff200!important}
html[data-skin=crazy-beta]:root body .panel,html[data-skin=crazy-beta]:root body .users,html[data-skin=crazy-beta]:root body .editor,html[data-skin=crazy-beta]:root body .messages,html[data-skin=crazy-beta]:root body .cards > *,html[data-skin=crazy-beta]:root body .stat,html[data-skin=crazy-beta]:root body #signedOut,html[data-skin=crazy-beta]:root body #loading{
  border:3px solid var(--cb-ink)!important;border-radius:4px 18px 4px 18px!important;box-shadow:5px 5px 0 var(--cb-magenta)!important;background:#fff!important}
html[data-skin=crazy-beta]:root body #signedOut,html[data-skin=crazy-beta]:root body #loading{padding:18px!important;margin:18px 0!important;rotate:-.8deg}
html[data-skin=crazy-beta]:root body .composer button,html[data-skin=crazy-beta]:root body #logoutBtn,html[data-skin=crazy-beta]:root body #nickBtn{background:var(--cb-magenta)!important;color:var(--cb-ink)!important;border:2.5px solid var(--cb-ink)!important;box-shadow:3px 3px 0 var(--cb-ink)!important;font-weight:900;min-height:44px}
/* account page has no app header, so it carries its own CRAZY BETA sticker (top bar, never over content) */
html[data-skin=crazy-beta]:root body .top > div > strong::after{content:"⚠ CRAZY BETA";display:inline-block;margin-left:8px;padding:2px 6px;font:900 9.5px/1.2 "Arial Black",Impact,sans-serif;color:#fff200;background:var(--cb-ink);border:2px solid var(--cb-magenta);rotate:-6deg;box-shadow:2px 2px 0 #fff200}

/* ---------- boot splash (also inlined in index.html <head> for first paint) ---------- */
html[data-skin=crazy-beta]:root body #brandIntro.bi-css{background:#fff200!important;background-image:repeating-linear-gradient(0deg,rgba(20,0,31,.05) 0 1px,transparent 1px 4px)!important}

/* ---------- v2 sweep fixes: detail, place page, calendar, popups, misc ---------- */
html[data-skin=crazy-beta]:root body button:not([class*=leaflet]):not(.theme-opt-crazy):not(.theme-opt-crazy *){text-shadow:1px 1px 0 rgba(255,0,168,.28)}
html[data-skin=crazy-beta]:root body .action-row > button{background:#fff!important;color:var(--cb-ink)!important;border:2.5px solid var(--cb-ink)!important;box-shadow:3px 3px 0 var(--cb-ink)!important;border-radius:3px 14px 3px 14px!important;min-height:52px;font-weight:850!important}
html[data-skin=crazy-beta]:root body .action-row > button:nth-child(1){background:#ff8fd8!important;rotate:-2deg}
html[data-skin=crazy-beta]:root body .action-row > button:nth-child(2){background:var(--cb-cyan)!important;rotate:1.5deg;border-style:dashed!important}
html[data-skin=crazy-beta]:root body .action-row > button:nth-child(3){background:var(--cb-lime)!important;rotate:-1deg}
html[data-skin=crazy-beta]:root body .action-row > button:nth-child(4){background:#ffb27a!important;rotate:2deg;border-style:double!important;border-width:5px!important}
html[data-skin=crazy-beta]:root body .action-row > button:nth-child(5){background:#fff200!important;rotate:-2.5deg}
html[data-skin=crazy-beta]:root body .action-row > button[aria-pressed=true]{background:var(--cb-ink)!important;color:#fff200!important}
html[data-skin=crazy-beta]:root body .detail-meta > div b,html[data-skin=crazy-beta]:root body .detail-meta svg{color:var(--cb-magenta)!important}
html[data-skin=crazy-beta]:root body .detail-media,html[data-skin=crazy-beta]:root body .place-hero,html[data-skin=crazy-beta]:root body .pp-img{clip-path:polygon(0 0,100% 0,100% 94%,93% 100%,85% 95%,76% 100%,66% 94%,55% 100%,45% 95%,34% 100%,24% 94%,13% 100%,5% 95%,0 100%)}
html[data-skin=crazy-beta]:root body .place-hero{background:linear-gradient(135deg,#ff8fd8,#00e5ff)!important;background-image:linear-gradient(135deg,#ff8fd8,#00e5ff),var(--cb-miss)!important}
html[data-skin=crazy-beta]:root body .place-hero-ico{display:inline-block;rotate:-10deg;filter:drop-shadow(4px 4px 0 var(--cb-ink))}
html[data-skin=crazy-beta]:root body .place-share,html[data-skin=crazy-beta]:root body .place-close,html[data-skin=crazy-beta]:root body .pp-close{background:#fff200!important;color:var(--cb-ink)!important;border:2.5px solid var(--cb-ink)!important;box-shadow:3px 3px 0 var(--cb-ink)!important;rotate:-4deg;min-height:44px;min-width:44px}
html[data-skin=crazy-beta]:root body .place-close,html[data-skin=crazy-beta]:root body .pp-close{background:var(--cb-magenta)!important;color:#fff!important;rotate:6deg}
html[data-skin=crazy-beta]:root body .place-count,html[data-skin=crazy-beta]:root body .place-hours,html[data-skin=crazy-beta]:root body .place-kicker,html[data-skin=crazy-beta]:root body .place-badges > *{background:var(--cb-lime)!important;color:var(--cb-ink)!important;border:2px solid var(--cb-ink)!important;border-radius:2px!important;box-shadow:2px 2px 0 var(--cb-ink)!important;rotate:-1.5deg}
html[data-skin=crazy-beta]:root body .place-actions > *{border:2.5px solid var(--cb-ink)!important;box-shadow:3px 3px 0 var(--cb-magenta)!important;border-radius:2px 14px 2px 14px!important}
html[data-skin=crazy-beta]:root body .place-actions > *:nth-child(2){rotate:-1.5deg;background:var(--cb-cyan)!important;color:var(--cb-ink)!important}
html[data-skin=crazy-beta]:root body .place-actions > *:nth-child(3){rotate:1.5deg;background:#fff200!important;color:var(--cb-ink)!important}
html[data-skin=crazy-beta]:root body .place-ev,html[data-skin=crazy-beta]:root body .pop-item,html[data-skin=crazy-beta]:root body .nearby-item,html[data-skin=crazy-beta]:root body .filter-preview button,html[data-skin=crazy-beta]:root body .pp-next{border:2.5px solid var(--cb-ink)!important;border-radius:3px 14px 3px 14px!important;box-shadow:3px 3px 0 var(--cb-ink)!important;background:#fff!important;margin-bottom:8px}
html[data-skin=crazy-beta]:root body .place-ev:nth-child(even),html[data-skin=crazy-beta]:root body .pop-item:nth-child(even),html[data-skin=crazy-beta]:root body .nearby-item:nth-child(even),html[data-skin=crazy-beta]:root body .filter-preview button:nth-child(even){rotate:.8deg;background:#e8fdff!important}
html[data-skin=crazy-beta]:root body .place-ev:nth-child(3n),html[data-skin=crazy-beta]:root body .filter-preview button:nth-child(3n){border-style:dashed!important;box-shadow:3px 3px 0 var(--cb-magenta)!important}
html[data-skin=crazy-beta]:root body .place-ev-time{background:var(--cb-ink);color:#fff200!important;padding:2px 6px;font-family:ui-monospace,Menlo,monospace!important;rotate:-3deg;display:inline-block}
html[data-skin=crazy-beta]:root body .place-day,html[data-skin=crazy-beta]:root body .pop-date-header,html[data-skin=crazy-beta]:root body .cal-num{font-family:ui-monospace,Menlo,Consolas,monospace!important;font-weight:900!important}
html[data-skin=crazy-beta]:root body .place-day::before,html[data-skin=crazy-beta]:root body .pop-date-header::before{content:"// ";color:var(--cb-magenta)}
html[data-skin=crazy-beta]:root body .place-note,html[data-skin=crazy-beta]:root body .pp-note,html[data-skin=crazy-beta]:root body .gem-note{border-left:5px solid var(--cb-magenta);padding-left:10px;background:repeating-linear-gradient(transparent 0 23px,rgba(0,229,255,.25) 23px 24px)}
html[data-skin=crazy-beta]:root body .follow-txt{text-decoration:underline wavy var(--cb-magenta)}
html[data-skin=crazy-beta]:root body .cal-num{color:var(--cb-ink)!important}
html[data-skin=crazy-beta]:root body .cal-grid button:nth-child(7n) .cal-num,html[data-skin=crazy-beta]:root body [class*=cal-days] > :nth-child(7n) .cal-num{color:#c4007f!important}
html[data-skin=crazy-beta]:root body label,html[data-skin=crazy-beta]:root body .field > span,html[data-skin=crazy-beta]:root body label.field{font-weight:850!important;letter-spacing:.02em}
html[data-skin=crazy-beta]:root body .credit{background:var(--cb-ink)!important;color:#fff200!important;padding:1px 5px;font-family:ui-monospace,Menlo,monospace!important}
html[data-skin=crazy-beta]:root body .slide-art,html[data-skin=crazy-beta]:root body .slide-cat{filter:drop-shadow(3px 3px 0 var(--cb-ink)) hue-rotate(40deg)}
html[data-skin=crazy-beta]:root body .slide-cat .bubble{background:#fff200!important;color:var(--cb-ink)!important}
html[data-skin=crazy-beta]:root body .row-flag{background:var(--cb-cyan)!important;color:var(--cb-ink)!important;border:2px solid var(--cb-ink)!important;rotate:-5deg}
html[data-skin=crazy-beta]:root body .nearby-orbit,html[data-skin=crazy-beta]:root body .nearby-thumb{border:2.5px solid var(--cb-ink)!important;box-shadow:2px 2px 0 var(--cb-magenta)!important;border-radius:40% 60% 50% 50%!important}
html[data-skin=crazy-beta]:root body .nearby-partners-cta{border:3px dashed var(--cb-ink)!important;background:#fff!important;background-image:var(--cb-miss)!important;background-size:10px 10px!important;background-repeat:no-repeat!important;background-position:right 10px top 10px!important;rotate:-.6deg}
html[data-skin=crazy-beta]:root body .gem-popup,html[data-skin=crazy-beta]:root body .pop-venue-card,html[data-skin=crazy-beta]:root body .partner-map-popup{font-weight:600}
html[data-skin=crazy-beta]:root body .pop-venue-title,html[data-skin=crazy-beta]:root body .gem-popup h3,html[data-skin=crazy-beta]:root body .gem-popup strong:first-of-type{text-shadow:1.5px 0 0 var(--cb-magenta),-1.5px 0 0 var(--cb-cyan)}
html[data-skin=crazy-beta]:root body .pop-directions,html[data-skin=crazy-beta]:root body .pop-venue-web,html[data-skin=crazy-beta]:root body .gem-actions > *{background:#fff200!important;color:var(--cb-ink)!important;border:2px solid var(--cb-ink)!important;box-shadow:2px 2px 0 var(--cb-ink)!important;border-radius:2px 10px 2px 10px!important}
html[data-skin=crazy-beta]:root body .place-peek,html[data-skin=crazy-beta]:root body [class*=pin-tip],html[data-skin=crazy-beta]:root body .map-tip,html[data-skin=crazy-beta]:root body .leaflet-tooltip{background:#fff!important;color:var(--cb-ink)!important;border:2.5px solid var(--cb-ink)!important;box-shadow:4px 4px 0 var(--cb-magenta)!important;border-radius:3px!important}
html[data-skin=crazy-beta]:root body #placeDialog .place-sec h3,html[data-skin=crazy-beta]:root body #placeDialog h3{text-shadow:1.5px 1.5px 0 var(--cb-magenta)!important}
html[data-skin=crazy-beta]:root body .going-btn::after{content:" ♥";color:var(--cb-magenta)}

/* sweep fixes round 2 */
html[data-skin=crazy-beta]:root body .filter-preview button > span:first-child{border:2px solid var(--cb-ink)!important;border-radius:40% 60% 55% 45%!important;background:#fff200!important;box-shadow:2px 2px 0 var(--cb-magenta)!important;rotate:-6deg}
html[data-skin=crazy-beta]:root body .slide-art,html[data-skin=crazy-beta]:root body .slide-cat{filter:drop-shadow(3px 3px 0 var(--cb-ink)) hue-rotate(40deg)!important}
html[data-skin=crazy-beta]:root body .set-row > span{color:var(--cb-ink)!important;font-weight:800!important;text-shadow:1px 1px 0 rgba(0,229,255,.55)}
html[data-skin=crazy-beta]:root body .map-regions button,html[data-skin=crazy-beta]:root body .map-cats button,html[data-skin=crazy-beta]:root body [class*=map-cat] button{background:#fff!important;color:var(--cb-ink)!important;border:2.5px solid var(--cb-ink)!important;box-shadow:3px 3px 0 var(--cb-magenta)!important;border-radius:3px 12px 3px 12px!important;font-weight:850!important}
html[data-skin=crazy-beta]:root body .map-regions button:nth-child(odd),html[data-skin=crazy-beta]:root body .map-cats button:nth-child(odd){rotate:-2deg;background:#fff200!important}
html[data-skin=crazy-beta]:root body .map-regions button:nth-child(3n),html[data-skin=crazy-beta]:root body .map-cats button:nth-child(3n){background:var(--cb-cyan)!important;border-style:dashed!important;rotate:2deg}
html[data-skin=crazy-beta]:root body .map-regions button[aria-pressed=true],html[data-skin=crazy-beta]:root body .map-cats button[aria-pressed=true],html[data-skin=crazy-beta]:root body .map-cats button.on{background:var(--cb-ink)!important;color:#fff200!important}
html[data-skin=crazy-beta]:root body label.field,html[data-skin=crazy-beta]:root body .field > span{color:var(--cb-ink)!important;text-shadow:1px 1px 0 rgba(0,229,255,.6)}

/* ---------- motion off when asked ---------- */
@media (prefers-reduced-motion:reduce){
  html[data-skin=crazy-beta]:root body *,html[data-skin=crazy-beta]:root body *::before,html[data-skin=crazy-beta]:root body *::after{animation:none!important;transition:none!important}
}
html.reduce-motion[data-skin=crazy-beta]:root body *,html.reduce-motion[data-skin=crazy-beta]:root body *::before,html.reduce-motion[data-skin=crazy-beta]:root body *::after{animation:none!important;transition:none!important}
html[data-skin=crazy-beta]:root body #filterDialog .interest-pop-row{padding-top:14px!important}
html[data-skin=crazy-beta]:root body #filterDialog .interest-grid{padding-top:12px!important;row-gap:12px!important}

/* v90: the «Lokalt i …» / «Skjer i dag» tag no longer lies across the date line – it sits as a sticker
   on the top-left corner of the picture, sized to its text, with readable white text. */
html[data-skin=crazy-beta]:root body .card{position:relative}
html[data-skin=crazy-beta]:root body .card .card-signal{position:absolute!important;top:10px;left:10px;right:auto;z-index:3;width:max-content;max-width:calc(100% - 20px);
  display:inline-flex!important;gap:4px;padding:2px 7px!important;margin:0!important;rotate:-4deg;pointer-events:none}
html[data-skin=crazy-beta]:root body .card .card-signal .why{color:#fff!important;font-size:10.5px!important;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html[data-skin=crazy-beta]:root body .card .card-signal .card-state{rotate:0deg;box-shadow:none!important;border-width:1.5px!important;padding:0 4px!important}