/* HvaSkjer – Matrix (matrix). Delt ut fra themes-extra.css; lastes etter theme-crazy-beta.css. */
/* =====================================================================
   3) MATRIX – total revamp (id: matrix)
   Mørk base, fosforgrønn tekst, monospace overalt, terminal-estetikk:
     • digitalt regn bak alt (matrix.js → #mxRain), som lyser opp rundt musa
     • skannelinjer og CRT-vignett over skjermen
     • paneler med hjørneklammer ⌜ ⌟, knapper som [ KOMMANDOER ], blinkende markør
     • bilder i grønn duotone – hold musa over, så «våkner» de i ekte farger
     • kartet i grønn nattsyn-modus
     • en hvit kanin hopper forbi en sjelden gang
   Alt er visuelt; ingen tekst i DOM endres og Leaflet-panes transformeres aldri.
   html[data-theme=dark][data-skin=matrix]
   ===================================================================== */
html[data-skin=matrix]:root body,html[data-skin=matrix]:root{
  --mx-bg:#000; --mx-panel:rgba(var(--mx-deep),.82); --mx-panel-2:rgba(var(--mx-deep),.88); --mx-panel-solid:var(--mx-panel-solid);
  --mx-rgb:0,255,65; --mx-deep:0,12,4; --mx-hue:68deg; --mx-sat:1;
  --mx-green:#00ff41; --mx-green-2:#22c55e; --mx-text:#b8f7c8; --mx-dim:#5fae74; --mx-faint:#2f6b3f;
  --mx-soft:#031408; --mx-on:#001a07; --mx-load:#06240e;
  --mx-line:rgba(var(--mx-rgb),.22); --mx-line-2:rgba(var(--mx-rgb),.45); --mx-glow:0 0 8px rgba(var(--mx-rgb),.55); --mx-glow-2:0 0 18px rgba(var(--mx-rgb),.35);
  --mx-red:#ff3b3b; --mx-white:#eaffef;
  --mx-mono:ui-monospace,"SF Mono","Cascadia Mono","JetBrains Mono",Menlo,Consolas,"DejaVu Sans Mono","Liberation Mono",monospace;
  --mx-ease:cubic-bezier(.2,.8,.2,1);
  --mx-brackets:linear-gradient(var(--mx-green),var(--mx-green)) top left/12px 1.5px,linear-gradient(var(--mx-green),var(--mx-green)) top left/1.5px 12px,
    linear-gradient(var(--mx-green),var(--mx-green)) bottom right/12px 1.5px,linear-gradient(var(--mx-green),var(--mx-green)) bottom right/1.5px 12px;

  --ks-natt:#000; --ks-skumring:var(--mx-panel-solid); --ks-dyp:var(--mx-soft); --ks-kant:var(--mx-line-2);
  --ks-lykt:var(--mx-green); --ks-lykt-ink:var(--mx-on); --ks-rosa:var(--mx-green);
  --ink:var(--mx-text); --muted:var(--mx-dim); --bg:#000; --surface:var(--mx-panel-solid); --soft:var(--mx-soft);
  --line:var(--mx-line); --border:var(--mx-line-2); --header-bg:rgba(var(--mx-deep),.82); --on-ink:var(--mx-on); --map-bg:#000;
  --shadow:0 0 0 1px var(--mx-line),0 0 24px -8px rgba(var(--mx-rgb),.35);
  --pink:var(--mx-green); --pink-2:var(--mx-green); --dream-lilac:var(--mx-green); --accent:var(--mx-green);
  --accent-soft:rgba(var(--mx-rgb),.12); --accent-ink:var(--mx-green); --ks-accent-fill:var(--mx-green); --ks-accent-text:var(--mx-green);
  --display:var(--mx-mono); --body:var(--mx-mono);
  --ks-radius-l:4px; --ks-radius-m:3px; --ks-radius-s:2px;
  color-scheme:dark;
}
html[data-skin=matrix]:root{background:#000!important;background-image:none!important}
html[data-skin=matrix]:root body{background:transparent!important;color:var(--mx-text);font-size:14.5px;letter-spacing:0;font-feature-settings:normal}
html[data-skin=matrix]:root body,html[data-skin=matrix]:root body button,html[data-skin=matrix]:root body input,html[data-skin=matrix]:root body select,html[data-skin=matrix]:root body textarea{font-family:var(--mx-mono)!important}

/* ---------- regn, skannelinjer, vignett ---------- */
#mxRain{display:none}
html[data-skin=matrix] #mxRain{display:block;position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
html[data-skin=matrix] #mxRain canvas{position:absolute;inset:0;opacity:.42;will-change:transform}
html[data-skin=matrix] #mxRain::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 40%,transparent 35%,rgba(0,0,0,.75) 100%)}
html[data-skin=matrix] #mxRain .mx-rabbit{position:absolute;bottom:14px;left:-40px;font-size:22px;filter:grayscale(1) brightness(2.2) drop-shadow(0 0 6px #fff);opacity:0;
  animation:mxRabbit 140s linear 25s infinite}
@keyframes mxRabbit{
  0%{transform:translateX(0);opacity:0} 1%{opacity:.9}
  2%{transform:translate(18vw,-14px)} 3%{transform:translate(30vw,0)} 4%{transform:translate(46vw,-14px)} 5%{transform:translate(62vw,0)}
  6%{transform:translate(80vw,-14px)} 7%{transform:translate(104vw,0);opacity:.9} 7.1%,100%{transform:translate(104vw,0);opacity:0}}
html[data-skin=matrix]:root body::before{opacity:0!important}
html[data-skin=matrix]:root body::after{content:""!important;position:fixed!important;inset:0!important;z-index:2147483000!important;pointer-events:none!important;opacity:1!important;mix-blend-mode:normal;transform:none!important;
  background:repeating-linear-gradient(0deg,rgba(0,0,0,.16) 0 1px,transparent 1px 3px)!important;animation:none!important;opacity:.6!important}
html[data-skin=matrix]:root body .hero-glow{opacity:0!important}

/* ---------- typografi ---------- */
html[data-skin=matrix]:root body h1,html[data-skin=matrix]:root body h2,html[data-skin=matrix]:root body h3,html[data-skin=matrix]:root body h4,html[data-skin=matrix]:root body .display,html[data-skin=matrix]:root body .dialog-heading h2,html[data-skin=matrix]:root body .sheet-title h2,html[data-skin=matrix]:root body .event-feed-head h2,html[data-skin=matrix]:root body .cal-head h1,html[data-skin=matrix]:root body .act-hero h2{
  font-family:var(--mx-mono)!important;color:var(--mx-green)!important;text-shadow:var(--mx-glow)!important;letter-spacing:-.02em!important;font-weight:700!important}
html[data-skin=matrix]:root body h1,html[data-skin=matrix]:root body h2{text-transform:none}
html[data-skin=matrix]:root body h2::before,html[data-skin=matrix]:root body .event-feed-head h2::before,html[data-skin=matrix]:root body .dialog-heading h2::before{content:"> ";color:var(--mx-dim);text-shadow:none}
html[data-skin=matrix]:root body .event-feed-head h2::after,html[data-skin=matrix]:root body .home-row-head h2::after,html[data-skin=matrix]:root body .row-head h2::after,html[data-skin=matrix]:root body .dialog-heading h2::after{content:"█";margin-left:.25em;font-size:.8em;color:var(--mx-green);animation:mxBlink 1.05s steps(1) infinite}
@keyframes mxBlink{50%{opacity:0}}
html[data-skin=matrix]:root body h3,html[data-skin=matrix]:root body h4{color:var(--mx-white)!important;text-shadow:0 0 6px rgba(var(--mx-rgb),.35)!important}
html[data-skin=matrix]:root body p,html[data-skin=matrix]:root body span,html[data-skin=matrix]:root body li,html[data-skin=matrix]:root body label,html[data-skin=matrix]:root body small,html[data-skin=matrix]:root body div{text-shadow:none}
html[data-skin=matrix]:root body .muted,html[data-skin=matrix]:root body small,html[data-skin=matrix]:root body small.why{color:var(--mx-dim)!important}
html[data-skin=matrix]:root body strong,html[data-skin=matrix]:root body b{color:var(--mx-white);font-weight:700}
/* «Hva skjer rundt deg?» – skrives ut tegn for tegn med markør */
html[data-skin=matrix]:root body .home-hello h1,html[data-skin=matrix]:root body #helloTitle{letter-spacing:-.04em!important}
html[data-skin=matrix]:root body .home-hello .where em,html[data-skin=matrix]:root body #helloTitle em{font-style:normal!important;background:none!important;color:var(--mx-green)!important;-webkit-text-fill-color:var(--mx-green)!important;
  display:inline-block;white-space:nowrap;clip-path:inset(0 100% 0 0);animation:mxType 1.4s steps(9,end) .4s forwards;text-shadow:0 0 14px rgba(var(--mx-rgb),.7)!important;padding:0!important;box-shadow:none!important;rotate:none}
