:root{
  --navy:#1f3864;--navy-deep:#122443;--blue:#2e75b6;--teal:#0d6e6e;
  --purple:#7030a0;--violet:#7c3aed;--ink:#17243b;--muted:#66738a;
  --line:#dce5f0;--paper:#fff;--mist:#0d2038;--cyan:#4dc9d6;
  --focus:#fbbf24;--radius:20px;--shadow:0 20px 54px rgba(25,50,88,.13)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--mist);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}
button,input,select{font:inherit}
button{cursor:pointer}
a{color:inherit}
.development-notice{width:min(92vw,560px);margin:auto;border:0;border-radius:22px;padding:30px;box-shadow:0 30px 90px rgba(8,25,48,.34);color:var(--ink);background:linear-gradient(145deg,#fff,#f2f8fb)}.development-notice::backdrop{background:rgba(10,27,50,.72);backdrop-filter:blur(5px)}.development-notice-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(135deg,var(--teal),var(--blue));color:#fff;font-size:1.45rem;box-shadow:0 10px 24px rgba(13,110,110,.24)}.development-notice-kicker{margin:16px 0 4px;color:var(--teal);font-size:.65rem;font-weight:900;letter-spacing:.14em}.development-notice h2{margin:0 0 9px;font-size:clamp(1.35rem,4vw,1.8rem);line-height:1.2}.development-notice>p:last-of-type{margin:0;color:var(--muted);font-size:.84rem}.development-notice-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:22px}.development-notice-actions form{margin:0}.development-notice-actions button{border:0;border-radius:10px;padding:10px 15px;background:var(--navy);color:#fff;font-size:.76rem;font-weight:850}.development-notice-actions a{color:var(--navy);font-size:.74rem;font-weight:800}
[hidden]{display:none!important}
.skip-link{position:fixed;top:8px;left:8px;transform:translateY(-150%);z-index:1000;background:#fff;color:var(--navy);padding:10px 14px;border-radius:8px;font-weight:800}
.skip-link:focus{transform:none}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
.site-header{min-height:70px;padding:10px clamp(16px,4vw,58px);display:flex;align-items:center;gap:30px;background:rgba(18,36,67,.97);color:#fff;position:sticky;top:0;z-index:100;box-shadow:0 1px rgba(255,255,255,.1);backdrop-filter:blur(14px)}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;min-width:max-content}
.brand-mark{width:38px;height:38px;display:grid;place-items:center;background:linear-gradient(145deg,var(--blue),var(--violet));border-radius:11px}
.brand strong{display:block;font-size:1rem;line-height:1.15}.brand strong span{color:#9fdaf0}.brand small{display:block;color:#aab9d2;font-size:.68rem;letter-spacing:.05em}
.site-header nav{margin-left:auto;display:flex;align-items:center;gap:8px}.site-header nav>a{border:0;background:transparent;color:#dce7f7;text-decoration:none;padding:8px 11px;border-radius:8px;font-size:.79rem;font-weight:700;white-space:nowrap}.site-header nav>a:hover{background:rgba(255,255,255,.1);color:#fff}
.site-header nav>a.nav-cta{display:inline-flex;align-items:center;gap:7px;color:#fff;background:linear-gradient(145deg,var(--blue),var(--violet));box-shadow:0 8px 20px rgba(46,117,182,.4);padding:9px 15px}.site-header nav>a.nav-cta:hover{filter:brightness(1.08);color:#fff}
.lab-intro{min-height:430px;padding:58px clamp(20px,6vw,94px) 48px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);gap:40px;align-items:center;color:#fff;position:relative;overflow:hidden;background:radial-gradient(circle at 85% 5%,rgba(77,201,214,.17),transparent 24%),radial-gradient(circle at 65% 84%,rgba(124,58,237,.25),transparent 32%),linear-gradient(132deg,var(--navy-deep),var(--navy) 58%,#234f83)}
.lab-intro:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:50px;background:var(--mist);clip-path:polygon(0 82%,18% 55%,38% 80%,60% 44%,78% 70%,100% 38%,100% 100%,0 100%)}
.lab-intro-copy{position:relative;z-index:2;max-width:730px}.eyebrow{margin:0 0 12px;color:#a9eaf0;font-size:.76rem;font-weight:850;letter-spacing:.16em;text-transform:uppercase}.eyebrow span{display:inline-block;width:26px;height:2px;background:var(--cyan);vertical-align:middle;margin-right:9px}.eyebrow.dark{color:var(--teal)}
.lab-intro h1{font-size:clamp(2.55rem,5.1vw,5.2rem);line-height:.98;letter-spacing:-.055em;margin:0 0 22px;max-width:850px}.lab-intro h1 em{color:#82e0e0;font-style:normal}.lead{font-size:clamp(1rem,1.5vw,1.18rem);color:#c8d6e9;max-width:690px;margin:0 0 25px}
.level-picker{display:flex;flex-wrap:wrap;gap:8px}.level-picker button{border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);color:#fff;border-radius:11px;padding:8px 13px 8px 8px;font-size:.79rem;font-weight:700}.level-picker button span{display:inline-grid;place-items:center;width:28px;height:28px;margin-right:7px;border-radius:8px;background:rgba(255,255,255,.13);font-weight:900}.level-picker button[aria-pressed="true"]{background:#fff;color:var(--navy);border-color:#fff}.level-picker button[aria-pressed="true"] span{background:var(--teal);color:#fff}.level-explanation{min-height:24px;margin:11px 0 0;color:#b8c9df;font-size:.76rem}
.lab-intro-visual{height:340px;position:relative;z-index:1;isolation:isolate;pointer-events:none}.lab-intro-visual svg{width:100%;height:100%;overflow:visible}.lab-intro-visual svg path{fill:none;stroke:rgba(130,224,224,.3);stroke-width:2;stroke-dasharray:7 9}.lab-intro-visual svg path+path{stroke:rgba(170,143,255,.25)}.intro-core{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:150px;height:150px;border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(circle at 40% 30%,#397bb2,#182e56 72%);border:1px solid rgba(255,255,255,.25);box-shadow:0 0 80px rgba(77,201,214,.2)}.intro-core b{font-size:1.05rem;line-height:1.3;letter-spacing:.06em}.intro-core b:nth-child(2){color:#82e0e0}.orbit{position:absolute;display:grid;place-items:center;width:58px;height:58px;border-radius:18px;color:#fff;font-weight:850;box-shadow:0 12px 30px rgba(0,0,0,.22)}.orbit:after{content:"";position:absolute;inset:-9px;border:1px solid rgba(255,255,255,.18);border-radius:23px}.orbit-a{left:6%;top:20%;background:#147d83}.orbit-b{right:12%;top:11%;background:#2e75b6}.orbit-c{right:4%;bottom:15%;background:#7030a0}.orbit i{position:absolute;width:6px;height:6px;border-radius:50%;background:#fff;box-shadow:0 0 0 5px rgba(255,255,255,.12)}.orbit-a i{right:-46px;bottom:-20px}.orbit-b i{left:-36px;bottom:-44px}.orbit-c i{left:-45px;top:-15px}
.progress-strip{width:min(1160px,calc(100% - 32px));margin:-20px auto 20px;position:relative;z-index:3;background:#fff;border:1px solid var(--line);box-shadow:0 10px 35px rgba(24,48,84,.1);border-radius:14px;padding:14px 18px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px}.progress-strip div:first-child{min-width:210px}.progress-kicker{display:block;color:var(--teal);font-weight:850;font-size:.64rem;letter-spacing:.09em;text-transform:uppercase}.progress-strip strong{font-size:.84rem}.progress-track{height:8px;background:#e8edf4;border-radius:20px;overflow:hidden}.progress-track span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--teal),var(--blue),var(--violet));border-radius:inherit;transition:width .35s}.progress-strip button{border:0;background:transparent;color:var(--muted);font-size:.72rem;text-decoration:underline}
.lab-tabs{position:sticky;top:70px;z-index:90;width:min(1160px,calc(100% - 32px));margin:0 auto 20px;padding:7px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;background:rgba(255,255,255,.94);border:1px solid var(--line);border-radius:14px;box-shadow:0 8px 30px rgba(31,56,100,.08);backdrop-filter:blur(12px)}.lab-tabs button{border:0;background:transparent;color:#5e6e84;border-radius:9px;padding:10px 6px;font-size:.74rem;font-weight:800}.lab-tabs button span{font-size:1rem;margin-right:5px}.lab-tabs button[aria-selected="true"]{background:var(--navy);color:#fff;box-shadow:0 6px 16px rgba(31,56,100,.23)}
.lab-shell{width:min(1160px,calc(100% - 32px));margin:0 auto 55px}.lab-panel{min-height:500px;scroll-margin-top:190px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(20px,4vw,46px);box-shadow:var(--shadow)}.panel-heading{display:flex;align-items:end;justify-content:space-between;gap:34px;margin-bottom:28px}.panel-heading>div{flex:1}.panel-heading>p{max-width:430px;color:var(--muted);font-size:.9rem;margin:0}.panel-heading h2{font-size:clamp(1.7rem,3vw,2.65rem);line-height:1.08;letter-spacing:-.035em;margin:0}.panel-heading.compact{align-items:center;border-bottom:1px solid var(--line);padding-bottom:22px}
.mission-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.mission-card{text-align:left;min-height:240px;padding:18px;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:17px;background:#f9fbfe;color:var(--ink);transition:transform .2s,box-shadow .2s,border-color .2s;overflow:hidden;position:relative}.mission-card:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:var(--blue)}.mission-card.systems:before{background:linear-gradient(90deg,#0d6e6e,#4dc9d6,#7030a0)}.mission-card.wave:before{background:#0d8ca0}.mission-card.neuro:before{background:var(--violet)}.mission-card.body:before{background:#1e8a64}.mission-card.chemistry:before{background:#d08018}.mission-card:hover{transform:translateY(-4px);box-shadow:0 15px 30px rgba(31,56,100,.12);border-color:#b8c8dc}.mission-number{font-size:.64rem;font-weight:900;color:#8290a5;letter-spacing:.12em}.mission-icon{font-size:2rem;margin:24px 0 11px}.mission-card strong{font-size:1rem;margin-bottom:6px}.mission-card small{color:var(--muted);font-size:.78rem;line-height:1.55}.mission-card b{font-size:.74rem;color:var(--blue);margin-top:auto;padding-top:18px}
.method-card{margin-top:18px;padding:28px;background:linear-gradient(120deg,#172f57,#223f70);border-radius:17px;color:#fff;display:grid;grid-template-columns:.8fr 1.2fr;gap:30px;align-items:center}.method-card h3{font-size:clamp(1.4rem,2.4vw,2rem);line-height:1.15;margin:0}.method-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.method-steps li{display:flex;gap:9px;align-items:center;padding:10px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);border-radius:10px}.method-steps li>span{width:29px;height:29px;display:grid;place-items:center;border-radius:8px;background:#fff;color:var(--navy);font-weight:900}.method-steps b,.method-steps small{display:block}.method-steps b{font-size:.79rem}.method-steps small{font-size:.65rem;color:#bfcde0}
.education-paths{margin-top:18px;padding:24px;display:grid;grid-template-columns:1.05fr repeat(3,1fr);gap:10px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(145deg,#fff,#f4f8fc)}.education-paths>div{padding-right:14px}.education-paths h3{margin:0;font-size:1.15rem;line-height:1.2}.education-paths>div>p:last-child{margin:8px 0 0;color:var(--muted);font-size:.73rem}.education-paths article{padding:14px;border:1px solid #d8e3ee;border-radius:13px;background:#fff}.education-paths article>span{display:inline-grid;place-items:center;min-width:38px;height:26px;padding:0 7px;border-radius:8px;background:var(--navy);color:#fff;font-size:.61rem;font-weight:900;letter-spacing:.08em}.education-paths article strong{display:block;margin-top:9px;font-size:.78rem}.education-paths article p{margin:5px 0 10px;color:var(--muted);font-size:.68rem;line-height:1.5}.education-paths article a{color:var(--teal);font-size:.65rem;font-weight:850}.curriculum-links{margin-left:auto;display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.curriculum-note .curriculum-links a{margin-left:0}
.curriculum-note,.chemistry-safety{margin-top:18px;padding:15px 17px;display:flex;align-items:center;gap:13px;border:1px solid #b9dfdc;background:#eefaf9;border-radius:13px}.curriculum-note>span,.chemistry-safety>span{width:32px;height:32px;display:grid;place-items:center;flex:0 0 auto;border-radius:10px;background:var(--teal);color:#fff;font-weight:900}.curriculum-note strong{font-size:.84rem}.curriculum-note p,.chemistry-safety p{margin:1px 0 0;font-size:.74rem;color:#536f71}.curriculum-note a,.chemistry-safety a{margin-left:auto;white-space:nowrap;color:var(--teal);font-size:.72rem;font-weight:800}
.sense-picker{display:flex;gap:7px;overflow-x:auto;padding:2px 2px 13px;scrollbar-width:thin}.sense-picker button{border:1px solid var(--line);border-radius:20px;background:#fff;color:#596981;padding:7px 13px;font-size:.73rem;font-weight:800;white-space:nowrap}.sense-picker button[aria-pressed="true"]{background:var(--teal);border-color:var(--teal);color:#fff}
.experiment-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.72fr);gap:17px}.experiment-stage,.experiment-notes{border:1px solid var(--line);border-radius:17px;background:#f7faff}.experiment-stage{overflow:hidden;min-width:0}.stage-top{height:43px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;background:#edf3f9;border-bottom:1px solid var(--line);font-size:.66rem;color:#607188;font-weight:850;letter-spacing:.1em}.stage-top output{font-weight:750;letter-spacing:0;color:var(--teal)}.sense-stage svg{display:block;width:100%;height:auto;min-height:310px;max-height:390px;background:radial-gradient(circle at 50% 50%,#fff 0,#edf5fc 75%)}.range-control{padding:12px 16px;display:grid;grid-template-columns:92px 1fr 18px;gap:10px;align-items:center;border-top:1px solid var(--line);font-size:.72rem;font-weight:800;color:#56677d}.range-control input,.controls-card input[type="range"]{accent-color:var(--teal);width:100%}.experiment-notes{background:#fff;padding:22px}.concept-tag{display:inline-block;background:#e7f7f5;color:var(--teal);border-radius:20px;padding:4px 9px;font-size:.63rem;font-weight:850;letter-spacing:.04em}.experiment-notes h3{font-size:1.35rem;margin:10px 0 5px}.experiment-notes>p{color:var(--muted);font-size:.81rem;margin:0 0 15px}.observe-list{margin:0}.observe-list div{padding:10px 0;border-top:1px solid var(--line)}.observe-list dt{font-size:.62rem;color:#8793a4;text-transform:uppercase;letter-spacing:.07em;font-weight:850}.observe-list dd{margin:2px 0 0;font-size:.78rem;font-weight:750}.model-limit{margin-top:14px;padding:11px;border-radius:10px;background:#f2f5f9;border-left:3px solid var(--blue)}.model-limit.important{background:#fff7ed;border-left-color:#d97706}.model-limit b{font-size:.73rem}.model-limit p{font-size:.69rem;color:var(--muted);margin:2px 0 0}
.learning-row{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:16px}.practice-case,.mini-quiz{border:1px solid var(--line);border-radius:14px;padding:18px;background:#fff}.practice-case>span{font-size:.62rem;font-weight:900;letter-spacing:.12em;color:var(--purple)}.practice-case h3{font-size:.95rem;margin:7px 0}.practice-case p{font-size:.78rem;color:var(--muted);margin:0}.mini-quiz fieldset{border:0;padding:0;margin:0}.mini-quiz legend{font-weight:800;font-size:.81rem;margin-bottom:8px}.mini-quiz label{display:block;font-size:.74rem;padding:5px 0;color:#536176}.mini-quiz input{accent-color:var(--teal)}.mini-quiz button{margin-top:8px;padding:7px 11px;border:0;border-radius:8px;background:var(--navy);color:#fff;font-size:.7rem;font-weight:800}.quiz-feedback{font-size:.72rem;font-weight:750;margin:8px 0 0;min-height:20px}.quiz-feedback.correct{color:#08715f}.quiz-feedback.incorrect{color:#a44314}.source-line{margin-top:16px;padding-top:13px;border-top:1px solid var(--line);font-size:.68rem;color:#738197}.source-line a{color:var(--blue);font-weight:700}.source-line span{padding:0 5px}
.wave-stage canvas{display:block;width:100%;height:350px;background:linear-gradient(180deg,#102847,#17385f)}.wave-equation{padding:11px 15px;background:#0d2039;color:#d7e6f7;display:flex;gap:7px;align-items:center;font-size:.9rem}.wave-equation span{color:#67d7df;font-weight:900}.wave-equation b{margin-left:auto;font-size:.72rem}.controls-card label{display:flex;justify-content:space-between;gap:12px;font-size:.76rem;font-weight:800;margin:3px 0}.controls-card label small{display:block;color:#8b96a6;font-weight:500}.controls-card>input,.controls-card>select{width:100%;margin:1px 0 17px}.controls-card select{border:1px solid var(--line);border-radius:9px;padding:8px;background:#fff;color:var(--ink);font-size:.75rem}.controls-card output{color:var(--teal)}.sound-button{width:100%;border:0;background:var(--teal);color:#fff;border-radius:10px;padding:10px;font-size:.75rem;font-weight:850}.sound-note{font-size:.66rem!important;margin:7px 0 0!important}.wave-stage{background:#102847}
.review-banner{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:10px;margin-bottom:14px;padding:11px 13px;border-radius:11px;background:#fff7ed;border:1px solid #fed7aa}.review-banner span{font-size:.59rem;font-weight:900;color:#9a4c14;letter-spacing:.1em}.review-banner strong{font-size:.72rem;color:#8a4113}.review-banner p{margin:0 0 0 auto;font-size:.68rem;color:#875431;text-align:right}.synapse-stage svg{display:block;width:100%;height:390px;background:radial-gradient(circle,#f8fbff,#eaf1f8)}.pre-neuron{fill:url(#neuronFill)}.post-neuron{fill:#c9e8ea;stroke:#0d6e6e;stroke-width:3}.vesicles circle{fill:#fff;stroke:#6aa7d5;stroke-width:3}.receptors path{fill:none;stroke:#7030a0;stroke-width:10;stroke-linecap:round;stroke-linejoin:round}.transporters path{fill:none;stroke:#2e75b6;stroke-width:9;stroke-linecap:round}.ssri-blocks{display:none}.ssri-blocks rect{fill:#f5a623}.ssri-blocks path{stroke:#fff;stroke-width:4}.transmitter-particles circle{fill:#f5a623;stroke:#9b5600;stroke-width:2}.synapse-stage text{font-size:14px;font-weight:750;fill:#54667c}.pre-neuron+g~text{fill:#fff}.synapse-buttons{padding:10px 14px;display:flex;gap:7px;border-top:1px solid var(--line)}.synapse-buttons button{border:1px solid #c8d5e4;background:#fff;color:var(--navy);border-radius:8px;padding:7px 10px;font-size:.7rem;font-weight:800}.switch-row{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:15px}.switch-row strong,.switch-row small{display:block}.switch-row strong{font-size:.83rem}.switch-row small{font-size:.66rem;color:var(--muted)}.switch{position:relative;width:48px;height:27px;flex:0 0 auto}.switch input{opacity:0;width:1px;height:1px}.switch span{position:absolute;inset:0;background:#cad3df;border-radius:30px;transition:.2s}.switch span:after{content:"";position:absolute;width:21px;height:21px;top:3px;left:3px;background:#fff;border-radius:50%;box-shadow:0 2px 5px rgba(0,0,0,.2);transition:.2s}.switch input:checked+span{background:var(--purple)}.switch input:checked+span:after{transform:translateX(21px)}.switch input:focus-visible+span{outline:3px solid var(--focus);outline-offset:3px}#synapseContent{margin-top:14px;font-size:.72rem;color:var(--muted)}
.chemistry-toolbar{display:flex;align-items:center;gap:9px;margin-bottom:13px}.chemistry-toolbar>label{font-size:.7rem;font-weight:850}.chemistry-toolbar>input{border:1px solid var(--line);border-radius:9px;padding:8px 10px;min-width:210px}.chemistry-toolbar>div{margin-left:auto;display:flex;gap:5px}.chemistry-toolbar button{border:1px solid var(--line);background:#fff;color:#637188;border-radius:9px;padding:7px 10px;font-size:.67rem;font-weight:800}.chemistry-toolbar button.active{background:var(--navy);border-color:var(--navy);color:#fff}.periodic-scroll{overflow-x:auto;padding:5px 3px 14px}.periodic-table{min-width:930px;min-height:344px;display:grid;grid-template-columns:repeat(18,1fr);grid-auto-rows:45px;gap:4px;align-items:stretch}.chemistry-loading{grid-column:1/-1;display:grid;place-items:center;color:var(--muted);font-size:.8rem}.element-cell{position:relative;border:1px solid #cdd9e6;background:#f7faff;border-radius:7px;padding:3px;color:var(--navy);text-align:left;overflow:hidden}.element-cell:hover{z-index:2;transform:scale(1.06);box-shadow:0 5px 13px rgba(31,56,100,.16)}.element-cell .atomic-number{display:block;font-size:.5rem;color:#6f7e92;line-height:1}.element-cell strong{display:block;font-size:.86rem;line-height:1.05}.element-cell small{display:block;font-size:.45rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.element-cell.body{background:#e2f5f2;border-color:#9bd4cf}.element-cell.care{box-shadow:inset 0 -3px #7c3aed}.element-cell.selected{outline:3px solid var(--focus);outline-offset:1px}.element-cell[hidden]{display:none!important}.period-label{display:grid;place-items:center;color:#8995a6;font-size:.55rem;font-weight:800}.chemistry-workbench{margin-top:8px;display:grid;grid-template-columns:.7fr 1.3fr;gap:15px}.element-inspector,.molecule-builder{border:1px solid var(--line);border-radius:15px;padding:17px;background:#f8fbfe}.element-inspector>span,.builder-heading span{font-size:.59rem;letter-spacing:.12em;color:var(--teal);font-weight:900}.element-inspector p{font-size:.75rem;color:var(--muted)}.inspector-head{display:flex;align-items:center;gap:12px;margin:9px 0}.inspector-symbol{width:54px;height:54px;border-radius:13px;display:grid;place-items:center;background:var(--navy);color:#fff;font-size:1.35rem;font-weight:900}.inspector-head h3{margin:0;font-size:1.05rem}.inspector-head small{color:var(--muted)}.inspector-facts{display:grid;grid-template-columns:1fr 1fr;gap:7px}.inspector-facts div{background:#fff;padding:8px;border-radius:8px;border:1px solid var(--line)}.inspector-facts b,.inspector-facts span{display:block}.inspector-facts b{font-size:.56rem;color:#8793a5;text-transform:uppercase}.inspector-facts span{font-size:.72rem;font-weight:750}.builder-heading{display:flex;justify-content:space-between;gap:12px}.builder-heading h3{font-size:.88rem;margin:3px 0}.builder-heading>button{border:0;background:transparent;color:var(--muted);font-size:.67rem;text-decoration:underline}.atom-tray{min-height:70px;margin:12px 0;padding:10px;display:flex;align-items:center;gap:7px;flex-wrap:wrap;background:#fff;border:1px dashed #b8c7d9;border-radius:11px}.atom-tray p{font-size:.7rem;color:#8793a5;margin:auto}.atom-chip{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:var(--navy);color:#fff;font-weight:900;box-shadow:0 5px 12px rgba(31,56,100,.18)}.atom-chip[data-symbol="O"]{background:#b84040}.atom-chip[data-symbol="C"]{background:#344051}.atom-chip[data-symbol="Na"]{background:#7030a0}.atom-chip[data-symbol="Cl"]{background:#23845b}.atom-chip[data-symbol="N"]{background:#2e75b6}.builder-actions{display:flex;gap:5px;flex-wrap:wrap}.builder-actions button{border:1px solid #bfd0e3;background:#fff;color:var(--navy);border-radius:8px;padding:6px 9px;font-size:.68rem;font-weight:850}.molecule-result{margin-top:12px;padding:11px;display:flex;align-items:center;gap:10px;background:#edf3f9;border-radius:10px}.result-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#d9e3ef;color:var(--navy);font-weight:900}.molecule-result strong,.molecule-result p{display:block;margin:0}.molecule-result strong{font-size:.76rem}.molecule-result p{font-size:.66rem;color:var(--muted)}.molecule-result.success{background:#e8f7f2}.molecule-result.success .result-mark{background:var(--teal);color:#fff}.molecule-result.unknown{background:#fff7ed}.molecule-result.unknown .result-mark{background:#d97706;color:#fff}.chemistry-safety{background:#fff8eb;border-color:#f2d7a4}.chemistry-safety>span{background:#c57016}.chemistry-safety p{color:#785b32;flex:1;margin:0}
.topic-method{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}.topic-method>div{display:flex;align-items:center;gap:11px;padding:13px 14px;border:1px solid var(--line);border-radius:13px;background:#f7fafc}.topic-method span{width:32px;height:32px;display:grid;place-items:center;flex:0 0 auto;border-radius:9px;background:var(--navy);color:#fff;font-size:.75rem;font-weight:900}.topic-method p,.topic-method strong{display:block;margin:0}.topic-method p{font-size:.69rem;color:var(--muted);line-height:1.45}.topic-method strong{color:var(--ink);font-size:.77rem}.topic-toolbar{display:grid;grid-template-columns:auto minmax(220px,1fr) auto;gap:10px;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:13px 13px 0 0;background:#edf3f8}.topic-toolbar label{font-size:.72rem;font-weight:850;color:var(--navy)}.topic-toolbar input{width:100%;border:1px solid #bdcbd9;border-radius:9px;background:#fff;padding:9px 11px;font:inherit;font-size:.75rem;color:var(--ink)}.topic-toolbar p{margin:0;color:var(--muted);font-size:.68rem;white-space:nowrap}.topic-library{display:grid;grid-template-columns:minmax(235px,.72fr) minmax(0,1.6fr);min-height:560px;border:1px solid var(--line);border-top:0;border-radius:0 0 16px 16px;overflow:hidden;background:#fff}.topic-index{padding:12px;background:#f3f7fb;border-right:1px solid var(--line);overflow:auto}.topic-index>div{display:grid;gap:7px}.topic-loading{font-size:.76rem;color:var(--muted);padding:10px}.topic-card{position:relative;width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;border:1px solid transparent;border-radius:11px;background:#fff;padding:12px 13px;color:var(--ink)}.topic-card:hover{border-color:#b7c9da}.topic-card.active{border-color:#8bbfb9;background:#eef8f7;box-shadow:inset 3px 0 var(--teal)}.topic-card[hidden]{display:none}.topic-card-label{font-size:.57rem;color:#718096;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.topic-card strong{font-size:.8rem;line-height:1.28}.topic-card small{font-size:.66rem;color:var(--muted);line-height:1.45}.topic-card i{font-style:normal;font-size:.56rem;font-weight:850;margin-top:3px}.topic-card i.ready{color:#08715f}.topic-card i.review{color:#a05516}.topic-detail{padding:clamp(18px,3vw,34px);min-width:0;background:#fff}.topic-empty{min-height:420px;display:grid;place-content:center;text-align:center;color:var(--muted)}.topic-empty span{font-size:2.6rem;color:var(--teal)}.topic-empty h3{color:var(--ink);margin:8px 0 2px}.topic-empty p{font-size:.78rem}.topic-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:17px;border-bottom:1px solid var(--line)}.topic-kicker{margin:0 0 4px;color:var(--teal);font-size:.62rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.topic-detail-head h3{margin:0;font-size:clamp(1.35rem,2.4vw,2rem);line-height:1.15;letter-spacing:-.02em}.topic-meta{margin:5px 0 0;color:var(--muted);font-size:.69rem}.topic-status{display:inline-flex;align-items:center;min-height:27px;padding:5px 9px;border-radius:8px;font-size:.61rem;font-weight:850;white-space:nowrap}.topic-status.ready{background:#e8f7f2;color:#08715f}.topic-status.review{background:#fff1df;color:#9a4c14}.topic-review-note{margin:13px 0 0;padding:11px 12px;border-left:3px solid #d97706;background:#fff7ed;color:#7f501f;font-size:.72rem;line-height:1.55}.topic-section{margin-top:20px}.topic-section h4{margin:0 0 8px;font-size:.9rem;color:var(--navy)}.topic-section>p{font-size:.78rem;line-height:1.7;color:#536176}.topic-process{list-style:none;margin:0;padding:0;display:grid;gap:8px}.topic-process li{display:flex;gap:11px;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:#f8fbfe}.topic-process li>span{width:26px;height:26px;display:grid;place-items:center;flex:0 0 auto;border-radius:7px;background:var(--teal);color:#fff;font-size:.68rem;font-weight:900}.topic-process strong,.topic-process p{display:block;margin:0}.topic-process strong{font-size:.75rem}.topic-process p{font-size:.68rem;color:var(--muted);margin-top:2px}.topic-limit{padding:14px;border-radius:11px;background:#f3f5f8;border-left:3px solid var(--blue)}.topic-limit ul{margin:0;padding-left:18px;color:#58677b;font-size:.72rem;line-height:1.6}.topic-case{padding:17px;border:1px solid #c7e1de;border-radius:13px;background:#eff9f7}.topic-section-label{margin:0!important;color:var(--teal)!important;font-size:.58rem!important;font-weight:900;text-transform:uppercase;letter-spacing:.11em}.topic-case small{display:block;margin-top:8px;color:#64748b;font-size:.64rem}.topic-questions{display:grid;gap:9px}.topic-questions>h4{margin-bottom:0}.topic-question{padding:13px 14px;border:1px solid var(--line);border-radius:11px;background:#fff}.topic-question fieldset{border:0;margin:0;padding:0}.topic-question legend{font-size:.76rem;font-weight:850;margin-bottom:6px}.topic-question label{display:block;padding:4px 0;font-size:.7rem;color:#536176}.topic-question input{accent-color:var(--teal)}.topic-question button{margin-top:7px;border:0;border-radius:8px;background:var(--navy);color:#fff;padding:7px 10px;font-size:.66rem;font-weight:850}.topic-question .quiz-feedback{margin-bottom:0}.topic-glossary dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}.topic-glossary dl>div{padding:11px;border:1px solid var(--line);border-radius:10px;background:#f8fbfe}.topic-glossary dt{font-size:.7rem;font-weight:850;text-transform:capitalize}.topic-glossary dd{margin:3px 0 0;font-size:.66rem;line-height:1.5;color:var(--muted)}.topic-sources{padding-top:15px;border-top:1px solid var(--line)}.topic-sources ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}.topic-sources li{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.68rem}.topic-sources a{color:var(--blue);font-weight:750}.topic-sources li span{font-size:.56rem;padding:4px 7px;border-radius:7px;white-space:nowrap}.topic-sources li span.planned{background:#e8f7f2;color:#08715f}.topic-sources li span.unverified{background:#fff1df;color:#9a4c14}.topic-checked{color:var(--muted)!important;font-size:.62rem!important}.topic-note>span{font-family:Georgia,serif;font-style:italic}
.molecule-result .molecule-context,.molecule-result .molecule-safety{margin-top:7px;padding-top:7px;border-top:1px solid rgba(31,56,100,.12);line-height:1.5}.molecule-result .molecule-safety{color:#8a4b14}.molecule-source{display:block;margin-top:7px;color:#728096;font-size:.57rem}
.topic-sources li span.planned{background:#edf3f9;color:#50657f}.topic-sources li span.opened{background:#e8f7f2;color:#08715f}.topic-checked{font-size:.75rem!important}
.topic-section>p{font-size:1rem}.topic-process strong{font-size:.9rem}.topic-process p,.topic-limit ul,.topic-case small,.topic-question label,.topic-glossary dd{font-size:.875rem}.topic-question legend{font-size:.95rem}.topic-question button{font-size:.8rem}.topic-card strong{font-size:.9rem}.topic-card small,.topic-meta,.topic-sources li,.topic-toolbar label,.topic-toolbar input{font-size:.8rem}.topic-card-label,.topic-card i,.topic-sources li span{font-size:.7rem}
.topic-model{padding:18px;border:1px solid #c9dce9;border-radius:15px;background:linear-gradient(145deg,#f8fcff,#eef8f7)}.topic-model-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:12px}.topic-model-heading h4{margin:2px 0 0;font-size:1.05rem}.topic-model .topic-section-label{font-size:.75rem!important}.respiration-cycle{display:grid;min-width:92px;padding:6px 10px;border-radius:999px;background:var(--navy);color:#fff;text-align:center;font-size:.78rem;font-weight:850}.respiration-cycle span{grid-area:1/1}.respiration-cycle .cycle-out{opacity:0}.respiration-model-grid{display:grid;grid-template-columns:minmax(230px,.92fr) minmax(250px,1.08fr);gap:15px;align-items:stretch}.respiration-figure{margin:0;padding:10px 12px 12px;border:1px solid #c9d8e6;border-radius:13px;background:#fff}.respiration-figure svg{display:block;width:100%;height:auto;max-height:325px}.respiration-figure figcaption{margin-top:4px;color:var(--muted);font-size:.8rem;line-height:1.5}.respiration-thorax{fill:none;stroke:#9fb5c9;stroke-width:5;stroke-linecap:round}.respiration-airway{fill:none;stroke:#2e75b6;stroke-width:9;stroke-linecap:round;stroke-linejoin:round}.respiration-lungs{fill:#b9e1df;stroke:#0d6e6e;stroke-width:3;transform-origin:180px 170px}.respiration-air circle{fill:#4dc9d6;stroke:#176a83;stroke-width:1.5}.respiration-diaphragm{fill:none;stroke:#7030a0;stroke-width:8;stroke-linecap:round;transform-origin:180px 245px}.respiration-figure text{fill:#66738a;font-size:14px;font-weight:750}.respiration-model-legend{display:grid;gap:9px;margin:0}.respiration-model-legend>div{padding:12px 13px;border:1px solid var(--line);border-radius:11px;background:#fff}.respiration-model-legend dt{display:flex;align-items:center;gap:8px;color:var(--navy);font-size:.9rem;font-weight:850}.respiration-model-legend dt span{width:24px;height:24px;display:grid;place-items:center;border-radius:7px;background:var(--teal);color:#fff;font-size:.75rem}.respiration-model-legend dd{margin:5px 0 0;color:#536176;font-size:.875rem;line-height:1.55}.respiration-model-legend .respiration-alveoli{border-color:#d8c9ef;background:#fbf8ff}.respiration-alveoli dt{color:var(--purple)}
.topic-model-grid{display:grid;grid-template-columns:minmax(225px,.9fr) minmax(250px,1.1fr);gap:15px;align-items:stretch}.topic-model-art{display:grid;place-items:center;margin:0;padding:10px;border:1px solid #c9d8e6;border-radius:13px;background:#fff;min-height:230px}.topic-model-art svg{display:block;width:100%;height:auto;max-height:245px}.topic-model-art .model-dark{fill:var(--navy)}.topic-model-art .model-soft{fill:#dceff0}.topic-model-art .model-node{fill:#2e75b6}.topic-model-art .model-node.purple{fill:#8b5bb5}.topic-model-art .model-line,.topic-model-art .model-dash,.topic-model-art .model-chain{fill:none;stroke:#2e75b6;stroke-width:6;stroke-linecap:round;stroke-linejoin:round}.topic-model-art .model-line.teal{stroke:var(--teal)}.topic-model-art .model-line.purple{stroke:var(--purple)}.topic-model-art .model-dash{stroke:var(--teal);stroke-width:4;stroke-dasharray:7 7}.topic-model-art .model-dot{fill:#f5a623;stroke:#9b5600;stroke-width:2}.topic-model-art .model-water circle{fill:#74c9d1;stroke:#176a83;stroke-width:1.5}.topic-model-art .model-cell{fill:#d9eeec;stroke:var(--teal);stroke-width:4}.topic-model-art .model-gridline{stroke:#d7e1eb;stroke-width:2}.topic-model-art .model-wave{fill:none;stroke:var(--teal);stroke-width:5;stroke-linecap:round}.topic-model-art .model-wave.purple{stroke:var(--purple)}.topic-model-art .model-lens{fill:#d8eff4;stroke:#2e75b6;stroke-width:4}.topic-model-art .model-retina{fill:none;stroke:var(--purple);stroke-width:8;stroke-linecap:round}.topic-model-art .model-heart{fill:#c85766;stroke:#913845;stroke-width:3}.topic-model-art .model-kidney{fill:#c77b84;stroke:#8c4552;stroke-width:3}.topic-model-art .model-drop{fill:#77b9df;stroke:#2e75b6;stroke-width:3}.topic-model-art .model-sun{fill:#f6c657;stroke:#c98516;stroke-width:3}.topic-model-art .model-cold{fill:none;stroke:#6ba7cf;stroke-width:6;stroke-linecap:round}.topic-model-art .model-thermo{fill:#cf5c66}.topic-model-art .model-food circle{fill:#efb35d;stroke:#b86e17;stroke-width:2}.topic-model-art .model-stomach{fill:#d7b9e8;stroke:var(--purple);stroke-width:4}.topic-model-art .model-break{fill:#fff3db;stroke:#d08018;stroke-width:4}.topic-model-art .model-chain{stroke:#91a4b8;stroke-width:5}.topic-model-art .model-cross{stroke:#c75a45;stroke-width:7;stroke-linecap:round}.topic-model-art .model-label{fill:#607087;font-size:13px;font-weight:750}.topic-model-art .model-label.strong{fill:#a85a12;font-weight:900}.topic-model-points{display:grid;gap:9px;margin:0}.topic-model-points>div{padding:12px 13px;border:1px solid var(--line);border-radius:11px;background:#fff}.topic-model-points dt{display:flex;align-items:center;color:var(--navy);font-size:.9rem;font-weight:850}.topic-model-points dt span{width:24px;height:24px;display:grid;place-items:center;flex:0 0 auto;margin-right:8px;border-radius:7px;background:var(--teal);color:#fff;font-size:.75rem}.topic-model-points dd{margin:5px 0 0;color:#536176;font-size:.875rem;line-height:1.55}.topic-model-link{margin-top:12px;border:1px solid #acc7da;border-radius:9px;background:#fff;color:var(--navy);padding:9px 12px;font-size:.875rem;font-weight:850}.topic-model-link:hover{border-color:var(--teal);color:var(--teal)}
footer{padding:28px clamp(20px,6vw,80px);display:flex;align-items:center;gap:30px;background:var(--navy-deep);color:#fff}footer strong{font-size:.9rem}footer p{color:#aabbd1;font-size:.68rem;margin:2px 0}footer nav{margin-left:auto;display:flex;gap:14px;flex-wrap:wrap}footer a{color:#c9d8ea;font-size:.7rem}.noscript{position:fixed;inset:auto 10px 10px;background:#fff7ed;border:1px solid #f3c987;padding:12px;border-radius:10px;font-size:.78rem;z-index:999}
.chemistry-coverage{margin:-5px 0 12px;padding:8px 10px;border-left:3px solid var(--teal);background:#eef8f7;color:#476273;font-size:.7rem}
.chemistry-reference{margin-top:22px;border:1px solid var(--line);border-radius:15px;background:#f8fbfe;overflow:hidden}.chemistry-reference>summary{cursor:pointer;padding:16px 18px;color:var(--navy);font-size:.9rem;font-weight:850}.chemistry-reference>summary:hover{background:#eef5fb}.chemistry-reference>summary:focus-visible{outline:3px solid var(--focus);outline-offset:-3px}.chemistry-reference-body{padding:4px 18px 18px;border-top:1px solid var(--line)}
body.motion-paused .orbit i,body.motion-paused .lab-intro-visual svg path,body.motion-paused .respiration-lungs,body.motion-paused .respiration-diaphragm,body.motion-paused .respiration-air,body.motion-paused .respiration-cycle span{animation-play-state:paused!important}
@keyframes orbitPulse{50%{transform:scale(1.24);opacity:.55}}
@keyframes dashFlow{to{stroke-dashoffset:-32}}
@keyframes respirationBreath{0%,100%{transform:scale(.94)}48%,52%{transform:scale(1.04)}}
@keyframes respirationDiaphragm{0%,100%{transform:translateY(-5px)}48%,52%{transform:translateY(12px)}}
@keyframes respirationAir{0%{transform:translateY(-8px);opacity:.2}40%{transform:translateY(24px);opacity:1}55%{transform:translateY(24px);opacity:1}95%{transform:translateY(-8px);opacity:.2}100%{opacity:.2}}
@keyframes respirationPhaseIn{0%,46%{opacity:1}54%,96%{opacity:0}100%{opacity:1}}
@keyframes respirationPhaseOut{0%,46%{opacity:0}54%,96%{opacity:1}100%{opacity:0}}
@media(prefers-reduced-motion:no-preference){.orbit i{animation:orbitPulse 3.2s ease-in-out infinite}.lab-intro-visual svg path{animation:dashFlow 5s linear infinite}.mission-card{will-change:transform}.respiration-lungs{animation:respirationBreath 6s ease-in-out infinite}.respiration-diaphragm{animation:respirationDiaphragm 6s ease-in-out infinite}.respiration-air{animation:respirationAir 6s ease-in-out infinite}.respiration-cycle .cycle-in{animation:respirationPhaseIn 6s linear infinite}.respiration-cycle .cycle-out{animation:respirationPhaseOut 6s linear infinite}}
@media(max-width:900px){.lab-intro{grid-template-columns:1fr;padding-top:46px}.lab-intro-visual{position:absolute;right:-120px;top:70px;width:450px;opacity:.4}.lab-intro-copy{max-width:680px}.mission-grid{grid-template-columns:1fr 1fr}.experiment-layout,.chemistry-workbench{grid-template-columns:1fr}.panel-heading{align-items:start;flex-direction:column;gap:8px}.review-banner{grid-template-columns:auto 1fr}.review-banner p{grid-column:1/-1;text-align:left;margin:0}.method-card{grid-template-columns:1fr}.education-paths{grid-template-columns:repeat(2,1fr)}.education-paths>div{grid-column:1/-1}.topic-library{grid-template-columns:minmax(210px,.62fr) minmax(0,1.38fr)}.site-header nav>a.nav-secondary{display:none}}
@media(max-width:620px){.site-header{min-height:62px;padding:8px 12px}.site-header nav>a:not(.nav-cta){display:none}.site-header nav>a.nav-cta{padding:9px 12px;font-size:.76rem}.brand small{display:none}.lab-intro{min-height:480px;padding:43px 18px 55px;display:block}.lab-intro h1{font-size:2.55rem}.lab-intro-visual{right:-210px;top:128px;opacity:.28}.level-picker button{padding-right:8px}.level-picker button span{margin-right:3px}.progress-strip{grid-template-columns:1fr auto;gap:8px;margin-top:-16px}.progress-track{grid-column:1/-1;grid-row:2}.progress-strip button{grid-column:2;grid-row:1}.lab-tabs{top:62px;overflow-x:auto;display:flex}.lab-tabs button{min-width:120px}.lab-shell{width:min(100% - 18px,1160px)}.lab-panel{padding:19px 14px;border-radius:15px}.mission-grid,.learning-row,.education-paths{grid-template-columns:1fr}.mission-card{min-height:215px}.mission-icon{margin:20px 0 8px}.method-steps{grid-template-columns:1fr}.experiment-stage svg,.synapse-stage svg{min-height:270px;height:auto}.wave-stage canvas{height:280px}.chemistry-reference-body{padding-inline:12px}.chemistry-toolbar{align-items:stretch;flex-direction:column}.chemistry-toolbar>input{min-width:0}.chemistry-toolbar>div{margin-left:0;overflow-x:auto}.curriculum-note,.chemistry-safety{align-items:flex-start;flex-wrap:wrap}.curriculum-note a,.chemistry-safety a{margin-left:45px}.curriculum-links{margin-left:45px;justify-content:flex-start}.curriculum-note .curriculum-links a{margin-left:0}.periodic-table{min-width:840px}.source-line{line-height:1.9}.topic-method{grid-template-columns:1fr}.topic-toolbar{grid-template-columns:1fr}.topic-library{display:block}.topic-index{border-right:0;border-bottom:1px solid var(--line);max-height:310px}.topic-detail{padding:19px 15px}.topic-detail-head{display:block}.topic-status{margin-top:10px}.topic-glossary dl{grid-template-columns:1fr}.topic-sources li{align-items:flex-start;flex-direction:column;gap:4px}.topic-model-heading{align-items:flex-start}.respiration-model-grid,.topic-model-grid{grid-template-columns:1fr}.respiration-figure svg{max-height:280px}.topic-model-art{min-height:210px}footer{align-items:flex-start;flex-direction:column}footer nav{margin:0}.sense-picker{margin-inline:-5px}}
@media(max-width:620px){.lab-panel{scroll-margin-top:140px}#atomLabMount{scroll-margin-top:140px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Systemlaboratoriet: et samlet kontrolrum for samspil mellem kroppens processer. */
.systems-heading{background:radial-gradient(circle at 94% 0,rgba(77,201,214,.15),transparent 32%);margin:-10px -10px 24px;padding:10px 10px 22px}.systems-picker{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin-bottom:13px}.systems-picker button{min-height:65px;border:1px solid #cbd9e7;border-radius:12px;background:#f7faff;color:#5a6980;padding:8px 7px;font-size:.67rem;font-weight:850;line-height:1.25}.systems-picker button span{display:block;margin-bottom:3px;color:var(--blue);font-size:1.08rem}.systems-picker button[aria-pressed="true"]{background:linear-gradient(145deg,#132a4b,#244f7f);border-color:#244f7f;color:#fff;box-shadow:0 9px 20px rgba(25,53,91,.22)}.systems-picker button[aria-pressed="true"] span{color:#70e0e2}
.systems-workbench{display:grid;grid-template-columns:minmax(190px,.62fr) minmax(390px,1.6fr) minmax(230px,.78fr);gap:12px;padding:12px;border-radius:22px;background:linear-gradient(145deg,#10233f,#17395f 60%,#0c555d);box-shadow:0 25px 55px rgba(16,35,63,.24)}.systems-mission,.systems-controls{min-width:0;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(7,20,39,.72);color:#edf7ff;padding:17px;box-shadow:inset 0 1px rgba(255,255,255,.08)}.system-kicker{margin:0 0 7px;color:#75dfe2;font-size:.59rem;font-weight:900;letter-spacing:.14em}.mission-orbit{width:66px;height:66px;display:grid;place-items:center;margin:18px 0 15px;border:1px solid rgba(120,226,230,.5);border-radius:50%;position:relative;background:radial-gradient(circle,#194a68,#10233f 70%);box-shadow:0 0 28px rgba(77,201,214,.19)}.mission-orbit:before,.mission-orbit:after{content:"";position:absolute;border-radius:50%;border:1px dashed rgba(117,223,226,.26)}.mission-orbit:before{inset:-9px}.mission-orbit:after{inset:8px}.mission-orbit span{font-size:1rem;font-weight:900;color:#fff}.systems-mission h3,.systems-controls h3{margin:0;color:#fff;line-height:1.15}.systems-mission>p:not(.system-kicker):not(.prediction-feedback){margin:7px 0 13px;color:#afc3d6;font-size:.72rem;line-height:1.55}.mission-phases{display:grid;gap:5px;margin:13px 0}.mission-phases>[data-system-phase]{display:flex;align-items:center;gap:8px;padding:7px;border-radius:8px;color:#8299ae;font-size:.68rem;font-weight:800}.mission-phases>[data-system-phase]>b{width:26px;height:26px;display:grid;place-items:center;flex:0 0 auto;border:1px solid #405a72;border-radius:7px;font-size:.62rem}.mission-phases>[data-system-phase]>span{min-width:0}.mission-phases strong,.mission-phases small{display:block}.mission-phases strong{color:inherit}.mission-phases small{margin-top:1px;color:#7891a7;font-size:.58rem;font-weight:600}.mission-phases>[data-system-phase].active{background:rgba(77,201,214,.12);color:#dffbfc}.mission-phases>[data-system-phase].active>b{border-color:#52cbd2;background:#18717a;color:#fff}.mission-phases>[data-system-phase].active small{color:#acd8dd}.mission-phases>[data-system-phase].done{color:#8be1bd}.mission-phases>[data-system-phase].done>b{border-color:#3f9c75;background:#176344;color:#fff}.prediction-box{border:0;margin:12px 0 0;padding:0}.prediction-box legend{margin-bottom:7px;font-size:.67rem;font-weight:850;color:#fff}.prediction-box button{width:100%;margin:4px 0;border:1px solid #36546c;border-radius:9px;background:#142c47;color:#b9cbdc;padding:8px;text-align:left;font-size:.65rem;font-weight:700}.prediction-box button:hover,.prediction-box button[aria-pressed="true"]{border-color:#64d4da;background:#174e61;color:#fff}.prediction-feedback{min-height:38px;margin:8px 0 0;color:#89a3b8;font-size:.61rem;line-height:1.45}
.systems-stage{min-width:0;overflow:hidden;border-radius:16px;background:#091a30;border:1px solid rgba(255,255,255,.14);position:relative}.systems-stage .stage-top{background:#0c213b;border-color:#27435d;color:#8ca8bd}.systems-stage .stage-top output{color:#7ce5e7}.systems-stage canvas{display:block;width:100%;height:410px;background:radial-gradient(circle at 50% 40%,#173c5b,#09182c 72%)}.system-meters{min-height:65px;padding:9px 11px;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;background:#0b1e36;border-top:1px solid #29425a}.system-meter{padding:7px 8px;border:1px solid #294660;border-radius:9px;background:#102943}.system-meter span,.system-meter strong{display:block}.system-meter span{color:#819bb1;font-size:.54rem;font-weight:850;letter-spacing:.07em;text-transform:uppercase}.system-meter strong{margin-top:2px;color:#eaf8ff;font-size:.72rem}.system-meter i{display:block;height:4px;margin-top:5px;overflow:hidden;border-radius:5px;background:#233e56}.system-meter i b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1aa1a8,#63e1e3);transition:width .25s}.system-playback{display:flex;gap:5px;padding:9px 11px;background:#07172a;border-top:1px solid #29425a}.system-playback button{min-height:36px;border:1px solid #35536d;border-radius:8px;background:#102943;color:#cbe0ef;padding:6px 9px;font-size:.63rem;font-weight:850}.system-playback button:first-child{background:#176d74;border-color:#218b91;color:#fff}.system-playback button:last-child{margin-left:auto}
.controls-title{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.controls-title>span{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(145deg,#1d8390,#6940a2);color:#fff;font-weight:900}.system-objective{min-height:48px;margin:9px 0 6px;color:#a9c0d3;font-size:.66rem;line-height:1.5}.system-controls-help{margin:0 0 14px;padding:8px 10px;border-left:3px solid #52ced4;border-radius:0 8px 8px 0;background:rgba(82,206,212,.09);color:#c7e5e8;font-size:.66rem;line-height:1.45}.system-control{margin:0 0 15px}.system-control label{display:flex;justify-content:space-between;gap:10px;color:#dceaf4;font-size:.66rem;font-weight:800}.system-control label output{color:#79e2e4}.system-control small{display:block;margin-top:2px;color:#7891a7;font-size:.58rem;line-height:1.35}.system-control input[type="range"]{width:100%;min-height:44px;margin-top:2px;accent-color:#52ced4;cursor:pointer}.system-control input[type="range"]:focus-visible{outline:3px solid #fbbf24;outline-offset:3px}.systems-controls .model-limit{margin-top:11px;background:rgba(209,119,28,.1);color:#ffe5c3}.systems-controls .model-limit p{color:#bca98e}.systems-controls [data-locked-level]{padding:9px;border:1px dashed #466079;border-radius:9px;color:#8ea4b8;font-size:.62rem}
.system-guided-experiments{margin:4px 0 16px;padding:11px;border:1px solid rgba(115,224,226,.24);border-radius:12px;background:rgba(79,194,202,.08)}.system-guided-experiments>strong{display:block;color:#efffff;font-size:.76rem}.system-guided-experiments>p{margin:3px 0 9px;color:#91adbd;font-size:.66rem;line-height:1.45}.system-guided-experiments>div{display:grid;gap:7px}.system-preset{min-height:48px;padding:8px 10px;border:1px solid #365b70;border-radius:10px;background:#102d46;color:#eaf8ff;text-align:left;font:inherit;cursor:pointer}.system-preset b,.system-preset small{display:block}.system-preset b{font-size:.7rem}.system-preset small{margin-top:2px;color:#93adbd;font-size:.62rem;line-height:1.35}.system-preset:hover,.system-preset[aria-pressed="true"]{border-color:#65dce0;background:#174b59}.system-preset:focus-visible{outline:3px solid #fbbf24;outline-offset:2px}.system-meter .system-meter-delta{margin-top:5px;color:#91a8ba;font-size:.58rem;font-weight:750;letter-spacing:0;text-transform:none}.system-meter .system-meter-delta.up{color:#8be1bd}.system-meter .system-meter-delta.down{color:#ffd18d}
.systems-explain{display:grid;grid-template-columns:.8fr 1.2fr;gap:25px;margin-top:14px;padding:19px 21px;border:1px solid #c8dce9;border-radius:16px;background:linear-gradient(145deg,#f3fbfb,#f8f6fe)}.systems-explain h3{margin:0;font-size:1.1rem}.systems-explain>div>p:not(.system-kicker){margin:5px 0;color:var(--muted);font-size:.72rem}.explain-entry{display:grid;grid-template-columns:1fr auto;gap:7px}.explain-entry label{grid-column:1/-1;font-size:.65rem;font-weight:850;color:var(--navy)}.explain-entry textarea{min-height:82px;resize:vertical;border:1px solid #b8c9da;border-radius:10px;padding:10px;font:inherit;font-size:.75rem;color:var(--ink)}.explain-entry button{align-self:start;border:0;border-radius:9px;background:var(--navy);color:#fff;padding:9px 12px;font-size:.67rem;font-weight:850}.explain-entry p{grid-column:1/-1;margin:0;color:var(--muted);font-size:.65rem}.explain-entry p.complete{color:#08715f;font-weight:800}
.systems-bottom-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.systems-concepts,.systems-evidence{min-height:120px;padding:16px;border:1px solid var(--line);border-radius:14px;background:#f8fbfe}.systems-concepts>div{display:flex;flex-wrap:wrap;gap:6px}.systems-concepts button{border:1px solid #bdd5dd;border-radius:999px;background:#edf9f8;color:#11656a;padding:6px 9px;font-size:.64rem;font-weight:800}.systems-concepts button:hover,.systems-concepts button:focus-visible{background:#d8f3f1}.systems-evidence ol{margin:0;padding-left:20px;color:#5d6d80;font-size:.68rem;line-height:1.65}.systems-evidence li::marker{color:var(--teal);font-weight:900}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:1050px){.systems-workbench{grid-template-columns:minmax(180px,.6fr) minmax(400px,1.4fr)}.systems-controls{grid-column:1/-1;display:grid;grid-template-columns:220px 1fr;gap:10px 22px}.systems-controls>.controls-title,.systems-controls>.system-objective{grid-column:1}.systems-controls>#systemControls,.systems-controls>.model-limit{grid-column:2}.systems-controls>.model-limit{margin-top:0}}
@media(max-width:900px){.systems-picker{grid-template-columns:repeat(3,1fr)}.systems-workbench{grid-template-columns:1fr}.systems-mission{display:grid;grid-template-columns:75px 1fr;gap:5px 13px;align-content:start}.systems-mission>.system-kicker,.systems-mission>.mission-orbit{grid-column:1}.systems-mission>h3,.systems-mission>p,.systems-mission>.mission-phases,.systems-mission>.prediction-box,.systems-mission>.prediction-feedback{grid-column:2}.systems-mission>.mission-orbit{grid-row:2/5}.systems-controls{grid-column:auto;display:block}.systems-explain{grid-template-columns:1fr}}
@media(max-width:620px){.systems-picker{display:flex;overflow-x:auto}.systems-picker button{min-width:112px}.systems-workbench{padding:7px}.systems-mission{display:block}.systems-mission>.mission-orbit{margin:12px 0}.systems-stage canvas{height:320px}.system-meters{grid-template-columns:1fr}.system-playback{flex-wrap:wrap}.system-playback button{flex:1}.system-playback button:last-child{margin-left:0;flex-basis:100%}.systems-explain{padding:15px}.explain-entry{grid-template-columns:1fr}.explain-entry button{width:100%}.systems-bottom-row{grid-template-columns:1fr}}
@media(max-width:620px){.system-guided-experiments>div{grid-template-columns:1fr 1fr}.system-preset{min-width:0}.system-meter{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;align-items:center}.system-meter i,.system-meter .system-meter-delta{grid-column:1/-1}}
@media(max-width:370px){.system-guided-experiments>div{grid-template-columns:1fr}}

.systems-theory{margin-top:12px;padding:20px;border:1px solid #cad9e7;border-radius:16px;background:#fff}.systems-theory>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:13px;border-bottom:1px solid var(--line)}.systems-theory h3{margin:0;font-size:1.15rem}.systems-theory>header>span{padding:6px 9px;border-radius:8px;background:#eef8f7;color:var(--teal);font-size:.65rem;font-weight:900}.systems-theory>p{color:#536176;font-size:.83rem;line-height:1.65}.systems-theory>ol{list-style:none;margin:15px 0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.systems-theory>ol li{display:flex;gap:10px;padding:12px;border:1px solid var(--line);border-radius:11px;background:#f8fbfe}.systems-theory>ol li>span{width:25px;height:25px;display:grid;place-items:center;flex:0 0 auto;border-radius:7px;background:var(--teal);color:#fff;font-size:.67rem;font-weight:900}.systems-theory>ol strong{display:block;font-size:.75rem}.systems-theory>ol p{margin:3px 0 0;color:var(--muted);font-size:.7rem;line-height:1.55}.system-knowledge-check{margin-top:13px;padding:15px;border-radius:12px;background:#f2f5fb}.system-knowledge-check h4{margin:0 0 8px;font-size:.78rem}.system-knowledge-check fieldset{border:0;margin:0;padding:0}.system-knowledge-check legend{margin-bottom:6px;font-size:.74rem;font-weight:800}.system-knowledge-check label{display:block;padding:4px 0;color:#536176;font-size:.7rem}.system-knowledge-check input{accent-color:var(--teal)}.system-knowledge-check button{margin-top:8px;border:0;border-radius:8px;background:var(--navy);color:#fff;padding:7px 10px;font-size:.67rem;font-weight:850}.system-knowledge-check p{min-height:20px;margin:7px 0 0;font-size:.69rem}.system-knowledge-check p.correct{color:#08715f}.system-knowledge-check p.incorrect{color:#a44314}.element-safety{padding:8px 10px;border-left:3px solid #d97706;background:#fff7ed;color:#7e4f1f!important}.source-line #systemSourceList>span{padding:0}.systems-review-banner{margin-top:-10px}.systems-concepts .system-kicker,.systems-evidence .system-kicker{color:var(--teal)}
@media(max-width:620px){.systems-theory{padding:15px}.systems-theory>header{display:block}.systems-theory>header>span{display:inline-block;margin-top:8px}.systems-theory>ol{grid-template-columns:1fr}}
.wave-advanced{margin:2px 0 15px;padding:11px;border:1px solid #d9c9ed;border-radius:11px;background:#fbf8ff}.wave-advanced .check-control{justify-content:flex-start;align-items:center;margin:5px 0}.wave-advanced .check-control input{width:auto;margin:0;accent-color:var(--purple)}.wave-advanced>input[type="range"]{width:100%;margin:2px 0 8px;accent-color:var(--purple)}body[data-level="e"] [data-wave-level="c"],body:not([data-level]) [data-wave-level="c"],body[data-level="e"] [data-wave-level="plus"],body[data-level="c"] [data-wave-level="plus"],body:not([data-level]) [data-wave-level="plus"]{display:none}
.wave-presets{margin:0 0 16px;padding:12px;border:1px solid #cfe0ed;border-radius:12px;background:linear-gradient(145deg,#f1fbfb,#f7f4ff)}.wave-presets>strong{display:block;color:var(--navy);font-size:.86rem}.wave-presets>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:8px}.wave-presets button{min-height:44px;border:1px solid #bdd3e2;border-radius:10px;background:#fff;color:var(--navy);font:750 .76rem/1.2 inherit;cursor:pointer}.wave-presets button:hover,.wave-presets button[aria-pressed="true"]{border-color:var(--teal);background:#e6f7f5;color:#0b6262}.wave-presets button:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.wave-presets>p{min-height:38px;margin:8px 0 0;color:var(--muted);font-size:.72rem;line-height:1.45}.synapse-buttons #synapseReset{margin-left:auto}
@media(max-width:370px){.wave-presets>div{grid-template-columns:1fr}.synapse-buttons #synapseReset{margin-left:0}}

/* Fase A: samme faglige systemtilstand kan tegnes i 3D eller i den fulde
   eksisterende 2D-fallback. Kun gasstationen skifter renderer. */
.systems-visual{position:relative;height:410px;overflow:hidden;background:radial-gradient(circle at 50% 40%,#173c5b,#09182c 72%)}
.systems-visual>#systemsCanvas{position:absolute;inset:0;height:100%}
.systems-gas3d-host{position:absolute;inset:0}
.systems-gas3d-host canvas{display:block;width:100%!important;height:100%!important}
.systems-gas-views{position:absolute;left:50%;bottom:10px;z-index:4;display:flex;gap:6px;max-width:calc(100% - 16px);transform:translateX(-50%);padding:5px;border:1px solid rgba(119,225,222,.3);border-radius:12px;background:rgba(7,20,37,.82);backdrop-filter:blur(8px)}
.systems-gas-views button{min-width:58px;min-height:44px;padding:0 11px;border:1px solid #35536d;border-radius:9px;background:#102943;color:#dcecf6;font:800 .67rem/1 inherit;cursor:pointer}
.systems-gas-views button[aria-pressed="true"]{border-color:#61d9df;background:#176d74;color:#fff}
.systems-gas-views button:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.systems-gas3d-status{position:absolute;z-index:5;right:8px;top:8px;max-width:calc(100% - 16px);margin:0;padding:6px 9px;border:1px solid #d6a459;border-radius:999px;background:rgba(39,29,15,.9);color:#ffe4b0;font-size:.63rem;font-weight:750}
.systems-visual>[hidden]{display:none!important}
@media(max-width:620px){.systems-visual{height:320px}.systems-gas-views{bottom:7px}.systems-gas-views button{padding:0 9px}}

/* 2026-09-09: elevnær læsbarhed. Arbejdsfladen skal føles som undervisning,
   ikke som en markedsføringsside eller et internt kvalitetssystem. */
.lab-intro{min-height:350px;padding-top:38px;padding-bottom:42px;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr)}
.lab-intro h1{font-size:clamp(2.7rem,4.5vw,4.25rem);margin-bottom:16px}
.lab-intro-visual{height:270px}
.lead{max-width:650px;font-size:1.08rem}
.level-picker button{min-height:46px;font-size:.88rem}
.level-explanation{font-size:.86rem}
.lab-tabs button{min-height:48px;font-size:.8rem;line-height:1.2}
.panel-heading>p{font-size:1rem}
.mission-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.mission-card{min-height:205px;padding:20px}
.mission-card strong{font-size:1.08rem}
.mission-card small{font-size:.9rem}
.mission-card b{font-size:.82rem}
.method-steps b{font-size:.88rem}.method-steps small{font-size:.76rem}
.review-banner span,.review-banner strong{font-size:.75rem}.review-banner p{font-size:.78rem}
.systems-picker button{font-size:.75rem}
.systems-mission>p:not(.system-kicker):not(.prediction-feedback){font-size:.8rem}
.mission-phases span,.prediction-box legend,.prediction-box button{font-size:.74rem}
.mission-phases small{font-size:.64rem}
.prediction-feedback,.system-objective,.system-control label,.systems-controls [data-locked-level]{font-size:.72rem}
.system-control small{font-size:.68rem}
.systems-explain>div>p:not(.system-kicker),.explain-entry textarea{font-size:.82rem}
.explain-entry label,.explain-entry button,.explain-entry p{font-size:.74rem}
.systems-theory>ol strong{font-size:.84rem}.systems-theory>ol p{font-size:.78rem}
.source-line{font-size:.76rem}
@media(max-width:900px){.lab-intro{min-height:370px}.lab-intro-visual{height:300px}.mission-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.lab-intro{min-height:410px}.mission-grid{grid-template-columns:1fr}.lab-intro h1{font-size:2.65rem}.lab-tabs button{min-width:108px}}

/* Ét primært instrument følger modellen. Samme input-node bruges på mobil
   og desktop, så værdi, fokus, labels og hændelser ikke bliver dubleret. */
.systems-cockpit{display:contents}
.system-focus-model{min-height:44px;border:1px solid #5fb6be;background:#176d74;color:#fff;padding:8px 12px;border-radius:9px;font-weight:750}
.system-range-row{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:6px;margin-top:4px}
.system-range-row input[type="range"]{margin:0;min-width:0;touch-action:pan-y}
.system-stepper{width:44px;height:44px;padding:0;border:1px solid #49627a;border-radius:9px;color:#edfaff;background:#163b55;font-size:1.2rem}
.system-stepper:disabled{opacity:.45;cursor:default}
#systemMoreControls>summary{display:none;min-height:44px;cursor:pointer;color:#ddf4f4;font-weight:750;font-size:.875rem}
.system-primary-control{position:relative;padding:6px 8px;background:#0b243c;border-top:1px solid #29425a}
.system-primary-control select{width:calc(100% - 57px);height:44px;border:1px solid #49627a;border-radius:8px;background:#12334b;color:#edfaff;font-size:.875rem;padding:0 5px}
.system-primary-control .system-control{margin:0}
.system-primary-control .system-control>label{position:absolute;right:8px;top:6px;height:44px;align-items:center;max-width:54px}
.system-primary-control .system-control>label>span,.system-primary-control .system-control>small{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.system-active-hint{display:none}
.system-secondary-meters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
@media(min-width:621px) and (max-width:1050px){.systems-controls{display:block}}
@media(max-width:620px){
  .systems-cockpit{display:block;min-width:0;scroll-margin-top:142px}
  .systems-stage{position:relative;top:auto;z-index:auto;box-shadow:0 12px 26px rgba(3,14,29,.2)}
  .systems-stage>.stage-top{display:none}
  .systems-visual,.systems-stage canvas{height:clamp(166px,calc(100svh - 358px),320px)}
  .system-meters{min-height:0;display:block;padding:5px 8px}
  .system-meters .system-meter{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 8px;min-width:0;padding:0;border:0;background:transparent}
  .system-meters .system-meter span{font-size:.6875rem;line-height:1.35;letter-spacing:0}
  .system-meters .system-meter strong{font-size:.875rem;line-height:1.35;margin:0;grid-column:2;grid-row:1/3;align-self:center}
  .system-meters .system-meter i{display:none}
  .system-meters .system-meter .system-meter-delta{grid-column:1;margin:0;font-size:.6875rem;line-height:1.35}
  .systems-gas-views{gap:4px;padding:3px;bottom:4px}
  .systems-gas-views button{min-width:55px;font-size:.75rem;white-space:nowrap;padding:0 8px}
  .system-playback{flex-wrap:nowrap;padding:6px 8px;gap:4px}
  .system-playback button{flex:1 1 0;min-width:0;min-height:44px;padding:5px 4px;white-space:normal;line-height:1.2;font-size:.75rem}
  .system-playback button:last-child{margin-left:0;flex-basis:0}
  .systems-controls{margin-top:8px;padding:10px}
  #systemMoreControls>summary{display:list-item;align-content:center;margin-left:16px}
  .system-active-hint{display:block;color:#c7e5e8;font-size:.875rem;line-height:1.45}
}

/* ── Fuld skærm for modellen ─────────────────────────────────────────────
   Knappen ligger i modellens eget hjørne, ikke i en værktøjslinje: det er
   modellen, man vil have større, og det er dér, øjnene allerede er.

   Den vises kun fra 760 px og op. På en telefon fylder modellen i forvejen
   skærmens bredde, og et ekstra lag fuld skærm dér er mest i vejen. */
.systems-fullscreen{
  position:absolute; right:8px; top:8px; z-index:4;
  display:none; align-items:center; gap:6px;
  min-height:36px; padding:0 10px;
  background:rgba(11,30,54,.82); color:#e8f4ff;
  border:1px solid rgba(117,230,232,.42); border-radius:10px;
  font:inherit; font-size:.72rem; font-weight:700; cursor:pointer;
  -webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px);
}
@media(min-width:760px){.systems-fullscreen{display:inline-flex}}
.systems-fullscreen:hover{border-color:#75e6e8;background:rgba(11,30,54,.96)}
.systems-fullscreen:focus-visible{outline:3px solid #8fd0ff;outline-offset:2px}
.systems-fullscreen-ikon{
  width:13px;height:13px;flex:none;border:2px solid currentColor;border-radius:2px;
  background:linear-gradient(currentColor,currentColor) no-repeat center/5px 5px;
}
/* :fullscreen faar ellers en hvid grund af browseren. */
.systems-visual:fullscreen,.systems-visual:-webkit-full-screen{
  height:100%;background:radial-gradient(circle at 50% 40%,#173c5b,#09182c 72%);
}
.systems-visual:fullscreen>canvas,
.systems-visual:fullscreen>.systems-gas3d-host{position:absolute;inset:0;height:100%}
.systems-visual:fullscreen .systems-gas-views{bottom:20px}
.systems-visual:fullscreen .systems-fullscreen{right:14px;top:14px;min-height:44px;font-size:.8rem}