:root{--mint:#7ee5ca;--model-panel:#14212a;--model-border:#2e414a}
.lab-title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.lab-title h1{font-size:34px;margin:9px 0}.lab-title p{margin:0;color:#9bb0ba}.live3d{display:flex;gap:9px;align-items:center;font-size:10px;letter-spacing:1.5px;color:var(--mint);white-space:nowrap}.live3d i{display:block;background:var(--mint);width:7px;height:7px;border-radius:50%;box-shadow:0 0 12px #6ee3c580}.lab-top{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin:24px 0 18px}.lab-top>label{display:flex;flex-direction:column;gap:8px;color:#8da6b3;font-size:9px;letter-spacing:1.4px;min-width:230px}.lab-top select{padding:12px;font-size:12px;letter-spacing:0;background:#192a34;border:1px solid #354a56;border-radius:7px;color:#e4eff4;width:100%}.model-tabs{display:flex;border:1px solid #344e53;border-radius:7px;padding:4px;background:#12222b;gap:4px}.model-tabs button{background:none;border:0;color:#a7bbc5;border-radius:4px;font-size:11px;padding:10px 14px;white-space:nowrap}.model-tabs button.active{background:#27493f;color:#a6f2dc}.lab-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:18px;align-items:start}.lab-view{background:radial-gradient(ellipse at 50% 38%,#22343f 0,#111d27 53%,#0d1720 100%);border:1px solid #334b54;border-radius:13px;overflow:hidden;position:relative}.view-top{display:flex;justify-content:space-between;gap:14px;padding:17px 20px;align-items:center;color:#9cb8c1;font-size:9px;letter-spacing:1.6px;min-height:51px}.view-top span:last-child{color:#6e939c;text-align:right;letter-spacing:.3px}#canvas3d{height:560px;position:relative;touch-action:none;overflow:hidden;outline-offset:-4px}#canvas3d canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:none}#canvas3d canvas:active{cursor:grabbing}.model-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:14px;flex-direction:column;background:#11202bec;z-index:4;padding:30px;text-align:center;color:#99b2be;font-size:12px}.model-loading[hidden]{display:none}.model-loading strong{color:#e1f1f4;font-size:16px}.loader-ring{width:33px;height:33px;border:2px solid #31575a;border-top-color:var(--mint);border-radius:50%;animation:spin3d 1s linear infinite}@keyframes spin3d{to{transform:rotate(360deg)}}.anchor3d{position:absolute;transform:translate(-50%,-100%);pointer-events:none;padding:7px 11px;border:1px solid #72c9b7;background:#112e2de6;border-radius:5px;color:#c4f8e8;font-size:11px;white-space:nowrap;z-index:2;box-shadow:0 8px 25px #0004}.anchor3d:after{content:'';position:absolute;left:50%;top:100%;width:1px;height:16px;background:#8bd5c1}.hover3d{position:absolute;top:65px;left:50%;transform:translateX(-50%);z-index:3;border:1px solid #4e8d86;border-radius:20px;background:#123432ed;color:#c3f6e5;padding:9px 15px;pointer-events:none;font-size:12px}.view-directions{display:flex;justify-content:center;align-items:center;padding:10px 14px;gap:18px;border-top:1px solid #233c47}.orientation-axis{color:#819eac;font-size:10px;letter-spacing:2px;white-space:nowrap}.orientation-axis i{font-style:normal;color:#4d7c7f;margin:0 6px}.view-presets{display:flex;justify-content:center;gap:4px;flex-wrap:wrap}.view-presets button{background:transparent;color:#8eacb9;border:1px solid transparent;border-radius:4px;padding:7px 8px;font-size:10px}.view-presets button:hover,.view-presets button.active{background:#243f43;color:#c3f2e2;border-color:#395f60}.canvas-tools{display:flex;justify-content:center;gap:6px;margin:12px 10px}.canvas-tools button{padding:9px 12px;border:1px solid #36505e;background:#1c303c;border-radius:5px;color:#c5d7df;font-size:11px}.canvas-tools button[aria-pressed=true]{border-color:#7bd8bc;color:#a7edda;background:#244f43}.canvas-tools button:first-child,.canvas-tools button:nth-child(2){font-size:18px;padding:4px 13px}.gesture-help{text-align:center;color:#6f919f;font-size:9px;letter-spacing:.2px;padding:0 10px;margin:14px 0 18px}.lab-panel{position:static;inset:auto;width:auto;height:auto;display:flex;flex-direction:column;gap:14px;padding:0;background:none;border:0;overflow:visible;z-index:auto}.selection-card,#practical3d{padding:21px;background:#182832;border:1px solid #34505a;border-radius:10px}.selection-card h2,#practical3d h2{font-size:21px;line-height:1.35;margin:12px 0}.selection-card p,#practical3d p{font-size:12px;color:#9fb6c3;line-height:1.7}.selection-card p b{color:#cfdfdf;font-weight:600}.small-callout{background:#213b3d;border:1px solid #315754;color:#aed5cd;border-radius:6px;font-size:11px;padding:12px;line-height:1.7;margin:17px 0}.selection-card .btn{font-size:10px}.fma-id{color:#6a99a3;font-size:9px;letter-spacing:.7px}.selection-note{font-size:10px!important;color:#6f96a5!important;line-height:1.5!important}.manipulation{padding:15px;border:1px solid #2d434f;border-radius:9px;background:#13232d}.manipulation[hidden]{display:none}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tool-grid button{color:#b3d5d9;background:#213b47;border:1px solid #365564;border-radius:5px;padding:10px 7px;font-size:10px}.tool-grid button:hover{background:#2b4e54;color:#d0f2e9}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:16px;color:#98b4c1;font-size:11px}.switch-row input{accent-color:var(--mint);width:16px;height:16px}.range-row{display:flex;flex-direction:column;gap:12px;font-size:11px;color:#8fafbc;margin:18px 0}.range-row input{width:100%;accent-color:var(--mint)}.range-row select{width:100%;padding:9px;background:#172c36;color:#cfe4e8;border:1px solid #3c5d65;border-radius:5px}#tree3d{background:#12212b;border:1px solid #2a424f;border-radius:9px;padding:15px}#tree3d[hidden]{display:none}.tree-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.tree-heading h3{font-size:12px;margin:0}.tree-heading span{font-size:10px;color:#71b9ab;background:#24433c;border-radius:12px;padding:4px 7px}#search3d{min-width:0;width:100%;padding:10px;font-size:11px;background:#1c313d;border:1px solid #324f5d;color:#d5e6e8;border-radius:5px}.bone-list{max-height:315px;overflow:auto;scrollbar-width:thin;scrollbar-color:#36505b transparent;margin-top:9px}.bone-row{display:flex;flex-direction:column;width:100%;text-align:left;border:1px solid transparent;background:none;padding:9px 7px;border-radius:5px;color:#b7cbd6;font-size:11px;gap:3px}.bone-row small{font-size:8px;color:#668d9d}.bone-row:hover{background:#1d373f}.bone-row.selected{color:#b6f4de;background:#23473f;border-color:#447f70}.bone-row.is-hidden{opacity:.5}.model-credit{font-size:9px;line-height:1.8;margin:0;padding:0 4px;color:#688e9c}.model-credit a{color:#84bdba}.bone-landmarks{margin-top:17px;border-top:1px solid #314853;padding-top:12px}.bone-landmarks summary{font-size:10px;color:#9dc9c4;cursor:pointer}.bone-landmarks p{font-size:10px}.lab-bottom{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:19px}.lab-bottom p{font-size:10px;line-height:1.7;margin:0;color:#7495a5}.lab-bottom p b{font-weight:600;color:#b8d4d8}.lab-bottom a{font-size:10px;white-space:nowrap}.quiz-metrics{display:flex;gap:28px;padding:12px 0;color:#84a3b3;font-size:10px}.quiz-metrics strong{font-size:23px;display:block;color:#cef2e7}.quiz-feedback{padding:12px;background:#214337;color:#b6ebd5!important;border-radius:5px;font-size:11px!important}.quiz-feedback:empty{display:none}.quiz-feedback.incorrect{background:#452b32;color:#f0bdc5!important}.quiz-instruction{color:#77a9b5!important;font-size:11px!important}#practical3d .wide{margin:8px 0;font-size:11px;justify-content:center}.text-button{border:0;background:none;color:#7f9da9;font-size:10px;padding:12px 0}.comparison-table{width:100%;border-collapse:collapse;margin:20px 0;color:#aac0ca;text-align:left;font-size:12px}.comparison-table th,.comparison-table td{border-bottom:1px solid #2f4751;padding:15px 10px;vertical-align:top}.comparison-table th{color:#a4e7d4}main{max-width:1750px}.lab-view:fullscreen{width:100vw;height:100vh;display:flex;flex-direction:column}.lab-view:fullscreen #canvas3d{flex:1;height:auto}.lab-view:fullscreen .view-top{padding:20px 30px}.lab-view:fullscreen .gesture-help{margin-bottom:14px}.lab-view:fullscreen .canvas-tools{margin:7px}.lab-panel button:focus-visible,.view-presets button:focus-visible,.canvas-tools button:focus-visible{outline:2px solid var(--mint);outline-offset:3px}[hidden]{display:none!important}@media(min-width:1600px){.lab-grid{grid-template-columns:minmax(0,1fr) 330px}#canvas3d{height:650px}}@media(max-width:1150px){.lab-grid{grid-template-columns:minmax(0,1fr) 270px}.lab-top{flex-wrap:wrap}.lab-top .btn{font-size:10px}.model-tabs button{font-size:10px;padding:9px}#canvas3d{height:510px}.view-top{padding:14px;font-size:8px}}@media(max-width:950px){.lab-grid{grid-template-columns:1fr}.lab-panel{display:grid;grid-template-columns:1fr 1fr}.model-credit{grid-column:1/-1}#canvas3d{height:540px}.lab-top>label{flex:1}.lab-bottom{align-items:flex-start;flex-direction:column;gap:10px}.selection-card,#practical3d{padding:18px}.live3d{font-size:9px}}@media(max-width:700px){main{padding:23px 16px}.lab-title{align-items:flex-start;gap:8px}.lab-title h1{font-size:28px}.lab-title p{font-size:12px}.live3d{font-size:8px;letter-spacing:.5px;margin-top:3px}.live3d i{width:5px;height:5px}.lab-top{gap:12px;align-items:center}.lab-top>label{width:100%;flex:0 0 100%}.model-tabs{flex:1;justify-content:center}.model-tabs button{padding:8px 10px}.lab-top .btn{padding:13px 10px;font-size:10px}.lab-panel{display:flex}.lab-grid{gap:14px}#canvas3d{height:440px}.view-directions{padding:8px;gap:4px}.orientation-axis{display:none}.view-presets{gap:1px}.view-presets button{font-size:9px;padding:7px}.canvas-tools{gap:4px}.canvas-tools button{padding:9px;font-size:10px}.gesture-help{font-size:8px}.view-top{padding:13px 12px;font-size:8px;letter-spacing:.7px}.view-top span:last-child{max-width:65%}.bone-list{max-height:250px}.comparison-table{font-size:10px}.comparison-table th,.comparison-table td{padding:10px 5px}}@media(prefers-reduced-motion:reduce){.loader-ring{animation:none}}
/* Bone-to-joint study guides */
.bone-study-open{grid-template-columns:minmax(0,1fr) 390px}.bone-study-open .lab-view{position:sticky;top:20px}.bone-intro{margin-bottom:18px}.study-tabs{display:flex;gap:3px;border-bottom:1px solid #36525b;margin:18px -5px 12px}.study-tabs button{flex:1;border:0;border-bottom:2px solid transparent;background:none;color:#8aaab7;padding:11px 3px;font-size:11px;cursor:pointer}.study-tabs button[aria-selected=true]{color:#a1efda;border-bottom-color:#7ee5ca;background:#213c3c}.guide-lead{font-size:10px!important;color:#7fa8ae!important;letter-spacing:.3px}.joint-card{border:1px solid #35515b;border-radius:7px;background:#13252f;margin:10px 0;overflow:hidden}.joint-card>summary{padding:14px 12px;color:#d6e9e9;font-size:12px;line-height:1.6;cursor:pointer;font-weight:600}.joint-card>summary small{display:block;font-size:10px;color:#85c8ba;font-weight:400;padding-left:13px;margin-top:5px}.joint-card[open]>summary{border-bottom:1px solid #2c4651;background:#1b333c}.joint-body{padding:0 13px 13px}.joint-body dl,.landmark-list{font-size:12px;line-height:1.7;margin:14px 0}.joint-body dt,.landmark-list dt{font-size:10px;text-transform:uppercase;letter-spacing:.7px;color:#8fcec4;margin-top:15px;font-weight:600}.joint-body dd,.landmark-list dd{margin:5px 0 0;color:#b4c8d2}.joint-note{padding:10px;background:#263a3d;border-left:2px solid #94b9aa;font-size:11px!important}.joint-view{width:100%;padding:11px 8px;background:#28544b;border:1px solid #4d8f7c;color:#ccf6e8;border-radius:5px;font-size:11px;cursor:pointer}.partner-links{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.partner-links span{width:100%;font-size:9px;color:#7e9ea9;margin-bottom:2px}.partner-links button{padding:7px 9px;border:1px solid #375460;border-radius:5px;background:#203844;color:#b2d6e0;font-size:10px;text-align:left;cursor:pointer}.partner-links button:hover{border-color:#7cc8b5;color:#d6f9ea}.joint-sources{font-size:9px;color:#6e939f;margin-top:14px;line-height:1.8}.joint-sources a{color:#92bcb8}.joint-context{border:1px solid #587f74;background:#1b3a39;padding:12px;border-radius:6px;font-size:11px;color:#b5e7d6}.joint-context b{display:block;line-height:1.5}.joint-context span{display:flex;gap:5px;align-items:center;font-size:9px;color:#a6bcbf;margin:10px 0}.teal-dot,.amber-dot{width:7px;height:7px;border-radius:50%;display:inline-block;background:#62e3c6}.amber-dot{background:#e5ba74;margin-left:7px}.joint-context button{border:0;background:none;padding:7px 0;color:#c6e8e0;font-size:10px;cursor:pointer}.orientation-note{border-left:2px solid #80ceba;padding:4px 13px;margin:18px 0}.orientation-note b{font-size:11px;color:#d0ece5}.orientation-note p{margin:5px 0;font-size:12px}.recall-card{margin:12px 0;border:1px solid #3a535b;border-radius:6px;padding:13px;background:#162c34}.recall-card summary{font-size:12px;color:#c3dfdf;cursor:pointer;line-height:1.7}.recall-card p{border-top:1px solid #34524e;padding-top:12px;color:#9ed8c9!important}.bone-study-open .selection-card{padding:19px}.bone-study-open .selection-card h2{font-size:25px}.bone-study-open .selection-note{margin:17px 0}.joint-view:hover{background:#32685c}
@media(min-width:1600px){.bone-study-open{grid-template-columns:minmax(0,1fr) 420px}}@media(min-width:951px) and (max-width:1150px){.bone-study-open{grid-template-columns:minmax(0,1fr) 340px}.bone-study-open .view-top{flex-direction:column;align-items:flex-start;gap:5px}.bone-study-open .view-top span:last-child{text-align:left}}@media(max-width:950px){.bone-study-open{grid-template-columns:1fr}.bone-study-open .lab-view{position:relative;top:0}.bone-study-open .selection-card{grid-column:1/-1}.bone-study-open .joint-body{padding:0 16px 16px}}@media(max-width:700px){.bone-study-open .selection-card{padding:18px}.study-tabs button{padding:13px 4px}.partner-links button{padding:10px}.joint-view{padding:13px}}
.mechanics-card{margin:17px 0;padding:12px;border:1px solid #466b66;border-radius:6px;background:#1a3437}.mechanics-card>summary{color:#bcebdc;font-size:11px;font-weight:600;cursor:pointer;line-height:1.7}.mechanics-card dl{margin-top:17px}.inspection-task{margin-top:17px;padding:12px;background:#10282e;border-radius:5px;border-left:2px solid #80dac2}.inspection-task b{font-size:10px;color:#9fddce}.inspection-task p{font-size:11px!important;margin:7px 0 0}.joint-comparison article{padding:15px;border:1px solid #36545e;border-radius:7px;margin:13px 0;background:#13272f}.joint-comparison h3{font-size:13px;color:#d2ece5;margin:0 0 8px;line-height:1.6}.joint-comparison article>span{font-size:10px;color:#8eccbc}.joint-comparison dl{font-size:11px;line-height:1.8}.joint-comparison dt{color:#8fc8bb;font-size:10px;text-transform:uppercase;margin-top:12px}.joint-comparison dd{margin:4px 0 12px;color:#b2cbd2}.joint-exam{border:1px solid #3b5963;padding:13px;border-radius:6px;margin:12px 0;background:#142a32}.joint-exam>summary{color:#baded8;font-size:12px;line-height:1.7;cursor:pointer}.exam-heading{font-size:14px;margin:25px 0 0;color:#d0e5de}.study-tabs button{font-size:10px}
/* Clear anatomy plate: whole-bone overview, numbered legend, independent 3D close-up. */
.anatomy-stage{display:block}.surface-study-dock{display:none}.bone-study-open{grid-template-columns:1fr}.bone-study-open .lab-view{position:relative;top:auto}.bone-study-open .anatomy-stage{display:grid;grid-template-columns:minmax(0,1fr) 350px;align-items:stretch}.bone-study-open #canvas3d{height:690px;min-height:690px;background:radial-gradient(ellipse at 45% 48%,#344b53,#192f38 66%,#12252e)}.bone-study-open .lab-panel{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(220px,1fr);align-items:start}.bone-study-open #selection3d{grid-column:1;grid-row:1/4}.bone-study-open #manipulation3d,.bone-study-open #tree3d{grid-column:2}.bone-study-open .model-credit{grid-column:1/-1}.surface-study-dock{display:block;background:#14252d;border-left:1px solid #36515a;padding:22px;max-height:690px;overflow:auto;scrollbar-width:thin;scrollbar-color:#45666c transparent}.dock-heading .kicker{font-size:9px;color:#84cdbd;letter-spacing:1.8px}.dock-heading h2{font-size:24px;line-height:1.3;color:#edf5f1;margin:10px 0 8px}.dock-heading p{font-size:12px;line-height:1.7;color:#a8c2cb;margin:0 0 18px}#surfaceMarks3d{position:static;display:flex;flex-direction:column;gap:8px;max-height:245px;overflow:auto;scrollbar-width:thin;scrollbar-color:#45666c transparent;padding:2px 1px 3px}.surface-pin{position:static;display:flex;align-items:center;gap:12px;width:100%;padding:13px 11px;border:1px solid #38515a;border-radius:8px;background:#1c323c;color:#cfdfdf;text-align:left;cursor:pointer;min-height:64px;box-shadow:none}.surface-pin b{display:flex;align-items:center;justify-content:center;flex:0 0 29px;height:29px;border-radius:50%;background:#354d55;color:#d7e8e6;font-size:12px;font-weight:700}.surface-pin span{flex:1;min-width:0}.surface-pin strong{display:block;font-size:13px;font-weight:600;line-height:1.5}.surface-pin small{display:block;color:#8da9b4;font-size:10px;line-height:1.5;margin-top:3px}.surface-pin i{font-style:normal;font-size:21px;color:#769e9f}.surface-pin:hover{border-color:#78bbad;background:#24433f}.surface-pin.active{background:#244a43;border-color:#55c7ac;color:#e0faed}.surface-pin.active b{background:#2cc4aa;color:#092b25;box-shadow:0 0 0 4px #2cc4aa17}.surface-pin.active small{color:#a0d4c7}.surface-pin.active i{color:#a1e9d2}.surface-pin:before,.surface-pin:after{display:none!important}.surface-pin:focus-visible,.surface-study-controls button:focus-visible,#surfaceTools3d button:focus-visible{outline:2px solid #a8ead3;outline-offset:3px}.active-surface-marker{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:33px;height:33px;background:#1db59b;color:#062c25;border:3px solid #d1fff0;border-radius:50%;font-size:13px;font-weight:800;box-shadow:0 0 0 7px #33ddaf24,0 4px 18px #0006;z-index:3;pointer-events:none}#surfaceTools3d{position:absolute;left:16px;right:16px;top:16px;display:flex;justify-content:space-between;gap:10px;align-items:center;z-index:5;pointer-events:none}#surfaceCount3d{font-size:8px;letter-spacing:1px;color:#a8d6c9;background:#17333ccc;border:1px solid #3f6566;border-radius:5px;padding:9px}#surfaceTools3d>div{display:flex;gap:6px;pointer-events:auto}#surfaceTools3d button{background:#193943e6;border:1px solid #4c7276;border-radius:5px;padding:9px;color:#c8e8e0;font-size:10px;cursor:pointer}#surfaceTools3d button:disabled,.surface-study-controls button:disabled{opacity:.4;cursor:default}#detailLensWrap3d{margin-top:21px;border:1px solid #47736c;border-radius:8px;overflow:hidden;background:#1e373d}.lens-heading{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:11px;background:#213e43;font-size:8px;letter-spacing:1px;color:#b3dcd0}.lens-heading span:last-child{font-size:8px;letter-spacing:0;color:#9bbab9;text-align:right}#detailLens3d{height:210px;position:relative;background:radial-gradient(ellipse,#34585b,#1a333c)}#detailLens3d canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}#detailLens3d canvas:active{cursor:grabbing}#surfaceDefinition3d{position:relative;padding:20px 0 0;border:0;background:none;box-shadow:none;width:auto;max-height:none;overflow:visible}#surfaceDefinition3d .kicker{font-size:8px;color:#86cfbd;letter-spacing:1.3px}#surfaceDefinition3d h3{font-size:21px;color:#d0f4e6;line-height:1.4;margin:9px 15px 10px 0}#surfaceDefinition3d p{font-size:13px;line-height:1.8;color:#bdd1d7;margin:10px 0}#surfaceDefinition3d small{font-size:11px;color:#95c8bd;line-height:1.7}#surfaceDefinition3d details{margin:15px 0;font-size:12px;color:#a9d6cd}#surfaceDefinition3d details summary{cursor:pointer}.surface-close{position:absolute;right:0;top:14px;font-size:22px;padding:3px;border:0;background:none;color:#92b6b7;cursor:pointer}.surface-actions{display:flex;flex-wrap:wrap;gap:8px;margin:17px 0 0}.surface-actions button{padding:11px 10px;font-size:10px;border:1px solid #4c8676;background:#275146;color:#d5f2e5;border-radius:5px;cursor:pointer}.surface-precision{font-size:10px!important;line-height:1.7!important;color:#829fa8!important;margin-top:15px!important}.surface-study-controls{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;padding:15px;border-top:1px solid #35535a;background:#172e36}.surface-study-controls button{padding:11px 14px;font-size:11px;border:1px solid #466a6b;background:#25463f;color:#c1e7dc;border-radius:6px;cursor:pointer}.surface-study-controls button:last-child{background:#3e432e;border-color:#7d8658;color:#e4eac0}.numbers-only .surface-pin span,.numbers-only .surface-pin i{visibility:hidden}.surface-game-feedback:empty{display:none}#surfacePracticePanel3d{position:static;width:auto;max-height:none;overflow:visible;background:#1a3638;border:1px solid #5c8d76;padding:17px;border-radius:8px;margin-top:15px}#surfacePracticePanel3d h3{font-size:20px;line-height:1.5;color:#d8edc9;margin:10px 0}#surfacePracticePanel3d p{font-size:13px;line-height:1.8;color:#b9d0d4}#surfacePracticePanel3d .kicker{font-size:9px;color:#aedbb8}#surfacePracticePanel3d button{border:1px solid #648c73;border-radius:5px;padding:11px;color:#c7eed6;background:#2b503f;font-size:11px;margin:4px 5px 3px 0;cursor:pointer}.surface-game-score{color:#d0dea9!important}.surface-game-feedback{background:#2a503d;border-radius:5px;padding:12px;color:#cdeed2!important}.surface-game-feedback.incorrect{background:#513a35;color:#f2d2b8!important}.lab-view:fullscreen .anatomy-stage{flex:1;min-height:0}.lab-view:fullscreen .surface-study-dock{max-height:calc(100vh - 240px)}.lab-view:fullscreen #canvas3d{height:100%;min-height:0}.amber-dot{background:#9eabc2}.teal-dot{background:#28b9a7}
@media(min-width:1600px){.bone-study-open .anatomy-stage{grid-template-columns:minmax(0,1fr) 390px}.bone-study-open #canvas3d{height:760px;min-height:760px}.surface-study-dock{max-height:760px}#detailLens3d{height:245px}}
@media(max-width:1150px) and (min-width:951px){.bone-study-open .anatomy-stage{grid-template-columns:minmax(0,1fr) 310px}.surface-study-dock{padding:17px}#surfaceCount3d{display:none}.bone-study-open #canvas3d{height:650px;min-height:650px}.surface-study-dock{max-height:650px}}
@media(max-width:950px){.bone-study-open .anatomy-stage{grid-template-columns:minmax(0,1fr) 320px}.bone-study-open #canvas3d{height:650px;min-height:650px}.surface-study-dock{max-height:650px;padding:17px}.bone-study-open .lab-panel{grid-template-columns:1fr 1fr}.bone-study-open #selection3d{grid-column:1/-1;grid-row:auto}.bone-study-open #manipulation3d{grid-column:1}.bone-study-open #tree3d{grid-column:2}}
@media(max-width:700px){.bone-study-open .anatomy-stage{display:flex;flex-direction:column}.bone-study-open #canvas3d{height:510px;min-height:510px}.surface-study-dock{max-height:none;overflow:visible;padding:20px;border-left:0;border-top:1px solid #36515a}.dock-heading h2{font-size:26px}.dock-heading p{font-size:13px}#surfaceMarks3d{display:grid;grid-template-columns:1fr;max-height:255px;gap:8px}.surface-pin{padding:13px;font-size:13px;min-height:67px}.surface-pin strong{font-size:14px}.surface-pin small{font-size:11px}.surface-pin b{flex-basis:31px;height:31px}.active-surface-marker{width:31px;height:31px;font-size:12px}#surfaceTools3d{left:12px;right:12px;top:12px}#surfaceCount3d{display:none}#surfaceTools3d button{padding:10px;font-size:10px}#detailLens3d{height:260px}.lens-heading{font-size:9px;padding:12px}.lens-heading span:last-child{font-size:9px}#surfaceDefinition3d h3{font-size:23px}#surfaceDefinition3d p{font-size:14px}.surface-actions button{font-size:12px;padding:12px}.surface-study-controls{gap:7px;padding:12px}.surface-study-controls button{font-size:11px;padding:12px 10px}.bone-study-open .lab-panel{display:flex}#surfacePracticePanel3d p{font-size:14px}.lab-view:fullscreen .anatomy-stage{display:grid;grid-template-columns:minmax(0,1fr) 280px}.lab-view:fullscreen .surface-study-dock{overflow:auto;max-height:calc(100vh - 210px)}.lab-view:fullscreen #canvas3d{height:100%;min-height:300px}}
/* Keep the definition ahead of the magnifier so the selected term is immediately readable. */
#surfaceDefinition3d{padding-top:18px}#surfaceDefinition3d h3{font-size:19px;margin:7px 15px 7px 0}#surfaceDefinition3d p{margin:8px 0;font-size:13px;line-height:1.7}#surfaceDefinition3d details{margin:12px 0 0}#detailLens3d{height:190px}#detailLensWrap3d{margin-top:17px}.surface-pin{min-height:57px;padding:10px 11px}#surfaceMarks3d{max-height:205px}#surfaceDefinition3d .kicker{font-size:8px}.dock-heading p{margin-bottom:15px}.surface-actions{margin-top:12px}@media(min-width:1600px){#detailLens3d{height:245px}}@media(max-width:700px){#surfaceDefinition3d h3{font-size:23px}#surfaceDefinition3d p{font-size:14px}.surface-pin{min-height:65px;padding:12px}#surfaceMarks3d{max-height:255px}#detailLens3d{height:270px}}