/* Shared level shell; all selectors stay inside .gb-protein-game. */
.gb-protein-game__journey { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:22px 26px; margin-bottom:18px; color:#edf9f5; background:radial-gradient(ellipse at 90% 0, #235e62 0, transparent 65%),#103b40; border:1px solid #32666a; border-radius:16px; }
.gb-protein-game__journey-copy { min-width:0; }
.gb-protein-game__journey-kicker { color:#a6dccc; font:700 .66rem/1.5 Inter,system-ui,sans-serif; letter-spacing:.1em; text-transform:uppercase; }
.gb-protein-game .gb-protein-game__journey h3 { margin:5px 0 6px!important; color:#f1fcf9!important; font-size:1.4rem; line-height:1.2; }
.gb-protein-game .gb-protein-game__journey p { margin:0; max-width:580px; color:#c4deda; font-size:.84rem; line-height:1.5; }
.gb-protein-game__journey-progress { flex:0 0 170px; font-size:.78rem; }
.gb-protein-game__journey-progress small { color:#a6dccc; font-size:.7rem; }
.gb-protein-game__journey-track { height:5px; margin:10px 0; overflow:hidden; background:#31585c; border-radius:4px; }
.gb-protein-game__journey-track>span { display:block; height:100%; background:#9de1c6; transition:width .3s ease; }
@media(max-width:600px) { .gb-protein-game__journey { align-items:stretch; flex-direction:column; gap:14px; padding:18px; }.gb-protein-game__journey-progress { flex:auto; }.gb-protein-game__journey-progress small { display:none; } }
@media(prefers-reduced-motion:reduce) { .gb-protein-game__journey-track>span { transition:none; } }
.gb-protein-game {
  width: min(100%, 1080px);
  margin: 28px auto 0;
}

.gb-protein-game,
.gb-protein-game * { box-sizing: border-box; }

.gb-protein-game__shell { position: relative; }
.gb-protein-game__intro[hidden] { display: none !important; }
.gb-protein-game__outro[hidden] { display: none !important; }
.gb-protein-game__shell[data-intro-open="true"] .gb-protein-game__main,
.gb-protein-game__shell[data-outro-open="true"] .gb-protein-game__main { display: none; }

/* Filmisk intro: fra en hel celle til cellekernen og DNA'et. */
.gb-protein-game__intro {
  position: relative;
  min-height: clamp(570px, 72vh, 690px);
  overflow: hidden;
  color: #f5fffb;
  background:
    radial-gradient(circle at 50% 42%, rgba(65, 191, 167, .2), transparent 31%),
    radial-gradient(circle at 18% 22%, rgba(95, 159, 255, .14), transparent 28%),
    linear-gradient(145deg, #041b20 0%, #082e34 48%, #171d3d 100%);
  border: 1px solid rgba(132, 217, 199, .48);
  border-radius: 20px;
  box-shadow: 0 24px 70px rgba(13, 43, 51, .24);
  isolation: isolate;
}

.gb-protein-game__intro::before,
.gb-protein-game__intro::after {
  position: absolute;
  z-index: 5;
  content: "";
  pointer-events: none;
}

.gb-protein-game__intro::before {
  inset: 0;
  background: radial-gradient(ellipse at center, transparent 45%, rgba(0, 9, 16, .58) 100%);
}

.gb-protein-game__intro::after {
  right: 0;
  bottom: 0;
  left: 0;
  height: 46%;
  background: linear-gradient(transparent, rgba(2, 17, 24, .88));
}

.gb-protein-game__intro-visual { position: absolute; inset: 0; overflow: hidden; }
.gb-protein-game__intro-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  background: #120e2e;
  filter: saturate(1.08) contrast(1.05) brightness(.82);
  transform: scale(1.01);
  transition: filter 1s ease, transform 1.4s ease;
}

.gb-protein-game__intro-video-shade {
  position: absolute;
  inset: 0;
  z-index: 2;
  background:
    linear-gradient(180deg, rgba(4, 8, 25, .54), rgba(7, 4, 24, .08) 24%, rgba(4, 7, 22, .2) 61%, rgba(2, 8, 19, .78)),
    radial-gradient(ellipse at center, transparent 25%, rgba(1, 5, 17, .42) 100%);
}

.gb-protein-game__intro-crawl-window {
  position: absolute;
  inset: 10% 8% 5%;
  z-index: 6;
  overflow: hidden;
  perspective: 520px;
  -webkit-mask-image: linear-gradient(transparent 0, #000 13%, #000 85%, transparent 100%);
  mask-image: linear-gradient(transparent 0, #000 13%, #000 85%, transparent 100%);
}

.gb-protein-game__intro-crawl {
  position: absolute;
  top: 45%;
  left: 50%;
  width: min(82%, 640px);
  color: #ffd75e;
  text-align: center;
  text-shadow: 0 2px 7px rgba(0, 0, 0, .95), 0 0 18px rgba(255, 192, 46, .18);
  transform: translate(-50%, 30vh) rotateX(23deg);
  transform-origin: 50% 100%;
}

.gb-protein-game__intro.is-running .gb-protein-game__intro-crawl {
  animation: gb-protein-intro-crawl 37.5s linear forwards;
}

.gb-protein-game__intro-crawl > p {
  max-width: none !important;
  margin: 0 0 clamp(12px, 2.1vh, 20px) !important;
  color: inherit !important;
  font-size: clamp(.9rem, 2vw, 1.18rem) !important;
  font-weight: 760;
  line-height: 1.55 !important;
  letter-spacing: .018em;
  text-wrap: balance;
}

.gb-protein-game__intro-crawl > p:first-child {
  margin-bottom: 7px !important;
  color: #ffe889 !important;
  font: 900 clamp(.6rem, 1.3vw, .76rem)/1.2 Consolas, "Courier New", monospace !important;
  letter-spacing: .16em;
}

.gb-protein-game__intro-crawl h3 {
  margin: 0 0 clamp(22px, 3.8vh, 36px) !important;
  color: #ffd43b !important;
  font-size: clamp(1.75rem, 5vw, 3.25rem) !important;
  font-weight: 900 !important;
  letter-spacing: .08em;
  line-height: 1 !important;
}

.gb-protein-game__intro-crawl strong { color: #fff3a8; font-weight: 950; }
.gb-protein-game__intro[data-state="complete"] .gb-protein-game__intro-video { filter: saturate(.86) contrast(1.04) brightness(.48); transform: scale(1.035); }
.gb-protein-game__intro[data-state="complete"] .gb-protein-game__intro-crawl { opacity: 0; transition: opacity .45s ease; }
.gb-protein-game__intro-stars { position: absolute; inset: 0; opacity: .58; }
.gb-protein-game__intro-stars i {
  position: absolute;
  width: 5px;
  height: 5px;
  background: #a9f7df;
  border-radius: 50%;
  box-shadow: 0 0 12px #77dfcf;
  animation: gb-protein-intro-particle 5s ease-in-out infinite alternate;
}
.gb-protein-game__intro-stars i:nth-child(1){top:15%;left:11%}.gb-protein-game__intro-stars i:nth-child(2){top:31%;left:24%;width:3px;height:3px;animation-delay:-1s}.gb-protein-game__intro-stars i:nth-child(3){top:18%;right:18%;animation-delay:-2.4s}.gb-protein-game__intro-stars i:nth-child(4){top:46%;right:9%;width:4px;height:4px;animation-delay:-3.1s}.gb-protein-game__intro-stars i:nth-child(5){top:55%;left:8%;width:3px;height:3px;animation-delay:-.7s}.gb-protein-game__intro-stars i:nth-child(6){top:67%;right:22%;animation-delay:-1.8s}.gb-protein-game__intro-stars i:nth-child(7){top:8%;left:51%;width:3px;height:3px;animation-delay:-4s}.gb-protein-game__intro-stars i:nth-child(8){top:72%;left:34%;width:4px;height:4px;animation-delay:-2.8s}

.gb-protein-game__intro-camera {
  position: absolute;
  inset: -2% 0 23%;
  display: grid;
  place-items: center;
  transform: scale(.7);
  transition: transform 3.15s cubic-bezier(.65,0,.2,1), opacity 1.8s ease, filter 1.8s ease;
  will-change: transform, opacity;
}

.gb-protein-game__cell {
  position: relative;
  width: clamp(330px, 48vw, 470px);
  aspect-ratio: 1;
  background:
    radial-gradient(circle at 38% 34%, rgba(197, 255, 239, .3), transparent 20%),
    radial-gradient(circle at 58% 54%, rgba(47, 151, 151, .68), rgba(17, 90, 107, .86) 58%, rgba(10, 60, 76, .92));
  border: 8px solid rgba(133, 237, 214, .55);
  border-radius: 46% 54% 49% 51% / 53% 43% 57% 47%;
  box-shadow: inset 0 0 55px rgba(89, 244, 207, .2), 0 0 0 3px rgba(192, 255, 240, .2), 0 0 80px rgba(52, 195, 177, .25);
  animation: gb-protein-cell-breathe 7s ease-in-out infinite alternate;
}

.gb-protein-game__cell-membrane { position: absolute; inset: 8px; border: 2px solid rgba(211,255,244,.38); border-radius: inherit; }
.gb-protein-game__nucleus {
  position: absolute;
  top: 50%;
  left: 50%;
  display: grid;
  width: 35%;
  aspect-ratio: 1;
  place-items: center;
  background: radial-gradient(circle at 38% 32%, #d9d1ff, #8876d5 38%, #394a91 74%);
  border: 5px solid rgba(207, 226, 255, .72);
  border-radius: 47% 53% 45% 55%;
  box-shadow: inset 0 0 30px rgba(19, 24, 86, .48), 0 0 35px rgba(165, 153, 255, .5);
  transform: translate(-50%, -50%);
}
.gb-protein-game__nucleus::before { position:absolute; inset:-10px; content:""; border:2px solid rgba(166,224,226,.42); border-radius:inherit; }
.gb-protein-game__nucleus span,.gb-protein-game__nucleus i,.gb-protein-game__nucleus b { position:absolute; width:58%; height:2px; background:rgba(238,235,255,.65); border-radius:999px; transform:rotate(28deg); }
.gb-protein-game__nucleus i { width:42%; transform:rotate(-35deg) translate(5px,13px); }
.gb-protein-game__nucleus b { width:34%; transform:rotate(68deg) translate(-12px,-8px); }

.gb-protein-game__organelle { position:absolute; width:20%; height:9%; background:linear-gradient(90deg,#ffb77d,#dc637e); border:3px solid rgba(255,226,195,.55); border-radius:50%; box-shadow:inset 0 0 12px rgba(113,34,59,.4); }
.gb-protein-game__organelle::after { position:absolute; inset:24% 12%; content:""; border-top:2px solid rgba(255,244,214,.7); border-bottom:2px solid rgba(255,244,214,.45); border-radius:50%; }
.gb-protein-game__organelle--1{top:22%;left:16%;transform:rotate(28deg)}.gb-protein-game__organelle--2{top:23%;right:13%;transform:rotate(-34deg) scale(.8)}.gb-protein-game__organelle--3{bottom:20%;left:14%;transform:rotate(-22deg) scale(.72)}.gb-protein-game__organelle--4{right:12%;bottom:22%;transform:rotate(31deg) scale(.9)}.gb-protein-game__organelle--5{top:48%;left:7%;transform:rotate(68deg) scale(.62)}
.gb-protein-game__vesicle { position:absolute; width:6%; aspect-ratio:1; background:rgba(123,236,207,.36); border:2px solid rgba(205,255,242,.6); border-radius:50%; }.gb-protein-game__vesicle--1{top:13%;left:47%}.gb-protein-game__vesicle--2{right:26%;bottom:10%;width:8%}

.gb-protein-game__dna-focus {
  position: absolute;
  top: 40%;
  left: 50%;
  z-index: 3;
  display: grid;
  width: min(44vw, 310px);
  min-width: 230px;
  aspect-ratio: 1;
  place-items: center;
  opacity: 0;
  transform: translate(-50%,-50%) scale(.45) rotate(-6deg);
  transition: opacity 1.6s ease, transform 2.8s cubic-bezier(.2,.8,.2,1);
}
.gb-protein-game__dna-focus svg { position:relative; z-index:2; width:100%; height:100%; overflow:visible; filter:drop-shadow(0 0 13px rgba(110,223,255,.4)); }
.gb-protein-game__dna-glow { position:absolute; inset:8%; background:radial-gradient(circle,rgba(106,216,255,.2),transparent 68%); border-radius:50%; filter:blur(8px); }
.gb-protein-game__dna-rail { fill:none; stroke:#b8f1e7; stroke-width:9; stroke-linecap:round; }
.gb-protein-game__dna-rail--two { stroke:#8fb4ff; }
.gb-protein-game__dna-rungs line { stroke:#58d4ed; stroke-width:5; stroke-linecap:round; stroke-dasharray:10 5; }
.gb-protein-game__dna-focus > span { position:absolute; right:-5%; bottom:8%; z-index:4; padding:5px 10px; color:#dffcff; background:rgba(8,38,55,.72); border:1px solid rgba(144,227,237,.5); border-radius:999px; font:900 .68rem Consolas,"Courier New",monospace; letter-spacing:.12em; }

.gb-protein-game__intro[data-scene="1"] .gb-protein-game__intro-camera { transform:scale(1.08); }
.gb-protein-game__intro[data-scene="2"] .gb-protein-game__intro-camera { transform:scale(2.75); }
.gb-protein-game__intro[data-scene="3"] .gb-protein-game__intro-camera,
.gb-protein-game__intro[data-scene="4"] .gb-protein-game__intro-camera { opacity:.08; filter:blur(5px); transform:scale(4.5); }
.gb-protein-game__intro[data-scene="3"] .gb-protein-game__dna-focus,
.gb-protein-game__intro[data-scene="4"] .gb-protein-game__dna-focus { opacity:1; transform:translate(-50%,-50%) scale(1) rotate(0); }
.gb-protein-game__intro[data-scene="4"] .gb-protein-game__dna-focus { transform:translate(-50%,-50%) scale(.9) rotate(2deg); }

.gb-protein-game__intro-depth { position:absolute; top:24px; left:50%; z-index:7; display:flex; align-items:center; gap:7px; color:rgba(224,255,247,.7); font:800 .57rem Consolas,"Courier New",monospace; letter-spacing:.09em; transform:translateX(-50%); }
.gb-protein-game__intro-depth i { width:28px; height:1px; background:linear-gradient(90deg,rgba(168,238,219,.2),rgba(168,238,219,.8)); }

.gb-protein-game__intro-overlay { position:absolute; inset:0; z-index:8; pointer-events:none; }
.gb-protein-game__intro-brand { position:absolute; top:22px; left:24px; display:grid; gap:2px; }
.gb-protein-game__intro-brand strong { color:#7ce1c4; font:900 .72rem Consolas,"Courier New",monospace; letter-spacing:.13em; }
.gb-protein-game__intro-brand span { color:rgba(231,252,247,.7); font:700 .56rem Consolas,"Courier New",monospace; letter-spacing:.1em; }
.gb-protein-game__intro-skip { position:absolute; top:18px; right:20px; min-height:34px; padding:6px 11px; color:#e7f8f3; background:rgba(6,31,41,.6); border:1px solid rgba(160,218,210,.45); border-radius:999px; cursor:pointer; font-size:.69rem; font-weight:750; pointer-events:auto; backdrop-filter:blur(7px); }
.gb-protein-game__intro-skip:hover { background:rgba(24,75,79,.72); }
.gb-protein-game__intro-skip:focus-visible,.gb-protein-game__intro-continue:focus-visible { outline:3px solid #9ef4da; outline-offset:3px; }

.gb-protein-game__intro-timeline {
  position: absolute;
  right: 24px;
  bottom: 18px;
  left: 24px;
  height: 3px;
  overflow: hidden;
  background: rgba(223, 244, 255, .18);
  border-radius: 999px;
}
.gb-protein-game__intro-timeline span { display:block; width:100%; height:100%; background:linear-gradient(90deg,#63d9ba,#ffd87a,#b99af5); border-radius:inherit; transform:scaleX(0); transform-origin:left; }
.gb-protein-game__intro.is-running .gb-protein-game__intro-timeline span { animation:gb-protein-intro-progress 37.5s linear forwards; }
.gb-protein-game__intro[data-state="complete"] .gb-protein-game__intro-timeline { opacity:0; }
.gb-protein-game__intro[data-state="complete"] .gb-protein-game__intro-skip { opacity:0; visibility:hidden; }

.gb-protein-game__intro-copy { position:absolute; right:clamp(18px,5vw,62px); bottom:clamp(20px,4vw,42px); left:clamp(18px,5vw,62px); max-width:800px; margin-inline:auto; padding:clamp(22px,3.4vw,34px); text-align:center; background:radial-gradient(circle at 50% 0,rgba(40,68,105,.95),rgba(6,25,36,.94) 72%); border:1px solid rgba(255,215,94,.54); border-radius:18px; box-shadow:0 24px 70px rgba(0,8,17,.5),0 0 40px rgba(255,207,64,.08); backdrop-filter:blur(13px); pointer-events:auto; transition:opacity .55s ease,visibility .55s ease; }
.gb-protein-game__intro[data-state="playing"] .gb-protein-game__intro-copy { opacity:0; visibility:hidden; pointer-events:none; }
.gb-protein-game__intro[data-state="complete"] .gb-protein-game__intro-copy { opacity:1; visibility:visible; }
.gb-protein-game__intro-copy.is-entering { animation:gb-protein-intro-copy .65s ease both; }
.gb-protein-game__intro-copy > p:first-child { margin:0 0 6px!important; color:#6ee4c2!important; font:900 .66rem Consolas,"Courier New",monospace!important; letter-spacing:.12em; }
.gb-protein-game__intro-copy h3 { max-width:780px!important; margin:0 auto!important; color:#fff5c7!important; font-size:clamp(1.72rem,4.4vw,2.8rem)!important; line-height:1.07!important; text-shadow:0 0 26px rgba(255,211,78,.14); text-wrap:balance; }
.gb-protein-game__intro-copy > p:nth-of-type(2) { max-width:700px; margin:13px auto 0!important; color:#e7f1ef!important; font-size:clamp(.88rem,1.9vw,1.08rem)!important; line-height:1.58!important; text-wrap:balance; }
.gb-protein-game__intro-progress { height:4px; margin-top:18px; overflow:hidden; background:rgba(214,246,239,.15); border-radius:999px; }
.gb-protein-game__intro-progress span { display:block; width:100%; height:100%; background:linear-gradient(90deg,#63d9ba,#74c9ff,#b99af5); border-radius:inherit; transform:scaleX(0); transform-origin:left; }
.gb-protein-game__intro.is-running .gb-protein-game__intro-progress span { animation:gb-protein-intro-progress 37.5s linear forwards; }
.gb-protein-game__intro[data-state="complete"] .gb-protein-game__intro-progress span { animation:none; transform:scaleX(1); }
.gb-protein-game__intro-continue { min-height:52px; margin-top:21px; padding:12px 24px; color:#12372f; background:linear-gradient(135deg,#a7f0d8,#ffd86b); border:1px solid #fff1b7; border-radius:999px; box-shadow:0 12px 30px rgba(58,198,161,.2),0 0 28px rgba(255,210,76,.13); cursor:pointer; font-size:clamp(.92rem,1.8vw,1.05rem); font-weight:900; transition:transform .2s ease,box-shadow .2s ease,filter .2s ease; }
.gb-protein-game__intro-continue:hover { filter:brightness(1.05); transform:translateY(-2px) scale(1.015); box-shadow:0 16px 36px rgba(58,198,161,.28),0 0 34px rgba(255,210,76,.2); }
.gb-protein-game__intro-continue span { display:inline-block; margin-left:.35em; transition:transform .2s ease; }
.gb-protein-game__intro-continue:hover span { transform:translateX(4px); }
.gb-protein-game__intro-continue[hidden] { display:none; }

/* Filmisk overgang: det færdige mRNA forlader kernen og møder ribosomet. */
.gb-protein-game__outro {
  position: relative;
  scroll-margin-top: 92px;
  min-height: clamp(570px, 72vh, 690px);
  overflow: hidden;
  color: #f5fffb;
  background:
    radial-gradient(circle at 74% 30%, rgba(139, 106, 231, .18), transparent 28%),
    radial-gradient(circle at 28% 43%, rgba(73, 211, 180, .18), transparent 31%),
    linear-gradient(145deg, #051f28 0%, #0a3540 52%, #1d244d 100%);
  border: 1px solid rgba(132, 217, 199, .48);
  border-radius: 20px;
  box-shadow: 0 24px 70px rgba(13, 43, 51, .24);
  isolation: isolate;
}

.gb-protein-game__outro::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 6;
  height: 47%;
  background: linear-gradient(transparent, rgba(2, 17, 24, .9));
  content: "";
  pointer-events: none;
}

.gb-protein-game__outro-visual { position:absolute; inset:0; overflow:hidden; background:#02090d; }
.gb-protein-game__outro-video {
  position:absolute;
  inset:0;
  z-index:1;
  width:100%;
  height:100%;
  object-fit:cover;
}
.gb-protein-game__outro-video-shade {
  position:absolute;
  inset:0;
  z-index:2;
  background:linear-gradient(90deg,rgba(1,10,15,.24),transparent 48%,rgba(1,10,15,.12)),linear-gradient(180deg,rgba(1,9,14,.16),transparent 48%,rgba(1,10,16,.56));
  pointer-events:none;
}
.gb-protein-game__outro-fallback { position:absolute; inset:0; z-index:0; overflow:hidden; isolation:isolate; }
.gb-protein-game__outro-cytoplasm { position:absolute; inset:0; opacity:.55; }
.gb-protein-game__outro-cytoplasm i { position:absolute; width:7px; height:7px; background:#83e4d0; border-radius:50%; box-shadow:0 0 16px rgba(109,232,207,.8); animation:gb-protein-outro-float 6s ease-in-out infinite alternate; }
.gb-protein-game__outro-cytoplasm i:nth-child(1){top:17%;left:65%}.gb-protein-game__outro-cytoplasm i:nth-child(2){top:31%;right:7%;animation-delay:-1.7s}.gb-protein-game__outro-cytoplasm i:nth-child(3){top:58%;left:56%;width:4px;height:4px;animation-delay:-3s}.gb-protein-game__outro-cytoplasm i:nth-child(4){top:11%;right:28%;width:4px;height:4px;animation-delay:-4.3s}.gb-protein-game__outro-cytoplasm i:nth-child(5){top:68%;right:14%;animation-delay:-2.2s}.gb-protein-game__outro-cytoplasm i:nth-child(6){top:47%;right:35%;width:5px;height:5px;animation-delay:-.8s}

.gb-protein-game__outro-nucleus {
  position:absolute;
  top:-13%;
  left:-12%;
  width:69%;
  height:82%;
  background:radial-gradient(ellipse at 54% 47%,rgba(105,86,176,.86),rgba(48,65,132,.9) 56%,rgba(26,52,92,.96));
  border:8px double rgba(177,214,239,.67);
  border-radius:48% 52% 45% 55%;
  box-shadow:inset -30px 0 55px rgba(8,21,62,.42),0 0 70px rgba(112,132,225,.24);
  opacity:1;
  transition:opacity 1.8s ease,filter 1.8s ease,transform 2.6s ease;
}
.gb-protein-game__outro-nucleus > strong { position:absolute; right:20%; bottom:14%; color:rgba(225,233,255,.55); font:900 .64rem Consolas,"Courier New",monospace; letter-spacing:.12em; }
.gb-protein-game__outro-dna { position:absolute; width:42%; height:42%; opacity:.58; }
.gb-protein-game__outro-dna::before,.gb-protein-game__outro-dna::after { position:absolute; inset:8% 43%; width:8px; background:repeating-linear-gradient(to bottom,#b9e6ef 0 10px,transparent 10px 19px); border-radius:999px; content:""; transform:rotate(25deg); }
.gb-protein-game__outro-dna::after { transform:rotate(-25deg); }
.gb-protein-game__outro-dna--one { top:18%; left:31%; transform:rotate(18deg); }
.gb-protein-game__outro-dna--two { right:12%; bottom:20%; transform:rotate(-31deg) scale(.72); }
.gb-protein-game__outro-pore { position:absolute; top:44%; right:-17px; width:33px; height:64px; background:#071f2b; border:5px solid rgba(157,216,226,.78); border-top-color:#7de0c7; border-bottom-color:#7de0c7; border-radius:45%; box-shadow:0 0 20px rgba(99,222,198,.4); }
.gb-protein-game__outro-pore i { position:absolute; top:50%; left:50%; width:9px; height:37px; background:#5bc8b3; border-radius:999px; transform:translate(-50%,-50%); }
.gb-protein-game__outro-pore-label { position:absolute; top:29%; left:57%; z-index:3; padding:4px 7px; color:#b9f6e7; background:rgba(3,26,34,.68); border:1px solid rgba(117,220,195,.4); border-radius:999px; opacity:0; font:850 .57rem Consolas,"Courier New",monospace; letter-spacing:.08em; transform:translateX(-50%); transition:opacity .8s ease; }
.gb-protein-game__outro-pore-label::after { position:absolute; top:100%; left:50%; width:1px; height:28px; background:#8ee3d0; content:""; }

.gb-protein-game__outro-mrna {
  position:absolute;
  top:40%;
  left:7%;
  z-index:4;
  display:flex;
  width:min(48%,470px);
  align-items:center;
  gap:5px;
  filter:drop-shadow(0 8px 12px rgba(0,12,22,.36));
  transition:left 2.7s cubic-bezier(.55,0,.2,1),transform 2s ease;
}
.gb-protein-game__outro-mrna > b { flex:none; color:#fff; font:900 .78rem Consolas,"Courier New",monospace; text-shadow:0 1px 5px #081521; }
.gb-protein-game__outro-mrna > small { position:absolute; top:-30px; left:8px; padding:3px 7px; color:#342051; background:#d8b6ff; border-radius:999px; font:900 .61rem Consolas,"Courier New",monospace; letter-spacing:.08em; }
.gb-protein-game__outro-sequence { position:relative; display:grid; width:100%; grid-template-columns:repeat(12,minmax(0,1fr)); gap:2px; }
.gb-protein-game__outro-sequence::before { position:absolute; top:50%; right:-4px; left:-4px; z-index:-1; height:5px; background:#c29bf2; border-radius:999px; content:""; transform:translateY(-50%); }
.gb-protein-game__outro-base { display:grid; min-width:0; aspect-ratio:1; place-items:center; color:#0b2629; background:#f7cc68; border:2px solid rgba(255,255,255,.8); border-radius:6px; font:900 clamp(.52rem,1.25vw,.8rem) Consolas,"Courier New",monospace; box-shadow:0 3px 0 rgba(0,15,24,.4); }
.gb-protein-game__outro-base[data-base="U"] { color:#fff; background:#9457d8; }
.gb-protein-game__outro-base[data-base="C"] { background:#58d8a1; }
.gb-protein-game__outro-base[data-base="G"] { background:#b899ee; }
.gb-protein-game__outro-base.is-start { border-color:#fff3a8; box-shadow:0 0 0 2px #ffd661,0 0 19px rgba(255,214,97,.65); }

.gb-protein-game__outro-ribosome { position:absolute; top:25%; right:5%; z-index:3; width:35%; max-width:310px; aspect-ratio:1.25; opacity:.12; transform:translateY(10px) scale(.72); transition:opacity 1.5s ease,transform 2.3s cubic-bezier(.2,.75,.2,1); }
.gb-protein-game__outro-ribosome-large,.gb-protein-game__outro-ribosome-small { position:absolute; left:50%; width:94%; background:linear-gradient(145deg,#f5df8a,#eda767); border:4px solid rgba(255,242,190,.82); box-shadow:inset 0 -15px 30px rgba(161,79,58,.2),0 13px 35px rgba(0,9,19,.3); transform:translateX(-50%); }
.gb-protein-game__outro-ribosome-large { top:0; height:58%; border-radius:52% 48% 35% 36% / 68% 64% 36% 32%; }
.gb-protein-game__outro-ribosome-small { bottom:0; width:76%; height:34%; background:linear-gradient(145deg,#a8e5d1,#59bda7); border-color:#c9f5e8; border-radius:32% 35% 58% 55%; }
.gb-protein-game__outro-ribosome::after { position:absolute; top:57%; left:50%; width:76%; height:14%; background:#092b36; border-radius:999px; content:""; transform:translate(-50%,-50%); }
.gb-protein-game__outro-ribosome strong { position:absolute; top:34%; left:50%; z-index:2; color:#49352c; font:900 clamp(.55rem,1.2vw,.72rem) Consolas,"Courier New",monospace; letter-spacing:.08em; transform:translateX(-50%); }
.gb-protein-game__outro-aug { position:absolute; top:20%; right:13%; z-index:5; display:grid; gap:2px; padding:7px 11px; color:#fff4bd; background:rgba(65,43,72,.86); border:1px solid #ffd661; border-radius:8px; box-shadow:0 0 23px rgba(255,214,97,.4); opacity:0; text-align:center; transform:translateY(8px); transition:opacity .8s ease,transform .8s ease; }
.gb-protein-game__outro-aug span { font:900 .86rem Consolas,"Courier New",monospace; letter-spacing:.08em; }
.gb-protein-game__outro-aug small { font:800 .48rem Consolas,"Courier New",monospace; letter-spacing:.08em; }

.gb-protein-game__outro[data-scene="1"] .gb-protein-game__outro-pore-label { opacity:1; }
.gb-protein-game__outro[data-scene="1"] .gb-protein-game__outro-mrna { left:27%; }
.gb-protein-game__outro[data-scene="2"] .gb-protein-game__outro-nucleus,
.gb-protein-game__outro[data-scene="3"] .gb-protein-game__outro-nucleus,
.gb-protein-game__outro[data-scene="4"] .gb-protein-game__outro-nucleus { opacity:.18; filter:blur(2px); transform:translateX(-8%); }
.gb-protein-game__outro[data-scene="2"] .gb-protein-game__outro-mrna,
.gb-protein-game__outro[data-scene="3"] .gb-protein-game__outro-mrna,
.gb-protein-game__outro[data-scene="4"] .gb-protein-game__outro-mrna { left:46%; transform:scale(.92); }
.gb-protein-game__outro[data-scene="3"] .gb-protein-game__outro-ribosome,
.gb-protein-game__outro[data-scene="4"] .gb-protein-game__outro-ribosome { opacity:1; transform:none; }
.gb-protein-game__outro[data-scene="4"] .gb-protein-game__outro-aug { opacity:1; transform:none; }

.gb-protein-game__outro-route { position:absolute; top:21px; left:50%; z-index:4; display:flex; align-items:center; gap:7px; color:rgba(224,255,247,.62); font:800 .57rem Consolas,"Courier New",monospace; letter-spacing:.09em; transform:translateX(-50%); }
.gb-protein-game__outro-route i { width:30px; height:1px; background:linear-gradient(90deg,rgba(168,238,219,.2),rgba(168,238,219,.85)); }
.gb-protein-game__outro-route i::after { display:block; float:right; width:5px; height:5px; margin-top:-2px; border-top:1px solid #a8eedb; border-right:1px solid #a8eedb; content:""; transform:rotate(45deg); }
.gb-protein-game__outro-overlay { position:absolute; inset:0; z-index:8; pointer-events:none; }
.gb-protein-game__outro-brand { position:absolute; top:22px; left:24px; display:grid; gap:2px; }
.gb-protein-game__outro-brand strong { color:#7ce1c4; font:900 .72rem Consolas,"Courier New",monospace; letter-spacing:.13em; }
.gb-protein-game__outro-brand span { color:rgba(231,252,247,.7); font:700 .56rem Consolas,"Courier New",monospace; letter-spacing:.1em; }
.gb-protein-game__outro-skip { position:absolute; top:18px; right:20px; min-height:34px; padding:6px 11px; color:#e7f8f3; background:rgba(6,31,41,.6); border:1px solid rgba(160,218,210,.45); border-radius:999px; cursor:pointer; font-size:.69rem; font-weight:750; pointer-events:auto; backdrop-filter:blur(7px); }
.gb-protein-game__outro-skip:hover { background:rgba(24,75,79,.72); }
.gb-protein-game__outro-skip:focus-visible,.gb-protein-game__outro-continue:focus-visible { outline:3px solid #9ef4da; outline-offset:3px; }
.gb-protein-game__outro-copy { position:absolute; right:clamp(18px,5vw,62px); bottom:clamp(20px,4vw,42px); left:clamp(18px,5vw,62px); max-width:750px; padding:clamp(18px,3vw,28px); background:linear-gradient(135deg,rgba(7,35,43,.92),rgba(24,31,69,.89)); border:1px solid rgba(147,220,210,.43); border-radius:16px; box-shadow:0 20px 50px rgba(0,8,17,.35); backdrop-filter:blur(12px); pointer-events:auto; }
.gb-protein-game__outro-copy.is-entering { animation:gb-protein-intro-copy .65s ease both; }
.gb-protein-game__outro-copy > p:first-child { margin:0 0 6px!important; color:#ffe07b!important; font:900 .66rem Consolas,"Courier New",monospace!important; letter-spacing:.13em; text-shadow:0 0 18px rgba(255,211,91,.2); }
.gb-protein-game__outro-copy h3 { max-width:780px!important; margin:0!important; color:#fff2b0!important; font-size:clamp(1.55rem,4vw,2.3rem)!important; line-height:1.08!important; text-shadow:0 2px 22px rgba(0,0,0,.42); text-wrap:balance; }
.gb-protein-game__outro-copy > p:nth-of-type(2) { max-width:700px; margin:10px 0 0!important; color:#d9ebe7!important; font-size:clamp(.83rem,1.8vw,1rem)!important; line-height:1.55!important; }
.gb-protein-game__outro-progress { height:4px; margin-top:18px; overflow:hidden; background:rgba(214,246,239,.15); border-radius:999px; }
.gb-protein-game__outro-progress span { display:block; width:100%; height:100%; background:linear-gradient(90deg,#63d9ba,#74c9ff,#b99af5); border-radius:inherit; transform:scaleX(0); transform-origin:left; }
.gb-protein-game__outro.is-running .gb-protein-game__outro-progress span { animation:gb-protein-outro-progress 16.4s linear forwards; }
.gb-protein-game__outro[data-state="complete"] .gb-protein-game__outro-progress span { animation:none; transform:scaleX(1); }
.gb-protein-game__outro-continue { min-height:48px; margin-top:17px; padding:10px 19px; color:#25321f; background:linear-gradient(135deg,#ffe487,#9ce7d1); border:1px solid #fff1b7; border-radius:999px; box-shadow:0 10px 26px rgba(58,198,161,.18),0 0 24px rgba(255,211,91,.12); cursor:pointer; font-weight:900; transition:transform .2s ease,box-shadow .2s ease,filter .2s ease; }
.gb-protein-game__outro-continue:hover { filter:brightness(1.05); transform:translateY(-2px); box-shadow:0 14px 32px rgba(58,198,161,.25),0 0 30px rgba(255,211,91,.18); }
.gb-protein-game__outro-continue span { display:inline-block; margin-left:.35em; transition:transform .2s ease; }
.gb-protein-game__outro-continue:hover span { transform:translateX(4px); }
.gb-protein-game__outro-continue[hidden] { display:none; }

/* Filmisk epilog: fra aminosyrekæde til funktion og en mulig sekretionsvej. */
.gb-protein-game__finale[hidden] { display:none!important; }
.gb-protein-game__shell[data-finale-open="true"] .gb-protein-game__main { display:none; }
.gb-protein-game__finale {
  position:relative;
  min-height:clamp(590px,74vh,710px);
  overflow:hidden;
  color:#f7fffd;
  background:
    radial-gradient(circle at 24% 34%,rgba(95,214,184,.19),transparent 29%),
    radial-gradient(circle at 76% 42%,rgba(190,146,255,.16),transparent 31%),
    linear-gradient(145deg,#03171e 0%,#092e35 48%,#17193a 100%);
  border:1px solid rgba(132,217,199,.48);
  border-radius:20px;
  box-shadow:0 24px 70px rgba(13,43,51,.24);
  isolation:isolate;
}
.gb-protein-game__finale::before,.gb-protein-game__finale::after { position:absolute;z-index:7;content:"";pointer-events:none; }
.gb-protein-game__finale::before { inset:0;background:radial-gradient(ellipse at center,transparent 41%,rgba(0,7,17,.66) 100%); }
.gb-protein-game__finale::after { right:0;bottom:0;left:0;height:47%;background:linear-gradient(transparent,rgba(2,13,22,.91)); }
.gb-protein-game__finale-visual { position:absolute;inset:0;overflow:hidden; }
.gb-protein-game__finale-video { position:absolute;inset:0;z-index:5;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.88;filter:saturate(.92) contrast(1.04) brightness(.78);transition:opacity 1.4s ease,filter 1.4s ease; }
.gb-protein-game__finale-video-shade { position:absolute;inset:0;z-index:6;background:linear-gradient(180deg,rgba(2,12,22,.22) 0%,rgba(2,12,22,.08) 42%,rgba(2,12,22,.82) 100%);pointer-events:none;transition:background 1.4s ease; }
.gb-protein-game__finale-stars { position:absolute;inset:0;opacity:.5; }
.gb-protein-game__finale-stars i { position:absolute;width:4px;height:4px;background:#b6f4e5;border-radius:50%;box-shadow:0 0 13px #69d9c2;animation:gb-protein-finale-star 5s ease-in-out infinite alternate; }
.gb-protein-game__finale-stars i:nth-child(1){top:13%;left:8%}.gb-protein-game__finale-stars i:nth-child(2){top:29%;left:26%;width:3px;height:3px;animation-delay:-1s}.gb-protein-game__finale-stars i:nth-child(3){top:10%;left:48%;animation-delay:-2.4s}.gb-protein-game__finale-stars i:nth-child(4){top:22%;right:11%;width:3px;height:3px;animation-delay:-3.1s}.gb-protein-game__finale-stars i:nth-child(5){top:53%;left:6%;animation-delay:-.7s}.gb-protein-game__finale-stars i:nth-child(6){top:67%;right:17%;width:3px;height:3px;animation-delay:-1.8s}.gb-protein-game__finale-stars i:nth-child(7){top:72%;left:37%;animation-delay:-4s}.gb-protein-game__finale-stars i:nth-child(8){top:43%;right:39%;width:5px;height:5px;animation-delay:-2.8s}.gb-protein-game__finale-stars i:nth-child(9){top:8%;right:31%;width:2px;height:2px}.gb-protein-game__finale-stars i:nth-child(10){top:78%;left:15%;width:3px;height:3px;animation-delay:-3.7s}

.gb-protein-game__finale-route { position:absolute;top:22px;left:50%;z-index:8;display:flex;align-items:center;gap:6px;color:rgba(224,255,247,.65);font:800 .55rem Consolas,"Courier New",monospace;letter-spacing:.08em;transform:translateX(-50%);white-space:nowrap; }
.gb-protein-game__finale-route i { width:21px;height:1px;background:linear-gradient(90deg,rgba(168,238,219,.18),rgba(168,238,219,.9)); }
.gb-protein-game__finale-route i::after { display:block;float:right;width:5px;height:5px;margin-top:-2px;border-top:1px solid #a8eedb;border-right:1px solid #a8eedb;content:"";transform:rotate(45deg); }

.gb-protein-game__finale-ribosome { position:absolute;top:19%;left:7%;z-index:3;width:25%;max-width:245px;aspect-ratio:1.25;opacity:1;transition:opacity 1.2s ease,transform 1.8s ease; }
.gb-protein-game__finale-ribosome>span { position:absolute;left:50%;width:94%;border:4px solid rgba(255,244,195,.86);box-shadow:inset 0 -12px 25px rgba(136,64,43,.18),0 13px 35px rgba(0,9,19,.32);transform:translateX(-50%); }
.gb-protein-game__finale-ribosome>span:first-child { top:0;height:59%;background:linear-gradient(145deg,#f6df8c,#e99b67);border-radius:52% 48% 35% 36%/68% 64% 36% 32%; }
.gb-protein-game__finale-ribosome>span:nth-child(2) { bottom:0;width:77%;height:35%;background:linear-gradient(145deg,#a7e7d2,#58bca7);border-color:#c9f5e8;border-radius:32% 35% 58% 55%; }
.gb-protein-game__finale-ribosome::after { position:absolute;top:57%;left:50%;width:76%;height:13%;background:#092b36;border-radius:999px;content:"";transform:translate(-50%,-50%); }
.gb-protein-game__finale-ribosome strong { position:absolute;top:34%;left:50%;z-index:2;color:#4a352d;font:900 clamp(.5rem,1vw,.67rem) Consolas,"Courier New",monospace;letter-spacing:.08em;transform:translateX(-50%); }
.gb-protein-game__finale-mrna { position:absolute;top:41%;left:3%;z-index:4;display:flex;align-items:center;gap:3px;color:#fff;font:900 .57rem Consolas,"Courier New",monospace;transition:opacity 1s ease,transform 1.8s ease; }
.gb-protein-game__finale-mrna span { padding:5px 7px;color:#fff;background:#8d59d0;border:1px solid #d8bdff;border-radius:5px;box-shadow:0 3px 0 rgba(0,10,20,.34); }
.gb-protein-game__finale-mrna span:nth-of-type(2){background:#5fcfa2}.gb-protein-game__finale-mrna span:nth-of-type(3){color:#24343a;background:#f2ca68}
.gb-protein-game__finale-mrna small { position:absolute;top:-21px;left:25px;color:#ceb7f1;font-size:.49rem;letter-spacing:.08em; }

.gb-protein-game__finale-chain { position:absolute;top:17%;left:25%;z-index:4;display:flex;align-items:center;gap:2px;width:44%;transform:rotate(-7deg);transform-origin:left center;transition:opacity 1.1s ease,transform 2.4s cubic-bezier(.2,.72,.22,1); }
.gb-protein-game__finale-chain::before { position:absolute;right:2%;left:2%;z-index:-1;height:5px;background:linear-gradient(90deg,#f3c65b,#7bd5ba,#ac8ce7);border-radius:999px;content:""; }
.gb-protein-game__finale-chain i { display:grid;width:clamp(23px,3.3vw,35px);aspect-ratio:1;place-items:center;background:#f3c65b;border:2px solid rgba(255,245,202,.88);border-radius:50%;box-shadow:0 5px 12px rgba(0,9,18,.28);font-style:normal; }
.gb-protein-game__finale-chain i:nth-child(3n+2){background:#78d4b7;transform:translateY(11px)}.gb-protein-game__finale-chain i:nth-child(3n){background:#ae8ce7;transform:translateY(-8px)}
.gb-protein-game__finale-chain span { color:#203a36;font:900 clamp(.38rem,.75vw,.51rem) Consolas,"Courier New",monospace; }

.gb-protein-game__finale-folded { position:absolute;top:14%;left:43%;z-index:4;width:23%;max-width:220px;aspect-ratio:1;opacity:0;filter:drop-shadow(0 17px 23px rgba(0,6,15,.32));transform:scale(.55) rotate(-24deg);transition:opacity 1.5s ease,transform 2.6s cubic-bezier(.16,.8,.24,1); }
.gb-protein-game__finale-folded i { position:absolute;background:linear-gradient(145deg,#6bd4af,#4a9bbd);border:3px solid rgba(202,255,240,.55);border-radius:50% 48% 58% 43%;box-shadow:inset -12px -14px 24px rgba(24,59,99,.28); }
.gb-protein-game__finale-folded i:first-child{inset:7% 19% 42% 5%;transform:rotate(24deg)}.gb-protein-game__finale-folded i:nth-child(2){inset:33% 5% 10% 34%;background:linear-gradient(145deg,#b594ed,#6d6bc7);transform:rotate(-17deg)}.gb-protein-game__finale-folded i:nth-child(3){inset:45% 47% 4% 12%;background:linear-gradient(145deg,#f1c769,#e38b6c)}
.gb-protein-game__finale-folded strong { position:absolute;right:-35%;bottom:2%;padding:5px 8px;color:#dffdf4;background:rgba(4,28,37,.74);border:1px solid rgba(135,225,201,.4);border-radius:8px;font:850 .49rem/1.2 Consolas,"Courier New",monospace;letter-spacing:.07em;text-align:center; }

.gb-protein-game__finale-examples { position:absolute;top:13%;right:4%;left:38%;z-index:4;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;opacity:0;transform:translateY(18px);transition:opacity 1.2s ease,transform 1.8s ease; }
.gb-protein-game__finale-examples span { display:grid;min-height:74px;place-content:center;gap:4px;padding:9px;color:#fff6bd;background:linear-gradient(145deg,rgba(74,62,130,.86),rgba(19,76,83,.9));border:1px solid rgba(196,174,255,.46);border-radius:13px;box-shadow:0 12px 24px rgba(0,8,17,.26);font:900 .58rem Consolas,"Courier New",monospace;letter-spacing:.07em;text-align:center; }
.gb-protein-game__finale-examples small { color:#d9f3eb;font:700 .55rem Inter,"Source Sans 3",system-ui,sans-serif;letter-spacing:0;text-transform:none; }

.gb-protein-game__finale-rer,.gb-protein-game__finale-golgi,.gb-protein-game__finale-transport,.gb-protein-game__finale-vesicle,.gb-protein-game__finale-membrane,.gb-protein-game__finale-secreted { position:absolute;z-index:4;opacity:0;transition:opacity 1.2s ease,transform 2.2s cubic-bezier(.2,.72,.22,1); }
.gb-protein-game__finale-rer { top:16%;left:7%;width:25%;height:150px;transform:translateX(-30px); }
.gb-protein-game__finale-rer>i { position:absolute;right:0;left:0;height:23px;border:4px solid #58bca8;border-right-color:transparent;border-left-color:transparent;border-radius:50%;box-shadow:0 0 12px rgba(88,188,168,.18); }
.gb-protein-game__finale-rer>i:first-of-type{top:26px}.gb-protein-game__finale-rer>i:nth-of-type(2){top:62px;left:12%}.gb-protein-game__finale-rer>i:nth-of-type(3){top:98px;right:8%}
.gb-protein-game__finale-rer>i::after { position:absolute;top:-7px;left:23%;width:5px;height:5px;background:#f5d476;border-radius:50%;box-shadow:24px 3px #f5d476,52px -1px #f5d476,81px 3px #f5d476;content:""; }
.gb-protein-game__finale-rer strong,.gb-protein-game__finale-golgi strong { display:block;color:#d8fff4;font:900 .59rem Consolas,"Courier New",monospace;letter-spacing:.1em;text-align:center; }
.gb-protein-game__finale-transport { top:28%;left:34%;width:58px;aspect-ratio:1;background:rgba(107,213,177,.26);border:3px solid #78d9bd;border-radius:50%;transform:scale(.4); }
.gb-protein-game__finale-transport span,.gb-protein-game__finale-vesicle span { position:absolute;inset:13px;display:grid;place-items:center;color:#2a3c35;background:#f1ce70;border-radius:50%;font:900 .43rem Consolas,"Courier New",monospace; }
.gb-protein-game__finale-golgi { top:13%;left:47%;width:25%;height:175px;transform:translateY(22px); }
.gb-protein-game__finale-golgi i { position:absolute;right:4%;left:4%;height:27px;border:7px solid #b593e8;border-top-color:transparent;border-right-width:4px;border-left-width:4px;border-radius:0 0 50% 50%; }
.gb-protein-game__finale-golgi i:first-of-type{top:25px}.gb-protein-game__finale-golgi i:nth-of-type(2){top:49px;right:0;left:8%}.gb-protein-game__finale-golgi i:nth-of-type(3){top:73px;right:8%;left:0}.gb-protein-game__finale-golgi i:nth-of-type(4){top:97px;right:1%;left:7%}.gb-protein-game__finale-golgi i:nth-of-type(5){top:121px;right:9%;left:1%}
.gb-protein-game__finale-vesicle { top:27%;right:13%;width:70px;aspect-ratio:1;background:rgba(186,147,232,.25);border:3px solid #c09aed;border-radius:50%;transform:scale(.42); }
.gb-protein-game__finale-membrane { top:8%;right:3%;width:9%;height:49%; }
.gb-protein-game__finale-membrane i { position:absolute;top:0;bottom:0;width:12px;background:repeating-linear-gradient(to bottom,#6fd4b5 0 8px,#d8fff4 8px 13px,#6fd4b5 13px 21px);border-radius:999px; }
.gb-protein-game__finale-membrane i:first-child{left:15%}.gb-protein-game__finale-membrane i:nth-child(2){right:15%}
.gb-protein-game__finale-membrane strong { position:absolute;right:-22px;bottom:-18px;color:#c9f7e9;font:800 .45rem Consolas,"Courier New",monospace;letter-spacing:.06em;white-space:nowrap; }
.gb-protein-game__finale-secreted { top:22%;right:1%;display:grid;gap:5px;justify-items:center;transform:translateX(-30px) scale(.5); }
.gb-protein-game__finale-secreted span { display:grid;width:58px;aspect-ratio:1;place-items:center;color:#293b34;background:#f3cd67;border:3px solid #fff0b3;border-radius:50%;box-shadow:0 0 24px rgba(243,205,103,.4);font:900 .48rem Consolas,"Courier New",monospace; }
.gb-protein-game__finale-secreted small { color:#dffdf5;font:800 .45rem Consolas,"Courier New",monospace;letter-spacing:.06em;white-space:nowrap; }

.gb-protein-game__finale[data-scene="1"] .gb-protein-game__finale-ribosome,.gb-protein-game__finale[data-scene="1"] .gb-protein-game__finale-mrna { opacity:.22;transform:translateX(-24px); }
.gb-protein-game__finale[data-scene="1"] .gb-protein-game__finale-chain { opacity:.12;transform:translate(21%,40px) rotate(28deg) scale(.62); }
.gb-protein-game__finale[data-scene="1"] .gb-protein-game__finale-folded { opacity:1;transform:none; }
.gb-protein-game__finale[data-scene="2"] .gb-protein-game__finale-ribosome,.gb-protein-game__finale[data-scene="2"] .gb-protein-game__finale-mrna,.gb-protein-game__finale[data-scene="2"] .gb-protein-game__finale-chain { opacity:.08; }
.gb-protein-game__finale[data-scene="2"] .gb-protein-game__finale-folded { left:12%;opacity:.55;transform:scale(.68); }
.gb-protein-game__finale[data-scene="2"] .gb-protein-game__finale-examples { opacity:1;transform:none; }
.gb-protein-game__finale[data-scene="3"] .gb-protein-game__finale-ribosome,.gb-protein-game__finale[data-scene="3"] .gb-protein-game__finale-mrna,.gb-protein-game__finale[data-scene="3"] .gb-protein-game__finale-chain,.gb-protein-game__finale[data-scene="3"] .gb-protein-game__finale-folded,.gb-protein-game__finale[data-scene="3"] .gb-protein-game__finale-examples { opacity:0; }
.gb-protein-game__finale[data-scene="3"] .gb-protein-game__finale-rer,.gb-protein-game__finale[data-scene="3"] .gb-protein-game__finale-golgi,.gb-protein-game__finale[data-scene="3"] .gb-protein-game__finale-transport { opacity:1;transform:none; }
.gb-protein-game__finale[data-scene="4"] .gb-protein-game__finale-ribosome,.gb-protein-game__finale[data-scene="4"] .gb-protein-game__finale-mrna,.gb-protein-game__finale[data-scene="4"] .gb-protein-game__finale-chain,.gb-protein-game__finale[data-scene="4"] .gb-protein-game__finale-folded,.gb-protein-game__finale[data-scene="4"] .gb-protein-game__finale-examples { opacity:0; }
.gb-protein-game__finale[data-scene="4"] .gb-protein-game__finale-rer,.gb-protein-game__finale[data-scene="4"] .gb-protein-game__finale-golgi { opacity:.3; }
.gb-protein-game__finale[data-scene="4"] .gb-protein-game__finale-transport { left:48%;opacity:.25; }
.gb-protein-game__finale[data-scene="4"] .gb-protein-game__finale-vesicle,.gb-protein-game__finale[data-scene="4"] .gb-protein-game__finale-membrane { opacity:1;transform:none; }
.gb-protein-game__finale[data-scene="4"] .gb-protein-game__finale-secreted { opacity:1;transform:translateX(36px) scale(1); }
.gb-protein-game__finale[data-scene="4"] .gb-protein-game__finale-video { opacity:.12;filter:saturate(.65) brightness(.48); }
.gb-protein-game__finale[data-scene="4"] .gb-protein-game__finale-video-shade { background:linear-gradient(180deg,rgba(2,12,22,.6),rgba(2,12,22,.88)); }
.gb-protein-game__finale[data-scene="5"] .gb-protein-game__finale-ribosome,.gb-protein-game__finale[data-scene="5"] .gb-protein-game__finale-mrna,.gb-protein-game__finale[data-scene="5"] .gb-protein-game__finale-chain,.gb-protein-game__finale[data-scene="5"] .gb-protein-game__finale-folded,.gb-protein-game__finale[data-scene="5"] .gb-protein-game__finale-examples,.gb-protein-game__finale[data-scene="5"] .gb-protein-game__finale-rer,.gb-protein-game__finale[data-scene="5"] .gb-protein-game__finale-golgi,.gb-protein-game__finale[data-scene="5"] .gb-protein-game__finale-transport,.gb-protein-game__finale[data-scene="5"] .gb-protein-game__finale-vesicle,.gb-protein-game__finale[data-scene="5"] .gb-protein-game__finale-membrane,.gb-protein-game__finale[data-scene="5"] .gb-protein-game__finale-secreted { opacity:.08; }
.gb-protein-game__finale[data-scene="5"] .gb-protein-game__finale-video { opacity:.08;filter:saturate(.45) brightness(.35); }

.gb-protein-game__finale-crawl-window { position:absolute;inset:8% 12% 4%;z-index:6;overflow:hidden;perspective:520px;-webkit-mask-image:linear-gradient(transparent 0,#000 13%,#000 84%,transparent 100%);mask-image:linear-gradient(transparent 0,#000 13%,#000 84%,transparent 100%); }
.gb-protein-game__finale-crawl { position:absolute;top:46%;left:50%;width:min(82%,650px);color:#ffd75e;text-align:center;text-shadow:0 2px 7px rgba(0,0,0,.95),0 0 18px rgba(255,192,46,.18);transform:translate(-50%,34vh) rotateX(23deg);transform-origin:50% 100%; }
.gb-protein-game__finale.is-running .gb-protein-game__finale-crawl { animation:gb-protein-finale-crawl 39s linear forwards; }
.gb-protein-game__finale-crawl>p { max-width:none!important;margin:0 0 clamp(12px,2.1vh,20px)!important;color:inherit!important;font-size:clamp(.88rem,1.85vw,1.12rem)!important;font-weight:760;line-height:1.55!important;text-wrap:balance; }
.gb-protein-game__finale-crawl>p:first-child { margin-bottom:7px!important;color:#ffe889!important;font:900 clamp(.6rem,1.3vw,.76rem)/1.2 Consolas,"Courier New",monospace!important;letter-spacing:.16em; }
.gb-protein-game__finale-crawl h3 { margin:0 0 clamp(22px,3.8vh,36px)!important;color:#ffd43b!important;font-size:clamp(1.7rem,4.6vw,3rem)!important;font-weight:900!important;letter-spacing:.08em;line-height:1!important; }
.gb-protein-game__finale-crawl strong { color:#fff3a8;font-weight:950; }
.gb-protein-game__finale[data-state="complete"] .gb-protein-game__finale-crawl { opacity:0;transition:opacity .45s ease; }

.gb-protein-game__finale-overlay { position:absolute;inset:0;z-index:9;pointer-events:none; }
.gb-protein-game__finale-brand { position:absolute;top:22px;left:24px;display:grid;gap:2px; }
.gb-protein-game__finale-brand strong { color:#7ce1c4;font:900 .72rem Consolas,"Courier New",monospace;letter-spacing:.13em; }
.gb-protein-game__finale-brand span { color:rgba(231,252,247,.7);font:700 .56rem Consolas,"Courier New",monospace;letter-spacing:.1em; }
.gb-protein-game__finale-skip { position:absolute;top:18px;right:20px;min-height:34px;padding:6px 11px;color:#e7f8f3;background:rgba(6,31,41,.66);border:1px solid rgba(160,218,210,.45);border-radius:999px;cursor:pointer;font-size:.69rem;font-weight:750;pointer-events:auto;backdrop-filter:blur(7px); }
.gb-protein-game__finale-skip:hover { background:rgba(24,75,79,.78); }
.gb-protein-game__finale-skip:focus-visible,.gb-protein-game__finale-continue:focus-visible { outline:3px solid #9ef4da;outline-offset:3px; }
.gb-protein-game__finale-copy { position:absolute;right:clamp(18px,5vw,62px);bottom:clamp(20px,4vw,42px);left:clamp(18px,5vw,62px);max-width:720px;padding:clamp(17px,2.5vw,24px);background:linear-gradient(135deg,rgba(7,35,43,.94),rgba(24,31,69,.92));border:1px solid rgba(147,220,210,.43);border-radius:16px;box-shadow:0 20px 50px rgba(0,8,17,.38);backdrop-filter:blur(12px);pointer-events:auto; }
.gb-protein-game__finale-copy.is-entering { animation:gb-protein-intro-copy .65s ease both; }
.gb-protein-game__finale-copy>p:first-child { margin:0 0 6px!important;color:#ffe07b!important;font:900 .66rem Consolas,"Courier New",monospace!important;letter-spacing:.13em;text-shadow:0 0 18px rgba(255,211,91,.2); }
.gb-protein-game__finale-copy h3 { max-width:780px!important;margin:0!important;color:#fff2b0!important;font-size:clamp(1.55rem,4vw,2.3rem)!important;line-height:1.08!important;text-shadow:0 2px 22px rgba(0,0,0,.42);text-wrap:balance; }
.gb-protein-game__finale-copy>p:nth-of-type(2) { max-width:720px;margin:10px 0 0!important;color:#d9ebe7!important;font-size:clamp(.83rem,1.8vw,1rem)!important;line-height:1.55!important; }
.gb-protein-game__finale-progress { height:4px;margin-top:18px;overflow:hidden;background:rgba(214,246,239,.15);border-radius:999px; }
.gb-protein-game__finale-progress span { display:block;width:100%;height:100%;background:linear-gradient(90deg,#63d9ba,#74c9ff,#ffd765);border-radius:inherit;transform:scaleX(0);transform-origin:left; }
.gb-protein-game__finale.is-running .gb-protein-game__finale-progress span { animation:gb-protein-finale-progress 30s linear forwards; }
.gb-protein-game__finale[data-state="complete"] .gb-protein-game__finale-progress span { animation:none;transform:scaleX(1); }
.gb-protein-game__finale-continue { min-height:48px;margin-top:17px;padding:10px 20px;color:#25321f;background:linear-gradient(135deg,#ffe487,#9ce7d1);border:1px solid #fff1b7;border-radius:999px;box-shadow:0 10px 26px rgba(58,198,161,.18),0 0 24px rgba(255,211,91,.12);cursor:pointer;font-weight:900;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease; }
.gb-protein-game__finale-continue:hover { filter:brightness(1.05);transform:translateY(-2px);box-shadow:0 14px 32px rgba(58,198,161,.25),0 0 30px rgba(255,211,91,.18); }
.gb-protein-game__finale-continue span { display:inline-block;margin-left:.35em;transition:transform .2s ease; }
.gb-protein-game__finale-continue:hover span { transform:translateX(4px); }
.gb-protein-game__finale-continue[hidden] { display:none; }

/* Afslutningen er nu en ren filmoplevelse: filmen bærer hele fortællingen uden ekstra ikoner ovenpå. */
.gb-protein-game__finale { min-height:clamp(620px,78vh,780px); }
.gb-protein-game__finale::before { background:radial-gradient(ellipse at center,transparent 48%,rgba(0,7,17,.42) 100%); }
.gb-protein-game__finale::after { height:53%;background:linear-gradient(transparent,rgba(2,13,22,.86)); }
.gb-protein-game__finale[data-scene] .gb-protein-game__finale-video { opacity:1;filter:saturate(1.02) contrast(1.04) brightness(.86); }
.gb-protein-game__finale[data-scene] .gb-protein-game__finale-video-shade { background:linear-gradient(180deg,rgba(2,12,22,.12) 0%,rgba(2,12,22,.04) 42%,rgba(2,12,22,.76) 100%); }
.gb-protein-game__finale-copy { max-width:min(720px,calc(100% - 36px));background:linear-gradient(135deg,rgba(7,35,43,.88),rgba(24,31,69,.86)); }

@keyframes gb-protein-intro-progress { to { transform:scaleX(1); } }
@keyframes gb-protein-intro-crawl {
  0% { opacity:0; transform:translate(-50%,30vh) rotateX(23deg) scale(1); }
  2.5% { opacity:1; }
  92% { opacity:1; }
  100% { opacity:0; transform:translate(-50%,-129%) rotateX(23deg) scale(.76); }
}
@keyframes gb-protein-outro-progress { to { transform:scaleX(1); } }
@keyframes gb-protein-finale-progress { to { transform:scaleX(1); } }
@keyframes gb-protein-finale-crawl {
  0% { opacity:0;transform:translate(-50%,34vh) rotateX(23deg) scale(1); }
  2.5%,92% { opacity:1; }
  100% { opacity:0;transform:translate(-50%,-132%) rotateX(23deg) scale(.76); }
}
@keyframes gb-protein-finale-star { to { opacity:.24;transform:translate(9px,-11px) scale(.7); } }
@keyframes gb-protein-intro-copy { from{opacity:0;transform:translateY(10px)} to{opacity:1;transform:none} }
@keyframes gb-protein-cell-breathe { to{border-radius:53% 47% 56% 44% / 47% 55% 45% 53%;transform:rotate(2deg) scale(1.025)} }
@keyframes gb-protein-intro-particle { to{opacity:.25;transform:translate(8px,-10px) scale(.7)} }
@keyframes gb-protein-outro-float { to{opacity:.3;transform:translate(12px,-13px) scale(.72)} }

.gb-protein-game__nav {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 8px;
  margin: 0 0 10px;
  padding: 8px;
  background: #0b2422;
  border: 1px solid #2f6a60;
  border-radius: 10px;
  box-shadow: 5px 5px 0 #071b1b;
}

.gb-protein-game__navigation-row {
  display: block;
  margin-bottom: 8px;
}

.gb-protein-game__navigation-row .gb-protein-game__nav { margin: 0; }

.gb-protein-game__nav button {
  position: relative;
  display: grid;
  min-height: 56px;
  place-content: center;
  gap: 2px;
  padding: 7px 9px;
  color: #c7ddd6;
  background: #123a36;
  border: 1px solid #47776e;
  border-radius: 5px;
  cursor: pointer;
  font: inherit;
  text-align: center;
}

.gb-protein-game__nav button strong {
  font-family: Consolas, "Courier New", monospace;
  font-size: 0.84rem;
  letter-spacing: 0.06em;
}

.gb-protein-game__nav button small { font-size: 0.66rem; }
.gb-protein-game__nav button[data-locked="true"] { color: #9cb1aa; background: #152d2b; cursor: not-allowed; }
.gb-protein-game__nav button.is-active { color: #08201d; background: #56e39f; border-color: #b7ffda; box-shadow: 3px 3px 0 #061615; }
.gb-protein-game__nav button:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
.gb-protein-game__nav button:not([data-locked="true"]):hover { filter: brightness(1.12); transform: translateY(-1px); }

.gb-protein-game__lock {
  position: absolute;
  top: 5px;
  left: 7px;
  font-size: 0.7rem;
}

.gb-protein-game__lock[hidden] { display: none; }

.gb-protein-game__message {
  min-height: 1.4em;
  margin: 0 4px 8px !important;
  color: #80521c !important;
  font-size: 0.82rem !important;
  font-weight: 750;
  text-align: center;
}

.gb-protein-game__message:empty {
  min-height: 0;
  margin: 0 !important;
}

.gb-protein-game__music,
.gb-protein-game__intro-button {
  display: grid;
  width: 38px;
  height: 38px;
  min-height: 38px;
  flex: 0 0 38px;
  place-items: center;
  padding: 0;
  color: #385c55;
  background: #fff;
  border: 1px solid #b9d4ce;
  border-radius: 9px;
  cursor: pointer;
  font: 750 .82rem/1 Inter, "Source Sans 3", system-ui, sans-serif;
}

.gb-protein-game__music[data-enabled="true"] {
  color: #185b4c;
  background: #e2f5ed;
  border-color: #8cccb6;
}

.gb-protein-game__intro-button { color:#4c5c75; background:#f4f0ff; border-color:#d5c8ed; }
.gb-protein-game__music:hover,.gb-protein-game__intro-button:hover { filter: brightness(1.02); transform: translateY(-1px); }
.gb-protein-game__music:focus-visible,.gb-protein-game__intro-button:focus-visible { outline: 3px solid #2878a5; outline-offset: 2px; }

/* The shared audio button controls both music and game tones inside the shell. */
.gb-protein-game [data-gb-action="sound"],
.gb-protein-game [data-gb2-action="sound"] { display: none !important; }

.gb-protein-game[data-just-unlocked] .gb-protein-game__message { color: #17664d !important; animation: gb-protein-unlock 2.2s ease both; }
.gb-protein-game[data-just-unlocked="1"] [data-gb-level="1"],
.gb-protein-game[data-just-unlocked="2"] [data-gb-level="2"],
.gb-protein-game[data-just-unlocked="3"] [data-gb-level="3"] { animation: gb-protein-tab-unlock 2.2s ease both; }

.gb-protein-game [data-gb-level-panel][hidden] { display: none; }
.gb-protein-game .gb-dna-builder,
.gb-protein-game .gb-rna-builder,
.gb-protein-game .gb-rna-nucleotide-builder { margin-top: 0; }

@media (max-width: 520px) {
  .gb-protein-game__nav { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 4px; padding: 6px; }
  .gb-protein-game__nav button { min-height: 52px; padding: 5px 3px; }
  .gb-protein-game__nav button strong { font-size: 0.7rem; }
  .gb-protein-game__nav button small { font-size: 0.54rem; line-height: 1.15; }
  .gb-protein-game__music,.gb-protein-game__intro-button { width: 34px; height: 34px; min-height: 34px; flex-basis: 34px; font-size: .72rem; }
  .gb-protein-game__intro { min-height: 590px; border-radius:14px; }
  .gb-protein-game__intro-video { object-position:center; }
  .gb-protein-game__intro-crawl-window { inset:12% 2% 4%; perspective:420px; }
  .gb-protein-game__intro-crawl { width:92%; }
  .gb-protein-game__intro-crawl > p { margin-bottom:10px!important; font-size:.86rem!important; line-height:1.4!important; }
  .gb-protein-game__intro-crawl > p:first-child { font-size:.55rem!important; }
  .gb-protein-game__intro-crawl h3 { margin-bottom:19px!important; font-size:1.28rem!important; letter-spacing:.045em; }
  .gb-protein-game__intro-camera { inset:4% 0 30%; }
  .gb-protein-game__cell { width:300px; }
  .gb-protein-game__dna-focus { top:36%; min-width:205px; }
  .gb-protein-game__intro-brand { top:15px; left:15px; }
  .gb-protein-game__intro-skip { top:12px; right:12px; }
  .gb-protein-game__intro-depth { top:64px; }
  .gb-protein-game__intro-timeline { right:12px; bottom:10px; left:12px; }
  .gb-protein-game__intro-copy { right:12px; bottom:12px; left:12px; padding:17px 15px; }
  .gb-protein-game__intro-copy h3 { font-size:1.45rem!important; }
  .gb-protein-game__intro-copy > p:nth-of-type(2) { font-size:.82rem!important; }
  .gb-protein-game__outro { min-height:590px; border-radius:14px; }
  .gb-protein-game__outro-brand { top:15px; left:15px; }
  .gb-protein-game__outro-brand span { max-width:120px; font-size:.48rem; }
  .gb-protein-game__outro-skip { top:12px; right:12px; }
  .gb-protein-game__outro-route { top:68px; gap:3px; font-size:.43rem; letter-spacing:.04em; }
  .gb-protein-game__outro-route i { width:12px; }
  .gb-protein-game__outro-nucleus { top:4%; left:-40%; width:110%; height:55%; }
  .gb-protein-game__outro-nucleus > strong { right:16%; bottom:9%; font-size:.48rem; }
  .gb-protein-game__outro-pore-label { top:24%; left:67%; font-size:.46rem; }
  .gb-protein-game__outro-mrna { top:34%; left:1%; width:76%; gap:3px; }
  .gb-protein-game__outro-mrna > b { font-size:.6rem; }
  .gb-protein-game__outro-mrna > small { top:-23px; font-size:.49rem; }
  .gb-protein-game__outro-base { border-width:1px; border-radius:4px; font-size:.52rem; }
  .gb-protein-game__outro-ribosome { top:24%; right:-3%; width:56%; }
  .gb-protein-game__outro-aug { top:17%; right:8%; padding:5px 7px; }
  .gb-protein-game__outro[data-scene="1"] .gb-protein-game__outro-mrna { left:15%; }
  .gb-protein-game__outro[data-scene="2"] .gb-protein-game__outro-mrna,
  .gb-protein-game__outro[data-scene="3"] .gb-protein-game__outro-mrna,
  .gb-protein-game__outro[data-scene="4"] .gb-protein-game__outro-mrna { left:24%; transform:scale(.88); }
  .gb-protein-game__outro-copy { right:12px; bottom:12px; left:12px; padding:17px 15px; }
  .gb-protein-game__outro-copy h3 { font-size:1.4rem!important; }
  .gb-protein-game__outro-copy > p:nth-of-type(2) { font-size:.82rem!important; }
  .gb-protein-game__finale { min-height:620px;border-radius:14px; }
  .gb-protein-game__finale-brand { top:15px;left:15px; }
  .gb-protein-game__finale-brand span { max-width:145px;font-size:.48rem; }
  .gb-protein-game__finale-skip { top:12px;right:12px; }
  .gb-protein-game__finale-route { top:65px;gap:3px;font-size:.39rem;letter-spacing:.025em; }
  .gb-protein-game__finale-route i { width:7px; }
  .gb-protein-game__finale-ribosome { top:18%;left:2%;width:42%; }
  .gb-protein-game__finale-mrna { top:35%;left:0;transform:scale(.78);transform-origin:left; }
  .gb-protein-game__finale-chain { top:17%;left:37%;width:61%;gap:0; }
  .gb-protein-game__finale-chain i { width:22px; }
  .gb-protein-game__finale-folded { top:17%;left:44%;width:42%; }
  .gb-protein-game__finale-folded strong { right:-22%;font-size:.41rem; }
  .gb-protein-game__finale-examples { top:14%;right:3%;left:3%;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px; }
  .gb-protein-game__finale-examples span { min-height:51px;padding:5px;font-size:.48rem; }
  .gb-protein-game__finale-rer { top:16%;left:2%;width:33%;transform:scale(.8);transform-origin:left top; }
  .gb-protein-game__finale-transport { top:25%;left:34%;width:45px; }
  .gb-protein-game__finale-golgi { top:14%;left:44%;width:31%;transform:scale(.83);transform-origin:top; }
  .gb-protein-game__finale-vesicle { top:24%;right:12%;width:52px; }
  .gb-protein-game__finale-membrane { top:12%;right:1%;height:39%; }
  .gb-protein-game__finale-secreted { top:21%;right:0; }
  .gb-protein-game__finale-secreted span { width:44px;font-size:.39rem; }
  .gb-protein-game__finale-crawl-window { inset:10% 2% 4%;perspective:420px; }
  .gb-protein-game__finale-crawl { width:92%; }
  .gb-protein-game__finale-crawl>p { margin-bottom:10px!important;font-size:.82rem!important;line-height:1.4!important; }
  .gb-protein-game__finale-crawl>p:first-child { font-size:.55rem!important; }
  .gb-protein-game__finale-crawl h3 { margin-bottom:19px!important;font-size:1.22rem!important;letter-spacing:.045em; }
  .gb-protein-game__finale-copy { right:12px;bottom:12px;left:12px;padding:17px 15px; }
  .gb-protein-game__finale-copy h3 { font-size:1.36rem!important; }
  .gb-protein-game__finale-copy>p:nth-of-type(2) { font-size:.8rem!important; }
}

@media (max-width: 430px) {
  .gb-protein-game .gb-dna-builder { width: 100%; max-width: 100%; margin-inline: 0; }
}

@keyframes gb-protein-unlock { 0%{opacity:0;transform:translateY(-4px)} 18%,82%{opacity:1;transform:none} 100%{opacity:0} }
@keyframes gb-protein-tab-unlock { 0%,100%{filter:none} 20%,70%{filter:brightness(1.55);box-shadow:0 0 0 3px #ffd166,0 0 24px rgba(255,209,102,.75)} }
@media (prefers-reduced-motion: reduce) {
  .gb-protein-game[data-just-unlocked] .gb-protein-game__message,.gb-protein-game[data-just-unlocked] [data-gb-level]{animation:none!important}
  .gb-protein-game__intro *,.gb-protein-game__intro *::before,.gb-protein-game__intro *::after{animation:none!important;transition-duration:.001ms!important}
  .gb-protein-game__outro *,.gb-protein-game__outro *::before,.gb-protein-game__outro *::after{animation:none!important;transition-duration:.001ms!important}
  .gb-protein-game__finale *,.gb-protein-game__finale *::before,.gb-protein-game__finale *::after{animation:none!important;transition-duration:.001ms!important}
  .gb-protein-game__intro-crawl{display:none!important}
  .gb-protein-game__finale-crawl{display:none!important}
}