:root{--draupner-cyan:#86c8de;--draupner-ice:#c9ebf3;--draupner-red:#d77d70;--draupner-gold:#c9ad75}
.draupner-head{padding:4.1rem 0 2.4rem;border-bottom:1px solid var(--ln);background:radial-gradient(ellipse 70% 105% at 78% -5%,rgba(52,125,151,.17),transparent 66%)}
.draupner-head h1{margin:.75rem 0 1rem;max-width:820px}.draupner-deck{max-width:790px;font-family:var(--serif);font-size:clamp(1.3rem,2.4vw,1.9rem);line-height:1.36;color:var(--tx)}
.record-panel{margin:2rem 0 2.5rem;padding:1.25rem;border:1px solid var(--ln-2);background:linear-gradient(145deg,rgba(20,36,44,.96),rgba(13,19,27,.97))}
.record-top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.9rem}.record-kicker{font-size:.63rem;letter-spacing:.15em;text-transform:uppercase;color:var(--draupner-gold)}.record-top h2{margin:.25rem 0 0}.record-controls{display:flex;flex-wrap:wrap;gap:.35rem}.record-control{border:1px solid var(--ln-2);background:transparent;color:var(--tx-2);padding:.45rem .65rem;font:inherit;font-size:.67rem;letter-spacing:.06em;cursor:pointer}.record-control:hover,.record-control.is-active{border-color:var(--draupner-cyan);color:var(--draupner-ice)}
.record-viewport{position:relative;overflow:hidden;border:1px solid rgba(134,200,222,.22);background:#eef4f6}.record-image{display:block;width:100%;height:auto;filter:invert(1) hue-rotate(180deg);opacity:.9}.record-scan{position:absolute;inset:0 auto 0 -8%;width:2px;background:linear-gradient(transparent,var(--draupner-ice),transparent);box-shadow:0 0 18px var(--draupner-cyan);opacity:0}.record-panel.is-scanning .record-scan{opacity:1;animation:scanTrace 5.4s linear forwards}.record-marker{position:absolute;display:none;padding:.38rem .52rem;border:1px solid rgba(201,235,243,.55);background:rgba(10,18,24,.92);color:var(--draupner-ice);font-size:.67rem;line-height:1.35}.record-marker.crest{left:54%;top:8%}.record-marker.trough{left:47%;bottom:13%}.record-marker.ratio{right:3%;top:45%}.record-panel[data-view="crest"] .crest,.record-panel[data-view="trough"] .trough,.record-panel[data-view="ratio"] .ratio{display:block}.record-caption{margin:.8rem 0 0;color:var(--tx-3);font-size:.72rem;line-height:1.55}.record-caption a{color:var(--draupner-cyan);text-decoration:underline;text-underline-offset:3px}
.height-case{display:grid;grid-template-columns:minmax(125px,.7fr) 1.3fr;gap:1px;margin:1.8rem 0;background:var(--ln-2);border:1px solid var(--ln-2)}.height-number{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:190px;background:linear-gradient(180deg,rgba(134,200,222,.13),rgba(18,25,34,.97));font-family:var(--serif);color:var(--draupner-ice)}.height-number strong{font-size:clamp(3rem,8vw,5.8rem);font-weight:400;line-height:1}.height-number span{margin-top:.45rem;font-family:var(--sans);font-size:.62rem;letter-spacing:.13em;text-transform:uppercase;color:var(--tx-3)}.height-explain{background:var(--bg);padding:1.35rem}.height-explain h3{margin:.1rem 0 .6rem;font-family:var(--serif);font-size:1.35rem;font-weight:400}.height-explain p:last-child{margin-bottom:0}
.no-media{margin:1.6rem 0;padding:1.2rem 1.3rem;border-left:3px solid var(--draupner-red);background:rgba(215,125,112,.06)}.no-media-label{font-size:.61rem;letter-spacing:.14em;text-transform:uppercase;color:var(--draupner-red)}.no-media strong{display:block;margin:.35rem 0;font-family:var(--serif);font-size:1.23rem;font-weight:400;color:var(--tx)}.no-media p{margin:0;font-size:.86rem;line-height:1.6}
.mechanism-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:1.4rem 0 2rem;background:var(--ln-2);border:1px solid var(--ln-2)}.mechanism{background:var(--bg);padding:1.15rem}.mechanism-num{font-size:.62rem;letter-spacing:.11em;color:var(--draupner-cyan)}.mechanism h3{margin:.35rem 0 .45rem;font-family:var(--serif);font-size:1.16rem;font-weight:400}.mechanism p{margin:0;font-size:.79rem;line-height:1.55;color:var(--tx-3)}
.case-verdict{margin:2rem 0;padding:1.35rem;border-top:1px solid var(--ln-2);border-bottom:1px solid var(--ln-2);font-family:var(--serif);font-size:1.28rem;line-height:1.55}.case-verdict strong{color:var(--draupner-cyan);font-weight:400}
.draupner-status{color:var(--draupner-cyan)!important}.license-note{display:block;margin-top:.35rem;color:var(--tx-4);font-size:.65rem}
@keyframes scanTrace{0%{left:-8%}100%{left:108%}}
@media(max-width:760px){.draupner-head{padding:2.7rem 0 1.8rem}.record-top{display:block}.record-controls{margin-top:.8rem}.height-case{grid-template-columns:1fr}.height-number{min-height:135px}.mechanism-grid{grid-template-columns:1fr}.record-marker{font-size:.58rem}.record-marker.crest{left:49%;top:3%}.record-marker.trough{left:42%;bottom:7%}}
@media(prefers-reduced-motion:reduce){.record-panel.is-scanning .record-scan{animation:none;display:none}}