:root{--bg:#ffffff;--s1:#f5f5f7;--s2:#e8e8ed;--line:#e5e5ea;--line2:#d2d2d7;--tx:#1d1d1f;--mu:#6e6e73;--acc:#1d1d1f;--klein:#1d1d1f;--glim:#1d1d1f;--sans:'Inter Tight',system-ui,-apple-system,'Segoe UI',sans-serif;--serif:'Instrument Serif',Georgia,serif;--sky:0 1px 2px rgba(0,0,0,.04),0 20px 50px -24px rgba(0,0,0,.16)}
*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}html,body{max-width:100%;overflow-x:hidden}
body{background:var(--bg);color:var(--tx);font:17px/1.6 var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit}img{max-width:100%;display:block}::selection{background:#1d1d1f;color:#fff}
.w{max-width:1200px;margin:0 auto;padding:0 24px}
.grain{display:none}.aura{display:none}
header.top{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.86);backdrop-filter:saturate(1.6) blur(16px);-webkit-backdrop-filter:saturate(1.6) blur(16px);border-bottom:1px solid transparent;transition:border-color .2s}
.nav{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 24px}
.mark{display:inline-flex;align-items:center;gap:10px;font:600 21px/1 var(--sans);letter-spacing:-.04em;text-decoration:none}
.mark svg{width:24px;height:24px}
.nav .links{display:flex;gap:2px;align-items:center}.nav .links a{min-height:44px;display:inline-flex;align-items:center;font-size:15px;font-weight:500;color:#424245;text-decoration:none;padding:8px 12px;border-radius:99px;transition:color .2s}.nav .links a:hover{color:var(--tx)}
.nav .links a,.nav .btn{white-space:nowrap}.nav .links a.btn{color:#fff;padding:.65rem 1.05rem}.nav .links a.btn.ghost{color:var(--tx)}
@media(max-width:640px){.nav .links a.hide{display:none}.nav #inst{display:none!important}.nav .links a{padding:8px 6px}}
.btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.95rem 1.5rem;border-radius:999px;border:1px solid var(--tx);cursor:pointer;font:600 15px/1 var(--sans);letter-spacing:-.01em;text-decoration:none;color:#fff;background:var(--tx);transition:transform .2s,box-shadow .2s,background .2s}
.btn:hover{transform:translateY(-1px);box-shadow:0 14px 30px -14px rgba(0,0,0,.5)}
.btn.ghost{background:#fff;color:var(--tx);border-color:var(--line2)}.btn.ghost:hover{border-color:var(--tx);box-shadow:none}
.btn.glim{background:var(--tx);color:#fff}
.btn.sm{min-height:44px;padding:.65rem 1.05rem;font-size:14px}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:500;color:var(--mu)}
.eyebrow b{font-weight:600;color:var(--tx);background:var(--s1);border:1px solid var(--line);padding:5px 11px;border-radius:99px;font-size:12px}
h1,.h1{font:600 clamp(3rem,8.6vw,6.4rem)/.96 var(--sans);letter-spacing:-.055em;margin:.3em 0 .32em}
h2,.h2{font:600 clamp(2.2rem,5.4vw,4rem)/1 var(--sans);letter-spacing:-.045em;margin:0 0 .38em}
.ser{font-family:var(--serif);font-weight:400;font-style:italic;letter-spacing:-.02em}
.gl{color:var(--tx)}
.lead{font-size:clamp(1.05rem,2vw,1.22rem);color:var(--mu);max-width:560px;line-height:1.6}
.k{font-size:13px;font-weight:600;color:var(--mu)}
.card{position:relative;background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px;box-shadow:var(--sky)}
.card.edge{border-color:var(--line)}
label{display:block;font-size:13px;font-weight:600;color:var(--tx);margin-bottom:8px}.opt{color:var(--mu);font-weight:400}
input,select,textarea{width:100%;min-height:48px;background:#fff;border:1px solid #86868b;border-radius:12px;color:var(--tx);font:400 16px/1.4 var(--sans);padding:14px 16px;outline:none;-webkit-appearance:none;appearance:none;transition:border-color .2s,background .2s,box-shadow .2s}
input::placeholder,textarea::placeholder{color:#6e6e73;opacity:1}select{background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%236f6b65' fill='none' stroke-width='1.4'/%3E%3C/svg%3E") no-repeat right 16px center}
input:focus,select:focus,textarea:focus{border-color:var(--tx);box-shadow:0 0 0 3px rgba(0,0,0,.18)}
.hp{position:absolute;left:-9999px}
.note{font-size:14px;color:var(--mu);margin-top:12px}
.marq{overflow:hidden;border-block:1px solid var(--line);padding:20px 0}
.marq div{display:flex;gap:40px;width:max-content;animation:roll 70s linear infinite;font:500 clamp(1.3rem,3vw,1.9rem)/1 var(--sans);letter-spacing:-.03em;color:#6e6e73}
.marq span:nth-child(4n+1){color:var(--tx)}.marq em{font-family:var(--serif);font-style:italic;color:var(--tx)}
/* Universell utforming (eieren 11.11: «universell utforming er viktig her», WCAG 2.1 AA): synlig fokus for tastatur,
   hopp-til-innhold, store treffflater, og en ekte meny på mobil i stedet for lenker som forsvinner. */
:focus-visible{outline:3px solid #1d1d1f;outline-offset:3px;border-radius:8px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none}
.skip{position:absolute;left:12px;top:-60px;z-index:100;background:#1d1d1f;color:#fff;padding:12px 16px;border-radius:10px;font-weight:600;text-decoration:none}.skip:focus{top:12px}
.meny{display:none;position:relative}.meny summary{list-style:none;cursor:pointer;min-height:44px;display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #86868b;border-radius:99px;font-weight:600;font-size:15px}.meny summary::-webkit-details-marker{display:none}
.meny[open] .mlist{display:grid}.mlist{display:none;position:absolute;right:0;top:52px;min-width:220px;background:#fff;border:1px solid var(--line2);border-radius:16px;padding:8px;box-shadow:var(--sky)}.mlist a{min-height:48px;display:flex;align-items:center;padding:10px 14px;border-radius:10px;text-decoration:none;font-weight:500}.mlist a:hover{background:var(--s1)}
@media(max-width:640px){.meny{display:block}.nav .links a.hide,.nav .links a.mob-hide{display:none}}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@keyframes roll{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.marq div{animation:none!important}}

/* ── Spillfølelse (high ticket) ── */
.shot .ph{position:relative;transform-style:preserve-3d;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s;will-change:transform}
.shot:hover .ph{box-shadow:0 30px 60px -28px rgba(0,0,0,.45)}
.shot .ph:before,.shot .ph:after{content:"";position:absolute;width:18px;height:18px;z-index:2;opacity:0;transition:opacity .3s,transform .3s;pointer-events:none}
.shot .ph:before{left:10px;top:10px;border-left:2px solid #fff;border-top:2px solid #fff;transform:translate(6px,6px)}
.shot .ph:after{right:10px;bottom:10px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:translate(-6px,-6px)}
.shot:hover .ph:before,.shot:hover .ph:after,.shot:focus-visible .ph:before,.shot:focus-visible .ph:after{opacity:1;transform:none}
.shot .glans{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at var(--gx,50%) var(--gy,0%),rgba(255,255,255,.28),transparent 45%);opacity:0;transition:opacity .3s}.shot:hover .glans{opacity:1}
.hud{display:inline-flex;align-items:center;gap:8px;font:600 11px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--mu)}
.hud i{display:inline-block;width:36px;height:4px;border-radius:99px;background:var(--s2);position:relative;overflow:hidden}.hud i:after{content:"";position:absolute;inset:0;width:var(--v,60%);background:var(--tx);border-radius:99px}
.lvl{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:8px;background:var(--tx);color:#fff;font:700 11px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase}
.inn{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.inn.vist{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.shot .ph{transition:none!important;transform:none!important}.inn{opacity:1!important;transform:none!important;transition:none!important}.shot .glans{display:none}}
/* ── Natt-tema (runde 6) ── */
:root{--bg:#0b1020;--s1:rgba(22,29,56,.72);--s2:rgba(255,255,255,.08);--line:rgba(255,255,255,.1);--line2:rgba(255,255,255,.2);--tx:#f3f1ea;--mu:#b3b9cc;--gull:#e9bd5a;--sky:0 30px 80px -30px rgba(0,0,0,.6)}
body{background:radial-gradient(120% 70% at 50% 0%,#18213f 0%,#0b1020 60%) fixed,#0b1020;color:var(--tx)}
h1,.h1,h2,.h2{font-family:var(--serif);font-weight:400;letter-spacing:-.01em}
h1,.h1{font-size:clamp(3rem,8vw,6rem);line-height:1}h2,.h2{font-size:clamp(2.2rem,5vw,3.8rem);line-height:1.04}
.k,.eyebrow{color:var(--gull);letter-spacing:.2em;text-transform:uppercase;font-size:12.5px;font-weight:600}.eyebrow b{background:transparent;border:0;color:var(--gull);padding:0}
header.top{background:rgba(11,16,32,.62);border-bottom:1px solid var(--line)}
.mark{font:400 30px/1 var(--serif);letter-spacing:0}.mark svg path{stroke:#f3f1ea}.mark svg circle{fill:var(--gull)}
.nav .links a{color:#d5d9e6}.nav .links a:hover{color:#fff}
.btn{background:#fff;color:#0b1020;border-color:#fff}.btn:hover{background:#fff;box-shadow:0 14px 40px -12px rgba(233,189,90,.55)}
.btn.ghost{background:rgba(255,255,255,.04);color:#fff;border-color:var(--line2)}.btn.ghost:hover{border-color:#fff}
.nav .links a.btn{color:#0b1020}.nav .links a.btn.ghost{color:#fff}
.card{background:var(--s1);border-color:var(--line);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:var(--sky)}
input,select,textarea{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.32);color:var(--tx)}input::placeholder,textarea::placeholder{color:#a3aac0}select option{background:#141b33}
input:focus,select:focus,textarea:focus{border-color:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.18)}
:focus-visible{outline-color:#fff}
.lead,.note,.opt{color:var(--mu)}
.mlist,.meny summary{background:#141b33;color:var(--tx)}.mlist a:hover{background:rgba(255,255,255,.06)}
footer.bot{border-top-color:var(--line)}
/* Store menyer (mega-meny) */
.mega{position:relative}.mega>summary{list-style:none;cursor:pointer;min-height:44px;display:inline-flex;align-items:center;gap:6px;padding:8px 12px;color:#d5d9e6;font-size:15px;font-weight:500}.mega>summary::-webkit-details-marker{display:none}.mega>summary:after{content:"⌄";font-size:13px;transform:translateY(-2px)}.mega[open]>summary{color:#fff}
.mpanel{position:absolute;left:50%;top:54px;transform:translateX(-35%);width:min(820px,92vw);display:grid;grid-template-columns:1.6fr 1fr;border:1px solid var(--line2);border-radius:22px;background:rgba(17,23,45,.96);backdrop-filter:blur(18px);box-shadow:var(--sky);overflow:hidden;z-index:60}
.mpanel .kol{padding:24px}.mpanel .kol+.kol{background:rgba(255,255,255,.03);border-left:1px solid var(--line)}.mpanel h3{font:600 11.5px var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--mu);margin:0 0 12px}
.mgrid{display:grid;grid-template-columns:1fr 1fr;gap:4px 18px}.mpanel a{display:block;padding:10px 0;text-decoration:none}.mpanel a b{display:block;font-weight:500;color:#fff}.mpanel a span{display:block;color:var(--mu);font-size:14px;margin-top:2px}
.mpanel .nytt img{border-radius:12px;aspect-ratio:16/9;object-fit:cover;width:100%;margin-bottom:12px}
@media(max-width:900px){.mega{display:none}}
/* ── Runde 7: rolig natterom, Garamond, glasskort som Native ── */
:root{--serif:'EB Garamond',Georgia,serif}
body{background:radial-gradient(90% 60% at 50% -10%,#1f2a52 0%,rgba(11,16,32,0) 60%),radial-gradient(60% 40% at 85% 30%,rgba(233,189,90,.07),transparent 70%),#0b1020}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.55;background-image:radial-gradient(1px 1px at 12% 18%,#fff,transparent),radial-gradient(1px 1px at 27% 8%,#dfe6ff,transparent),radial-gradient(1.5px 1.5px at 44% 22%,#fff,transparent),radial-gradient(1px 1px at 63% 12%,#fff,transparent),radial-gradient(1px 1px at 78% 26%,#e9eeff,transparent),radial-gradient(1.5px 1.5px at 90% 9%,#fff,transparent),radial-gradient(1px 1px at 8% 44%,#cfd8ff,transparent),radial-gradient(1px 1px at 35% 38%,#fff,transparent),radial-gradient(1px 1px at 56% 47%,#dfe6ff,transparent),radial-gradient(1px 1px at 84% 52%,#fff,transparent)}
main,header.top,footer.bot{position:relative;z-index:1}
h1,.h1{font-weight:400;letter-spacing:-.015em;font-size:clamp(3rem,7.4vw,5.6rem);line-height:1.02}h2,.h2{font-weight:400;letter-spacing:-.01em}
.mark{font:500 30px/1 var(--serif)}
.pk{display:grid;grid-template-columns:.85fr 1.6fr;border:1px solid var(--line2);border-radius:26px;background:linear-gradient(180deg,rgba(28,37,72,.75),rgba(17,23,45,.75));backdrop-filter:blur(16px);overflow:hidden;box-shadow:var(--sky);margin-top:34px}
@media(max-width:900px){.pk{grid-template-columns:1fr}}
.pk .v{padding:40px 38px;border-right:1px solid var(--line)}@media(max-width:900px){.pk .v{border-right:0;border-bottom:1px solid var(--line)}}
.pk .pris{font:italic 400 64px/1 var(--serif);color:#fff}.pk .pris small{display:block;font:400 17px/1.6 var(--sans);font-style:normal;color:var(--mu);margin-top:14px}
.pk h3{font:600 12px var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--mu);margin:30px 0 14px}
.pk ul{list-style:none;padding:0;display:grid;gap:12px}.pk .v li{padding-left:20px;position:relative}.pk .v li:before{content:"";position:absolute;left:2px;top:.62em;width:7px;height:7px;border-radius:50%;background:var(--gull)}
.pk .v .btn{width:100%;margin-top:30px;background:rgba(255,255,255,.04);color:#fff;border-color:var(--line2)}.pk .v .btn:hover{border-color:#fff}.pk .v .note{margin-top:14px}
.pk .h{padding:40px 42px}.pk .g{display:grid;grid-template-columns:1fr 1fr;gap:30px 38px}@media(max-width:640px){.pk .g{grid-template-columns:1fr}.pk .v,.pk .h{padding:30px 24px}}
.pk .g b{display:flex;gap:12px;font-weight:600;color:#fff;font-size:18px}.pk .g b:before{content:"✓";color:#7fd48a;font-weight:700}.pk .g p{color:var(--mu);margin:8px 0 0 26px;line-height:1.65}
.mid{text-align:center;max-width:820px;margin:0 auto}.mid .lead{margin:16px auto 0;max-width:760px}
/* ── Spillaget: oppdragsløype og merker (elegant, gull) ── */
.lop{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:40px 0 0}
.lop:before{content:"";position:absolute;left:12%;right:12%;top:44px;height:2px;background:linear-gradient(90deg,var(--gull),rgba(233,189,90,.15));z-index:0}
.steg{position:relative;z-index:1;text-align:center;padding:0 8px}
.med{width:88px;height:88px;margin:0 auto;border-radius:50%;display:grid;place-items:center;font:500 34px var(--serif);color:#1b1404;background:radial-gradient(circle at 35% 30%,#fff3c4,#e9bd5a 55%,#a77a1c);box-shadow:0 0 0 6px rgba(233,189,90,.12),0 0 0 7px rgba(233,189,90,.35),0 20px 40px -14px rgba(233,189,90,.55),inset 0 -4px 0 rgba(0,0,0,.18)}
.steg.las .med{background:radial-gradient(circle at 35% 30%,#3a4470,#232b52 60%,#161c3a);color:#c9cfe2;box-shadow:0 0 0 6px rgba(255,255,255,.04),0 0 0 7px rgba(255,255,255,.14)}
.steg b{display:block;margin-top:16px;font:500 24px var(--serif);color:#fff}.steg .xp{display:inline-block;margin-top:6px;font:700 12px var(--sans);letter-spacing:.14em;color:var(--gull)}.steg p{color:var(--mu);font-size:15px;margin-top:6px}
@media(max-width:800px){.lop{grid-template-columns:1fr 1fr;row-gap:34px}.lop:before{display:none}}
.samling{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin-top:34px}@media(max-width:900px){.samling{grid-template-columns:repeat(3,1fr)}}
.merke{text-align:center;padding:22px 10px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.03)}
.merke i{display:grid;place-items:center;width:62px;height:62px;margin:0 auto;border-radius:50%;font-style:normal;font-size:24px;border:1.5px solid var(--gull);color:var(--gull);box-shadow:0 0 30px -8px rgba(233,189,90,.55),inset 0 0 18px rgba(233,189,90,.18)}
.merke.las i{border-color:rgba(255,255,255,.22);color:#8d95ad;box-shadow:none}.merke b{display:block;margin-top:12px;font:500 19px var(--serif);color:#fff}.merke span{display:block;font-size:13px;color:var(--mu);margin-top:2px}
/* ── Runde 8: raffinert plattformverden (lys) ── */
:root{--bg:#fbfaf6;--s1:#ffffff;--s2:#eef2f8;--line:#e5eaf2;--line2:#d2dae6;--tx:#0f2547;--mu:#4b5a78;--gull:#9a6500;--sans:'Inter Tight',system-ui,-apple-system,'Segoe UI',sans-serif;--sky:0 2px 0 rgba(15,37,71,.06),0 24px 50px -24px rgba(15,37,71,.28)}
body{background:#fbfaf6;color:var(--tx)}body:before{display:none}
h1,.h1,h2,.h2{font-family:var(--sans);font-weight:800;letter-spacing:-.045em;color:var(--tx)}h1,.h1{font-size:clamp(3rem,8vw,6rem);line-height:.96}h2,.h2{font-size:clamp(2.1rem,5vw,3.6rem);line-height:1}
.k,.eyebrow{color:#2b5bd7;letter-spacing:.16em;font-weight:800}
header.top{background:rgba(255,255,255,.72);border-bottom:1px solid rgba(15,37,71,.06)}
.mark{font:800 26px var(--sans);letter-spacing:-.04em;color:var(--tx)}.mark svg path{stroke:#0f2547}.mark svg circle{fill:#2b5bd7}
.nav .links a{color:#33466b}.nav .links a:hover{color:#0f2547}
.btn{color:#fff;background:linear-gradient(180deg,#3a6cf0,#1f4fd1);border:0;box-shadow:inset 0 2px 0 rgba(255,255,255,.35),inset 0 -4px 0 rgba(8,30,110,.35),0 6px 0 #173aa0,0 16px 28px -12px rgba(23,58,160,.55);transition:transform .12s,box-shadow .12s;font-weight:800}
.btn:hover{transform:translateY(-2px);background:linear-gradient(180deg,#4677f5,#2355d8)}.btn:active{transform:translateY(4px);box-shadow:inset 0 2px 0 rgba(255,255,255,.35),inset 0 -4px 0 rgba(8,30,110,.35),0 2px 0 #173aa0}
.btn.ghost{background:#fff;color:var(--tx);box-shadow:inset 0 -3px 0 rgba(15,37,71,.08),0 4px 0 #d2dae6,0 14px 24px -14px rgba(15,37,71,.3);border:1px solid #e5eaf2}.btn.ghost:hover{background:#fff}
.nav .links a.btn{color:#fff}.nav .links a.btn.ghost{color:var(--tx)}
.card{background:#fff;backdrop-filter:none;border-color:var(--line)}
input,select,textarea{background:#fff;border-color:#8a96ad;color:var(--tx)}input::placeholder{color:#5f6b84}input:focus{border-color:#1f4fd1;box-shadow:0 0 0 3px rgba(31,79,209,.18)}
:focus-visible{outline-color:#1f4fd1}
.mpanel{background:#fff;border-color:var(--line2)}.mpanel a b{color:var(--tx)}.mpanel .kol+.kol{background:#f6f8fc}.mega>summary{color:#33466b}.mega[open]>summary{color:var(--tx)}
.mlist,.meny summary{background:#fff;color:var(--tx)}
.pk{background:#fff;border-color:var(--line);backdrop-filter:none}.pk .pris{color:var(--tx);font:800 64px/1 var(--sans);letter-spacing:-.05em}.pk .pris small{font:400 17px/1.6 var(--sans);letter-spacing:0}.pk .g b{color:var(--tx)}.pk .g b:before{color:#1f9d55}.pk .v li:before{background:#f2b705}.pk .v .btn{background:linear-gradient(180deg,#3a6cf0,#1f4fd1);color:#fff}
.med{color:#3a2600}.steg b,.merke b{color:var(--tx);font-family:var(--sans);font-weight:800;letter-spacing:-.03em}.steg .xp{color:#9a6500}.steg.las .med{background:radial-gradient(circle at 35% 30%,#f2f5fa,#d8e0ec 60%,#c3cede);color:#5c6a85}
.merke{background:#fff;border-color:var(--line)}.merke i{color:#9a6500;border-color:#e2a800}.merke.las i{color:#8a96ad;border-color:#d2dae6}
.lop:before{background:linear-gradient(90deg,#f2b705,#e5eaf2)}
.hud-kort{background:#fff}.hud-top b{font-family:var(--sans);font-weight:800}
.stripe{background:#fff!important;border:1px solid var(--line)!important}
/* Verden øverst */
.himmel{position:relative;overflow:hidden;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:0 24px;background:linear-gradient(180deg,#9fd8ff 0%,#c4e7ff 45%,#e9f6ff 80%,#fbfaf6 100%);margin-top:-1px}
.himmel .sky{position:absolute;z-index:0;animation:drift linear infinite;filter:drop-shadow(0 8px 14px rgba(40,100,170,.12))}
@keyframes drift{from{transform:translateX(-30vw)}to{transform:translateX(130vw)}}
.blk{position:absolute;z-index:1;width:52px;height:52px;border-radius:12px;background:linear-gradient(180deg,#ffd95f,#f2b705);box-shadow:inset 0 3px 0 rgba(255,255,255,.65),inset 0 -5px 0 rgba(150,90,0,.35),0 12px 22px -10px rgba(120,80,0,.45);display:grid;place-items:center;animation:hopp 3.4s ease-in-out infinite}.blk svg{width:28px;height:28px}
@keyframes hopp{50%{transform:translateY(-9px)}}
.mynt{position:absolute;z-index:1;width:26px;height:26px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#fff7c2,#ffcf33 55%,#d59a00);box-shadow:inset 0 -2px 0 rgba(150,90,0,.4);animation:snurr 1.8s linear infinite}@keyframes snurr{0%,100%{transform:scaleX(1)}50%{transform:scaleX(.15)}}
.aaser{position:absolute;left:0;right:0;bottom:0;height:200px;z-index:0}
@media(prefers-reduced-motion:reduce){.himmel .sky,.blk,.mynt{animation:none}}@media(max-width:700px){.blk,.mynt{display:none}}
/* ── Runde 9: avsløringen (eget uttrykk) ── */
:root{--bg:#110d24;--s1:rgba(30,25,60,.72);--s2:rgba(255,255,255,.07);--line:rgba(232,226,255,.1);--line2:rgba(232,226,255,.2);--tx:#f3f0fb;--mu:#bdb6d6;--gull:#ff9f7a;--serif:'Instrument Serif',Georgia,serif;--sky:0 30px 80px -30px rgba(0,0,0,.7)}
body{background:radial-gradient(80% 50% at 70% 0%,#2a2160 0%,rgba(17,13,36,0) 60%),radial-gradient(60% 40% at 10% 40%,rgba(255,159,122,.06),transparent 70%),#110d24;color:var(--tx)}
h1,.h1,h2,.h2{font-family:var(--serif);font-weight:400;letter-spacing:-.015em;color:var(--tx)}h1,.h1{font-size:clamp(3.2rem,7.6vw,6.2rem);line-height:.98}h2,.h2{font-size:clamp(2.3rem,5vw,4rem);line-height:1.02}
h1 em,h2 em{font-style:italic;color:var(--gull)}
.k,.eyebrow{color:var(--gull);letter-spacing:.24em;font-weight:600}
header.top{background:rgba(17,13,36,.66);border-bottom:1px solid var(--line)}
.mark{font:400 30px/1 var(--serif);color:var(--tx)}.mark svg path{stroke:#f3f0fb}.mark svg circle{fill:var(--gull)}
.nav .links a{color:#d6d0ec}.nav .links a:hover{color:#fff}
.btn{background:var(--gull);color:#2a0f05;border:0;box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 12px 30px -12px rgba(255,159,122,.6);font-weight:700}.btn:hover{background:#ffb193;transform:translateY(-1px)}.btn:active{transform:none}
.btn.ghost{background:transparent;color:var(--tx);border:1px solid var(--line2);box-shadow:none}.btn.ghost:hover{border-color:var(--gull);background:transparent}
.nav .links a.btn{color:#2a0f05}.nav .links a.btn.ghost{color:var(--tx)}
.card,.pk,.merke,.hud-kort,.stripe{background:var(--s1)!important;border-color:var(--line)!important;backdrop-filter:blur(14px)}
.pk .pris{color:var(--tx);font:italic 400 66px/1 var(--serif);letter-spacing:0}.pk .pris small{font:400 17px/1.6 var(--sans)}.pk .g b{color:var(--tx)}.pk .g b:before{color:var(--gull)}.pk .v li:before{background:var(--gull)}.pk .v .btn{background:var(--gull);color:#2a0f05}
input,select,textarea{background:rgba(255,255,255,.05);border-color:rgba(232,226,255,.32);color:var(--tx)}input::placeholder{color:#a39cc2}input:focus{border-color:var(--gull);box-shadow:0 0 0 3px rgba(255,159,122,.2)}
:focus-visible{outline-color:var(--gull)}
.mpanel{background:rgba(24,20,50,.97);border-color:var(--line2)}.mpanel a b{color:#fff}.mpanel .kol+.kol{background:rgba(255,255,255,.03)}.mega>summary{color:#d6d0ec}
.mlist,.meny summary{background:#1b1740;color:var(--tx)}
.steg b,.merke b{color:var(--tx);font-family:var(--serif);font-weight:400;font-size:24px;letter-spacing:0}.steg .xp{color:var(--gull)}.steg.las .med{background:radial-gradient(circle at 35% 30%,#34306a,#221d48 60%,#15122e);color:#bdb6d6}
.merke i{color:var(--gull);border-color:var(--gull)}.merke.las i{color:#8f89ab;border-color:rgba(232,226,255,.2)}
.lop:before{background:linear-gradient(90deg,var(--gull),rgba(255,159,122,.12))}
.himmel{display:none}
/* Linsen */
.avs{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;padding:80px 0 40px}@media(max-width:940px){.avs{grid-template-columns:1fr;padding-top:44px;text-align:center}.avs .finn,.avs .cta{margin-left:auto;margin-right:auto;justify-content:center}}
.linse{position:relative;width:min(520px,84vw);aspect-ratio:1;margin:0 auto}
.linse .ring{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from -90deg,var(--gull) 0 var(--p,62%),rgba(232,226,255,.12) 0 100%);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 6px),#000 calc(100% - 5px));mask:radial-gradient(farthest-side,transparent calc(100% - 6px),#000 calc(100% - 5px));filter:drop-shadow(0 0 18px rgba(255,159,122,.45))}
.linse .skala{position:absolute;inset:-14px;border-radius:50%;background:repeating-conic-gradient(rgba(232,226,255,.35) 0 .6deg,transparent .6deg 6deg);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 9px),#000 calc(100% - 8px));mask:radial-gradient(farthest-side,transparent calc(100% - 9px),#000 calc(100% - 8px));animation:dreie 120s linear infinite}
@keyframes dreie{to{transform:rotate(360deg)}}
.linse .glas{position:absolute;inset:18px;border-radius:50%;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(232,226,255,.15),inset 0 0 80px rgba(0,0,0,.55),0 40px 100px -30px rgba(0,0,0,.9)}
.linse .glas img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;animation:glimt 24s infinite}
.linse .glas img:nth-child(2){animation-delay:6s}.linse .glas img:nth-child(3){animation-delay:12s}.linse .glas img:nth-child(4){animation-delay:18s}
@keyframes glimt{0%{opacity:0;transform:scale(1.08)}6%,25%{opacity:1}31%,100%{opacity:0;transform:scale(1)}}
.linse .glas:after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.18),transparent 40%)}
.linse .niva{position:absolute;left:50%;bottom:-6px;transform:translateX(-50%);display:flex;gap:10px;align-items:center;padding:10px 16px;border-radius:99px;background:rgba(24,20,50,.92);border:1px solid var(--line2);font:600 13px var(--sans);white-space:nowrap}.linse .niva b{color:var(--gull)}
@media(prefers-reduced-motion:reduce){.linse .skala{animation:none}.linse .glas img{animation:none}.linse .glas img:first-child{opacity:1}}
.tåke{position:relative}.tåke .shot{filter:blur(7px) saturate(.7);pointer-events:none}.tåke .låst{position:absolute;inset:0;display:grid;place-items:center;text-align:center;z-index:3}.tåke .låst div{max-width:440px;padding:22px 26px;border-radius:20px;background:rgba(24,20,50,.85);border:1px solid var(--line2);backdrop-filter:blur(10px)}.tåke .låst b{display:block;font:400 28px var(--serif);margin-bottom:8px}
/* Signaturfargene: ravgull (penger, merker, knapper) + lys syrin (XP, fremdrift, nivå) */
:root{--syrin:#c4a5ff}
.linse .ring{background:conic-gradient(from -90deg,var(--gull) 0,var(--syrin) var(--p,62%),rgba(232,226,255,.12) 0 100%);filter:drop-shadow(0 0 20px rgba(196,165,255,.45))}
.linse .niva b,.steg .xp,.hud-top .xp{color:var(--syrin)}
.xpbar i{background:linear-gradient(90deg,var(--gull),var(--syrin))}
.lop:before{background:linear-gradient(90deg,var(--gull),var(--syrin) 70%,rgba(196,165,255,.15))}
.steg .med{box-shadow:0 0 0 6px rgba(196,165,255,.08),0 0 0 7px rgba(255,159,122,.4),0 20px 40px -14px rgba(196,165,255,.45),inset 0 -4px 0 rgba(0,0,0,.18)}
.merke:not(.las) i{box-shadow:0 0 30px -8px rgba(196,165,255,.6),inset 0 0 18px rgba(255,159,122,.18)}
body{background:radial-gradient(80% 50% at 70% 0%,#2b2266 0%,rgba(17,13,36,0) 60%),radial-gradient(50% 40% at 85% 20%,rgba(196,165,255,.08),transparent 70%),radial-gradient(60% 40% at 10% 40%,rgba(255,159,122,.06),transparent 70%),#110d24}
/* ── Runde 10: verdenen bak heroen ── */
.verdens{position:relative;margin:0 calc(50% - 50vw);min-height:min(860px,100vh);overflow:hidden;isolation:isolate;background:#0f0c22}
.verdens svg.v{position:absolute;inset:0;width:100%;height:100%;z-index:-1}
.verdens .lag{transition:transform .6s cubic-bezier(.2,.7,.2,1);will-change:transform}
.verdens .innhold{position:relative;max-width:1200px;margin:0 auto;padding:110px 24px 260px}
.verdens .innhold>div{max-width:600px}
.verdens .lead{color:#e3d6d2}
.verdens .finn{margin-left:0;max-width:540px}
.lys{animation:puls 3.2s ease-in-out infinite}@keyframes puls{50%{opacity:.45}}
.partikkel{animation:stig 9s linear infinite}@keyframes stig{from{transform:translateY(0);opacity:0}15%{opacity:.9}to{transform:translateY(-220px);opacity:0}}
.oy{animation:sveve 7s ease-in-out infinite}@keyframes sveve{50%{transform:translateY(-10px)}}
@media(max-width:900px){.verdens svg.v{top:auto;height:460px}.verdens .innhold{padding:56px 24px 400px;text-align:center}.verdens .innhold>div{margin:0 auto}.verdens .finn,.verdens .cta{margin-left:auto;margin-right:auto;justify-content:center}}
@media(prefers-reduced-motion:reduce){.lys,.partikkel,.oy{animation:none}.verdens .lag{transition:none}}
/* Runde 11: glasskort med produktet, svevende i verdenen */
.flyt{position:absolute;inset:0;pointer-events:none;z-index:0}
.fk{position:absolute;display:flex;flex-direction:column;gap:4px;padding:14px 16px;border-radius:16px;background:rgba(28,23,56,.62);border:1px solid rgba(232,226,255,.18);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 24px 50px -20px rgba(0,0,0,.7);color:#f3f0fb;animation:sveve 8s ease-in-out infinite}
.fk-k{font:700 10.5px var(--sans);letter-spacing:.16em;text-transform:uppercase;color:#bdb6d6}.fk b{font:400 30px/1 var(--serif)}.fk b small{font:500 13px var(--sans);color:#bdb6d6;margin-left:4px}
.fk-bar{display:block;width:150px;height:6px;border-radius:9px;background:rgba(255,255,255,.1);overflow:hidden;margin-top:6px}.fk-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--gull),var(--syrin))}
.fk-x{font:700 12px var(--sans);color:var(--syrin)}
.f1{right:30%;top:18%}.f2{right:7%;top:27%;animation-delay:-3s}.f3{right:19%;top:62%;flex-direction:row;align-items:center;gap:12px;animation-delay:-5s}.f3 img{width:46px;height:46px;border-radius:10px;object-fit:cover}.f3 div{display:flex;flex-direction:column;gap:2px}
@media(max-width:1100px){.f1{right:36%}.f3{display:none}}@media(max-width:900px){.flyt{display:none}}
@media(prefers-reduced-motion:reduce){.fk{animation:none}}
/* Kvalitetspass (11.11): tettere rytme, sentrert kortinnhold, kortere hero */
.verdens{min-height:min(760px,94vh)}.verdens .innhold{padding:96px 24px 200px}
.sec{padding-top:88px}.pk .h{display:flex;flex-direction:column;justify-content:center}

.eyebrow b:after{content:'·';margin-left:12px;color:var(--mu)}
.finn{background:rgba(30,25,60,.7)!important;border:1px solid var(--line2)!important;backdrop-filter:blur(14px)}.finn input{color:var(--tx)}
.chips button{background:rgba(255,255,255,.07)!important;color:var(--tx)!important;border:1px solid var(--line)!important}.chips button.on{background:var(--gull)!important;color:#2a0f05!important;border-color:var(--gull)!important}
.kat a{background:rgba(255,255,255,.07)!important;color:var(--tx)!important}

/* ── Runde 12: Første lys – livlig, men rolig ── */
h1 em,h2 em{color:#ffb193}
.eyebrow{color:#ffb193}
.btn{transition:transform .15s,box-shadow .25s,background .2s}.btn:not(.ghost):hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 0 0 6px rgba(255,159,122,.14),0 16px 40px -10px rgba(255,138,122,.7)}
.finn .btn{background:#ff9f7a}
.nav a.mark{min-height:44px;display:inline-flex;align-items:center}a.cta{display:inline-flex;align-items:center;min-height:44px} /* trykkflater ≥ 44 px (gjennomgangen 12.11) */ /* ingen glans som feier over knappen (gjennomgangen 12.11) */
.gry{animation:gry 7s ease-in-out infinite;transform-origin:74% 80%}@keyframes gry{50%{opacity:.7;transform:scale(1.06)}}
.fk{background:rgba(28,23,56,.6)}.fk-bar i{background:linear-gradient(90deg,#ff9f7a,#c4a5ff)}
.med{background:radial-gradient(circle at 35% 30%,#ffe2cf,#ffa184 55%,#d9655a);color:#2a0f05}.steg.las .med{background:radial-gradient(circle at 35% 30%,#34306a,#221d48 60%,#15122e);color:#bdb6d6}
.verdens .innhold>div{max-width:540px}.verdens{-webkit-mask-image:linear-gradient(#000 82%,transparent);mask-image:linear-gradient(#000 82%,transparent)}@media(min-width:901px){.verdens{min-height:min(720px,90vh)}.verdens .innhold{padding-bottom:150px}}@media(max-width:900px){.verdens .innhold{padding:48px 20px 380px}}
@media(prefers-reduced-motion:reduce){.finn .btn,.gry{animation:none}}
/* Runde 12b: konto, onboarding og markedskort i mørk stil (eieren 11.11: «start at level one fungerer ikke», «marketplacen fungerer ikke») */
body .btn.glim{background:var(--gull);color:#2a0f05}body .btn.glim:hover{background:#ffb193}
body .item,body .pj .item,body .vvk{background:var(--s1);border-color:var(--line);color:var(--tx)}body .item:hover,body .vvk:hover{border-color:var(--gull)}body .item b,body .vvk b{color:var(--tx)}body .item .cat{background:none;color:var(--gull)}body .item .cta{color:var(--gull)}
body .pj .del{background:#1b1740;color:var(--tx)}body .av{color:var(--tx)}
body .msg.err{color:#ffaaaa}body .msg.ok{color:#8fe3b0}
body #gsteps li.done .ck{background:var(--gull);border-color:var(--gull);color:#2a0f05}body #gsteps li.done b,body #gsteps small{color:var(--mu)}body .bar i{background:linear-gradient(90deg,var(--gull),var(--syrin))}
body .xpbar i{background:linear-gradient(90deg,var(--gull),var(--syrin))}body .merker li.pa{background:var(--gull);color:#2a0f05}
html,body{min-height:100%}body{background-color:var(--bg)}
.prikker{display:flex;gap:8px;margin-bottom:12px}.prikker i{width:34px;height:6px;border-radius:9px;background:rgba(255,255,255,.14);transition:background .3s}.prikker i.pa{background:linear-gradient(90deg,var(--gull),var(--syrin))}
/* Profil-HUD: nivåmerket var hvitt på hvitt (--tx er lys i mørk stil) */
.lvl{background:rgba(255,159,122,.16)!important;color:#ffb193!important;border:1px solid rgba(255,159,122,.35)}
.merker{align-items:center}.merker li{line-height:1.2}
/* Megamenyen (eieren 11.11: «det ser ikke bra ut fiks det på alle»): toppen lå i samme lag som innholdet (z 1), så siden ble
   tegnet over panelet – og panel-lenkene arvet toppmenyens lenkestil (flex på én linje, avkuttet). */
header.top{position:sticky!important;top:0;z-index:60!important}
.mpanel{background:#171336!important;backdrop-filter:none!important}.mpanel .kol+.kol{background:#1d1842!important}
.nav .links .mpanel a{display:block!important;padding:10px 12px!important;margin:0 -12px;border:0!important;border-radius:12px;background:none!important;min-height:0;white-space:normal;line-height:1.35;text-align:left}
.nav .links .mpanel a:hover,.nav .links .mpanel a:focus-visible{background:rgba(255,255,255,.06)!important}
.nav .links .mpanel a b{display:block;font:500 15px/1.3 var(--sans);color:#fff}.nav .links .mpanel a span{display:block;font-size:13.5px;line-height:1.4;color:var(--mu);margin-top:3px}
.mpanel{max-width:calc(100vw - 32px)}.mpanel .kol{min-width:0}.mpanel .mgrid{display:grid;grid-template-columns:1fr 1fr;gap:2px 22px}
.mpanel .nytt img{display:block}
/* Grundig gjennomgang 11.11 («absolutt alt, gjør alt nøye»): overskrifter uten enslige ord, smålinjen over overskriftene
   brytes som vanlig tekst på mobil (ikke to kolonner), mindre hjelpeboble på mobil, mindre tomrom under verdenen på mobil. */
h1,h2,h3{text-wrap:balance}p,.lead{text-wrap:pretty}
.eyebrow{display:block!important;line-height:1.7;text-wrap:balance}.eyebrow b{display:inline!important}.eyebrow b:after{margin:0 10px 0 12px!important}
@media(max-width:600px){#hbBtn{min-height:44px;padding:0 16px!important;font-size:14px!important;right:12px!important;bottom:12px!important}.verdens{margin-bottom:-60px}}
footer.bot{padding:48px 24px 64px;text-align:center;font-size:14px;color:var(--mu);border-top:1px solid var(--line);margin-top:80px}footer.bot a{color:var(--mu)}