@keyframes mxType{to{clip-path:inset(0 0 0 0)}}
html[data-skin=matrix]:root body .home-hello .where .q{color:var(--mx-white)!important;-webkit-text-fill-color:var(--mx-white)!important;animation:mxBlink 1.05s steps(1) infinite;rotate:none;text-shadow:var(--mx-glow)!important}
html[data-skin=matrix]:root body ::selection{background:var(--mx-green);color:#000}
html[data-skin=matrix]:root body :focus-visible{outline:1px solid var(--mx-green)!important;outline-offset:3px!important;box-shadow:0 0 0 4px rgba(var(--mx-rgb),.18),var(--mx-glow-2)!important}
html[data-skin=matrix]:root body a:not(.brand):not([class*=leaflet]){color:var(--mx-green);text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px}
html[data-skin=matrix]:root body a:not(.brand):not([class*=leaflet]):hover{background:var(--mx-green);color:#000;text-decoration:none}
html[data-skin=matrix]:root body *{scrollbar-color:var(--mx-faint) #000;scrollbar-width:thin}
html[data-skin=matrix]:root body ::-webkit-scrollbar{width:8px;height:8px;background:#000}
html[data-skin=matrix]:root body ::-webkit-scrollbar-thumb{background:var(--mx-faint)}
html[data-skin=matrix]:root body ::placeholder{color:var(--mx-faint)!important;opacity:1}
html[data-skin=matrix]:root body svg.ico,html[data-skin=matrix]:root body .ib svg,html[data-skin=matrix]:root body [data-icon] svg{filter:drop-shadow(0 0 3px rgba(var(--mx-rgb),.5))}
html[data-skin=matrix]:root body button:disabled,html[data-skin=matrix]:root body [aria-disabled=true]{opacity:.45!important;filter:none;cursor:not-allowed}
/* alle hjørner blir skarpe (terminal), unntatt runde ting som skal være runde */
html[data-skin=matrix]:root body :is(.card,.row-card,.spot-card,.cal-card,.nearby-card,.gem-card,.place-card,.fav-card,.set-card,.pulse-chip,.g-slide,.slide,dialog,.tabbar,.tabbar button,input,select,textarea,.primary,.button,.ghost,.place-ev,.pop-item,.nearby-item,.interest-tile,.interest-pop,.cal-panel,.cal-day-panel,.cal-favs,#calNext,.bottom-sheet,.leaflet-popup-content-wrapper,.home-ask,.search-engine-input-wrap,.action-row > button,.hs-cat-btn,.map-regions button,.map-cats button,#toast,.seg3,.seg3 > button,.lang-toggle,.lang-toggle button,.desktop-theme-switch,.desktop-theme-switch > button){border-radius:2px!important}

/* ---------- myke overganger ---------- */
html[data-skin=matrix]:root body :is(button,a,.card,.row-card,.pulse-chip,.interest-tile,.interest-pop,.place-ev,.pop-item,input,select,textarea){transition:background-color .2s,color .2s,border-color .2s,box-shadow .3s,filter .5s var(--mx-ease),translate .3s var(--mx-ease)}

/* ---------- logo: grønn fosfor ---------- */
html[data-skin=matrix]:root body .app-header .brand-icon,html[data-skin=matrix]:root body .brand-icon,html[data-skin=matrix]:root body #brandIntro .bi-mark{position:relative;isolation:isolate;overflow:hidden;rotate:none;box-shadow:0 0 0 1px var(--mx-green),0 0 22px -4px rgba(var(--mx-rgb),.6)!important;border-radius:6px!important}
html[data-skin=matrix]:root body img[src*="hvaskjer-logo"]{filter:grayscale(1) sepia(1) hue-rotate(var(--mx-hue)) saturate(calc(4 * var(--mx-sat))) brightness(.85)!important;opacity:1!important}
html[data-skin=matrix]:root body .brand-icon img,html[data-skin=matrix]:root body #brandIntro .bi-mark img{filter:grayscale(1) contrast(1.3) brightness(.9)!important}
html[data-skin=matrix]:root body .brand-icon::before,html[data-skin=matrix]:root body #brandIntro .bi-mark::before{content:""!important;display:block!important;position:absolute;inset:0;z-index:1;pointer-events:none;mix-blend-mode:multiply;background:var(--mx-green)}
html[data-skin=matrix]:root body .brand-icon::after{content:""!important;display:block!important;position:absolute;inset:0;z-index:2;pointer-events:none;height:30%;bottom:auto;background:linear-gradient(transparent,rgba(var(--mx-rgb),.45) 50%,transparent);will-change:transform;animation:mxScan 5s linear infinite}
@keyframes mxScan{from{transform:translateY(-110%)}to{transform:translateY(340%)}}
html[data-skin=matrix]:root body .app-header .brand-stack > .header-beta{background:#000!important;color:var(--mx-green)!important;border:1px solid var(--mx-green)!important;border-radius:0!important;box-shadow:var(--mx-glow)!important;font-family:var(--mx-mono)!important;letter-spacing:.2em!important;rotate:none}

/* ---------- topp og fanelinje ---------- */
html[data-skin=matrix]:root body .app-header{background:rgba(var(--mx-deep),.82)!important;border-bottom:1px solid var(--mx-line-2)!important;border-image:none!important;box-shadow:0 0 30px -10px rgba(var(--mx-rgb),.35)!important}
html[data-skin=matrix]:root body .app-header::after{content:""!important;position:absolute;left:0;right:0;bottom:-1px;height:1px;pointer-events:none;width:40%;right:auto;background:linear-gradient(90deg,transparent,var(--mx-green),transparent);will-change:transform;animation:mxSweep 4s linear infinite;clip-path:none;opacity:1}
@keyframes mxSweep{from{transform:translateX(-100%)}to{transform:translateX(250%)}}
html[data-skin=matrix]:root body .tabbar{background:rgba(var(--mx-deep),.9)!important;border:1px solid var(--mx-line-2)!important;box-shadow:0 0 24px -8px rgba(var(--mx-rgb),.45)!important;background-image:none!important;}
html[data-skin=matrix]:root body .tabbar::before{display:none!important}
html[data-skin=matrix]:root body .tabbar button{color:var(--mx-dim)!important;font-weight:600!important;text-transform:uppercase;letter-spacing:.06em;font-size:12.5px!important;rotate:none}
html[data-skin=matrix]:root body .tabbar button:hover{color:var(--mx-green)!important;background:rgba(var(--mx-rgb),.07)!important}
html[data-skin=matrix]:root body .tabbar button[aria-current=page]{background:var(--mx-green)!important;color:#000!important;box-shadow:var(--mx-glow-2)!important;rotate:none}
html[data-skin=matrix]:root body .tabbar button[aria-current=page] svg,html[data-skin=matrix]:root body .tabbar button[aria-current=page] .ib svg{filter:none}
html[data-skin=matrix]:root body .tabbar .badge,html[data-skin=matrix]:root body #alertCount{background:var(--mx-red)!important;color:#fff!important;border:1px solid #000!important;border-radius:0!important}
html[data-skin=matrix]:root body .icon-button,html[data-skin=matrix]:root body .location-pill,html[data-skin=matrix]:root body .account-btn,html[data-skin=matrix]:root body .tip-login{background:rgba(var(--mx-deep),.85)!important;border:1px solid var(--mx-line-2)!important;color:var(--mx-green)!important;box-shadow:none!important;border-radius:2px!important;rotate:none}
html[data-skin=matrix]:root body .icon-button:hover,html[data-skin=matrix]:root body .account-btn:hover,html[data-skin=matrix]:root body .tip-login:hover,html[data-skin=matrix]:root body .location-pill:hover{background:var(--mx-green)!important;color:#000!important;box-shadow:var(--mx-glow-2)!important}
html[data-skin=matrix]:root body .tip-login .tip-star{color:var(--mx-white);animation:mxBlink 1.6s steps(1) infinite}
html[data-skin=matrix]:root body #locationBtn #locationText,html[data-skin=matrix]:root body #locationBtn #locationText *,html[data-skin=matrix]:root body[data-view] .app-header > #locationBtn.brand-location #locationText,html.web-build[data-skin=matrix]:root body[data-view] .app-header > #locationBtn.brand-location #locationText{
  background:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;color:var(--mx-green)!important;-webkit-text-fill-color:var(--mx-green)!important;
  filter:none!important;text-shadow:0 0 12px rgba(var(--mx-rgb),.65)!important;font-family:var(--mx-mono)!important;letter-spacing:-.05em!important}
html[data-skin=matrix]:root body #locationBtn,html[data-skin=matrix]:root body #locationBtn > span{color:var(--mx-green)!important}
html[data-skin=matrix]:root body #locationBtn .dot{color:var(--mx-green)!important;animation:mxBlink 1.2s steps(1) infinite}
html[data-skin=matrix]:root body .desktop-theme-switch{background:#000!important;border:1px solid var(--mx-line-2)!important;rotate:none}
html[data-skin=matrix]:root body .desktop-theme-switch button:not(.dts-beta):not(.dts-matrix){color:var(--mx-dim)!important}
html[data-skin=matrix]:root body .desktop-theme-switch button:not(.dts-beta):not(.dts-matrix):hover{color:var(--mx-green)!important;background:rgba(var(--mx-rgb),.08)!important}

/* ---------- søk og hurtigvalg ---------- */
html[data-skin=matrix]:root body .home-ask,html[data-skin=matrix]:root body .home-search,html[data-skin=matrix]:root body .search-floating-bar,html[data-skin=matrix]:root body .search-engine-input-wrap,html[data-skin=matrix]:root body .home-discovery form,html[data-skin=matrix]:root body [class*=search-bar]{
  background:rgba(var(--mx-deep),.9)!important;border:1px solid var(--mx-line-2)!important;box-shadow:0 0 30px -12px rgba(var(--mx-rgb),.5)!important}
html[data-skin=matrix]:root body .home-ask:focus-within,html[data-skin=matrix]:root body .search-engine-input-wrap:focus-within{border-color:var(--mx-green)!important;box-shadow:0 0 0 1px var(--mx-green),0 0 30px -6px rgba(var(--mx-rgb),.6)!important}
html[data-skin=matrix]:root body .home-ask input,html[data-skin=matrix]:root body .search-engine-input-wrap input{border:0!important;box-shadow:none!important;background:transparent!important;caret-color:var(--mx-green);color:var(--mx-green)!important}
html[data-skin=matrix]:root body .home-ask::before,html[data-skin=matrix]:root body .search-engine-input-wrap::before{content:"$";color:var(--mx-green);margin:0 2px 0 10px;align-self:center;text-shadow:var(--mx-glow)}
html[data-skin=matrix]:root body .pulse-chip{background:rgba(var(--mx-deep),.85)!important;color:var(--mx-green)!important;border:1px solid var(--mx-line-2)!important;box-shadow:none!important;font-weight:600!important;rotate:none}
html[data-skin=matrix]:root body .pulse-chip::before{content:"[";color:var(--mx-dim);margin-right:3px}
html[data-skin=matrix]:root body .pulse-chip::after{content:"]";color:var(--mx-dim);margin-left:3px}
html[data-skin=matrix]:root body .pulse-chip:hover{background:var(--mx-green)!important;color:#000!important;box-shadow:var(--mx-glow-2)!important}
html[data-skin=matrix]:root body .pulse-chip:hover::before,html[data-skin=matrix]:root body .pulse-chip:hover::after{color:#000}
html[data-skin=matrix]:root body .pulse-chip[aria-pressed=true],html[data-skin=matrix]:root body .pulse-chip.on,html[data-skin=matrix]:root body .pulse-chip.active{background:var(--mx-green)!important;color:#000!important}
html[data-skin=matrix]:root body .pulse-chip span,html[data-skin=matrix]:root body .pulse-chip small,html[data-skin=matrix]:root body .pulse-chip b{color:inherit!important}

/* ---------- bilder i grønn duotone – «våkner» ved hover ---------- */
html[data-skin=matrix]:root body :is(.g-slide .slide,.card-media,.row-media,.row-card img,.spot-card img,.gem-card img,.place-card img,.nearby-thumb,.slide-img){filter:grayscale(1) sepia(1) hue-rotate(var(--mx-hue)) saturate(calc(2.6 * var(--mx-sat))) brightness(.72) contrast(1.15)!important}
/* mus: hold over et bilde, så «våkner» det i ekte farger */
@media (hover:hover){
  html[data-skin=matrix]:root body :is(.g-slide .slide,.card,.row-card,.spot-card,.gem-card,.place-card):hover :is(.card-media,.row-media,img),html[data-skin=matrix]:root body .g-slide .slide:hover,html[data-skin=matrix]:root body :is(.detail-media,.place-hero,.pp-img):hover{filter:none!important}
}
/* åpnet event- eller stedskort: bildene er alltid i ekte farger */
html[data-skin=matrix]:root body #detailDialog :is(img,.detail-media,.card-media,.slide-art,.slide-img),html[data-skin=matrix]:root body #placeDialog :is(img,.place-hero,.pp-img,.card-media,.slide-art,.slide-img,.nearby-thumb){filter:none!important}
/* touch (html.mx-touch, satt av matrix.js ut fra touchskjerm – ikke hover-støtten, som noen Android-telefoner
   oppgir feil): bildene i fokus er i ekte farger – sliden foran i karusellen, og kortene som ligger i fokussonen
   midt på skjermen (også sidelengs i radene). Resten er grønne, og glir mykt over i farge når de kommer i fokus. */
html.mx-touch[data-skin=matrix]:root body :is(.g-slide .slide,.card-media,.row-media,.row-card img,.spot-card img,.gem-card img,.place-card img,.nearby-thumb,.slide-img){transition:filter .6s ease}
html.mx-touch[data-skin=matrix]:root body .g-slide.is-active .slide,
html.mx-touch[data-skin=matrix]:root body .mx-focus :is(.card-media,.row-media,img,.slide-img),
html.mx-touch[data-skin=matrix]:root body .mx-focus:is(.nearby-thumb,img){filter:none!important}


/* ---------- karusell ---------- */
html[data-skin=matrix]:root body .g-slide .slide,html[data-skin=matrix]:root body .slide{border:1px solid var(--mx-line-2)!important;box-shadow:0 0 30px -10px rgba(var(--mx-rgb),.5)!important}
html[data-skin=matrix]:root body .g-slide .slide-body h3,html[data-skin=matrix]:root body .glide-track h3{font-family:var(--mx-mono)!important;color:var(--mx-white)!important;text-shadow:0 0 10px rgba(var(--mx-rgb),.8)!important;letter-spacing:-.03em!important}
html[data-skin=matrix]:root body .slide-when,html[data-skin=matrix]:root body .g-slide .slide-when{background:#000!important;color:var(--mx-green)!important;border:1px solid var(--mx-green)!important;border-radius:0!important;box-shadow:none!important;rotate:none;font-weight:700!important}
html[data-skin=matrix]:root body .slide-flag,html[data-skin=matrix]:root body .card-signal,html[data-skin=matrix]:root body .card-state,html[data-skin=matrix]:root body .cat-label,html[data-skin=matrix]:root body .hs-tag,html[data-skin=matrix]:root body .row-flag,html[data-skin=matrix]:root body .s-open,html[data-skin=matrix]:root body .s-closed,html[data-skin=matrix]:root body .s-closing,html[data-skin=matrix]:root body .s-always,html[data-skin=matrix]:root body .s-season,html[data-skin=matrix]:root body [class*=badge]:not(.header-beta):not(#alertCount){
  background:#000!important;color:var(--mx-green)!important;border:1px solid var(--mx-line-2)!important;border-radius:0!important;box-shadow:none!important;rotate:none;font-weight:700!important;text-transform:uppercase;letter-spacing:.05em;font-size:.86em}
html[data-skin=matrix]:root body .s-closed{color:var(--mx-red)!important;border-color:rgba(255,59,59,.5)!important}
html[data-skin=matrix]:root body .glide-arrow{background:#000!important;color:var(--mx-green)!important;border:1px solid var(--mx-green)!important;border-radius:0!important;box-shadow:var(--mx-glow)!important}
html[data-skin=matrix]:root body .glide-arrow:hover{background:var(--mx-green)!important;color:#000!important}
html[data-skin=matrix]:root body .slide-art,html[data-skin=matrix]:root body .slide-cat{filter:none!important}
html[data-skin=matrix]:root body .slide-cat .bubble{background:#000!important;color:var(--mx-green)!important}

/* ---------- paneler: kort, rader, feed ---------- */
html[data-skin=matrix]:root body :is(.card,.row-card,.spot-card,.cal-card,.nearby-card,.gem-card,.place-card,.fav-card,.ms-card,.home-search-card){
  position:relative;background-color:rgba(var(--mx-deep),.9)!important;border:1px solid var(--mx-line)!important;box-shadow:none!important;rotate:none!important;
  background-image:var(--mx-brackets)!important;background-repeat:no-repeat!important;}
html[data-skin=matrix]:root body :is(.card,.row-card):hover{border-color:var(--mx-green)!important;box-shadow:0 0 0 1px var(--mx-green),0 0 28px -6px rgba(var(--mx-rgb),.55)!important;translate:0 -2px}
html[data-skin=matrix]:root body .card-body{background:transparent!important}
html[data-skin=matrix]:root body .card .why,html[data-skin=matrix]:root body small.why{color:var(--mx-green)!important;font-weight:600!important}
html[data-skin=matrix]:root body .card .why::before,html[data-skin=matrix]:root body small.why::before{content:"// "}
html[data-skin=matrix]:root body .event-feed-head,html[data-skin=matrix]:root body .home-row-head,html[data-skin=matrix]:root body .row-head,html[data-skin=matrix]:root body [class*=section-head]{border-bottom:1px dashed var(--mx-line)!important;background:none!important}
html[data-skin=matrix]:root body .see-all,html[data-skin=matrix]:root body [class*=see-all],html[data-skin=matrix]:root body .row-more,html[data-skin=matrix]:root body .home-row-head button,html[data-skin=matrix]:root body .home-row-head a,html[data-skin=matrix]:root body .row-head button,html[data-skin=matrix]:root body .act-group-all{
  background:transparent!important;color:var(--mx-green)!important;border:1px solid var(--mx-line-2)!important;box-shadow:none!important;rotate:none;font-weight:700!important;text-transform:uppercase;letter-spacing:.06em;font-size:12px!important;min-height:38px}
html[data-skin=matrix]:root body .see-all::after,html[data-skin=matrix]:root body [class*=see-all]::after,html[data-skin=matrix]:root body .home-row-head button::after,html[data-skin=matrix]:root body .row-head button::after{content:" >>"}
html[data-skin=matrix]:root body .home-row-head button:hover,html[data-skin=matrix]:root body .see-all:hover,html[data-skin=matrix]:root body .act-group-all:hover,html[data-skin=matrix]:root body .row-head button:hover{background:var(--mx-green)!important;color:#000!important}

/* ---------- knapper og skjema: [ KOMMANDOER ] ---------- */
html[data-skin=matrix]:root body :is(.primary,button.primary,.button,#homeSearchAll,.cal-find,.cal-pill,.obs-lukk,[type=submit]){
  background:var(--mx-green)!important;color:#000!important;border:1px solid var(--mx-green)!important;font-weight:700!important;text-transform:uppercase;letter-spacing:.08em;text-shadow:none!important;rotate:none!important;
  box-shadow:0 0 18px -4px rgba(var(--mx-rgb),.7)!important}
html[data-skin=matrix]:root body :is(.primary,.button,.obs-lukk,[type=submit],.cal-find):not(#homeSearchAll)::before{content:"[ "}
html[data-skin=matrix]:root body :is(.primary,.button,.obs-lukk,[type=submit],.cal-find):not(#homeSearchAll)::after{content:" ]"}
html[data-skin=matrix]:root body :is(.primary,.button,#homeSearchAll,.cal-find,.obs-lukk,[type=submit]):hover{background:var(--mx-white)!important;border-color:var(--mx-white)!important;box-shadow:0 0 26px -2px rgba(var(--mx-rgb),.9)!important}
html[data-skin=matrix]:root body #homeSearchAll .ico{color:#000!important;filter:none}
html[data-skin=matrix]:root body .ghost,html[data-skin=matrix]:root body .text-button{border:1px solid var(--mx-line-2)!important;color:var(--mx-green)!important;background:transparent!important}
html[data-skin=matrix]:root body .ghost:hover,html[data-skin=matrix]:root body .text-button:hover{background:rgba(var(--mx-rgb),.1)!important}
html[data-skin=matrix]:root body input:not([type=checkbox]):not([type=radio]),html[data-skin=matrix]:root body select,html[data-skin=matrix]:root body textarea,html[data-skin=matrix]:root body .set-select{background:#000!important;color:var(--mx-green)!important;border:1px solid var(--mx-line-2)!important;box-shadow:none!important;caret-color:var(--mx-green)}
html[data-skin=matrix]:root body input:not([type=checkbox]):not([type=radio]):focus,html[data-skin=matrix]:root body textarea:focus,html[data-skin=matrix]:root body select:focus{border-color:var(--mx-green)!important;box-shadow:0 0 0 1px var(--mx-green),0 0 18px -4px rgba(var(--mx-rgb),.6)!important}
html[data-skin=matrix]:root body .switch{background:#000!important;border:1px solid var(--mx-line-2)!important;border-radius:0!important;box-shadow:none!important}
html[data-skin=matrix]:root body .switch::after{background:var(--mx-dim)!important;border-radius:0!important;box-shadow:none!important}
html[data-skin=matrix]:root body .switch:checked{background:rgba(var(--mx-rgb),.18)!important;border-color:var(--mx-green)!important}
html[data-skin=matrix]:root body .switch:checked::after{background:var(--mx-green)!important;box-shadow:var(--mx-glow)!important}
html[data-skin=matrix]:root body label,html[data-skin=matrix]:root body .field > span,html[data-skin=matrix]:root body label.field{color:var(--mx-text);font-weight:600!important}

/* ---------- dialoger, ark, innstillinger ---------- */
html[data-skin=matrix]:root body dialog{background:rgba(var(--mx-deep),.94)!important;color:var(--mx-text)!important;border:1px solid var(--mx-green)!important;box-shadow:0 0 0 1px #000,0 0 60px -10px rgba(var(--mx-rgb),.45)!important;background-image:var(--mx-brackets)!important;background-repeat:no-repeat!important}
html[data-skin=matrix]:root body dialog[open]{animation:mxBoot .35s steps(6,end)}
@keyframes mxBoot{0%{opacity:0;clip-path:inset(0 0 100% 0)}100%{opacity:1;clip-path:inset(0 0 0 0)}}
html[data-skin=matrix]:root body dialog::backdrop{background:rgba(0,0,0,.72)!important;}
html[data-skin=matrix]:root body dialog[open]:not(#filterDialog)::before{content:"■ ■ ■   hvaskjer@matrix:~$";display:block;position:relative;z-index:5;padding:6px 10px;margin:-1px -1px 6px;font:600 11px/1.3 var(--mx-mono);color:var(--mx-dim);background:#000;border-bottom:1px solid var(--mx-line);letter-spacing:.06em;pointer-events:none}
html[data-skin=matrix]:root body .dialog-heading,html[data-skin=matrix]:root body .sheet-header,html[data-skin=matrix]:root body .results-dialog-head{border-bottom:1px dashed var(--mx-line)!important;background:transparent!important}
html[data-skin=matrix]:root body .close,html[data-skin=matrix]:root body .obs-x,html[data-skin=matrix]:root body dialog .icon-button,html[data-skin=matrix]:root body .place-close,html[data-skin=matrix]:root body .pp-close,html[data-skin=matrix]:root body .place-share{background:#000!important;color:var(--mx-green)!important;border:1px solid var(--mx-line-2)!important;border-radius:0!important;box-shadow:none!important;rotate:none!important;min-width:44px;min-height:44px}
html[data-skin=matrix]:root body .close:hover,html[data-skin=matrix]:root body .obs-x:hover,html[data-skin=matrix]:root body .place-close:hover,html[data-skin=matrix]:root body .pp-close:hover{background:var(--mx-red)!important;border-color:var(--mx-red)!important;color:#000!important}
html[data-skin=matrix]:root body .set-group h3{font-size:12px!important;text-transform:uppercase;letter-spacing:.18em!important;color:var(--mx-dim)!important;text-shadow:none!important}
html[data-skin=matrix]:root body .set-group h3::before{content:"## ";color:var(--mx-green)}
html[data-skin=matrix]:root body .set-card{background:rgba(var(--mx-deep),.85)!important;border:1px solid var(--mx-line)!important;box-shadow:none!important;rotate:none}
html[data-skin=matrix]:root body .set-card:hover{border-color:var(--mx-line-2)!important}
html[data-skin=matrix]:root body .set-row > span{color:var(--mx-text)!important;text-shadow:none!important}
html[data-skin=matrix]:root body .set-row small,html[data-skin=matrix]:root body .set-card small{color:var(--mx-dim)!important}
html[data-skin=matrix]:root body .lang-toggle{border:1px solid var(--mx-line-2)!important;background:#000!important}
html[data-skin=matrix]:root body .lang-toggle button{color:var(--mx-dim)!important}
html[data-skin=matrix]:root body .lang-toggle button[aria-pressed=true],html[data-skin=matrix]:root body .seg3 > button[aria-pressed=true]:not(.theme-opt-crazy):not(.theme-opt-matrix){background:var(--mx-green)!important;color:#000!important}
html[data-skin=matrix]:root body .seg3{background:#000!important;border:1px solid var(--mx-line)!important}
html[data-skin=matrix]:root body .seg3 > button:not(.theme-opt-crazy):not(.theme-opt-matrix){color:var(--mx-dim)!important}
html[data-skin=matrix]:root body .about,html[data-skin=matrix]:root body .settings-about{font-size:12px;color:var(--mx-faint)!important;border-top:1px dashed var(--mx-line)!important;padding-top:12px}
html[data-skin=matrix]:root body .about::before,html[data-skin=matrix]:root body .settings-about::before{content:"/* ";color:var(--mx-dim)}html[data-skin=matrix]:root body .about::after,html[data-skin=matrix]:root body .settings-about::after{content:" */";color:var(--mx-dim)}
html[data-skin=matrix]:root body .tip-kicker{background:var(--mx-green)!important;color:#000!important;display:inline-block;padding:1px 8px}
html[data-skin=matrix]:root body .tip-msg{border-left:2px solid var(--mx-green)!important}
html[data-skin=matrix]:root body dialog.obs-modal .obs-badge{background:#000!important;color:var(--mx-green)!important;border:1px solid var(--mx-green)}

/* toast, tomt, feil, lasting */
html[data-skin=matrix]:root body #toast{background:#000!important;color:var(--mx-green)!important;border:1px solid var(--mx-green)!important;box-shadow:0 0 30px -6px rgba(var(--mx-rgb),.6)!important;font-weight:600}
html[data-skin=matrix]:root body #toast::before{content:"> "}html[data-skin=matrix]:root body #toast::after{content:"█";margin-left:4px;animation:mxBlink 1s steps(1) infinite}
html[data-skin=matrix]:root body .empty,html[data-skin=matrix]:root body .fav-empty,html[data-skin=matrix]:root body .ms-empty,html[data-skin=matrix]:root body .cal-empty,html[data-skin=matrix]:root body .place-suggest-empty,html[data-skin=matrix]:root body [class*=-empty]:not(.is-hidden-quiet){border:1px dashed var(--mx-line-2)!important;background:rgba(var(--mx-deep),.8)!important;color:var(--mx-dim)!important;padding:16px!important;rotate:none}
html[data-skin=matrix]:root body .empty::before,html[data-skin=matrix]:root body .fav-empty::before,html[data-skin=matrix]:root body .ms-empty::before,html[data-skin=matrix]:root body .place-suggest-empty::before{content:"404 // ";color:var(--mx-green)}
html[data-skin=matrix]:root body .error,html[data-skin=matrix]:root body .bad,html[data-skin=matrix]:root body .location-banner,html[data-skin=matrix]:root body .warn,html[data-skin=matrix]:root body .offline,html[data-skin=matrix]:root body [role=alert]{background:rgba(30,0,0,.85)!important;color:#ffb4b4!important;border:1px solid var(--mx-red)!important;border-image:none!important;background-image:none!important;font-weight:600}
html[data-skin=matrix]:root body .error::before,html[data-skin=matrix]:root body .warn::before,html[data-skin=matrix]:root body .offline::before{content:"ERR ";color:var(--mx-red);font-weight:700}
html[data-skin=matrix]:root body .spinner{border-color:rgba(var(--mx-rgb),.15)!important;border-top-color:var(--mx-green)!important;border-radius:50%!important}
html[data-skin=matrix]:root body [class*=skeleton],html[data-skin=matrix]:root body .is-loading{background:linear-gradient(90deg,var(--mx-panel-solid) 30%,var(--mx-load) 50%,var(--mx-panel-solid) 70%)!important;background-size:300% 100%!important;animation:mxLoad 1.2s linear infinite}
@keyframes mxLoad{from{background-position:100% 0}to{background-position:0 0}}
html[data-skin=matrix]:root body .partner-pin,html[data-skin=matrix]:root body .sponsored,html[data-skin=matrix]:root body [class*=partner-label],html[data-skin=matrix]:root body .pop-partner{background:#000!important;color:#ffd84d!important;border:1px solid rgba(255,216,77,.5)!important}
html[data-skin=matrix]:root body .swiper-pagination-bullet,html[data-skin=matrix]:root body .gdot,html[data-skin=matrix]:root body [class*=dots] > *{background:var(--mx-faint)!important;opacity:1;border-radius:0!important}
html[data-skin=matrix]:root body .swiper-pagination-bullet-active,html[data-skin=matrix]:root body .gdot.on,html[data-skin=matrix]:root body [class*=dots] > .on{background:var(--mx-green)!important;box-shadow:var(--mx-glow)}
html[data-skin=matrix]:root body .credit{color:var(--mx-faint)!important}

/* ---------- detaljside, stedsside ---------- */
html[data-skin=matrix]:root body #detailDialog .detail-venue-link{color:var(--mx-green)!important}
html[data-skin=matrix]:root body .detail-meta > div b,html[data-skin=matrix]:root body .detail-meta svg{color:var(--mx-green)!important}
html[data-skin=matrix]:root body .place-hero{background:#000!important;border-bottom:1px solid var(--mx-line-2)}
html[data-skin=matrix]:root body .action-row > button{background:#000!important;color:var(--mx-green)!important;border:1px solid var(--mx-line-2)!important;box-shadow:none!important;min-height:52px;font-weight:700!important;rotate:none!important;text-transform:uppercase;letter-spacing:.05em;font-size:12px!important}
html[data-skin=matrix]:root body .action-row > button:hover{background:rgba(var(--mx-rgb),.1)!important;border-color:var(--mx-green)!important}
html[data-skin=matrix]:root body .action-row > button[aria-pressed=true]{background:var(--mx-green)!important;color:#000!important}
html[data-skin=matrix]:root body .place-count,html[data-skin=matrix]:root body .place-hours,html[data-skin=matrix]:root body .place-kicker,html[data-skin=matrix]:root body .place-badges > *{background:#000!important;color:var(--mx-green)!important;border:1px solid var(--mx-line-2)!important;border-radius:0!important;box-shadow:none!important;rotate:none}
html[data-skin=matrix]:root body .place-actions > *{border:1px solid var(--mx-line-2)!important;box-shadow:none!important;rotate:none!important;border-radius:0!important}
html[data-skin=matrix]:root body .place-ev,html[data-skin=matrix]:root body .pop-item,html[data-skin=matrix]:root body .nearby-item,html[data-skin=matrix]:root body .filter-preview button,html[data-skin=matrix]:root body .pp-next{background:var(--mx-panel)!important;border:1px solid var(--mx-line)!important;box-shadow:none!important;margin-bottom:6px;rotate:none!important}
html[data-skin=matrix]:root body .place-ev:hover,html[data-skin=matrix]:root body .pop-item:hover,html[data-skin=matrix]:root body .nearby-item:hover,html[data-skin=matrix]:root body .filter-preview button:hover{border-color:var(--mx-green)!important;box-shadow:0 0 18px -6px rgba(var(--mx-rgb),.6)!important}
html[data-skin=matrix]:root body .place-ev-time{color:var(--mx-green)!important;font-variant-numeric:tabular-nums}
html[data-skin=matrix]:root body .place-ev-time::before{content:"["}html[data-skin=matrix]:root body .place-ev-time::after{content:"]"}
html[data-skin=matrix]:root body .place-day,html[data-skin=matrix]:root body .pop-date-header{color:var(--mx-dim)!important;text-transform:uppercase;letter-spacing:.1em;font-size:12px}
html[data-skin=matrix]:root body .place-day::before,html[data-skin=matrix]:root body .pop-date-header::before{content:"-- "}
html[data-skin=matrix]:root body .place-note,html[data-skin=matrix]:root body .pp-note,html[data-skin=matrix]:root body .gem-note{border-left:2px solid var(--mx-green);padding-left:12px;color:var(--mx-text)}
html[data-skin=matrix]:root body .nearby-orbit,html[data-skin=matrix]:root body .nearby-thumb{border:1px solid var(--mx-green)!important;box-shadow:var(--mx-glow)!important}
html[data-skin=matrix]:root body .nearby-partners-cta{border:1px dashed var(--mx-line-2)!important;background:rgba(var(--mx-deep),.8)!important}
html[data-skin=matrix]:root body .filter-preview button > span:first-child{background:#000!important;border:1px solid var(--mx-line-2)!important;box-shadow:none!important;border-radius:0!important}
html[data-skin=matrix]:root body .going-btn::after{content:" <3";color:var(--mx-green)}

/* ---------- kalender ---------- */
html[data-skin=matrix]:root body .cal-panel,html[data-skin=matrix]:root body .cal-day-panel,html[data-skin=matrix]:root body .cal-favs,html[data-skin=matrix]:root body #calNext{background:var(--mx-panel)!important;border:1px solid var(--mx-line)!important;box-shadow:none!important;background-image:var(--mx-brackets)!important;background-repeat:no-repeat!important}
html[data-skin=matrix]:root body .cal-num{color:var(--mx-text)!important;font-variant-numeric:tabular-nums}
html[data-skin=matrix]:root body .cal-grid button:nth-child(7n) .cal-num,html[data-skin=matrix]:root body [class*=cal-days] > :nth-child(7n) .cal-num{color:var(--mx-green)!important}
html[data-skin=matrix]:root body [class*=cal-day]:not(.cal-day-panel) button[aria-pressed=true],html[data-skin=matrix]:root body .cal-grid .on,html[data-skin=matrix]:root body .cal-grid .sel,html[data-skin=matrix]:root body .cal-grid [aria-selected=true]{background:var(--mx-green)!important;color:#000!important}
html[data-skin=matrix]:root body .cal-grid [aria-selected=true] .cal-num,html[data-skin=matrix]:root body .cal-grid .sel .cal-num,html[data-skin=matrix]:root body .cal-grid .on .cal-num{color:#000!important}

/* ---------- Kategorier ---------- */
html[data-skin=matrix]:root body #filterDialog .act-group-orb{border:1px solid var(--mx-green)!important;box-shadow:var(--mx-glow)!important;border-radius:0!important;filter:grayscale(1) sepia(1) hue-rotate(var(--mx-hue)) saturate(calc(3 * var(--mx-sat))) brightness(.85)}
html[data-skin=matrix]:root body #filterDialog#filterDialog .interest-tile,html[data-skin=matrix]:root body #filterDialog#filterDialog .interest-pop{position:relative;min-height:46px!important;background:var(--mx-panel)!important;border:1px solid var(--mx-line)!important;color:var(--mx-text)!important;box-shadow:none!important;rotate:none;clip-path:none!important;font-weight:600!important}
html[data-skin=matrix]:root body #filterDialog#filterDialog .interest-tile strong,html[data-skin=matrix]:root body #filterDialog#filterDialog .interest-pop b{color:var(--mx-green)!important}
html[data-skin=matrix]:root body #filterDialog#filterDialog .interest-tile .interest-art,html[data-skin=matrix]:root body #filterDialog#filterDialog .interest-pop .interest-art{background:#000!important;border:1px solid var(--mx-line-2);border-radius:0!important;filter:grayscale(1) sepia(1) hue-rotate(var(--mx-hue)) saturate(calc(3 * var(--mx-sat))) brightness(.9)}
html[data-skin=matrix]:root body #filterDialog#filterDialog :is(.interest-tile,.interest-pop):hover{border-color:var(--mx-green)!important;box-shadow:0 0 22px -6px rgba(var(--mx-rgb),.6)!important}
html[data-skin=matrix]:root body #filterDialog#filterDialog :is(.interest-tile,.interest-pop):hover .interest-art{filter:none}
html[data-skin=matrix]:root body #filterDialog#filterDialog .interest-tile .interest-count,html[data-skin=matrix]:root body #filterDialog#filterDialog .interest-pop small{background:#000!important;color:var(--mx-dim)!important;border:1px solid var(--mx-line)!important;border-radius:0!important}
html[data-skin=matrix]:root body #filterDialog#filterDialog .interest-tile[aria-pressed=true],html[data-skin=matrix]:root body #filterDialog#filterDialog .interest-pop[aria-pressed=true]{background:rgba(var(--mx-rgb),.14)!important;border-color:var(--mx-green)!important;box-shadow:inset 0 0 0 1px var(--mx-green),0 0 22px -6px rgba(var(--mx-rgb),.7)!important}
html[data-skin=matrix]:root body #filterDialog#filterDialog .interest-tile[aria-pressed=true] strong,html[data-skin=matrix]:root body #filterDialog#filterDialog .interest-pop[aria-pressed=true] b{color:var(--mx-white)!important;text-shadow:var(--mx-glow)}
html[data-skin=matrix]:root body #filterDialog#filterDialog .interest-tile[aria-pressed=true]::after,html[data-skin=matrix]:root body #filterDialog#filterDialog .interest-pop[aria-pressed=true]::after{
  content:"[✓]"!important;display:block!important;position:absolute;inset:auto;right:8px;top:-9px;left:auto;width:auto;height:auto;z-index:3;pointer-events:none;padding:0 4px;
  background:#000;color:var(--mx-green);font:700 11px/1.4 var(--mx-mono);border:1px solid var(--mx-green);opacity:1!important;transform:none!important;border-radius:0}
html[data-skin=matrix]:root body #filterDialog .interest-more,html[data-skin=matrix]:root body #filterDialog .act-jump button{border:1px solid var(--mx-line-2)!important;background:#000!important;color:var(--mx-green)!important;min-height:44px;box-shadow:none!important;rotate:none;border-radius:0!important}
html[data-skin=matrix]:root body #filterDialog #actPicked button{background:var(--mx-green)!important;color:#000!important;border:0!important;box-shadow:none!important;rotate:none;border-radius:0!important}
html[data-skin=matrix]:root body #filterDialog .act-hero,html[data-skin=matrix]:root body #filterDialog .filter-block{border-radius:2px!important}

/* ---------- Kategorier-knappen og linsa ---------- */
html[data-skin=matrix]:root body .hs-cat-btn{background:#000!important;color:var(--mx-green)!important;border:1px solid var(--mx-green)!important;box-shadow:var(--mx-glow-2)!important;animation:none!important;text-transform:uppercase;letter-spacing:.06em}
html[data-skin=matrix]:root body .hs-cat-btn::after{display:none!important}
html[data-skin=matrix]:root body .hs-cat-btn .hs-cat-spin{background:#000!important;border:1px solid var(--mx-line-2);border-radius:0!important;filter:grayscale(1) sepia(1) hue-rotate(var(--mx-hue)) saturate(calc(3 * var(--mx-sat)))}
html[data-skin=matrix]:root body .hs-lens-map,html[data-skin=matrix]:root body .hs-lens-fallback{filter:grayscale(1) sepia(1) hue-rotate(var(--mx-hue)) saturate(calc(2.5 * var(--mx-sat))) brightness(.75)!important}
/* forstørrelsesglasset blir en områdeskanner: radar med ringer, trådkors, roterende stråle og hjørneklammer */
html[data-skin=matrix]:root body .hs-lens{cursor:crosshair}
html[data-skin=matrix]:root body .hs-lens-handle{display:none!important}
html[data-skin=matrix]:root body .hs-lens-glass{background:#000!important;border:0!important;box-shadow:0 0 0 1px var(--mx-green),0 0 0 4px #000,0 0 0 5px var(--mx-line-2),0 0 26px -2px rgba(var(--mx-rgb),.55)!important}
html[data-skin=matrix]:root body .hs-lens-glass::before{content:"";position:absolute;inset:0;z-index:2;border-radius:50%;pointer-events:none;
  background:linear-gradient(rgba(var(--mx-rgb),.45),rgba(var(--mx-rgb),.45)) center/100% 1px no-repeat,
    linear-gradient(rgba(var(--mx-rgb),.45),rgba(var(--mx-rgb),.45)) center/1px 100% no-repeat,
    repeating-radial-gradient(circle,transparent 0 calc(25% - 1px),rgba(var(--mx-rgb),.38) calc(25% - 1px) 25%)}
html[data-skin=matrix]:root body .hs-lens-glare{background:conic-gradient(from 0deg,rgba(var(--mx-rgb),.6),rgba(var(--mx-rgb),.12) 18%,transparent 30%)!important;
  will-change:transform;animation:mxRadar 2.6s linear infinite}
@keyframes mxRadar{to{transform:rotate(360deg)}}
html[data-skin=matrix]:root body .hs-lens-dot{background:var(--mx-white)!important;box-shadow:0 0 6px var(--mx-green)!important;animation:mxBlip 2.6s ease-out infinite!important}
@keyframes mxBlip{0%,100%{opacity:.35}8%{opacity:1}}
html[data-skin=matrix]:root body .hs-lens::before{content:"";position:absolute;inset:-9px;pointer-events:none;
  background:linear-gradient(var(--mx-green),var(--mx-green)) top left/9px 1.5px,linear-gradient(var(--mx-green),var(--mx-green)) top left/1.5px 9px,
    linear-gradient(var(--mx-green),var(--mx-green)) top right/9px 1.5px,linear-gradient(var(--mx-green),var(--mx-green)) top right/1.5px 9px,
    linear-gradient(var(--mx-green),var(--mx-green)) bottom left/9px 1.5px,linear-gradient(var(--mx-green),var(--mx-green)) bottom left/1.5px 9px,
    linear-gradient(var(--mx-green),var(--mx-green)) bottom right/9px 1.5px,linear-gradient(var(--mx-green),var(--mx-green)) bottom right/1.5px 9px;background-repeat:no-repeat}
html[data-skin=matrix]:root body .hs-lens::after{content:"SCAN";position:absolute;left:50%;top:calc(100% + 11px);transform:translateX(-50%);pointer-events:none;
  font:700 8.5px/1 var(--mx-mono);letter-spacing:.3em;color:var(--mx-green);text-shadow:var(--mx-glow);animation:mxBlink 1.3s steps(1) infinite}
html[data-skin=matrix]:root body .hs-lens:hover .hs-lens-glass{transform:scale(1.06)}
html[data-skin=matrix]:root body .hs-lens.zoom .hs-lens-glass{box-shadow:0 0 0 1px var(--mx-white),0 0 40px 6px rgba(var(--mx-rgb),.55)!important}
html[data-skin=matrix]:root body .hs-lens:focus-visible .hs-lens-glass{box-shadow:0 0 0 2px var(--mx-white),0 0 0 5px var(--mx-green)!important}
html[data-skin=matrix]:root body .hs-lens-hey b{background:#000!important;color:var(--mx-green)!important;border:1px solid var(--mx-green)!important;border-radius:0!important;box-shadow:var(--mx-glow)!important;rotate:none!important;font-family:var(--mx-mono)!important}
html[data-skin=matrix]:root body .hs-lens-hey b::before{display:none!important}
html[data-skin=matrix]:root body .hs-lens-tag{background:var(--mx-green)!important;color:#000!important;border-radius:0!important}

/* «Gi oss tips» og kategori-listene */
html[data-skin=matrix]:root body .row-when{background:#000!important;color:var(--mx-green)!important;border:1px solid var(--mx-line-2)!important;border-radius:0!important}
html[data-skin=matrix]:root body #tipLoginBtn.tip-login{background:#000!important;border:1px solid var(--mx-line-2)!important;color:var(--mx-green)!important;border-radius:2px!important}
html[data-skin=matrix]:root body #tipLoginBtn.tip-login > span:first-child{color:var(--mx-white)!important}
html[data-skin=matrix]:root body #tipLoginBtn.tip-login:hover{background:var(--mx-green)!important;color:#000!important}
html[data-skin=matrix]:root body #filterDialog .hs-mega{background:rgba(var(--mx-deep),.9)!important;border:1px solid var(--mx-line)!important;border-radius:2px!important;color:var(--mx-text)!important}
html[data-skin=matrix]:root body #filterDialog .hs-mega:hover,html[data-skin=matrix]:root body #filterDialog .hs-mega.on{background:rgba(var(--mx-deep),.92)!important;border-color:var(--mx-green)!important;box-shadow:0 0 22px -8px rgba(var(--mx-rgb),.6)!important}
html[data-skin=matrix]:root body #filterDialog .hs-mega-ico{background:#000!important;box-shadow:inset 0 0 0 1px var(--mx-line-2)!important;border-radius:2px!important}
html[data-skin=matrix]:root body #filterDialog .hs-mega-n{background:#000!important;color:var(--mx-green)!important;border:1px solid var(--mx-line)!important;border-radius:0!important}
html[data-skin=matrix]:root body #filterDialog .hs-mega-picked{background:var(--mx-green)!important;color:#000!important;border-radius:0!important}
html[data-skin=matrix]:root body #filterDialog .hs-mega strong,html[data-skin=matrix]:root body #filterDialog .hs-mega b{color:var(--mx-green)!important}

/* ---------- kart: grønn nattsyn ---------- */
html[data-skin=matrix]:root body .leaflet-tile-pane{filter:invert(1) grayscale(1) brightness(.55) sepia(1) hue-rotate(var(--mx-hue)) saturate(calc(3.2 * var(--mx-sat))) contrast(1.15)!important}
html[data-skin=matrix]:root body .leaflet-container{background:#000!important}
html[data-skin=matrix]:root body #map::after{content:"";position:absolute;inset:0;z-index:250;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.25) 0 1px,transparent 1px 3px),radial-gradient(ellipse at center,transparent 50%,rgba(0,0,0,.6))}
html[data-skin=matrix]:root body .bpin-drop{box-shadow:0 0 0 1px #000,0 0 12px rgba(var(--mx-rgb),.55)!important}
html[data-skin=matrix]:root body .bpin-count{background:#000!important;color:var(--mx-green)!important;border:1px solid var(--mx-green)!important;border-radius:0!important}
html[data-skin=matrix]:root body .leaflet-marker-icon:focus .bpin-drop,html[data-skin=matrix]:root body .leaflet-marker-icon.sel .bpin-drop{outline:1px solid var(--mx-white);outline-offset:3px}
html[data-skin=matrix]:root body .gem-pin-body,html[data-skin=matrix]:root body .partner-pin span{border:1px solid var(--mx-green)!important;box-shadow:var(--mx-glow)!important}
html[data-skin=matrix]:root body .leaflet-popup-content-wrapper{background:rgba(var(--mx-deep),.95)!important;color:var(--mx-text)!important;border:1px solid var(--mx-green)!important;box-shadow:0 0 30px -6px rgba(var(--mx-rgb),.55)!important;clip-path:none!important;background-image:none!important}
html[data-skin=matrix]:root body .leaflet-popup-tip{background:#000!important;border:1px solid var(--mx-green);box-shadow:none!important}
html[data-skin=matrix]:root body .leaflet-popup-content h3,html[data-skin=matrix]:root body .pop-venue-title,html[data-skin=matrix]:root body .pop-venue-name,html[data-skin=matrix]:root body .gem-popup h3{color:var(--mx-green)!important;text-shadow:var(--mx-glow)!important}
html[data-skin=matrix]:root body .leaflet-popup-close-button{background:#000!important;color:var(--mx-green)!important;border:1px solid var(--mx-line-2)!important;border-radius:0!important}
html[data-skin=matrix]:root body .pop-directions,html[data-skin=matrix]:root body .pop-venue-web,html[data-skin=matrix]:root body .gem-actions > *{background:#000!important;color:var(--mx-green)!important;border:1px solid var(--mx-line-2)!important;border-radius:0!important;box-shadow:none!important}
html[data-skin=matrix]:root body .leaflet-control-zoom{border:1px solid var(--mx-line-2)!important;border-radius:0!important;box-shadow:none!important}
html[data-skin=matrix]:root body .leaflet-control-zoom a,html[data-skin=matrix]:root body .leaflet-bar a,html[data-skin=matrix]:root body .map-fab{background:#000!important;color:var(--mx-green)!important;border:0!important;border-radius:0!important;rotate:none!important}
html[data-skin=matrix]:root body .leaflet-control-zoom a:hover{background:var(--mx-green)!important;color:#000!important}
html[data-skin=matrix]:root body .map-fab{border:1px solid var(--mx-line-2)!important;box-shadow:var(--mx-glow)!important}
html[data-skin=matrix]:root body .leaflet-control-attribution{background:rgba(0,0,0,.85)!important;color:var(--mx-faint)!important;font-size:10.5px!important}
html[data-skin=matrix]:root body .leaflet-control-attribution a{color:var(--mx-dim)!important}
html[data-skin=matrix]:root body .place-peek,html[data-skin=matrix]:root body [class*=pin-tip],html[data-skin=matrix]:root body .map-tip,html[data-skin=matrix]:root body .leaflet-tooltip{background:#000!important;color:var(--mx-green)!important;border:1px solid var(--mx-green)!important;border-radius:0!important;box-shadow:var(--mx-glow)!important}
html[data-skin=matrix]:root body .map-regions button,html[data-skin=matrix]:root body .map-cats button,html[data-skin=matrix]:root body [class*=map-cat] button{background:rgba(var(--mx-deep),.9)!important;color:var(--mx-green)!important;border:1px solid var(--mx-line-2)!important;box-shadow:none!important;font-weight:600!important;rotate:none!important;border-radius:0!important}
html[data-skin=matrix]:root body .map-regions button[aria-pressed=true],html[data-skin=matrix]:root body .map-cats button[aria-pressed=true],html[data-skin=matrix]:root body .map-cats button.on{background:var(--mx-green)!important;color:#000!important}
html[data-skin=matrix]:root body .bottom-sheet{background:rgba(var(--mx-deep),.96)!important;border-top:1px solid var(--mx-green)!important;border-radius:0!important;box-shadow:0 -10px 40px -10px rgba(var(--mx-rgb),.4)!important}
html[data-skin=matrix]:root body .sheet-grab{background:var(--mx-green)!important;height:3px!important;width:40px!important;border-radius:0!important}

/* ---------- kontoside ---------- */
html[data-skin=matrix]:root body .top{background:rgba(var(--mx-deep),.9)!important;border-bottom:1px solid var(--mx-line-2)!important;box-shadow:none!important}
html[data-skin=matrix]:root body .tabs button{border:1px solid var(--mx-line-2)!important;background:#000!important;color:var(--mx-green)!important;border-radius:0!important;min-height:44px;box-shadow:none!important;rotate:none}
html[data-skin=matrix]:root body .tabs button.active{background:var(--mx-green)!important;color:#000!important}
html[data-skin=matrix]:root body .panel,html[data-skin=matrix]:root body .users,html[data-skin=matrix]:root body .editor,html[data-skin=matrix]:root body .messages,html[data-skin=matrix]:root body .cards > *,html[data-skin=matrix]:root body .stat,html[data-skin=matrix]:root body #signedOut,html[data-skin=matrix]:root body #loading{background:var(--mx-panel)!important;border:1px solid var(--mx-line)!important;border-radius:2px!important;box-shadow:none!important}
html[data-skin=matrix]:root body .composer button,html[data-skin=matrix]:root body #logoutBtn,html[data-skin=matrix]:root body #nickBtn{background:var(--mx-green)!important;color:#000!important;border:0!important;border-radius:0!important;min-height:44px;font-weight:700}

/* ---------- oppstart ---------- */
html[data-skin=matrix]:root body #brandIntro.bi-css{background:#000!important}
html[data-skin=matrix]:root body #brandIntro .bi-where{color:var(--mx-green)!important;font-family:var(--mx-mono)!important;text-shadow:0 0 18px rgba(var(--mx-rgb),.55)}
html[data-skin=matrix]:root body #brandIntro .bi-where em{background:none!important;color:var(--mx-green)!important;-webkit-text-fill-color:var(--mx-green)!important}

/* ---------- eventvisningens mapper ---------- */
html[data-skin=matrix]:root body #detail .ev-seg{background:rgba(var(--mx-deep),.85);border:1px solid var(--mx-line);border-radius:2px}
html[data-skin=matrix]:root body #detail .ev-seg[open]{background:rgba(var(--mx-deep),.92);border-color:var(--mx-green);box-shadow:0 0 22px -8px rgba(var(--mx-rgb),.55)}
html[data-skin=matrix]:root body #detail .ev-seg > summary:hover{background:rgba(var(--mx-rgb),.06)}
html[data-skin=matrix]:root body #detail .ev-seg-ico{background:#000;border:1px solid var(--mx-line-2);border-radius:2px;color:var(--mx-green)}
html[data-skin=matrix]:root body #detail .ev-seg-txt > small{color:var(--mx-dim)}
html[data-skin=matrix]:root body #detail .ev-seg-txt > small::before{content:"./"}
html[data-skin=matrix]:root body #detail .ev-seg-prev{color:var(--mx-green)}
html[data-skin=matrix]:root body #detail .ev-seg-chev{border-color:var(--mx-green)}
html[data-skin=matrix]:root body #detail .ev-seg-actions button,html[data-skin=matrix]:root body #detail .ev-seg-actions .ev-seg-link{text-decoration:none!important;background:#000;color:var(--mx-green);border:1px solid var(--mx-line-2);border-radius:0}
html[data-skin=matrix]:root body #detail .ev-seg-actions button:hover,html[data-skin=matrix]:root body #detail .ev-seg-actions .ev-seg-link:hover{background:var(--mx-green);color:#000}
html[data-skin=matrix]:root body #detail .ev-seg-actions button[aria-pressed=true]{background:var(--mx-green);color:#000}

/* ---------- fargebryteren: mild blålavendel (data-mx-tint=lavender, satt av matrix.js) ---------- */
html[data-skin=matrix][data-mx-tint=lavender]:root,html[data-skin=matrix][data-mx-tint=lavender]:root body{
  --mx-rgb:122,150,255; --mx-deep:6,8,32; --mx-hue:212deg; --mx-sat:.9;
  --mx-green:#7a96ff; --mx-text:#d4ddff; --mx-dim:#7f8fdc; --mx-faint:#3b4894; --mx-white:#f0f4ff;
  --mx-soft:#0a0e2e; --mx-on:#080b26; --mx-load:#16204f; --mx-panel-solid:#050720;
  --mx-line:rgba(122,150,255,.26); --mx-line-2:rgba(122,150,255,.52);
  --mx-glow:0 0 9px rgba(122,150,255,.65); --mx-glow-2:0 0 20px rgba(122,150,255,.42);
  --mx-panel:rgba(6,8,32,.84); --mx-panel-2:rgba(10,14,46,.9);
}
/* den lille bryteren: synlig bare i Matrix */
.mx-tint-btn{display:none}
html[data-skin=matrix] .mx-tint-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;flex:0 0 auto;height:34px;min-width:52px;padding:0 9px;margin:0 2px;
  background:#000;border:1px solid var(--mx-line-2);border-radius:999px;cursor:pointer;-webkit-tap-highlight-color:transparent}
html[data-skin=matrix] .mx-tint-btn i{width:12px;height:12px;border-radius:50%;background:#00ff41;box-shadow:0 0 6px rgba(0,255,65,.8);opacity:.35;transition:opacity .25s,transform .25s}
html[data-skin=matrix] .mx-tint-btn i + i{background:#7a96ff;box-shadow:0 0 7px rgba(122,150,255,.9)}
html[data-skin=matrix]:not([data-mx-tint=lavender]) .mx-tint-btn i:first-child,html[data-skin=matrix][data-mx-tint=lavender] .mx-tint-btn i + i{opacity:1;transform:scale(1.15)}
html[data-skin=matrix] .mx-tint-btn:hover{border-color:var(--mx-green)}
html[data-skin=matrix] .mx-tint-btn:focus-visible{outline:1px solid var(--mx-green);outline-offset:3px}
html[data-skin=matrix] .mx-tint-btn.mx-tint-float{position:fixed;left:12px;bottom:calc(84px + env(safe-area-inset-bottom,0px));z-index:1200}

/* ---------- færre animasjoner ---------- */
@media (prefers-reduced-motion:reduce){
  html[data-skin=matrix]:root body *,html[data-skin=matrix]:root body *::before,html[data-skin=matrix]:root body *::after,html[data-skin=matrix]:root body::after{animation:none!important;transition:none!important}
  html[data-skin=matrix]:root body .home-hello .where em,html[data-skin=matrix]:root body #helloTitle em{clip-path:none}
  html[data-skin=matrix] #mxRain .mx-rabbit{display:none}
}
html.reduce-motion[data-skin=matrix]:root body *,html.reduce-motion[data-skin=matrix]:root body *::before,html.reduce-motion[data-skin=matrix]:root body *::after,html.reduce-motion[data-skin=matrix]:root body::after{animation:none!important;transition:none!important}
html.reduce-motion[data-skin=matrix]:root body .home-hello .where em,html.reduce-motion[data-skin=matrix]:root body #helloTitle em{clip-path:none}
html.reduce-motion[data-skin=matrix] #mxRain .mx-rabbit{display:none}