/* Anatomy studio. All structure names are static HTML; drawing backends are optional. */
#struktur-bakteri .structure-lab-heading{display:flex;justify-content:space-between;align-items:center;gap:35px;padding:14px 4px 28px}#struktur-bakteri .structure-lab-heading h3{font:600 clamp(32px,3.8vw,47px)/1.09 'Fraunces',serif;letter-spacing:-.04em;margin:15px 0;color:var(--ink)}.structure-lab-heading h3>span{color:#ac9256}.structure-lab-heading>div>p{font-size:13px;line-height:1.85;color:var(--muted);max-width:510px}.structure-top-progress{padding:19px 22px;background:var(--tint);border:1px solid var(--line);border-radius:18px;min-width:200px;display:flex;flex-direction:column;align-items:flex-start;gap:6px}.structure-top-progress>span:first-child{font-size:8px;letter-spacing:.14em;font-weight:800;color:var(--muted)}.structure-top-progress>strong{font:600 41px/1.2 'Fraunces',serif;color:var(--ink)}.structure-top-progress small{font-size:21px;color:var(--muted)}.structure-top-progress>span{font-size:10px;color:var(--muted)}.structure-progress-dots{display:flex;gap:5px;margin-top:7px}.structure-progress-dots>i{display:block;height:5px;width:13px;border-radius:5px;background:var(--line)}.structure-progress-dots>i.seen{background:#668f74}
#struktur-bakteri .structure-studio{grid-template-columns:minmax(0,1.5fr) minmax(330px,1fr)!important;gap:20px!important;align-items:stretch}#struktur-bakteri .model-card{border:1px solid #295443!important;border-radius:22px;background:#103b32;display:flex;flex-direction:column}#struktur-bakteri .model-heading{padding:19px 21px 0}.model-heading .lab-kicker{font-size:9px;color:#b7cebc}.model-heading .live-pill{font-size:8px;color:#d4e3bc;letter-spacing:.07em;padding:6px 9px}.structure-view-modes{display:flex;gap:4px;align-self:flex-start;padding:4px;margin:17px 20px 0;border:1px solid #ecf3d82d;background:#082c244d;border-radius:11px}.structure-view-modes button{font-size:10px;line-height:1.5;color:#c7d9c8;min-height:37px;border-radius:7px;padding:8px 12px;background:transparent;border:0;display:flex;gap:9px;align-items:center}.structure-view-modes button.is-active{background:#dce6c9;color:#204c3a;font-weight:700;box-shadow:0 2px 5px #001f1c22}
#struktur-bakteri .cell-viewer{height:auto!important;aspect-ratio:3/2;position:relative;isolation:isolate;overflow:hidden;touch-action:pan-y;background:#103b32;flex-shrink:0;margin-top:4px}#struktur-bakteri .cell-viewer canvas{display:none!important;position:absolute;inset:0;width:100%;height:100%;z-index:1}#struktur-bakteri .cell-viewer[data-view-mode="3d"]{touch-action:none;background:radial-gradient(ellipse at 42% 40%,#2b554a,#103b32 70%)}#struktur-bakteri .cell-viewer[data-view-mode="3d"] canvas{display:block!important}.structure-poster-layer,.structure-hotspots{position:absolute;inset:0;transform:translate(var(--scene-x,0%),var(--scene-y,0%)) scale(var(--scene-scale,1));transform-origin:50% 50%;transition:transform .65s cubic-bezier(.2,.75,.25,1)}.structure-poster-layer{z-index:0}.structure-poster-layer img{display:block;width:100%!important;height:100%!important;object-fit:cover;max-width:none;pointer-events:none}.structure-hotspots{z-index:3;pointer-events:none}.structure-focus-ring{position:absolute;left:var(--focus-x,50%);top:var(--focus-y,50%);width:11%;aspect-ratio:1;border:1px solid #e8d28a;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 10px #d9c8870a,inset 0 0 25px #dccb8538;opacity:0;pointer-events:none;transition:opacity .3s}.has-selection .structure-focus-ring{opacity:1}.structure-model-mode .structure-poster-layer,.structure-model-mode .structure-hotspots{display:none}.structure-hotspot{position:absolute;left:var(--spot-x);top:var(--spot-y);transform:translate(-50%,-50%) scale(calc(1 / var(--scene-scale,1)));display:flex;align-items:center;justify-content:center;gap:5px;width:44px;height:44px;border:0;background:transparent;color:#103b2e;padding:0;pointer-events:auto;isolation:isolate;cursor:pointer;filter:drop-shadow(0 2px 5px #00271e88)}.structure-hotspot>span{display:grid;place-items:center;width:27px;height:27px;flex-shrink:0;border-radius:50%;border:1px solid #edf3d8b3;background:#e0eacddb;font-size:11px;font-weight:800;backdrop-filter:blur(4px)}.structure-hotspot>b{display:none;position:absolute;left:calc(100% - 5px);white-space:nowrap;border:1px solid #e7e9c36b;border-radius:7px;padding:7px 9px;background:#e4ecd2f0;color:#193f32;font-size:9px;font-weight:700;line-height:1.4}.structure-hotspot[data-structure="8"]>b{display:block;left:auto;right:calc(100% - 5px)}.structure-hotspot.active>b,.structure-hotspot:hover>b,.structure-hotspot:focus-visible>b{display:block}.structure-hotspot.active>span{background:#ecd99c;outline:3px solid #e5d49c4d;border-color:#fff1be}.has-selection .structure-hotspot:not(.active){opacity:.45}.structure-hotspot[hidden]{display:none}.structure-scene-note{position:absolute;z-index:4;bottom:12px;left:20px;color:#d4e1ccaf;font-size:7px;letter-spacing:.1em;pointer-events:none;background:#103b3266;border-radius:4px;padding:4px 6px}#viewer-loading{position:absolute;z-index:5;inset:0;display:flex;justify-content:center;align-items:center;background:#103b32df;color:#e9eedb;font-size:13px}#viewer-loading[hidden]{display:none}#viewer-tooltip{position:absolute;z-index:5;padding:7px 10px;border-radius:7px;background:#e9eecff0;color:#14392e;pointer-events:none;font-size:11px;max-width:190px}#viewer-tooltip[hidden]{display:none}
#struktur-bakteri .viewer-controls{padding:5px 18px 0;gap:6px}#struktur-bakteri .viewer-controls button{font-size:10px;min-height:39px;line-height:1.5;background:#ffffff08;color:#e0e9d6;padding:8px 10px;border-color:#d9e5c630}#struktur-bakteri .viewer-controls button[hidden]{display:none}#struktur-bakteri .viewer-controls button[aria-pressed="true"]{background:#d2e0b519}#struktur-bakteri #viewer-status{font-size:10px;line-height:1.8;padding:13px 21px 0;color:#d4e3ca;min-height:36px}#struktur-bakteri .model-card figcaption{font-size:9px!important;line-height:1.8!important;padding:9px 21px 19px;color:#a5c1ac!important}
#struktur-bakteri .structure-interactive{padding:21px!important;border-radius:22px;box-shadow:none;display:flex;flex-direction:column}.structure-panel-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.structure-panel-heading .lab-kicker{font-size:8px}.structure-panel-heading>span:last-child{font-size:9px;color:#8c9b8c;white-space:nowrap}#struktur-bakteri #structure-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:17px}#struktur-bakteri #structure-options>.structure-choice{position:relative!important;display:flex!important;transform:none!important;top:auto!important;left:auto!important;width:100%;min-width:0;min-height:62px;align-items:flex-start;flex-direction:column;gap:4px;background:var(--tint);color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:10px;white-space:normal;font-size:11px;line-height:1.4;text-align:left;pointer-events:auto;opacity:1;animation:none;filter:none;box-shadow:none;outline-offset:3px}#struktur-bakteri #structure-options>.structure-choice:before{display:none;content:none}#struktur-bakteri #structure-options>.structure-choice:hover{border-color:#83a68d;background:var(--green)}.structure-choice-index{font-size:8px;font-weight:600;letter-spacing:.05em;color:var(--muted)}.structure-visited{position:absolute;right:8px;top:8px;font-size:9px;font-weight:800;color:#5c8d69}#struktur-bakteri #structure-options>.structure-choice.active{background:#1e5b49;color:#f5f5df;border-color:#1e5b49}#struktur-bakteri .structure-choice.active .structure-choice-index,#struktur-bakteri .structure-choice.active .structure-visited{color:#c7dcbc}.structure-detail-panel{border-top:1px solid var(--line);padding-top:21px;margin-top:21px}.structure-detail-kicker{font-size:8px;letter-spacing:.13em;color:#8b7a48;font-weight:800}#struktur-bakteri .structure-interactive h3{font:600 29px/1.12 'Fraunces',serif;letter-spacing:-.035em;margin:11px 0 12px;color:var(--ink)}#struktur-bakteri #structure-info-desc{font-size:12px;line-height:1.85;color:var(--muted);margin:0}#struktur-bakteri #structure-info{border:0;padding:13px 15px;background:var(--tint);border-radius:12px;margin-top:16px;font-size:12px;line-height:1.85;color:var(--ink)}.structure-function-label{font-size:7px;letter-spacing:.13em;font-weight:800;color:var(--muted)}#structure-function{margin:7px 0 10px}#struktur-bakteri #structure-note{font-size:10px;line-height:1.8;color:var(--muted);border-top:1px solid var(--line);padding-top:10px}.structure-detail-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:17px}.structure-detail-actions button{font-size:10px;min-height:41px;padding:10px 12px}.structure-progress-text{font-size:10px;color:var(--muted);margin:18px 0 0}#struktur-bakteri #structure-complete{font-size:11px;line-height:1.8;margin-top:10px;color:var(--ink)}
#struktur-bakteri .structure-game{margin-top:23px;padding:22px 24px;border:1px solid var(--line);border-radius:18px}.structure-quiz-heading{display:flex;align-items:center;justify-content:space-between;gap:22px}.structure-quiz-heading h3{font:600 27px/1.15 'Fraunces',serif;letter-spacing:-.025em;margin:8px 0 11px}.structure-quiz-heading p{font-size:12px;line-height:1.8;color:var(--muted)}.structure-quiz-heading .action{font-size:11px;flex-shrink:0}.structure-quiz-heading .action:disabled{opacity:1;background:var(--tint);color:var(--muted);border:1px solid var(--line)}#structure-game-content{border-top:1px solid var(--line);margin-top:22px;padding-top:20px}.structure-quiz-meter{display:flex;justify-content:space-between;gap:20px;font-size:10px;color:var(--muted)}#structure-game-question{font-size:17px;line-height:1.6;margin:15px 0}#structure-game-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#structure-game-options .choice{font-size:12px}#structure-game-feedback{font-size:12px;line-height:1.8}#structure-game-next,#structure-game-reset{font-size:11px}#structure-game-reset{margin-top:16px}#structure-game-reset[hidden]{display:none}.dark .structure-detail-kicker{color:#d9c38b}
@media(max-width:1080px){#struktur-bakteri .structure-studio{grid-template-columns:1fr!important}.structure-interactive{display:block}#struktur-bakteri .structure-interactive{padding:24px!important}#struktur-bakteri #structure-options{grid-template-columns:repeat(3,minmax(0,1fr))}#struktur-bakteri #structure-options>.structure-choice{flex-direction:row;align-items:center;gap:12px;min-height:52px;font-size:12px;padding:13px}.structure-choice-index{font-size:9px}.structure-detail-panel{display:block}#struktur-bakteri .structure-interactive h3{font-size:33px}.structure-hotspot>span{width:30px;height:30px;font-size:12px}.structure-hotspot>b{font-size:11px}}
@media(max-width:650px){#struktur-bakteri .structure-lab-heading{flex-direction:column;align-items:stretch;gap:19px;padding-top:9px;padding-bottom:22px}#struktur-bakteri .structure-lab-heading h3{font-size:35px}.structure-lab-heading>div>p{font-size:12px}.structure-top-progress{min-width:0;padding:15px 17px;display:grid;grid-template-columns:1fr auto;gap:5px 14px}.structure-top-progress>strong{grid-column:2;grid-row:1/4;font-size:37px;align-self:center}.structure-progress-dots{margin-top:3px}.structure-top-progress>span{grid-column:1}.structure-top-progress>span:first-child{font-size:7px}#struktur-bakteri .structure-studio{gap:15px!important}#struktur-bakteri .model-heading{padding:16px 14px 0;gap:8px}.model-heading .lab-kicker{font-size:8px}.model-heading .live-pill{font-size:7px;padding:5px 7px}.structure-view-modes{margin:13px 13px 0}.structure-view-modes button{font-size:9px;padding:8px 9px;min-height:37px}.structure-hotspot>span{height:24px;width:24px;font-size:9px}.structure-hotspot>b{font-size:9px;padding:6px 7px}.structure-hotspot[data-structure="8"]>b{right:calc(100% - 8px)}.structure-scene-note{font-size:5px;left:13px;bottom:6px}.structure-focus-ring{width:14%;box-shadow:0 0 0 5px #d9c8870a}#struktur-bakteri .viewer-controls{padding:9px 13px 0;gap:6px}#struktur-bakteri .viewer-controls button{font-size:9px;min-height:40px;padding:8px 9px}#struktur-bakteri #viewer-status{padding:12px 15px 0;font-size:10px}#struktur-bakteri .model-card figcaption{padding:9px 15px 16px;font-size:9px!important}#struktur-bakteri .structure-interactive{padding:18px!important}#struktur-bakteri #structure-options{gap:6px}#struktur-bakteri #structure-options>.structure-choice{flex-direction:column;gap:5px;align-items:flex-start;padding:10px 8px;font-size:10px;min-height:67px}.structure-choice-index{font-size:8px}.structure-visited{right:6px;top:6px}.structure-panel-heading .lab-kicker{font-size:7px}#struktur-bakteri .structure-interactive h3{font-size:30px}#struktur-bakteri #structure-info-desc{font-size:13px}#struktur-bakteri #structure-info{font-size:12px}.structure-detail-actions button{flex:1;font-size:10px}.structure-quiz-heading{align-items:stretch;flex-direction:column;gap:12px}.structure-quiz-heading h3{font-size:26px}.structure-quiz-heading .action{width:100%;font-size:11px}#struktur-bakteri .structure-game{padding:20px}#structure-game-options{grid-template-columns:1fr}#structure-game-question{font-size:16px}}
@media(prefers-reduced-motion:reduce){.structure-poster-layer,.structure-hotspots,.structure-focus-ring{transition:none!important}}