:root{--ink:#21172d;--purple:#6937b7;--lime:#c1f34a;--paper:#141119;--pink:#ff98cc;--line:3px solid var(--ink)}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 'Trebuchet MS',Arial,sans-serif}a{color:inherit}button,input,textarea{font:inherit}button,a,input,textarea{outline-offset:5px}a:focus-visible,button:focus-visible{outline:3px solid #a42cc1}button{cursor:pointer}img{max-width:100%;display:block}.wrap{width:min(1220px,90%);margin:auto}.skip{position:absolute;top:-80px;background:white;padding:12px;z-index:20}.skip:focus{top:0}.topline{background:var(--ink);color:var(--lime);text-align:center;font-size:13px;font-weight:bold;letter-spacing:2px;padding:7px}header{border-bottom:var(--line);background:var(--paper)}nav{display:flex;align-items:center;gap:28px;min-height:100px}.logo{text-decoration:none;line-height:1;letter-spacing:-1.5px;font-size:27px;font-weight:1000}.logo small{display:block;font-size:12px;letter-spacing:3px;margin-top:9px}.navlinks{margin-left:auto;display:flex;align-items:center;gap:23px}.navlinks a{text-decoration:none;font-size:15px;font-weight:bold}.navlinks a[aria-current]{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:7px}.menu{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;border:var(--line);border-radius:8px;padding:12px 23px;background:var(--lime);box-shadow:4px 4px 0 var(--ink);font-weight:900;text-decoration:none;transition:transform .15s,box-shadow .15s}.btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}.btn.purple{background:var(--purple);color:white}.btn.white{background:white}.eyebrow{text-transform:uppercase;font-weight:900;letter-spacing:2px;font-size:13px}.hero{display:grid;grid-template-columns:1fr 1.1fr;gap:30px;align-items:center;padding:65px 0 75px}.hero h1{font-size:clamp(56px,6.4vw,88px);line-height:.98;letter-spacing:-5px;margin:22px 0}.hero h1 span{color:var(--purple);display:block}.hero p{max-width:470px;font-size:19px}.actions{display:flex;flex-wrap:wrap;gap:18px;margin:28px 0}.hero-art{position:relative;transform:rotate(2deg)}.hero-art img{width:100%;aspect-ratio:1.12;object-fit:cover;border:var(--line);border-radius:45% 45% 18px 18px;background:var(--lime);box-shadow:8px 8px 0 var(--ink)}.bubble{position:absolute;right:-8px;top:0;background:white;border:var(--line);border-radius:50%;padding:18px 24px;font-size:21px;font-weight:1000;transform:rotate(9deg)}.stamp{position:absolute;bottom:10px;left:-20px;background:var(--pink);border:var(--line);padding:8px 20px;transform:rotate(-8deg);font-weight:900}.tiny{font-size:13px}.ticker{background:var(--lime);border-top:var(--line);border-bottom:var(--line);padding:17px;text-align:center;font-weight:1000;font-size:20px;word-spacing:13px}.section{padding:65px 0}.sectionhead{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px}h2{font-size:clamp(32px,4vw,47px);line-height:1.13;letter-spacing:-1.8px;margin:10px 0}h3{font-size:25px;line-height:1.2;margin:15px 0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.card{border:var(--line);border-radius:15px;overflow:hidden;background:white;box-shadow:5px 5px 0 var(--ink)}.card .body{padding:24px}.card a{text-decoration:none}.card a:hover h3{text-decoration:underline}.card p{margin:12px 0}.card-image{height:210px;width:100%;object-fit:cover;background:var(--lime)}.tag{background:var(--lime);border:2px solid var(--ink);padding:3px 9px;border-radius:30px;font-size:12px;font-weight:bold}.feature{background:var(--purple);color:white;border-top:var(--line);border-bottom:var(--line)}.feature .wrap{display:grid;grid-template-columns:1fr 1fr;gap:65px;padding:58px 0;align-items:center}.dailybox{background:var(--lime);color:var(--ink);border:var(--line);box-shadow:8px 8px 0 var(--ink);border-radius:15px;padding:30px;transform:rotate(-2deg)}.dailybox blockquote{font-size:29px;line-height:1.3;font-weight:900;margin:20px 0}.bottomcta{text-align:center;padding:70px 20px;background:var(--pink);border-top:var(--line)}footer{background:var(--ink);color:white;padding:35px 0}footer .wrap{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}footer a{margin-right:20px;font-size:14px}.pagehead{padding:55px 0 25px}.pagehead h1{font-size:clamp(45px,7vw,74px);letter-spacing:-3px;line-height:1.05;margin:18px 0}.pagehead p{max-width:720px;font-size:19px}.crumb{font-size:14px}.content{padding:20px 0 70px}.twocol{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:start}.panel{border:var(--line);padding:32px;border-radius:16px;background:white;box-shadow:6px 6px 0 var(--ink)}.panel.lime{background:var(--lime)}.portrait{border:var(--line);border-radius:18px;aspect-ratio:1;object-fit:cover;width:100%}.filters{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0 35px}.filter{border:2px solid var(--ink);background:white;border-radius:30px;padding:8px 20px;font-weight:bold}.filter[aria-pressed=true]{background:var(--ink);color:var(--lime)}.artwork{border:0;background:none;padding:0;width:100%;text-align:left;color:inherit}.artwork:hover img{filter:saturate(1.4)}.number{font-size:48px;line-height:1;color:var(--purple);font-weight:1000}.rules{display:grid;grid-template-columns:1fr 1fr;gap:24px;list-style:none;padding:0;counter-reset:rule}.rules li{border:var(--line);border-radius:12px;padding:24px;background:white}.rules li:before{counter-increment:rule;content:counter(rule,decimal-leading-zero);font-size:32px;font-weight:1000;color:var(--purple)}label{display:block;font-weight:bold;margin:16px 0 6px}input,textarea{width:100%;border:2px solid var(--ink);border-radius:6px;padding:12px;background:var(--paper)}textarea{resize:vertical}output{display:block;margin:20px 0;font-weight:bold}.status{min-height:25px}.muted{font-size:14px}.checkline{display:flex;align-items:start;gap:12px}.checkline input{width:auto;margin-top:9px}.checkline label{margin:0;font-size:14px}.page404{text-align:center;padding:80px 20px}dialog{width:min(850px,92vw);border:var(--line);border-radius:15px;padding:22px;background:var(--paper)}dialog::backdrop{background:#21172dd9}dialog img{width:100%;max-height:65vh;object-fit:contain}dialog .close{float:right;margin-bottom:15px}.noscript{padding:15px;background:var(--pink)}[hidden]{display:none!important}.quote{font-size:32px;font-weight:bold;line-height:1.3}.divider{margin:25px 0;border:0;border-top:2px solid var(--ink)}@media(max-width:900px){.navlinks{gap:14px}.navlinks a{font-size:13px}.hero h1{font-size:66px}.hero{gap:20px}.grid{gap:18px}.card .body{padding:18px}}@media(max-width:700px){nav{min-height:85px;flex-wrap:wrap;padding:18px 0;gap:12px}.logo{font-size:23px}.menu{display:block;margin-left:auto;border:2px solid var(--ink);background:var(--lime);border-radius:5px;padding:6px 12px}.navlinks{display:none;flex-basis:100%;flex-direction:column;align-items:stretch;padding:15px 0;gap:18px}.navlinks.open{display:flex}.navlinks a{font-size:17px}.hero{grid-template-columns:1fr;padding:38px 0 55px;gap:30px}.hero h1{font-size:68px;letter-spacing:-4px}.hero-art{max-width:520px;width:94%;margin:auto}.hero-art img{aspect-ratio:1.3}.hero p{font-size:18px}.bubble{font-size:17px}.grid,.twocol,.feature .wrap,.rules{grid-template-columns:1fr}.section{padding:45px 0}.sectionhead{display:block}.sectionhead>a{display:inline-block;margin-top:12px}.feature .wrap{gap:25px;padding:40px 0}.ticker{font-size:15px;word-spacing:4px}.panel{padding:24px}.pagehead{padding-top:32px}.topline{font-size:11px;letter-spacing:1px}.card-image{height:240px}.actions .btn{flex-grow:1}.stamp{left:-10px}.dailybox{transform:none}.sectionhead h2{max-width:100%}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}


/* Mørkt smat: fælles tema til alle sider. */
:root {
  color-scheme: dark;
  --text: #f5f0fa;
  --muted: #c7bdd3;
  --surface: #231d2d;
  --edge: #50435e;
  --highlight: #bb94ff;
}
body {
  color: var(--text);
  background: radial-gradient(ellipse at 82% 8%, #30203f 0, transparent 46%), var(--paper);
}
header { background: #18131f; border-bottom-color: var(--edge); }
.topline { background: #0c0a10; }
.logo { color: var(--text); }
.logo small, .navlinks a[aria-current] { color: var(--lime); }
.navlinks a:hover, footer a:hover { color: var(--lime); }
.hero h1 span, .number, .rules li:before { color: var(--highlight); }
.hero p, .pagehead p, .card p, .tiny, .muted { color: var(--muted); }
.btn, .menu, .tag, .ticker, .stamp { color: var(--ink); }
.btn { box-shadow: 4px 4px 0 #08060b; }
.btn:hover { box-shadow: 6px 6px 0 #08060b; }
.btn.white { background: #30263d; color: var(--text); border-color: #756187; }
.btn.purple { background: #6937b7; color: #fff; }
.bubble { background: #30263d; color: var(--text); border-color: var(--highlight); }
.card, .panel, .rules li {
  background: var(--surface);
  border-color: var(--edge);
  box-shadow: 5px 5px 0 #09070d;
}
.card-image[style*="background:var(--pink)"] { background: #392445 !important; color: var(--pink); }
.hero-art img, .portrait { border-color: #665076; box-shadow: 8px 8px 0 #09070d; }
.feature { background: #271837; border-color: #514064; }
.dailybox, .panel.lime {
  background: #232d1d;
  color: var(--text);
  border-color: #7c9a43;
  box-shadow: 6px 6px 0 #090d07;
}
.dailybox .eyebrow, .panel.lime > .eyebrow { color: var(--lime); }
.bottomcta { background: #291c32; border-top-color: #665076; }
.bottomcta .eyebrow { color: var(--pink); }
footer { background: #0c0a10; border-top: 1px solid #3b3047; }
.filter { background: var(--surface); color: var(--text); border-color: #756187; }
.filter[aria-pressed=true] { background: var(--lime); color: var(--ink); border-color: var(--lime); }
input, textarea { background: #17121e; color: var(--text); border-color: #756187; }
input::placeholder, textarea::placeholder { color: #b9adc5; opacity: 1; }
.divider { border-color: #68734f; }
dialog { background: var(--surface); color: var(--text); border-color: #756187; }
dialog::backdrop { background: #09060de8; }
.noscript { background: #392445; color: var(--text); }
.skip { background: var(--lime); color: var(--ink); }
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible {
  outline: 3px solid var(--highlight);
}