.fracture-page{background:#101516;color:#deebe6;--line:#2c3a36;--mint:#c3f8d9}.fracture-page [hidden]{display:none!important}.fracture-main{max-width:1500px;margin:auto;padding:30px 28px 0}.page-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:27px}.page-title a{font-size:12px;color:#9eb4aa}.page-title h1{font-size:30px;font-weight:450;letter-spacing:-.8px;margin:12px 0 8px}.page-title p{font-size:13px;color:#91a69d;margin:0}.round-score{display:grid;gap:8px;text-align:right;flex:none}.round-score span{font-size:11px;color:#92aca0}.round-score strong{font-size:18px;font-weight:450;color:var(--mint)}.fracture-workspace{display:grid;grid-template-columns:170px minmax(280px,1fr) 310px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#17201e}.case-sidebar{padding:24px 12px;border-right:1px solid var(--line)}.case-sidebar h2{font-size:10px;font-weight:500;letter-spacing:1px;text-transform:uppercase;color:#91a89e;margin:0 8px 22px}.case-card{display:flex;align-items:center;gap:10px;width:100%;padding:15px 10px;text-align:left;border:1px solid transparent;border-radius:6px;margin-bottom:9px;color:#c5d6ce}.case-card[aria-current=true]{border-color:#6e9982;background:#273a32}.case-card:hover{background:#24352d}.case-index{color:#91b39f;font:11px ui-monospace,monospace}.case-card strong{font-size:13px;font-weight:500;display:block}.case-card small{font-size:10px;color:#98afa3;display:block;margin-top:6px}.case-status{margin-left:auto;color:#b5d9c5}.session-note{font-size:11px;line-height:1.8;color:#7e978a;margin:27px 9px}.image-panel{background:#080d0c;min-width:0}.image-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 22px;border-bottom:1px solid var(--line)}.image-heading h2{font-size:18px;font-weight:450;margin:5px 0 0}.image-heading span{font-size:10px;color:#8ea89a}.image-heading #case-number{font:9px ui-monospace,monospace;letter-spacing:1.5px}.image-viewport{height:clamp(380px,61vh,680px);overflow:auto;position:relative;display:flex;align-items:flex-start;padding:18px;scrollbar-width:thin;scrollbar-color:#3d5748 #0b1110}#image-stage{position:relative;flex:none;margin:auto;cursor:crosshair;touch-action:pan-x pan-y}#image-stage.answered{cursor:default}#radiograph{display:block;width:100%;height:auto;user-select:none;-webkit-user-drag:none}#mark-layer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}#solution-ring{fill:none;stroke:#c3f8d9;stroke-width:2;vector-effect:non-scaling-stroke;filter:drop-shadow(0 1px 2px #000)}#guess-marker circle{fill:#191411bf;stroke:#e9b191;stroke-width:1.5;vector-effect:non-scaling-stroke}#guess-marker path{fill:none;stroke:#e9b191;stroke-width:1.5;vector-effect:non-scaling-stroke}#keyboard-marker{fill:#10151680;stroke:#fff;stroke-width:1.5;vector-effect:non-scaling-stroke}#image-label{position:absolute;transform:translate(-50%,-100%);font-size:10px;white-space:nowrap;padding:5px 8px;color:#ddffea;background:#15251fe8;border:1px solid #7db799;border-radius:4px;pointer-events:none}.image-caption{min-height:51px;box-sizing:border-box;padding:13px 18px;border-top:1px solid var(--line);background:#121e18;font-size:12px;line-height:1.6;color:#a4bdb0}.image-caption.correct{background:#20392b;color:#caffdf}.image-caption.revealed{color:#decead}.image-toolbar{padding:11px 18px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--line)}.image-toolbar button,#retry-image{border:1px solid #40584b;border-radius:5px;font-size:12px;padding:9px 12px;color:#bbd6c6;min-height:40px}.zoom-controls{display:flex;gap:5px;margin-left:auto}.zoom-controls button{min-width:38px}.case-detail{border-left:1px solid var(--line);padding:23px}.steps{display:flex;gap:16px;list-style:none;padding:0 0 21px;margin:0 0 28px;border-bottom:1px solid var(--line)}.steps li{font:10px ui-monospace,monospace;color:#6d8478}.steps span{display:block;font:11px inherit;margin-top:7px}.steps li.current{color:#c3f8d9}.eyebrow{font-size:9px;letter-spacing:1.4px;color:#a3c8b2}.case-detail h2{font-size:24px;font-weight:450;line-height:1.3;letter-spacing:-.5px;margin:13px 0 16px}.case-detail h3{font-size:12px;font-weight:550;color:#c4d7cb;margin:24px 0 8px}.case-detail p{font-size:12px;line-height:1.8;color:#a6beb0;margin:12px 0}.quiet-card{font-size:11px;line-height:1.7;color:#87a291;border-left:2px solid #45644f;padding:9px 14px;margin-top:30px}.type-pill{display:inline-block;border:1px solid #3c5848;border-radius:5px;padding:6px 9px;color:#b3d9c2;font-size:10px;margin-bottom:8px}.primary-action{display:block;width:100%;min-height:44px;background:#bedbc9;color:#12251b;border-radius:5px;padding:12px 16px;font-size:12px;margin-top:24px;text-align:center}.primary-action:hover{background:#d2f0de}.answer-option{display:flex;align-items:center;gap:12px;width:100%;border:1px solid #385044;border-radius:6px;text-align:left;padding:13px 12px;font-size:12px;line-height:1.5;margin:8px 0;min-height:48px}.answer-option span{font:10px ui-monospace,monospace;color:#88a995}.answer-option:hover:enabled{background:#243a2d}.answer-option.correct{border-color:#a4d9b8;background:#243e2d;color:#d5fbe2}.answer-option.incorrect{border-color:#ae856a;background:#382b24}.answer-option:disabled{opacity:1}.text-action{font-size:11px;color:#93aea0;padding:12px 0;margin-top:6px}#quick-check{border-top:1px solid var(--line);padding-top:25px;margin-top:25px}#quiz-feedback{border-left:2px solid #87b99b;padding-left:12px}#sources{margin-top:28px;border-top:1px solid var(--line);padding-top:18px}#sources summary{font-size:11px;color:#99b6a5;cursor:pointer}#sources p,#sources a{font-size:10px;line-height:1.7}#sources a{display:block;color:#b1d1bf;margin-top:10px}footer{font-size:10px;color:#809b8b;padding:18px 0 25px}#image-error{position:absolute;inset:40% 10% auto;text-align:center;color:#e4bfa9;font-size:13px}button:focus-visible,a:focus-visible,#image-stage:focus-visible{outline:2px solid #c3f8d9;outline-offset:3px}button:disabled{cursor:default;opacity:.5}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}#round-summary{max-width:700px;margin:35px auto;border:1px solid var(--line);background:#17201e;border-radius:10px;padding:35px}#round-summary h2{font-size:42px;font-weight:400;color:var(--mint);margin:15px 0}#round-summary p{color:#9fb8aa;font-size:13px;line-height:1.7}.summary-case{display:block;width:100%;text-align:left;border:1px solid var(--line);border-radius:5px;padding:16px;font-size:13px;margin:12px 0}#round-summary>a{display:block;text-align:center;margin-top:20px;font-size:12px;color:#97b7a5}
@media(max-width:1050px){.fracture-workspace{grid-template-columns:minmax(0,1fr) 290px}.case-sidebar{grid-column:1/-1;border-right:0;border-bottom:1px solid var(--line);padding:10px}.case-sidebar h2,.session-note{display:none}#case-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.case-card{margin:0;flex:1}.image-viewport{height:510px}.fracture-main{padding:25px 18px 0}}
@media(max-width:600px){.fracture-main{padding:23px 12px 0}.page-title{align-items:flex-start;margin-bottom:20px;flex-direction:column;gap:18px}.page-title h1{font-size:26px}.page-title p{font-size:12px}.round-score{display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left}.round-score strong{font-size:15px}.fracture-workspace{display:flex;flex-direction:column}.case-sidebar{padding:8px}#case-list{grid-template-columns:repeat(2,minmax(0,1fr))}.case-card{padding:11px 12px}.image-heading{padding:14px 16px}.image-heading h2{font-size:17px}.image-viewport{height:clamp(300px,48svh,420px);padding:10px}.image-caption{font-size:12px;padding:10px 14px}.image-toolbar{padding:10px 12px}.image-toolbar button{min-height:44px}.case-detail{border-left:0;border-top:1px solid var(--line);padding:22px 20px}.case-detail h2{font-size:23px}.steps{margin-bottom:20px;padding-bottom:16px}.steps li{display:flex;gap:5px;align-items:center}.steps span{margin:0}.quiet-card{margin-top:15px}.fracture-page .header{gap:10px;flex-wrap:wrap;height:auto;padding:15px}.fracture-page .header nav{order:3;width:100%;justify-content:space-between}.fracture-page .header nav a{font-size:12px;padding:10px 12px}.fracture-page .draft{display:none}#round-summary{padding:25px 20px}.summary-case{font-size:12px}}

.challenge-tagline{display:flex;flex-wrap:wrap;gap:6px 16px}