:root{--hc-bg:#030506;--hc-panel:#080c0e;--hc-panel2:#0d1215;--hc-line:rgba(164,223,229,.16);--hc-line2:rgba(213,184,120,.24);--hc-silver:#d8e2e4;--hc-dim:#7f9196;--hc-blue:#8bdde4;--hc-blue2:#c6f5f7;--hc-gold:#d8bd7a;--hc-black:#020304}
*{box-sizing:border-box}.hc-room{background:radial-gradient(circle at 50% 12%,rgba(74,123,132,.11),transparent 34rem),radial-gradient(circle at 82% 66%,rgba(100,164,173,.04),transparent 30rem),linear-gradient(180deg,#020304,#06090a 48%,#020304);padding-bottom:108px}.hc-app{width:min(100% - 28px,1680px);margin:auto}.hc-masthead{padding:28px 4px 18px;border-bottom:1px solid var(--hc-line)}.hc-kicker,.hc-micro{font:600 9px/1.3 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:#72868c}.hc-title-row{display:grid;grid-template-columns:minmax(320px,1fr) auto auto;gap:20px;align-items:end}.hc-title-row h1{font-size:clamp(2.9rem,5vw,5.6rem);line-height:.92;margin:.25rem 0 .4rem;letter-spacing:-.045em;color:#eef3f3}.hc-title-row p{margin:0;color:#8ea0a5;font:600 10px var(--mono);letter-spacing:.18em;text-transform:uppercase}.hc-axiom{max-width:860px;color:#a7b5b8;font-size:.95rem;margin:18px 0 0}.hc-mode-tabs{display:flex;border:1px solid var(--hc-line);background:rgba(4,8,9,.65)}.hc-mode-tabs button,.hc-theory-toggle,.hc-panel-head button,.hc-world-actions button,.hc-phrase-actions button,.hc-text-btn,.hc-performance-mode button,.hc-synth-row button,.hc-transit-head button,.hc-enter-world,.hc-disclosure,.hc-methods button,.hc-conflict button,.hc-transport button{appearance:none;border:0;background:transparent;color:#879a9f;font:700 9px var(--mono);letter-spacing:.13em;text-transform:uppercase;cursor:pointer}.hc-mode-tabs button{padding:12px 14px;border-right:1px solid var(--hc-line)}.hc-mode-tabs button:last-child{border-right:0}.hc-mode-tabs button[aria-selected=true],.hc-mode-tabs button:hover{color:#eefafa;background:rgba(139,221,228,.07)}.hc-theory-toggle{border:1px solid var(--hc-line);min-height:40px;padding:0 13px}.hc-theory-toggle[aria-pressed=true]{border-color:rgba(216,189,122,.42);color:var(--hc-gold)}
.hc-instrument{display:grid;grid-template-columns:260px minmax(540px,1fr) 310px;grid-template-areas:"compass field inspector" "transit transit transit" "play play play" "debug debug debug";gap:1px;margin-top:18px;border:1px solid var(--hc-line);background:var(--hc-line);box-shadow:0 30px 100px rgba(0,0,0,.42)}.hc-compass,.hc-inspector,.hc-field-shell,.hc-transit-workbench,.hc-performance,.hc-debug{background:linear-gradient(180deg,rgba(8,12,14,.98),rgba(3,6,7,.98));min-width:0}.hc-compass{grid-area:compass;padding:14px}.hc-field-shell{grid-area:field;position:relative;min-height:690px;overflow:hidden}.hc-inspector{grid-area:inspector;padding:14px}.hc-transit-workbench{grid-area:transit;padding:20px;border-top:1px solid var(--hc-line)}.hc-performance{grid-area:play;padding:18px;border-top:1px solid var(--hc-line)}.hc-debug{grid-area:debug;padding:16px;border-top:1px solid var(--hc-line)}.hc-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:12px;border-bottom:1px solid var(--hc-line);font:700 9px var(--mono);letter-spacing:.18em;color:#7f949a}.hc-panel-head button{color:#9eb4b9}.hc-control-block{padding:15px 0;border-bottom:1px solid rgba(164,223,229,.08)}.hc-control-block>label,.hc-label-row label{display:block;margin-bottom:7px;font:700 9px var(--mono);letter-spacing:.16em;color:#697c82;text-transform:uppercase}.hc-control-block select,.hc-invariant select,.hc-synth-row select{width:100%;border:1px solid var(--hc-line);background:#05090b;color:#d7e2e4;padding:9px 10px;font:600 11px var(--mono)}.hc-segment{display:flex;margin-top:8px;border:1px solid var(--hc-line)}.hc-segment button{flex:1;border:0;border-right:1px solid var(--hc-line);padding:8px 5px;background:#05090b;color:#677b81;font:700 9px var(--mono);letter-spacing:.1em;cursor:pointer}.hc-segment button:last-child{border-right:0}.hc-segment button[aria-pressed=true]{color:#e3eff1;background:rgba(139,221,228,.08)}.hc-text-btn{padding:8px 0;color:#9db0b5}.hc-axis-panel{display:grid;gap:9px;padding:13px 0;border-bottom:1px solid var(--hc-line)}.hc-axis{display:grid;grid-template-columns:70px 1fr 70px;gap:6px;align-items:center}.hc-axis span{font:600 7px var(--mono);letter-spacing:.08em;color:#6d7f84;text-transform:uppercase}.hc-axis span:last-child{text-align:right}.hc-axis input{width:100%;accent-color:#8bdde4}.hc-label-row{display:flex;justify-content:space-between;align-items:center}.hc-label-row span{font:700 7px var(--mono);letter-spacing:.12em;color:#809399}.hc-phrase-notes{display:flex;gap:4px;flex-wrap:wrap;min-height:36px;align-items:center}.hc-note-chip{position:relative;border:1px solid rgba(164,223,229,.14);padding:7px 7px 6px;min-width:30px;text-align:center;color:#b9c8cb;font:600 9px var(--mono);cursor:pointer}.hc-note-chip.anchor{border-color:rgba(216,189,122,.54);color:#f0d99a;box-shadow:inset 0 0 14px rgba(216,189,122,.05)}.hc-note-chip.anchor:after{content:"◌";position:absolute;right:2px;top:-5px;font-size:9px;color:var(--hc-gold)}.hc-phrase-actions{display:flex;gap:5px;margin-top:9px;flex-wrap:wrap}.hc-phrase-actions button{border:1px solid var(--hc-line);padding:7px 8px}.hc-phrase-actions button.recording{border-color:#9a6c68;color:#e0a7a0}.hc-small-note{margin-top:8px;color:#65777c;font-size:10px;line-height:1.45}
.hc-field-toolbar{position:absolute;inset:0 0 auto;z-index:4;display:flex;justify-content:space-between;gap:14px;padding:12px 15px;background:linear-gradient(180deg,rgba(3,6,7,.92),rgba(3,6,7,.18));pointer-events:none}.hc-field-toolbar>*{pointer-events:auto}.hc-field-toolbar strong{display:block;margin-top:3px;color:#a7b8bb;font-weight:500;font-size:12px}.hc-mapby{display:flex;align-items:center;gap:7px;color:#71868c;font:700 9px var(--mono);letter-spacing:.13em}.hc-mapby select{background:#05090a;border:1px solid var(--hc-line);color:#d3dfe1;padding:7px 9px;font:700 9px var(--mono);letter-spacing:.08em}.hc-field{display:block;width:100%;height:690px;background:radial-gradient(circle at 50% 50%,rgba(17,37,42,.18),rgba(1,3,4,.96) 65%)}.hc-grid-ring{fill:none;stroke:rgba(164,223,229,.07);stroke-width:1;stroke-dasharray:2 8}.hc-grid-axis{stroke:rgba(164,223,229,.045);stroke-width:1}.hc-world{cursor:pointer;transition:transform .7s cubic-bezier(.22,.74,.18,1),opacity .55s ease}.hc-world circle.core{fill:#091013;stroke:rgba(169,226,231,.38);stroke-width:1.2}.hc-world circle.aura{fill:rgba(112,194,202,.025);stroke:none}.hc-world text{fill:#83979c;font:700 9px var(--mono);letter-spacing:.07em;text-anchor:middle;pointer-events:none}.hc-world .score{fill:#60747a;font-size:6.5px}.hc-world.selected circle.core{stroke:#d8bd7a;stroke-width:1.8;filter:url(#softGlow)}.hc-world.selected text{fill:#efe0ae}.hc-world.primary circle.core{fill:#0b171b}.hc-world.secondary{opacity:.63}.hc-world.distant{opacity:.32}.hc-source-mark circle{fill:#d9e4e5;stroke:#ffffff;stroke-width:.5;filter:url(#softGlow)}.hc-source-mark text{fill:#c9d5d7;font:700 7px var(--mono);letter-spacing:.18em;text-anchor:middle}.hc-pitch-glyph line{stroke:rgba(139,221,228,.55);stroke-width:1}.hc-pitch-glyph circle{fill:#d4e3e5}.hc-map-note{position:absolute;left:16px;bottom:10px;color:#5f7379;font:700 9px var(--mono);letter-spacing:.16em;text-transform:uppercase}.hc-empty{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);max-width:390px;padding:18px;text-align:center;border:1px solid var(--hc-line);background:rgba(3,6,7,.92);color:#c6d3d5}.hc-empty p{color:#73878d;font-size:12px}.hc-transit-line{stroke:rgba(139,221,228,.28);stroke-width:1;stroke-dasharray:3 5}.hc-transit-node{fill:#d8bd7a;stroke:#fff0c2;stroke-width:.4}.hc-map-link{stroke:rgba(139,221,228,.09);stroke-width:.8}
.hc-inspector-empty{padding:80px 8px 30px;text-align:center;color:#798b90}.hc-inspector-empty h2{font-size:1.7rem;margin:.8rem 0}.hc-inspector-empty p{font-size:12px}.hc-glyph-placeholder{width:84px;height:84px;margin:auto;border:1px solid var(--hc-line2);border-radius:50%;display:grid;place-items:center;font:400 2.6rem var(--serif);color:#a9915e}.hc-world-glyph{height:180px;display:grid;place-items:center;border-bottom:1px solid var(--hc-line);margin:-4px 0 14px}.hc-world-glyph svg{width:165px;height:165px}.hc-world-heading{display:flex;gap:10px;justify-content:space-between;align-items:flex-start}.hc-world-heading h2{font-size:2rem;line-height:1;margin:.35rem 0 0;color:#eef4f4}.hc-affinity{text-align:right}.hc-affinity span{display:block;color:#687d82;font:700 7px var(--mono);letter-spacing:.15em}.hc-affinity strong{font:400 2rem var(--serif);color:#b8e5e8}.hc-tags{display:flex;gap:5px;flex-wrap:wrap;margin:12px 0}.hc-tags span{border:1px solid var(--hc-line);padding:5px 6px;color:#7c9196;font:700 7px var(--mono);letter-spacing:.1em;text-transform:uppercase}.hc-world-actions{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:5px;margin:14px 0}.hc-world-actions button{border:1px solid var(--hc-line);padding:10px}.hc-world-actions button.primary{border-color:rgba(216,189,122,.38);color:#ead59e;background:rgba(216,189,122,.04)}.hc-disclosure{width:100%;display:flex;justify-content:space-between;padding:12px 0;border-top:1px solid var(--hc-line);color:#91a6ab}.hc-why,.hc-theory{padding:4px 0 14px}.hc-metric{display:grid;grid-template-columns:1fr auto;gap:8px;padding:7px 0;border-bottom:1px solid rgba(164,223,229,.06);font-size:11px}.hc-metric span{color:#6f8287}.hc-metric strong{font-weight:600;color:#cbd8da}.hc-explain{margin-top:12px;color:#93a4a8;font-size:12px;line-height:1.55}.hc-code{font:600 10px var(--mono);color:#99b2b7;line-height:1.6;white-space:pre-wrap}
.hc-transit-head{display:flex;justify-content:space-between;align-items:flex-start}.hc-transit-head h2{font-size:2.2rem;margin:.35rem 0}.hc-invariants{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.hc-invariant{min-height:68px;border:1px solid var(--hc-line);padding:10px;display:flex;flex-direction:column;justify-content:space-between}.hc-invariant span{color:#687d82;font:700 7px var(--mono);letter-spacing:.13em}.hc-invariant strong,.hc-invariant output{color:#c6d4d6;font:700 9px var(--mono)}.hc-invariant.locked{border-color:rgba(164,223,229,.1);opacity:.8}.hc-invariant input{width:100%;accent-color:#8bdde4}.hc-methods{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px}.hc-methods button{border:1px solid var(--hc-line);padding:12px;text-align:left}.hc-methods button strong{display:block;color:#b3c1c4;margin-bottom:5px}.hc-methods button small{display:block;color:#6c7f84;font-size:9px;line-height:1.4;letter-spacing:0;text-transform:none}.hc-methods button[aria-pressed=true]{border-color:rgba(216,189,122,.42);background:rgba(216,189,122,.035)}.hc-methods button[aria-pressed=true] strong{color:#ecd9a5}.hc-enter-world{width:100%;margin-top:12px;border:1px solid rgba(216,189,122,.52);padding:16px;color:#f0dda6;background:radial-gradient(circle at 50% 0,rgba(216,189,122,.08),transparent 60%);font-size:10px}.hc-conflict{margin-top:10px;padding:12px;border:1px solid rgba(198,121,108,.35);background:rgba(94,38,32,.09);color:#cfa8a0}.hc-conflict p{font-size:11px}.hc-conflict button{border:1px solid rgba(198,121,108,.32);padding:8px;margin-right:4px;color:#d5aca4}
.hc-performance-head{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center}.hc-performance-head>div:first-child strong{display:block;margin-top:5px;color:#dbe5e6}.hc-performance-mode{display:flex;border:1px solid var(--hc-line)}.hc-performance-mode button{padding:9px;border-right:1px solid var(--hc-line)}.hc-performance-mode button:last-child{border-right:0}.hc-performance-mode button[aria-pressed=true]{color:#e8f4f5;background:rgba(139,221,228,.07)}.hc-keyboard{position:relative;height:170px;margin:16px 0;border:1px solid var(--hc-line);display:flex;align-items:stretch;background:#030506;overflow:hidden}.hc-key{position:relative;flex:1;border:0;border-right:1px solid rgba(164,223,229,.08);background:linear-gradient(180deg,#13191b,#070a0b);color:#607277;cursor:pointer;min-width:20px}.hc-key.black{position:absolute;top:0;height:62%;width:4.7%;z-index:2;background:linear-gradient(180deg,#020304,#090e10);border:1px solid rgba(164,223,229,.12)}.hc-key.world{box-shadow:inset 0 -4px 0 rgba(139,221,228,.28)}.hc-key.chord{box-shadow:inset 0 -5px 0 rgba(216,189,122,.38)}.hc-key.gravity:after{content:"";position:absolute;bottom:8px;left:50%;width:5px;height:5px;transform:translateX(-50%);border-radius:50%;background:#e1c77e;box-shadow:0 0 8px rgba(225,199,126,.5)}.hc-key.active{background:linear-gradient(180deg,#203037,#0b1114)}.hc-key.blocked{opacity:.34}.hc-key span{position:absolute;bottom:8px;left:0;right:0;font:700 7px var(--mono);text-align:center;color:#6d8085}.hc-synth-row{display:grid;grid-template-columns:repeat(5,1fr) 90px 130px;gap:8px;align-items:end}.hc-synth-row label{display:grid;gap:5px;color:#687d82;font:700 7px var(--mono);letter-spacing:.1em}.hc-synth-row input{width:100%;accent-color:#8bdde4}.hc-synth-row button{border:1px solid var(--hc-line);padding:10px}.hc-midi-status{margin-top:8px;color:#667a7f;font-size:10px}.hc-debug pre{max-height:420px;overflow:auto;color:#92a9ae;background:#030506;border:1px solid var(--hc-line);padding:12px;font:10px/1.55 var(--mono)}
.hc-method-note{padding:40px 0 24px}.hc-method-note h2{font-size:2.6rem;margin:.45rem 0}.hc-method-note p{max-width:900px;color:#8fa0a4}.hc-transport{position:fixed;z-index:80;left:0;right:0;bottom:0;border-top:1px solid rgba(164,223,229,.18);background:rgba(2,5,6,.94);backdrop-filter:blur(18px);padding:9px 18px;display:grid;grid-template-columns:minmax(350px,.8fr) minmax(620px,1.2fr);gap:14px;align-items:center;box-shadow:0 -20px 50px rgba(0,0,0,.3)}.hc-transport-state{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.hc-transport-state span{color:#61757b;font:700 6.5px var(--mono);letter-spacing:.08em}.hc-transport-state strong{display:block;margin-top:2px;color:#a9babd;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hc-transport-controls{display:flex;gap:6px;align-items:center;justify-content:flex-end}.hc-transport button{border:1px solid var(--hc-line);padding:8px 9px}.hc-transport button[aria-pressed=true]{border-color:rgba(216,189,122,.36);color:#ead69e}.hc-ab{display:flex}.hc-ab button+button{margin-left:-1px}.hc-compare{display:flex;align-items:center;gap:5px;color:#657a80;font:700 6px var(--mono);letter-spacing:.08em}.hc-compare input{width:125px;accent-color:#8bdde4}
.hc-room.theory-on .hc-grid-ring{stroke:rgba(164,223,229,.13)}.hc-room.theory-on .hc-grid-axis{stroke:rgba(164,223,229,.09)}.hc-room.transit-running .hc-world:not(.selected){opacity:.1!important}.hc-room.transit-running .hc-source-mark{opacity:1}.hc-world,.hc-source-mark,.hc-transit-node{transform-box:fill-box;transform-origin:center}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.hc-world{transition:none!important}}
@media(max-width:1180px){.hc-instrument{grid-template-columns:230px minmax(420px,1fr);grid-template-areas:"compass field" "inspector inspector" "transit transit" "play play" "debug debug"}.hc-inspector{min-height:0}.hc-inspector-empty{padding:25px}.hc-world-glyph{height:145px}.hc-title-row{grid-template-columns:1fr auto}.hc-theory-toggle{grid-column:2}.hc-mode-tabs{grid-column:1}.hc-transport{grid-template-columns:1fr}.hc-transport-controls{justify-content:flex-start}.hc-room{padding-bottom:145px}}
@media(max-width:760px){.hc-app{width:100%}.hc-masthead{padding:20px 14px}.hc-title-row{display:block}.hc-title-row h1{font-size:clamp(2.8rem,13vw,4.8rem)}.hc-mode-tabs{margin-top:15px;overflow:auto}.hc-theory-toggle{margin-top:8px}.hc-instrument{margin:0;border-left:0;border-right:0;grid-template-columns:1fr;grid-template-areas:"field" "compass" "inspector" "transit" "play" "debug"}.hc-field-shell{min-height:560px}.hc-field{height:560px}.hc-compass{order:2}.hc-invariants{grid-template-columns:repeat(2,1fr)}.hc-methods{grid-template-columns:1fr}.hc-performance-head{grid-template-columns:1fr}.hc-synth-row{grid-template-columns:repeat(2,1fr)}.hc-keyboard{height:150px;overflow-x:auto}.hc-transport{padding:7px 8px;gap:7px}.hc-transport-state{grid-template-columns:repeat(2,1fr)}.hc-transport-controls{overflow-x:auto;white-space:nowrap}.hc-compare{display:none}.hc-room{padding-bottom:162px}.hc-mapby select{max-width:140px}}

/* === HC R1 NATIVE CLOSEOUT: legibility, mobile instrument, provenance, mapping === */
.hc-room button:focus-visible,.hc-room select:focus-visible,.hc-room input:focus-visible,.hc-world:focus-visible{outline:2px solid #e5cf91;outline-offset:3px}
.hc-room button:disabled{cursor:not-allowed;opacity:.42}
.hc-control-note{margin-top:8px;color:#819399;font-size:12.5px;line-height:1.5}
.hc-segment button{font-size:11.5px;min-height:38px}
.hc-control-block>label,.hc-label-row label,.hc-panel-head,.hc-panel-head button,.hc-mapby,.hc-mapby select{font-size:11.5px}
.hc-control-block select,.hc-invariant select,.hc-synth-row select{font-size:13px;min-height:40px}
.hc-text-btn,.hc-phrase-actions button,.hc-world-actions button,.hc-performance-mode button,.hc-synth-row button,.hc-transit-head button,.hc-enter-world,.hc-disclosure,.hc-methods button,.hc-conflict button,.hc-transport button,.hc-mode-tabs button,.hc-theory-toggle{font-size:11.5px}
.hc-small-note,.hc-inspector-empty p,.hc-explain,.hc-conflict p,.hc-midi-status{font-size:13px;line-height:1.55}
.hc-note-chip{font-size:12px;min-width:42px;min-height:38px}
.hc-label-row span,.hc-affinity span,.hc-tags span,.hc-invariant span,.hc-invariant strong,.hc-invariant output,.hc-methods button small,.hc-synth-row label{font-size:10.5px}
.hc-metric{font-size:13px;line-height:1.45}
.hc-code{font-size:11.5px}
.hc-world text{font-size:10px}.hc-world .score{font-size:8.5px}.hc-source-mark text{font-size:9px}.hc-map-note{font-size:10.5px}
.hc-world circle.hit{fill:transparent;stroke:none;pointer-events:all}
.hc-world .selection-ring{fill:none;stroke:#f0dfaa;stroke-width:1.3;opacity:0;pointer-events:none;stroke-dasharray:4 3}
.hc-world.selected .selection-ring,.hc-world:focus-visible .selection-ring{opacity:1}
.hc-world.selected .name{font-weight:800;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.hc-mobile-world-list{display:none}
.hc-provenance{margin-top:16px;padding:14px 0 2px;border-top:1px solid rgba(164,223,229,.12)}
.hc-provenance-title{margin-bottom:8px;color:#d5c184;font:700 11px var(--mono);letter-spacing:.13em;text-transform:uppercase}
.hc-provenance p{margin:10px 0;color:#95a7ab;font-size:13px;line-height:1.58}
.hc-provenance a{color:#b8dfe2;text-decoration-color:rgba(184,223,226,.4);text-underline-offset:3px}
.hc-provenance-ambiguity strong{color:#c8d5d7}.hc-provenance-source{font-size:12px!important;color:#81969b!important}
.hc-mapping-ledger{margin-top:14px;border-top:1px solid rgba(164,223,229,.1)}
.hc-mapping-panel{padding:4px 0 8px;display:grid;gap:7px}
.hc-mapping-row{display:grid;grid-template-columns:minmax(210px,.9fr) minmax(240px,1fr);gap:7px 16px;padding:12px;border:1px solid rgba(164,223,229,.1);background:rgba(4,8,9,.52)}
.hc-mapping-event{display:grid;grid-template-columns:28px 1fr auto;gap:8px;align-items:center}.hc-mapping-event>span{color:#6f8388;font:700 10px var(--mono)}.hc-mapping-event strong{font:700 13px var(--mono);color:#dce7e8}.hc-mapping-event strong b{color:#d8bd7a;font-weight:400}.hc-mapping-event em{font:700 9.5px var(--mono);font-style:normal;letter-spacing:.08em;color:#b9cacd}
.hc-mapping-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;color:#83969a;font:700 10px var(--mono)}.hc-mapping-row p{grid-column:1/-1;margin:0;color:#98a9ad;font-size:12.5px;line-height:1.5}
.hc-performance-help{margin:10px 0 2px;color:#93a5a9;font-size:13px;line-height:1.5;max-width:980px}
.hc-key.outside{opacity:.72}.hc-performance.gravity-response .hc-key.outside{box-shadow:inset 0 -2px 0 rgba(207,225,227,.10)}
.hc-transport-state span,.hc-compare{font-size:9.5px}.hc-transport-state strong{font-size:11px}.hc-transport button{min-height:38px}

@media(max-width:760px){
  .hc-field-shell{min-height:0;overflow:visible}
  .hc-field{height:500px}
  .hc-field-toolbar{padding:12px 13px;gap:8px}.hc-field-toolbar strong{font-size:12px;max-width:205px}.hc-mapby{font-size:10.5px}.hc-mapby select{font-size:11px;padding:8px 6px;max-width:128px}
  .hc-map-note{position:static;padding:9px 14px 11px;border-top:1px solid rgba(164,223,229,.06);font-size:10.5px;line-height:1.4}
  .hc-world text{font-size:16px}.hc-world .score{font-size:13px}.hc-world:not(.selected) text{opacity:.08}.hc-world.selected text{opacity:1}.hc-world.selected circle.core{r:28px}.hc-world.selected .selection-ring{stroke-width:2.2}
  .hc-mobile-world-list{display:grid;gap:1px;padding:0 10px 12px;background:#030607;border-top:1px solid rgba(164,223,229,.10);max-height:322px;overflow:auto;overscroll-behavior:contain}
  .hc-mobile-world-head{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 4px 8px;background:rgba(3,6,7,.97);color:#93a7ac;font:700 11px var(--mono);letter-spacing:.11em}.hc-mobile-world-head small{font:500 10.5px var(--mono);letter-spacing:0;color:#71858a;text-align:right}
  .hc-mobile-world-btn{appearance:none;width:100%;min-height:48px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;text-align:left;padding:10px 11px;border:1px solid rgba(164,223,229,.10);background:#060a0c;color:#bdcacc;cursor:pointer}.hc-mobile-world-btn+.hc-mobile-world-btn{margin-top:3px}.hc-mobile-world-btn.selected{border:2px solid #d8bd7a;background:rgba(216,189,122,.05);padding:9px 10px}.hc-mobile-world-name{font-size:13px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hc-mobile-world-meta{font:700 10.5px var(--mono);color:#879a9f;white-space:nowrap}.hc-mobile-world-btn.selected .hc-mobile-world-name:before{content:'SELECTED · ';color:#d8bd7a;font:700 9.5px var(--mono);letter-spacing:.08em}
  .hc-inspector,.hc-compass,.hc-transit-workbench,.hc-performance{padding-left:15px;padding-right:15px}.hc-inspector-empty{padding:28px 8px}.hc-world-heading h2{font-size:2.15rem}.hc-world-actions{grid-template-columns:1fr;gap:7px}.hc-world-actions button{min-height:46px;font-size:12px}
  .hc-invariants{grid-template-columns:1fr 1fr}.hc-invariant{min-height:74px}.hc-invariant span,.hc-invariant strong,.hc-invariant output{font-size:11px}.hc-methods button{min-height:74px}.hc-methods button strong{font-size:13px}.hc-methods button small{font-size:11.5px}.hc-enter-world{min-height:50px;font-size:12px}
  .hc-mapping-row{grid-template-columns:1fr;gap:9px}.hc-mapping-row p{grid-column:1}.hc-mapping-meta{font-size:10px}.hc-mapping-event strong{font-size:12.5px}
  .hc-performance-mode{display:grid;grid-template-columns:1fr 1fr 1fr;width:100%}.hc-performance-mode button{min-height:44px;padding:8px 4px;font-size:10.5px}.hc-performance-help{font-size:12.5px}.hc-key span{font-size:9px}.hc-synth-row label{font-size:10.5px}
  .hc-transport-state span{font-size:9px}.hc-transport-state strong{font-size:10.5px}.hc-transport button{font-size:10.5px;min-height:40px}
}
@media(max-width:760px){
  .hc-world:not(.selected) text{opacity:0}
  .hc-world.selected .name{font-size:32px}.hc-world.selected .score{font-size:25px}
}

/* HC R2 — Transit as visible voice-leading trajectories */
.hc-transit-principle{margin:10px 0 2px;padding:10px 12px;border-left:1px solid rgba(216,189,122,.55);background:rgba(216,189,122,.035);color:#87999e;font:700 9px var(--mono);letter-spacing:.1em;line-height:1.55}.hc-transit-principle strong{color:#d8bd7a}.hc-transit-path{fill:none;stroke:rgba(139,221,228,.36);stroke-width:1.5;stroke-linecap:round}.hc-transit-path.gravity{stroke:rgba(216,189,122,.52)}.hc-transit-path.mercurial{stroke:rgba(173,205,210,.46)}.hc-transit-path.nearest{stroke:rgba(139,221,228,.44)}.hc-transit-fixed{fill:#d8bd7a;stroke:#fff0c2;stroke-width:.8;filter:url(#softGlow)}.hc-transit-moving{fill:#dbeaec;stroke:#bde6e9;stroke-width:.7;filter:url(#softGlow)}.hc-transit-origin{fill:#091013;stroke:rgba(139,221,228,.34);stroke-width:1}.hc-transit-destination{fill:#091013;stroke:rgba(216,189,122,.46);stroke-width:1}.hc-transit-note-label{fill:#9aadb1;font:700 8.5px var(--mono);letter-spacing:.05em}.hc-transit-status-label{fill:#d8bd7a;font:700 9px var(--mono);letter-spacing:.14em}.hc-transit-method-label{fill:#6f8388;font:700 7px var(--mono);letter-spacing:.14em}.hc-transit-running .hc-field-toolbar{opacity:.35}.hc-room.transit-running #fieldGrid{opacity:.4}.hc-room.transit-running #worldLayer{opacity:.12}.hc-room.transit-running #sourceLayer{opacity:.16}.hc-room.transit-running #transitLayer{opacity:1}

/* R14 — JOY / SHAKTI analytical case study */
.hc-case-study{margin:18px 0 0;border:1px solid rgba(216,189,122,.18);background:linear-gradient(180deg,rgba(17,15,10,.40),rgba(4,8,9,.86));padding:16px 18px;box-shadow:0 20px 54px rgba(0,0,0,.18)}.hc-case-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-end}.hc-case-head h2{margin:.35rem 0 0;color:#e8ecec;font-size:1.45rem;font-weight:500}.hc-case-head button{appearance:none;border:1px solid rgba(216,189,122,.42);background:#090b0c;color:#e8d49b;padding:10px 14px;font:700 10px var(--mono);letter-spacing:.12em;cursor:pointer}.hc-case-study>p{max-width:1060px;margin:13px 0;color:#98a9ad;font-size:13px;line-height:1.6}.hc-joy-stages{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.hc-joy-stages button{appearance:none;text-align:left;border:1px solid rgba(164,223,229,.12);background:#06090b;color:#aebdc0;padding:11px 12px;cursor:pointer}.hc-joy-stages button span{display:block;color:#677a80;font:700 8px var(--mono);letter-spacing:.15em}.hc-joy-stages button strong{display:block;margin-top:5px;color:#d8e2e4;font-size:12px}.hc-joy-stages button small{display:block;margin-top:4px;color:#72868b;font:600 9px var(--mono);letter-spacing:.06em}.hc-joy-stages button[aria-pressed="true"]{border-color:#d8bd7a;background:rgba(216,189,122,.055);box-shadow:inset 0 0 0 1px rgba(216,189,122,.12)}.hc-joy-stages button[aria-pressed="true"] strong{color:#f0dda7}.hc-case-status{margin-top:10px;color:#9bb0b4;font:700 10px var(--mono);letter-spacing:.08em}.hc-case-boundary{margin-top:8px;color:#746b5b;font:700 8.5px var(--mono);letter-spacing:.12em}
@media(max-width:760px){.hc-case-study{margin:12px 10px 0}.hc-case-head{display:block}.hc-case-head button{margin-top:12px}.hc-joy-stages{grid-template-columns:1fr 1fr}.hc-case-study>p{font-size:12.5px}}

/* Harmonic Cartography Resurrection — liquid-mercury discovery instrument */
.hc-field-shell{background:
  radial-gradient(circle at 50% 17%,rgba(217,236,238,.065),transparent 23rem),
  radial-gradient(circle at 48% 58%,rgba(93,176,184,.055),transparent 31rem),
  linear-gradient(180deg,rgba(6,10,11,.99),rgba(2,4,5,.995));}
.hc-discovery-engine{position:relative;z-index:5;margin:60px 18px 14px;padding:16px;border:1px solid rgba(207,234,236,.15);background:
  linear-gradient(135deg,rgba(237,249,250,.035),transparent 24%),
  radial-gradient(circle at 26% 18%,rgba(209,235,237,.06),transparent 22rem),
  linear-gradient(180deg,rgba(8,13,15,.91),rgba(2,5,6,.94));box-shadow:0 28px 80px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.035);backdrop-filter:blur(18px);overflow:hidden}
.hc-discovery-engine:before{content:"";position:absolute;inset:-35% -12%;pointer-events:none;background:linear-gradient(112deg,transparent 20%,rgba(210,233,235,.035) 39%,rgba(255,255,255,.075) 42%,rgba(173,210,214,.025) 46%,transparent 61%);transform:translateX(-42%);animation:hcMercurySweep 13s ease-in-out infinite}
.hc-discovery-engine:after{content:"";position:absolute;left:11%;right:11%;bottom:-38px;height:82px;border-radius:50%;background:radial-gradient(ellipse,rgba(178,222,226,.095),rgba(178,222,226,0) 69%);filter:blur(11px);pointer-events:none}
@keyframes hcMercurySweep{0%,18%{transform:translateX(-55%)}65%,100%{transform:translateX(65%)}}
.hc-discovery-heading{position:relative;z-index:1;display:flex;align-items:end;justify-content:space-between;gap:18px;padding-bottom:12px;border-bottom:1px solid rgba(187,225,228,.10)}
.hc-discovery-heading strong{display:block;margin-top:4px;color:#dce7e8;font:500 20px/1.05 var(--serif);letter-spacing:.01em}.hc-discovery-status{color:#d9c589;font:700 9px var(--mono);letter-spacing:.16em;text-transform:uppercase;white-space:nowrap}
.hc-discovery-body{position:relative;z-index:1;display:grid;grid-template-columns:minmax(225px,.72fr) minmax(360px,1.55fr);gap:18px;padding-top:15px}.hc-stone-bay{display:flex;align-items:center;justify-content:center;gap:8px;min-height:166px;padding:8px 6px 2px;perspective:700px}
.hc-mercury-stone{appearance:none;position:relative;width:148px;height:148px;flex:0 0 148px;border-radius:50%;border:1px solid rgba(239,250,250,.32);background:
  radial-gradient(circle at 30% 22%,rgba(255,255,255,.98) 0 2%,rgba(234,242,243,.62) 5%,transparent 17%),
  radial-gradient(circle at 60% 70%,rgba(204,232,234,.34),transparent 30%),
  radial-gradient(circle at 47% 44%,#9ba8aa 0,#e8eeee 16%,#4f5b5e 31%,#d5dfe0 43%,#1c2426 61%,#788688 76%,#070b0c 100%);color:#101719;box-shadow:inset -17px -19px 28px rgba(0,0,0,.45),inset 13px 10px 20px rgba(255,255,255,.30),0 16px 32px rgba(0,0,0,.46),0 0 30px rgba(166,221,226,.08);cursor:pointer;transform:rotateX(2deg);transition:transform .3s ease,box-shadow .3s ease,filter .3s ease}
.hc-mercury-stone:hover,.hc-mercury-stone:focus-visible{transform:translateY(-3px) scale(1.018);box-shadow:inset -17px -19px 28px rgba(0,0,0,.40),inset 13px 10px 20px rgba(255,255,255,.36),0 22px 38px rgba(0,0,0,.54),0 0 36px rgba(184,231,234,.14)}
.hc-mercury-stone.secondary{width:126px;height:126px;flex-basis:126px;filter:saturate(.82)}.hc-mercury-stone>span,.hc-mercury-stone>strong,.hc-mercury-stone>small{position:relative;z-index:2;display:block;text-shadow:0 1px 5px rgba(255,255,255,.36)}.hc-mercury-stone>span{font:800 7px var(--mono);letter-spacing:.14em;color:#354145}.hc-mercury-stone>strong{max-width:110px;margin:7px auto 5px;font:800 12px/1.05 var(--mono);letter-spacing:.035em;color:#0a1113}.hc-mercury-stone>small{max-width:104px;margin:auto;font:700 7px/1.3 var(--mono);letter-spacing:.035em;color:#39484b}.hc-mercury-stone.secondary>strong{max-width:92px;font-size:10px}
.hc-stone-join{display:none;flex:0 0 38px;align-items:center;gap:3px;transform:rotate(-5deg)}.hc-stone-join.active{display:flex}.hc-stone-join i{display:block;height:1px;width:10px;background:linear-gradient(90deg,transparent,#d9e5e6)}.hc-stone-join i:last-child{background:linear-gradient(90deg,#e5d09b,transparent)}.hc-stone-join b{font:700 6.5px var(--mono);letter-spacing:.13em;color:#cdbb87}
.hc-engine-console{display:grid;gap:10px;align-content:start}.hc-behaviors{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.hc-behaviors button{appearance:none;position:relative;min-height:57px;border:1px solid rgba(174,219,223,.12);background:linear-gradient(180deg,rgba(12,18,20,.92),rgba(5,8,9,.97));color:#75898e;cursor:pointer;overflow:hidden}.hc-behaviors button:after{content:"";position:absolute;left:12%;right:12%;bottom:5px;height:1px;background:linear-gradient(90deg,transparent,rgba(180,229,233,.0),transparent);transition:.3s}.hc-behaviors button span{display:block;font:800 11px var(--mono);letter-spacing:.18em}.hc-behaviors button small{display:block;margin-top:4px;font:600 8px var(--mono);letter-spacing:.08em;color:#5e7176}.hc-behaviors button[aria-pressed=true]{color:#edf7f8;border-color:rgba(205,236,238,.32);background:radial-gradient(circle at 50% 120%,rgba(144,220,226,.13),transparent 55%),linear-gradient(180deg,rgba(19,28,31,.97),rgba(5,9,10,.98));box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}.hc-behaviors button[aria-pressed=true]:after{background:linear-gradient(90deg,transparent,#bde9eb,transparent);box-shadow:0 0 8px rgba(189,233,235,.55)}.hc-behaviors button[aria-pressed=true] small{color:#91a8ac}
.hc-engine-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.hc-engine-controls label{display:grid;gap:5px;color:#657a80;font:700 8px var(--mono);letter-spacing:.13em;text-transform:uppercase}.hc-engine-controls select{width:100%;min-height:37px;border:1px solid rgba(174,219,223,.13);background:rgba(3,7,8,.92);color:#cbd9db;padding:7px 9px;font:700 9px var(--mono);letter-spacing:.04em}
.hc-motion-console{display:grid;grid-template-columns:minmax(190px,1.15fr) minmax(105px,.72fr) minmax(105px,.72fr) 78px minmax(120px,.8fr);gap:6px;align-items:stretch}.hc-direction{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid rgba(174,219,223,.13)}.hc-direction button{appearance:none;border:0;border-right:1px solid rgba(174,219,223,.1);background:#05090a;color:#64787d;font:600 14px var(--mono);cursor:pointer}.hc-direction button:last-child{border-right:0}.hc-direction button span{display:block;margin-top:2px;font:700 7px var(--mono);letter-spacing:.08em}.hc-direction button[aria-pressed=true]{color:#e6f1f2;background:radial-gradient(circle at 50% 100%,rgba(139,221,228,.13),transparent 60%)}
.hc-liquid-dial{position:relative;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr;gap:2px 6px;padding:7px 8px;border:1px solid rgba(174,219,223,.13);background:rgba(4,8,9,.82);color:#667b80;font:700 7px var(--mono);letter-spacing:.1em}.hc-liquid-dial input{grid-column:1/-1;width:100%;height:12px;margin:0;accent-color:#bdedef}.hc-liquid-dial output{color:#d6e3e4;font-size:8px}.hc-live-morph,.hc-generate{appearance:none;border:1px solid rgba(174,219,223,.14);background:#05090a;color:#71868b;cursor:pointer;font-family:var(--mono);text-transform:uppercase}.hc-live-morph span{display:block;font-size:9px;font-weight:800;letter-spacing:.14em}.hc-live-morph small{display:block;margin-top:3px;font-size:6px;letter-spacing:.04em}.hc-live-morph[aria-pressed=true]{border-color:rgba(216,189,122,.42);color:#ebd699;background:radial-gradient(circle at 50% 100%,rgba(216,189,122,.08),transparent 72%),#05090a;box-shadow:inset 0 -1px 0 rgba(216,189,122,.25)}.hc-generate{border-color:rgba(216,189,122,.38);color:#ead59d;background:linear-gradient(180deg,rgba(42,36,22,.38),rgba(9,9,8,.95));font:800 8px var(--mono);letter-spacing:.1em;padding:0 8px}.hc-generate:hover{border-color:rgba(234,211,151,.64);color:#fff0c2}
.hc-discovery-lens{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:13px;border:1px solid rgba(174,219,223,.09);background:rgba(174,219,223,.08)}.hc-discovery-lens>div{min-width:0;padding:8px 10px;background:rgba(4,8,9,.96)}.hc-discovery-lens span{display:block;color:#5c7075;font:700 6.5px var(--mono);letter-spacing:.13em}.hc-discovery-lens strong{display:block;margin-top:4px;color:#aebfc2;font:600 9px/1.35 var(--mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hc-discovery-lens .hot strong{color:#e2cf99}
.hc-field{height:620px;background:radial-gradient(circle at 50% 47%,rgba(207,238,240,.055),rgba(9,23,26,.12) 31%,rgba(1,3,4,.98) 71%)}.hc-world circle.core{fill:url(#mercuryOrb);stroke:rgba(224,241,242,.22);filter:url(#liquidGlow)}.hc-world.selected circle.core{fill:url(#mercuryOrbSelected);stroke:#e3cf98;filter:url(#softGlow)}.hc-world.weave-target circle.core{stroke:#a9e2e6;stroke-width:2;filter:url(#softGlow)}.hc-world.weave-target .selection-ring{opacity:.85;stroke:#9ddce1;stroke-dasharray:1.5 3}.hc-world .mini-line{mix-blend-mode:screen}.hc-attachment-thread{stroke:url(#mercuryThread);stroke-linecap:round;pointer-events:none}.hc-attachment-thread.weave{stroke:#e7d39f;filter:url(#softGlow)}

@media(max-width:1320px){.hc-discovery-body{grid-template-columns:1fr}.hc-stone-bay{min-height:142px}.hc-mercury-stone{width:126px;height:126px;flex-basis:126px}.hc-mercury-stone.secondary{width:112px;height:112px;flex-basis:112px}.hc-motion-console{grid-template-columns:minmax(185px,1.2fr) 1fr 1fr 76px;}.hc-generate{grid-column:1/-1;min-height:38px}.hc-field{height:590px}}
@media(max-width:760px){.hc-discovery-engine{margin:58px 10px 10px;padding:13px}.hc-discovery-heading{align-items:flex-start}.hc-discovery-heading strong{font-size:18px}.hc-discovery-status{font-size:7px;white-space:normal;text-align:right}.hc-stone-bay{gap:3px;min-height:126px}.hc-mercury-stone{width:112px;height:112px;flex-basis:112px}.hc-mercury-stone.secondary{width:98px;height:98px;flex-basis:98px}.hc-mercury-stone>strong{max-width:84px;font-size:9px}.hc-mercury-stone>small{display:none}.hc-stone-join{flex-basis:28px}.hc-stone-join i{width:6px}.hc-behaviors button{min-height:54px}.hc-behaviors button span{font-size:10px}.hc-engine-controls{grid-template-columns:1fr}.hc-motion-console{grid-template-columns:1fr 1fr}.hc-direction{grid-column:1/-1;min-height:46px}.hc-live-morph,.hc-generate{min-height:42px}.hc-generate{grid-column:auto}.hc-discovery-lens{grid-template-columns:1fr 1fr}.hc-discovery-lens strong{font-size:8px}.hc-field{height:500px}.hc-field-shell{overflow:visible}}
@media(prefers-reduced-motion:reduce){.hc-discovery-engine:before{animation:none}.hc-mercury-stone{transition:none}}


/* ========================================================================== */
/* HARMONIC CARTOGRAPHY RESURRECTION R2 — LIQUID-MERCURY INSTRUMENT           */
/* Visual north star: polished liquid metal, celestial orrery, luminous paths. */
/* Engine behavior remains upstream of the existing audio/MIDI architecture.   */
/* ========================================================================== */
.hc-mercury-r2{
  --hg-gold:#e4c778;--hg-gold-soft:#ad9557;--hg-silver:#dfe8e8;--hg-ice:#b8d9dc;
  background:
    radial-gradient(circle at 18% 8%,rgba(228,199,120,.045),transparent 24rem),
    radial-gradient(circle at 74% 14%,rgba(181,221,224,.055),transparent 34rem),
    radial-gradient(circle at 50% 70%,rgba(72,112,118,.055),transparent 44rem),#010304;
}
.hc-mercury-r2 .hc-instrument{
  position:relative;isolation:isolate;grid-template-columns:minmax(0,1fr) 342px;
  grid-template-areas:"field inspector" "transport transport" "transit transit" "play play" "debug debug";
  gap:14px;padding:14px;margin-top:22px;border:1px solid rgba(219,232,232,.13);border-radius:28px;
  background:
    linear-gradient(118deg,rgba(255,255,255,.075),transparent 4%,transparent 94%,rgba(255,255,255,.055)),
    radial-gradient(circle at 14% 4%,rgba(235,244,244,.08),transparent 23rem),
    linear-gradient(145deg,#151b1d 0,#050809 8%,#111719 15%,#020405 26%,#0b1113 62%,#020405 84%,#151c1e 100%);
  box-shadow:0 42px 130px rgba(0,0,0,.65),inset 0 1px 0 rgba(255,255,255,.13),inset 0 -1px 0 rgba(0,0,0,.9),0 0 0 1px rgba(0,0,0,.78);
}
.hc-mercury-r2 .hc-instrument:before,.hc-mercury-r2 .hc-instrument:after{content:"";position:absolute;pointer-events:none;z-index:-1;border-radius:inherit}
.hc-mercury-r2 .hc-instrument:before{inset:2px;border:1px solid rgba(239,247,247,.055);box-shadow:inset 0 0 0 1px rgba(0,0,0,.72),inset 0 0 42px rgba(181,219,222,.035)}
.hc-mercury-r2 .hc-instrument:after{inset:8px;background:linear-gradient(105deg,transparent 17%,rgba(255,255,255,.035) 28%,transparent 37%,transparent 68%,rgba(227,199,121,.025) 78%,transparent 87%);filter:blur(5px)}
.hc-mercury-r2 .hc-field-shell,.hc-mercury-r2 .hc-inspector{
  border:1px solid rgba(206,225,227,.16);border-radius:21px;overflow:hidden;
  background:
    radial-gradient(circle at 50% 48%,rgba(143,201,206,.06),transparent 34rem),
    linear-gradient(180deg,rgba(5,9,10,.985),rgba(1,3,4,.995));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),inset 0 0 0 1px rgba(0,0,0,.72),0 13px 35px rgba(0,0,0,.36);
}
.hc-mercury-r2 .hc-field-shell{min-height:760px}
.hc-mercury-r2 .hc-field-shell:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:
  radial-gradient(circle at 14% 70%,rgba(255,255,255,.9) 0 .6px,transparent .9px),
  radial-gradient(circle at 28% 82%,rgba(228,199,120,.72) 0 .7px,transparent 1px),
  radial-gradient(circle at 73% 74%,rgba(255,255,255,.72) 0 .6px,transparent .9px),
  radial-gradient(circle at 87% 54%,rgba(185,221,224,.76) 0 .7px,transparent 1px);
  background-size:127px 149px,181px 167px,163px 139px,211px 191px;opacity:.34}
.hc-mercury-r2 .hc-field-toolbar{z-index:8;align-items:center;padding:14px 18px;background:linear-gradient(180deg,rgba(2,5,6,.96),rgba(2,5,6,.64) 72%,transparent);border-radius:20px 20px 0 0}
.hc-mercury-r2 .hc-field-toolbar strong{color:#bac8c9;letter-spacing:.03em}
.hc-field-tools{display:flex;align-items:center;gap:9px}
.hc-calibration-toggle{appearance:none;display:flex;align-items:center;gap:7px;min-height:32px;padding:0 11px;border:1px solid rgba(205,224,226,.16);border-radius:16px;background:linear-gradient(180deg,rgba(18,25,27,.9),rgba(3,7,8,.96));color:#90a2a6;font:700 8px var(--mono);letter-spacing:.13em;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.hc-calibration-toggle:hover,.hc-calibration-toggle[aria-expanded=true]{color:#f0dfac;border-color:rgba(228,199,120,.42);box-shadow:inset 0 0 18px rgba(228,199,120,.04),0 0 18px rgba(228,199,120,.04)}
.hc-calibration-orb{width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 32% 24%,#fff 0 8%,#becacc 20%,#273033 52%,#e3c979 67%,#080b0c 100%);box-shadow:0 0 9px rgba(220,199,131,.22)}
.hc-mercury-r2 .hc-mapby{padding:2px 2px 2px 10px;border-left:1px solid rgba(205,224,226,.10)}
.hc-mercury-r2 .hc-mapby select{border-radius:15px;border-color:rgba(214,230,232,.17);background:linear-gradient(180deg,#111719,#040708);padding:8px 28px 8px 12px;color:#e1e8e8;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}

/* Calibration becomes an optional instrument drawer rather than a permanent web-form column. */
.hc-mercury-r2 .hc-compass{position:absolute;z-index:30;top:58px;left:24px;width:292px;max-height:calc(100vh - 110px);overflow:auto;padding:17px 17px 20px;border:1px solid rgba(216,231,232,.19);border-radius:20px;background:
  radial-gradient(circle at 24% 0,rgba(228,199,120,.055),transparent 13rem),
  linear-gradient(155deg,rgba(25,33,35,.985),rgba(3,6,7,.99) 30%,rgba(7,11,12,.995));
  box-shadow:0 28px 75px rgba(0,0,0,.72),inset 0 1px 0 rgba(255,255,255,.07),inset 0 0 0 1px rgba(0,0,0,.7);
  transform:translateX(calc(-100% - 42px));opacity:0;pointer-events:none;transition:transform .28s cubic-bezier(.2,.75,.2,1),opacity .2s ease;
  scrollbar-width:thin;scrollbar-color:#263336 #070a0b;
}
.hc-mercury-r2 .hc-instrument.calibration-open .hc-compass{transform:translateX(0);opacity:1;pointer-events:auto}
.hc-mercury-r2 .hc-compass .hc-panel-head{color:#d7c17f}.hc-mercury-r2 .hc-compass .hc-control-block{border-bottom-color:rgba(215,231,232,.075)}
.hc-mercury-r2 .hc-compass select,.hc-mercury-r2 .hc-compass .hc-segment{border-radius:9px;overflow:hidden}.hc-mercury-r2 .hc-compass select{background:linear-gradient(180deg,#0c1113,#040708);border-color:rgba(201,222,224,.15)}

/* Discovery console — one sculpted mercury object, not a stack of rectangular panels. */
.hc-mercury-r2 .hc-discovery-engine{margin:62px 16px 13px;padding:18px 20px 16px;border:1px solid rgba(226,238,239,.22);border-radius:30px;background:
  radial-gradient(ellipse at 9% 24%,rgba(255,255,255,.11),transparent 18%),
  radial-gradient(ellipse at 44% -8%,rgba(214,232,233,.095),transparent 31%),
  linear-gradient(135deg,rgba(95,111,114,.30) 0,rgba(5,9,10,.97) 11%,rgba(17,24,26,.96) 32%,rgba(2,5,6,.98) 55%,rgba(22,28,29,.93) 79%,rgba(2,4,5,.98));
  box-shadow:0 32px 84px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.13),inset 12px 0 30px rgba(255,255,255,.025),inset -18px -18px 36px rgba(0,0,0,.54),0 0 0 1px rgba(0,0,0,.76);
}
.hc-mercury-r2 .hc-discovery-engine:before{inset:-55% -20%;background:linear-gradient(108deg,transparent 23%,rgba(255,255,255,.02) 37%,rgba(255,255,255,.17) 40%,rgba(190,218,220,.025) 44%,transparent 61%);filter:blur(2px);animation-duration:16s}
.hc-mercury-r2 .hc-discovery-engine:after{left:3%;right:3%;bottom:-9px;height:34px;border-radius:50%;background:linear-gradient(90deg,transparent,rgba(228,199,120,.13) 18%,rgba(227,237,238,.17) 50%,rgba(228,199,120,.12) 82%,transparent);filter:blur(8px)}
.hc-mercury-r2 .hc-discovery-heading{padding:1px 3px 13px;border-bottom-color:rgba(219,234,235,.105)}
.hc-mercury-r2 .hc-discovery-heading strong{font-size:24px;color:#f0f4f3;text-shadow:0 1px 22px rgba(214,231,232,.11)}
.hc-mercury-r2 .hc-discovery-body{grid-template-columns:minmax(310px,.82fr) minmax(470px,1.65fr);gap:22px;padding-top:15px}
.hc-mercury-r2 .hc-stone-bay{min-height:184px;gap:0;padding:1px 10px 0}
.hc-mercury-r2 .hc-mercury-stone{width:166px;height:166px;flex-basis:166px;border:1px solid rgba(250,253,253,.48);background:
  radial-gradient(circle at 27% 20%,rgba(255,255,255,.98) 0 2%,rgba(255,255,255,.66) 4%,transparent 15%),
  radial-gradient(circle at 68% 68%,rgba(234,201,118,.17),transparent 24%),
  conic-gradient(from 206deg at 50% 49%,#172022,#c9d2d3 10%,#3d484a 18%,#f0f3f2 29%,#596568 38%,#dfe5e5 48%,#1c2426 61%,#98a5a6 73%,#0b0f10 85%,#abb7b8 94%,#172022);
  color:#081012;box-shadow:inset -22px -26px 34px rgba(0,0,0,.46),inset 17px 12px 25px rgba(255,255,255,.37),0 20px 37px rgba(0,0,0,.52),0 0 0 7px rgba(220,232,233,.025),0 0 34px rgba(202,231,233,.08);
}
.hc-mercury-r2 .hc-mercury-stone:before{content:"";position:absolute;inset:10%;border-radius:50%;border:1px solid rgba(255,255,255,.12);box-shadow:inset 8px 6px 14px rgba(255,255,255,.08),inset -12px -10px 17px rgba(0,0,0,.23)}
.hc-mercury-r2 .hc-mercury-stone.secondary{width:145px;height:145px;flex-basis:145px;margin-left:-8px}
.hc-mercury-r2 .hc-mercury-stone>span{color:#263236}.hc-mercury-r2 .hc-mercury-stone>strong{font-size:13px;color:#071012;text-shadow:0 1px 6px rgba(255,255,255,.48)}.hc-mercury-r2 .hc-mercury-stone>small{color:#344245}
.hc-mercury-r2 .hc-stone-join{position:relative;z-index:3;flex-basis:42px;margin:0 -8px}.hc-mercury-r2 .hc-stone-join i{width:18px;height:2px;background:linear-gradient(90deg,transparent,#fff3cc);box-shadow:0 0 9px rgba(228,199,120,.55)}.hc-mercury-r2 .hc-stone-join b{color:#f0d992;text-shadow:0 0 10px rgba(228,199,120,.5)}
.hc-mercury-r2 .hc-engine-console{gap:9px}.hc-mercury-r2 .hc-behaviors{gap:8px}.hc-mercury-r2 .hc-behaviors button{min-height:70px;border-radius:19px;border-color:rgba(210,229,231,.20);background:
  radial-gradient(ellipse at 50% -20%,rgba(255,255,255,.10),transparent 52%),linear-gradient(180deg,#182022,#050809 58%,#0e1416);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),inset 0 -1px 0 rgba(0,0,0,.8),0 8px 19px rgba(0,0,0,.23)}
.hc-mercury-r2 .hc-behaviors button span{font-size:12px;color:#cbd6d7}.hc-mercury-r2 .hc-behaviors button small{color:#70868b}.hc-mercury-r2 .hc-behaviors button[aria-pressed=true]{border-color:rgba(228,199,120,.54);background:radial-gradient(ellipse at 50% 105%,rgba(228,199,120,.17),transparent 55%),linear-gradient(180deg,#202426,#060809 61%,#17150f);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),inset 0 -1px 0 rgba(228,199,120,.38),0 0 24px rgba(228,199,120,.07)}
.hc-mercury-r2 .hc-behaviors button[aria-pressed=true] span{color:#f2e2b1;text-shadow:0 0 13px rgba(228,199,120,.28)}
.hc-mercury-r2 .hc-engine-controls{gap:8px}.hc-mercury-r2 .hc-engine-controls select{min-height:39px;border-radius:10px;border-color:rgba(211,229,231,.16);background:linear-gradient(180deg,#0e1416,#030607);box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.hc-mercury-r2 .hc-motion-console{gap:8px}.hc-mercury-r2 .hc-direction,.hc-mercury-r2 .hc-liquid-dial,.hc-mercury-r2 .hc-live-morph,.hc-mercury-r2 .hc-generate{border-radius:12px;overflow:hidden;border-color:rgba(211,229,231,.16);background:linear-gradient(180deg,#111719,#030607);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.hc-mercury-r2 .hc-direction button{background:transparent}.hc-mercury-r2 .hc-direction button[aria-pressed=true]{color:#f0dfac;background:radial-gradient(circle at 50% 100%,rgba(228,199,120,.14),transparent 64%)}
.hc-mercury-r2 .hc-liquid-dial input{accent-color:#e4c778}.hc-mercury-r2 .hc-generate{border-color:rgba(228,199,120,.52);color:#f0dfab;background:radial-gradient(ellipse at 50% 115%,rgba(228,199,120,.18),transparent 60%),linear-gradient(180deg,#19170f,#050606);box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 0 18px rgba(228,199,120,.045)}
.hc-mercury-r2 .hc-discovery-lens{gap:0;margin-top:14px;border-radius:12px;overflow:hidden;border-color:rgba(212,230,232,.12);background:rgba(216,232,233,.08)}.hc-mercury-r2 .hc-discovery-lens>div{padding:10px 12px;background:linear-gradient(180deg,rgba(10,15,17,.97),rgba(3,6,7,.98));border-right:1px solid rgba(210,229,231,.07)}.hc-mercury-r2 .hc-discovery-lens>div:last-child{border-right:0}

/* The map becomes the visual event: larger orbit, visible filaments, luminous mercury worlds. */
.hc-mercury-r2 .hc-field{position:relative;z-index:1;width:100%;height:auto;min-height:620px;aspect-ratio:900/620;background:
  radial-gradient(ellipse at 50% 49%,rgba(191,223,225,.075),transparent 9rem),
  radial-gradient(ellipse at 50% 49%,rgba(91,150,157,.055),transparent 25rem),
  radial-gradient(circle at 8% 76%,rgba(228,199,120,.025),transparent 18rem),
  linear-gradient(180deg,rgba(1,3,4,.78),#010203 78%);overflow:visible}
.hc-mercury-r2 .hc-grid-ring{stroke:rgba(199,224,226,.11);stroke-dasharray:1.2 5}.hc-mercury-r2 .hc-orbit-ring:nth-child(odd){stroke:rgba(228,199,120,.075)}.hc-mercury-r2 .hc-grid-axis{stroke:rgba(205,228,230,.052)}.hc-mercury-r2 .hc-orbit-tick{stroke:rgba(228,199,120,.29);stroke-width:.9}.hc-mercury-r2 .hc-field-star{fill:#dce8e8}.hc-mercury-r2 .hc-field-star.warm{fill:#e4c778;filter:url(#softGlow)}
.hc-mercury-r2 .hc-world{filter:drop-shadow(0 11px 12px rgba(0,0,0,.34))}.hc-mercury-r2 .hc-world circle.aura{fill:rgba(196,222,224,.025);stroke:rgba(203,228,230,.065);stroke-width:.8}.hc-mercury-r2 .hc-world circle.core{stroke:rgba(242,249,249,.46);stroke-width:1;filter:url(#liquidGlow)}.hc-mercury-r2 .hc-world circle.specular{fill:rgba(255,255,255,.50);opacity:.58;pointer-events:none;filter:url(#softGlow)}.hc-mercury-r2 .hc-world.primary circle.core{opacity:1}.hc-mercury-r2 .hc-world.secondary{opacity:.82}.hc-mercury-r2 .hc-world.distant{opacity:.62}.hc-mercury-r2 .hc-world text{fill:#a6b7b9;font-size:10px;text-shadow:0 2px 5px #000}.hc-mercury-r2 .hc-world .score{fill:#718589;font-size:7px}.hc-mercury-r2 .hc-world.selected circle.core{stroke:#f0d990;stroke-width:2.2}.hc-mercury-r2 .hc-world.selected circle.aura{fill:rgba(228,199,120,.045);stroke:rgba(228,199,120,.23)}.hc-mercury-r2 .hc-world.selected .selection-ring{stroke:#e4c778;stroke-width:1.4;stroke-dasharray:2 4;filter:url(#softGlow)}.hc-mercury-r2 .hc-world.selected .name{fill:#f0dfaa;text-decoration:none}.hc-mercury-r2 .hc-world.weave-target circle.core{stroke:#c7eef0;stroke-width:2}.hc-mercury-r2 .hc-world.weave-target .name{fill:#d4eff0}.hc-mercury-r2 .hc-world .mini-line{stroke:rgba(239,247,247,.52)!important}.hc-mercury-r2 .hc-attachment-thread{fill:none;stroke:url(#mercuryThread);stroke-linecap:round;pointer-events:none;filter:drop-shadow(0 0 3px rgba(206,229,231,.15));stroke-dasharray:2.5 3.5;animation:hcThreadDrift 10s linear infinite;animation-delay:var(--thread-delay,0s)}.hc-mercury-r2 .hc-attachment-thread.glow{stroke:#d5e8e9;stroke-dasharray:none;filter:blur(3px)}.hc-mercury-r2 .hc-attachment-thread.weave{stroke:#efd68c;filter:url(#softGlow);stroke-dasharray:4 3}
@keyframes hcThreadDrift{to{stroke-dashoffset:-72}}
.hc-mercury-r2 .hc-source-mark .source-aura{fill:rgba(208,231,232,.035);stroke:rgba(228,199,120,.16);stroke-width:1;filter:url(#softGlow)}.hc-mercury-r2 .hc-source-mark .source-orb{fill:url(#mercuryOrbSelected);stroke:#f3df9f;stroke-width:1.2;filter:url(#liquidGlow)}.hc-mercury-r2 .hc-source-mark .source-inner{fill:rgba(249,252,251,.24);stroke:rgba(255,255,255,.33);stroke-width:.7;filter:url(#softGlow)}.hc-mercury-r2 .hc-source-mark text{y:68px;fill:#efe3be;font-size:9px;text-shadow:0 2px 6px #000}.hc-mercury-r2 .hc-map-note{left:26px;bottom:18px;color:#63797d}

/* Inspector as a machined observation column. */
.hc-mercury-r2 .hc-inspector{padding:16px 15px 18px;background:
  radial-gradient(circle at 50% 8%,rgba(228,199,120,.045),transparent 19rem),
  linear-gradient(180deg,#0b1113,#030607 48%,#080c0d)}
.hc-mercury-r2 .hc-inspector>.hc-panel-head{margin:-2px -1px 9px;padding:7px 8px 13px;color:#d8c58e}.hc-mercury-r2 .hc-world-glyph{height:220px;margin:0 0 14px;border:1px solid rgba(207,226,228,.12);border-radius:18px;background:radial-gradient(circle at 50% 50%,rgba(211,231,232,.055),transparent 56%),linear-gradient(180deg,#05090a,#020405);box-shadow:inset 0 1px 0 rgba(255,255,255,.035),inset 0 0 30px rgba(147,198,202,.025)}.hc-mercury-r2 .hc-world-glyph svg{width:196px;height:196px}.hc-mercury-r2 .hc-world-heading{padding:2px 4px}.hc-mercury-r2 .hc-world-heading h2{font-size:2.25rem;color:#f4f5f1}.hc-mercury-r2 .hc-affinity strong{color:#efdfad;text-shadow:0 0 16px rgba(228,199,120,.13)}.hc-mercury-r2 .hc-tags span{border-radius:8px;border-color:rgba(208,227,229,.14);background:#050809}.hc-mercury-r2 .hc-world-actions{gap:7px}.hc-mercury-r2 .hc-world-actions button{min-height:46px;border-radius:11px;border-color:rgba(206,226,228,.16);background:linear-gradient(180deg,#111719,#030607);box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}.hc-mercury-r2 .hc-world-actions button.primary{border-color:rgba(228,199,120,.5);color:#f0dc9f;background:radial-gradient(circle at 50% 110%,rgba(228,199,120,.15),transparent 64%),linear-gradient(180deg,#171710,#040606)}.hc-mercury-r2 .hc-disclosure{padding:14px 7px;border-top-color:rgba(210,229,231,.10);color:#a8b8ba}.hc-mercury-r2 .hc-why,.hc-mercury-r2 .hc-theory{padding:2px 8px 16px}.hc-mercury-r2 .hc-metric{border-bottom-color:rgba(211,229,231,.055)}.hc-mercury-r2 .hc-metric strong{color:#d5dfdf}.hc-mercury-r2 .hc-explain{color:#9aabad;line-height:1.62}

/* Existing lower systems receive the same material finish without changing their behavior. */
.hc-mercury-r2 .hc-transit-workbench,.hc-mercury-r2 .hc-performance,.hc-mercury-r2 .hc-debug{border:1px solid rgba(207,226,228,.13);border-radius:18px;background:linear-gradient(180deg,#090e10,#020405);box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}

@media(max-width:1320px){
  .hc-mercury-r2 .hc-instrument{grid-template-columns:minmax(0,1fr) 310px}.hc-mercury-r2 .hc-discovery-body{grid-template-columns:260px minmax(420px,1fr)}.hc-mercury-r2 .hc-mercury-stone{width:142px;height:142px;flex-basis:142px}.hc-mercury-r2 .hc-mercury-stone.secondary{width:126px;height:126px;flex-basis:126px}.hc-mercury-r2 .hc-field{min-height:590px}
}
@media(max-width:1040px){
  .hc-mercury-r2 .hc-instrument{grid-template-columns:1fr;grid-template-areas:"field" "inspector" "transit" "play" "debug";padding:10px}.hc-mercury-r2 .hc-inspector{min-height:0}.hc-mercury-r2 .hc-compass{top:62px;left:20px}.hc-mercury-r2 .hc-discovery-body{grid-template-columns:1fr}.hc-mercury-r2 .hc-stone-bay{min-height:150px}.hc-mercury-r2 .hc-field{min-height:560px}.hc-mercury-r2 .hc-world-glyph{height:195px}
}
@media(max-width:760px){
  .hc-mercury-r2 .hc-instrument{margin:0;padding:0;border-radius:0;border-left:0;border-right:0;gap:1px}.hc-mercury-r2 .hc-field-shell,.hc-mercury-r2 .hc-inspector{border-radius:0}.hc-mercury-r2 .hc-field-tools{gap:5px}.hc-mercury-r2 .hc-calibration-toggle{padding:0 8px;font-size:7px}.hc-mercury-r2 .hc-mapby{padding-left:5px}.hc-mercury-r2 .hc-mapby select{max-width:112px;padding-left:8px}.hc-mercury-r2 .hc-compass{position:fixed;top:70px;left:10px;right:10px;width:auto;max-height:calc(100vh - 90px);transform:translateY(-15px) scale(.98)}.hc-mercury-r2 .hc-instrument.calibration-open .hc-compass{transform:none}.hc-mercury-r2 .hc-discovery-engine{margin:58px 9px 9px;border-radius:20px;padding:14px}.hc-mercury-r2 .hc-discovery-body{gap:9px}.hc-mercury-r2 .hc-stone-bay{min-height:125px}.hc-mercury-r2 .hc-mercury-stone{width:112px;height:112px;flex-basis:112px}.hc-mercury-r2 .hc-mercury-stone.secondary{width:98px;height:98px;flex-basis:98px}.hc-mercury-r2 .hc-field{height:500px;min-height:500px;aspect-ratio:auto}.hc-mercury-r2 .hc-world.secondary{opacity:.78}.hc-mercury-r2 .hc-world.distant{opacity:.58}
}
@media(prefers-reduced-motion:reduce){.hc-mercury-r2 .hc-attachment-thread{animation:none}.hc-mercury-r2 .hc-compass{transition:none}}


/* R2.1 — immediate two-world invitation + floating transport dock */
.hc-mercury-r2 .hc-mercury-stone.secondary.inactive{opacity:.62;filter:saturate(.48) brightness(.82);transform:scale(.96)}
.hc-mercury-r2 .hc-mercury-stone.secondary.inactive:hover,.hc-mercury-r2 .hc-mercury-stone.secondary.inactive:focus-visible{opacity:.95;filter:saturate(.8) brightness(.96);transform:translateY(-3px) scale(.98)}
.hc-mercury-r2 .hc-stone-join.idle{opacity:.42}.hc-mercury-r2 .hc-stone-join.idle b:after{content:" ?";color:#8b7a51}.hc-mercury-r2 .hc-stone-join.idle i{box-shadow:none;opacity:.55}
.hc-mercury-r2 .hc-mercury-stone:after{content:"";position:absolute;inset:15%;border-radius:50%;pointer-events:none;background:conic-gradient(from 40deg,transparent 0 12%,rgba(255,255,255,.18) 17%,transparent 24% 48%,rgba(228,199,120,.12) 55%,transparent 63% 81%,rgba(255,255,255,.09) 88%,transparent 96%);filter:blur(2.2px);mix-blend-mode:screen;opacity:.68}
.hc-mercury-r2 .hc-world .score{opacity:.12;transition:opacity .2s ease}.hc-mercury-r2 .hc-world:hover .score,.hc-mercury-r2 .hc-world.selected .score,.hc-mercury-r2 .hc-world.weave-target .score{opacity:.9}.hc-mercury-r2 .hc-world:hover .name{fill:#dbe5e5}
.hc-mercury-r2 .hc-transport{left:50%;right:auto;bottom:14px;width:min(calc(100% - 36px),1460px);transform:translateX(-50%);padding:7px 10px;border:1px solid rgba(208,228,230,.16);border-radius:17px;background:linear-gradient(180deg,rgba(19,27,29,.90),rgba(2,5,6,.93));box-shadow:0 18px 54px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.05);backdrop-filter:blur(22px);grid-template-columns:minmax(330px,.72fr) minmax(600px,1.28fr)}
.hc-mercury-r2 .hc-transport button{border-radius:9px;background:linear-gradient(180deg,rgba(16,22,24,.88),rgba(3,6,7,.96));border-color:rgba(204,226,228,.13)}.hc-mercury-r2 .hc-transport button[aria-pressed=true]{border-color:rgba(228,199,120,.42);background:radial-gradient(circle at 50% 120%,rgba(228,199,120,.12),transparent 65%),#050707}.hc-mercury-r2 .hc-compare input{accent-color:#e4c778}
@media(max-width:1180px){.hc-mercury-r2 .hc-transport{grid-template-columns:1fr;width:min(calc(100% - 24px),980px);bottom:10px}.hc-mercury-r2 .hc-transport-controls{justify-content:flex-start}}
@media(max-width:760px){.hc-mercury-r2 .hc-transport{left:6px;right:6px;bottom:6px;width:auto;transform:none;border-radius:13px;padding:6px 7px}.hc-mercury-r2 .hc-mercury-stone.secondary.inactive{opacity:.68}}


/* ==========================================================================
   LIQUID MERCURY R3 — ORBITAL FIELD / MATERIAL HIERARCHY
   Visual-only successor. Music engine, Transit, MIDI, and discovery behavior
   remain unchanged.
   ========================================================================== */
.hc-mercury-r3{
  background:
    radial-gradient(circle at 50% 9%,rgba(214,230,231,.055),transparent 31rem),
    radial-gradient(circle at 17% 38%,rgba(228,199,120,.026),transparent 35rem),
    radial-gradient(circle at 86% 62%,rgba(110,165,170,.035),transparent 38rem),#010203;
}
.hc-mercury-r3 .hc-instrument{grid-template-columns:minmax(0,1fr) 326px;gap:10px;padding:10px;border-radius:34px;border-color:rgba(226,237,238,.20);background:
  radial-gradient(ellipse at 31% -8%,rgba(255,255,255,.16),transparent 27%),
  radial-gradient(ellipse at 82% 101%,rgba(228,199,120,.055),transparent 30%),
  linear-gradient(128deg,#252d2f 0,#070b0c 3.5%,#151c1e 8%,#020405 17%,#111719 45%,#030506 74%,#1c2426 96%,#050708 100%);
  box-shadow:0 48px 150px rgba(0,0,0,.70),inset 0 1px 0 rgba(255,255,255,.18),inset 0 -2px 0 rgba(0,0,0,.9),0 0 0 1px #000;
}
.hc-mercury-r3 .hc-instrument:before{inset:3px;border-color:rgba(255,255,255,.085);border-radius:31px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.82),inset 0 0 54px rgba(212,233,234,.045)}
.hc-mercury-r3 .hc-instrument:after{inset:6px;border-radius:29px;background:
  radial-gradient(ellipse at 7% 9%,rgba(255,255,255,.13),transparent 11%),
  radial-gradient(ellipse at 98% 54%,rgba(255,255,255,.10),transparent 12%),
  linear-gradient(112deg,transparent 11%,rgba(255,255,255,.025) 21%,rgba(255,255,255,.115) 23%,transparent 27%,transparent 72%,rgba(228,199,120,.04) 77%,transparent 84%);filter:blur(2px)}
.hc-mercury-r3 .hc-field-shell{min-height:1030px;border-radius:28px;border-color:rgba(218,234,235,.20);background:
  radial-gradient(ellipse at 50% 58%,rgba(183,217,220,.055),transparent 36rem),
  linear-gradient(180deg,#060a0b 0,#010304 52%,#020405 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),inset 0 0 0 1px rgba(0,0,0,.72),inset 0 0 100px rgba(102,155,161,.022),0 16px 42px rgba(0,0,0,.42)}
.hc-mercury-r3 .hc-field-shell:after{content:"";position:absolute;inset:1px;z-index:2;pointer-events:none;border-radius:27px;border:1px solid transparent;background:
  radial-gradient(ellipse at 5% 28%,rgba(255,255,255,.38),transparent 6%) border-box,
  radial-gradient(ellipse at 97% 73%,rgba(228,199,120,.16),transparent 8%) border-box,
  linear-gradient(126deg,rgba(255,255,255,.16),transparent 7%,transparent 91%,rgba(255,255,255,.10)) border-box;mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);mask-composite:exclude;opacity:.50}
.hc-mercury-r3 .hc-field-toolbar{padding:15px 20px 17px;background:linear-gradient(180deg,rgba(3,6,7,.985),rgba(3,6,7,.78) 66%,transparent);border-radius:27px 27px 0 0}

/* Discovery Engine: one continuous cast-metal console. */
.hc-mercury-r3 .hc-discovery-engine{margin:66px 15px 10px;padding:18px 19px 17px;border-radius:34px;border-color:rgba(239,247,247,.29);background:
  radial-gradient(ellipse at 5% 24%,rgba(255,255,255,.18),transparent 15%),
  radial-gradient(ellipse at 72% -4%,rgba(255,255,255,.075),transparent 33%),
  radial-gradient(ellipse at 93% 103%,rgba(228,199,120,.075),transparent 28%),
  linear-gradient(132deg,#4e595b 0,#111819 4%,#252d2f 10%,#050809 19%,#151d1f 52%,#030607 73%,#293133 96%,#07090a 100%);
  box-shadow:0 26px 74px rgba(0,0,0,.54),inset 0 1px 0 rgba(255,255,255,.23),inset 0 -2px 1px rgba(0,0,0,.86),inset 20px 0 40px rgba(255,255,255,.035),0 0 0 1px rgba(0,0,0,.82)}
.hc-mercury-r3 .hc-discovery-engine:before{opacity:.80;filter:blur(1px);background:linear-gradient(106deg,transparent 19%,rgba(255,255,255,.03) 31%,rgba(255,255,255,.24) 35%,rgba(211,231,232,.02) 39%,transparent 55%)}
.hc-mercury-r3 .hc-discovery-heading{padding:2px 5px 13px}
.hc-mercury-r3 .hc-discovery-body{grid-template-columns:minmax(360px,.90fr) minmax(520px,1.55fr);gap:18px}
.hc-mercury-r3 .hc-stone-bay{min-height:205px;padding:0 4px}
.hc-mercury-r3 .hc-mercury-stone{width:188px;height:188px;flex-basis:188px;border-width:1px;box-shadow:inset -28px -31px 42px rgba(0,0,0,.52),inset 20px 15px 31px rgba(255,255,255,.42),0 23px 45px rgba(0,0,0,.56),0 0 0 9px rgba(220,232,233,.025),0 0 45px rgba(202,231,233,.10)}
.hc-mercury-r3 .hc-mercury-stone.secondary{width:164px;height:164px;flex-basis:164px;margin-left:-9px}
.hc-mercury-r3 .hc-stone-join{flex-basis:54px;margin:0 -12px}
.hc-mercury-r3 .hc-stone-join i{width:28px;background:linear-gradient(90deg,transparent,rgba(255,250,235,.72),#e4c778);box-shadow:0 0 14px rgba(228,199,120,.6)}
.hc-mercury-r3 .hc-stone-join.active:not(.idle):after{content:"";position:absolute;left:1px;right:1px;top:50%;height:22px;transform:translateY(-50%);background:radial-gradient(ellipse at center,rgba(228,199,120,.20),transparent 68%);filter:blur(5px);pointer-events:none}
.hc-mercury-r3 .hc-behaviors{position:relative;gap:5px;padding:6px;border:1px solid rgba(218,234,235,.14);border-radius:28px;background:linear-gradient(180deg,rgba(29,37,39,.70),rgba(2,5,6,.88));box-shadow:inset 0 1px 0 rgba(255,255,255,.055),inset 0 0 28px rgba(0,0,0,.40)}
.hc-mercury-r3 .hc-behaviors button{min-height:78px;border-radius:23px;border-color:rgba(220,235,236,.14);background:radial-gradient(ellipse at 50% -20%,rgba(255,255,255,.12),transparent 55%),linear-gradient(180deg,#182123,#040708 64%,#101719);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),inset 0 -8px 22px rgba(0,0,0,.35)}
.hc-mercury-r3 .hc-behaviors button[aria-pressed=true]{border-color:rgba(235,211,148,.70);background:radial-gradient(ellipse at 50% 110%,rgba(228,199,120,.23),transparent 57%),linear-gradient(180deg,#252a2b,#060809 61%,#17150f);box-shadow:inset 0 1px 0 rgba(255,255,255,.16),inset 0 -1px 0 rgba(228,199,120,.55),0 0 28px rgba(228,199,120,.085)}
.hc-mercury-r3 .hc-behaviors button[aria-pressed=true]:before{content:"";position:absolute;inset:7px;border-radius:18px;border:1px solid rgba(255,245,213,.10);pointer-events:none}
.hc-mercury-r3 .hc-engine-controls select,.hc-mercury-r3 .hc-direction,.hc-mercury-r3 .hc-liquid-dial,.hc-mercury-r3 .hc-live-morph,.hc-mercury-r3 .hc-generate{border-color:rgba(214,232,233,.17);background:linear-gradient(180deg,#101719,#020405);box-shadow:inset 0 1px 0 rgba(255,255,255,.045)}
.hc-mercury-r3 .hc-generate{border-color:rgba(228,199,120,.48);box-shadow:inset 0 0 23px rgba(228,199,120,.055),0 0 18px rgba(228,199,120,.035)}

/* The field is the spectacle: occupy the chamber, not a small graph in a black box. */
.hc-mercury-r3 .hc-field{height:760px;min-height:760px;aspect-ratio:auto;margin-top:2px;background:
  radial-gradient(ellipse at 50% 44%,rgba(213,234,235,.090),transparent 8rem),
  radial-gradient(ellipse at 50% 49%,rgba(96,155,161,.070),transparent 29rem),
  radial-gradient(circle at 15% 78%,rgba(228,199,120,.022),transparent 17rem),
  linear-gradient(180deg,rgba(1,3,4,.34),#010203 86%)}
.hc-mercury-r3 .hc-grid-ring{stroke:rgba(207,228,230,.135);stroke-width:.9;stroke-dasharray:1.2 5.4}
.hc-mercury-r3 .hc-grid-ring.major{stroke:rgba(228,199,120,.19);stroke-width:1.15;stroke-dasharray:2 4}
.hc-mercury-r3 .hc-grid-axis{stroke:rgba(211,231,232,.050)}
.hc-mercury-r3 .hc-orbit-tick{stroke:rgba(228,199,120,.40);stroke-width:1}
.hc-mercury-r3 .hc-orbit-node{fill:#e4c778;filter:url(#softGlow)}
.hc-mercury-r3 .hc-world{filter:drop-shadow(0 14px 14px rgba(0,0,0,.46));outline:none}
.hc-mercury-r3 .hc-world circle.core{stroke:rgba(247,251,251,.55);stroke-width:1.15;filter:url(#liquidGlow)}
.hc-mercury-r3 .hc-world circle.aura{fill:rgba(205,229,231,.022);stroke:rgba(213,232,234,.075);stroke-width:.8}
.hc-mercury-r3 .hc-world circle.liquid-rim{fill:none;stroke:rgba(255,255,255,.18);stroke-width:.7;pointer-events:none;filter:url(#softGlow)}
.hc-mercury-r3 .hc-world circle.specular{fill:rgba(255,255,255,.58);opacity:.63;filter:url(#softGlow)}
.hc-mercury-r3 .hc-world circle.secondary-specular{opacity:.23}
.hc-mercury-r3 .hc-world .world-glyph{opacity:.83}
.hc-mercury-r3 .hc-world .name{font-size:9.6px;letter-spacing:.055em;opacity:.52;transition:opacity .18s ease,fill .18s ease}
.hc-mercury-r3 .hc-world .score{opacity:.05}
.hc-mercury-r3 .hc-world.primary .name{opacity:.74}.hc-mercury-r3 .hc-world.secondary .name{opacity:.48}.hc-mercury-r3 .hc-world.distant .name{opacity:.28}
.hc-mercury-r3 .hc-world:hover .name,.hc-mercury-r3 .hc-world:focus .name,.hc-mercury-r3 .hc-world.selected .name,.hc-mercury-r3 .hc-world.weave-target .name{opacity:1;fill:#f3ead0}
.hc-mercury-r3 .hc-world:hover .score,.hc-mercury-r3 .hc-world:focus .score,.hc-mercury-r3 .hc-world.selected .score,.hc-mercury-r3 .hc-world.weave-target .score{opacity:.86}
.hc-mercury-r3 .hc-world.selected circle.core{stroke:#f4dda0;stroke-width:2.4}.hc-mercury-r3 .hc-world.selected circle.aura{fill:rgba(228,199,120,.05);stroke:rgba(228,199,120,.36)}
.hc-mercury-r3 .hc-world.weave-target circle.core{stroke:#fff0bd;stroke-width:2}.hc-mercury-r3 .hc-world.weave-target circle.aura{stroke:rgba(228,199,120,.26)}
.hc-mercury-r3 .hc-attachment-thread{stroke-dasharray:1.6 4.8;filter:drop-shadow(0 0 4px rgba(208,231,233,.20))}
.hc-mercury-r3 .hc-attachment-thread.glow{filter:blur(4px)}
.hc-mercury-r3 .hc-attachment-thread.weave{stroke:#f1d893;stroke-dasharray:none;filter:url(#softGlow)}
.hc-mercury-r3 .hc-source-mark .source-corona{fill:rgba(228,199,120,.025);stroke:rgba(228,199,120,.12);stroke-width:1;stroke-dasharray:2 6;filter:url(#softGlow)}
.hc-mercury-r3 .hc-source-mark .source-orbit{fill:none;stroke:rgba(221,235,236,.18);stroke-width:.85;stroke-dasharray:1.5 4}
.hc-mercury-r3 .hc-source-mark .source-aura{fill:rgba(220,235,236,.05);stroke:rgba(228,199,120,.32);stroke-width:1.2;filter:url(#softGlow)}
.hc-mercury-r3 .hc-source-mark .source-orb{stroke:#f4dda0;stroke-width:1.6;filter:url(#liquidGlow)}
.hc-mercury-r3 .hc-source-mark .source-inner{fill:rgba(250,252,250,.28);stroke:rgba(255,255,255,.42)}
.hc-mercury-r3 .hc-source-mark .source-flow{fill:rgba(255,255,255,.08);stroke:rgba(255,245,215,.20);stroke-width:.7;filter:url(#softGlow);pointer-events:none}
.hc-mercury-r3 .hc-source-mark text{fill:#f0dca2;font-size:9.5px;letter-spacing:.18em;text-shadow:0 0 12px rgba(228,199,120,.26)}
.hc-mercury-r3 .hc-map-note{left:30px;bottom:22px;color:#64777a;letter-spacing:.21em}

/* Inspector: black-glass observation well with restrained molten highlights. */
.hc-mercury-r3 .hc-inspector{border-radius:28px;padding:15px 14px 18px;background:radial-gradient(ellipse at 50% 2%,rgba(228,199,120,.065),transparent 18rem),linear-gradient(180deg,#0c1214,#020405 47%,#080d0e)}
.hc-mercury-r3 .hc-world-glyph{height:238px;border-radius:23px;border-color:rgba(217,234,235,.15);background:radial-gradient(circle at 50% 45%,rgba(218,235,236,.08),transparent 42%),linear-gradient(180deg,#080d0f,#010304);box-shadow:inset 0 1px 0 rgba(255,255,255,.055),inset 0 0 45px rgba(151,198,202,.035),0 10px 28px rgba(0,0,0,.24)}
.hc-mercury-r3 .hc-world-glyph svg{width:214px;height:214px}

/* Make the method note read as the instrument's engraved footer plaque. */
.hc-mercury-r3 .hc-method-note{width:min(calc(100% - 90px),1500px);margin:-2px auto 30px;padding:21px 28px 24px;border:1px solid rgba(214,232,233,.12);border-top:0;border-radius:0 0 28px 28px;background:linear-gradient(180deg,rgba(9,14,15,.86),rgba(2,4,5,.92));box-shadow:0 26px 70px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.025)}
.hc-mercury-r3 .hc-method-note h2{font-size:2.05rem;margin:.25rem 0 .45rem}.hc-mercury-r3 .hc-method-note p{margin:0;max-width:1040px}

/* Transport becomes a machined lower rail. */
.hc-mercury-r3 .hc-transport{position:relative;grid-area:transport;left:auto;right:auto;bottom:auto;width:auto;transform:none;margin:0 3px 3px;padding:8px 12px;border-color:rgba(221,235,236,.20);border-radius:21px;background:radial-gradient(ellipse at 50% -120%,rgba(255,255,255,.13),transparent 48%),linear-gradient(180deg,rgba(25,34,36,.94),rgba(3,6,7,.965));box-shadow:0 18px 48px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.09),inset 0 -1px 0 rgba(0,0,0,.8)}
.hc-mercury-r3 .hc-transport:before{content:"";position:absolute;left:28px;right:28px;top:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(215,233,234,.26) 18%,rgba(228,199,120,.42) 50%,rgba(215,233,234,.26) 82%,transparent);box-shadow:0 0 9px rgba(228,199,120,.08)}

@media(max-width:1320px){
  .hc-mercury-r3 .hc-instrument{grid-template-columns:minmax(0,1fr) 300px}.hc-mercury-r3 .hc-discovery-body{grid-template-columns:300px minmax(420px,1fr)}.hc-mercury-r3 .hc-mercury-stone{width:160px;height:160px;flex-basis:160px}.hc-mercury-r3 .hc-mercury-stone.secondary{width:140px;height:140px;flex-basis:140px}.hc-mercury-r3 .hc-field{height:700px;min-height:700px}.hc-mercury-r3 .hc-field-shell{min-height:960px}
}
@media(max-width:1040px){
  .hc-mercury-r3 .hc-instrument{grid-template-columns:1fr;grid-template-areas:"field" "inspector" "transport" "transit" "play" "debug"}.hc-mercury-r3 .hc-field-shell{min-height:0}.hc-mercury-r3 .hc-discovery-body{grid-template-columns:1fr}.hc-mercury-r3 .hc-field{height:650px;min-height:650px}.hc-mercury-r3 .hc-method-note{width:calc(100% - 28px);border-radius:0 0 22px 22px}
}
@media(max-width:760px){
  .hc-mercury-r3 .hc-discovery-engine{margin:58px 8px 8px;padding:14px 12px;border-radius:22px}.hc-mercury-r3 .hc-discovery-body{gap:8px}.hc-mercury-r3 .hc-stone-bay{min-height:132px}.hc-mercury-r3 .hc-mercury-stone{width:118px;height:118px;flex-basis:118px}.hc-mercury-r3 .hc-mercury-stone.secondary{width:102px;height:102px;flex-basis:102px}.hc-mercury-r3 .hc-behaviors{padding:4px;border-radius:18px}.hc-mercury-r3 .hc-behaviors button{min-height:56px;border-radius:14px}.hc-mercury-r3 .hc-field{height:540px;min-height:540px}.hc-mercury-r3 .hc-method-note{width:100%;margin:0;padding:18px 14px 84px;border-left:0;border-right:0;border-radius:0}.hc-mercury-r3 .hc-transport{left:auto;right:auto;width:auto;bottom:auto;margin:0 4px 4px;border-radius:15px}
}


/* ========================================================================== */
/* HARMONIC CARTOGRAPHY R4 — OWNER LEGIBILITY PASS                            */
/* Enlarges low-contrast analytical and instrument text without changing       */
/* musical behavior, orbital logic, routing, audio, or MIDI.                   */
/* ========================================================================== */
.hc-mercury-r4{
  --hc-readable:#dce8e9;
  --hc-readable-soft:#aebfc2;
  --hc-readable-dim:#879a9f;
}

/* Source case-study: readable at normal browser scale, not only on zoom. */
.hc-mercury-r4 .hc-case-study{padding:20px 22px 18px}
.hc-mercury-r4 .hc-case-head h2{font-size:1.68rem;line-height:1.14;color:#f0f3f2}
.hc-mercury-r4 .hc-case-study>p{max-width:1180px;font-size:14.5px;line-height:1.66;color:#b7c5c7}
.hc-mercury-r4 .hc-joy-stages{gap:9px}
.hc-mercury-r4 .hc-joy-stages button{min-height:70px;padding:13px 14px}
.hc-mercury-r4 .hc-joy-stages button span{font-size:9.5px;color:#8ca0a5}
.hc-mercury-r4 .hc-joy-stages button strong{margin-top:6px;font-size:14px;line-height:1.18;color:#eef4f4;letter-spacing:.015em}
.hc-mercury-r4 .hc-joy-stages button small{margin-top:5px;font-size:10.5px;line-height:1.35;color:#99acb0}
.hc-mercury-r4 .hc-joy-stages button[aria-pressed="true"] strong{color:#ffe8a9}
.hc-mercury-r4 .hc-case-status{margin-top:12px;font-size:11.5px;line-height:1.45;color:#bfd0d2;letter-spacing:.065em}
.hc-mercury-r4 .hc-case-boundary{margin-top:9px;font-size:9.5px;line-height:1.45;color:#a59676;letter-spacing:.105em}

/* Field toolbar / discovery heading. */
.hc-mercury-r4 .hc-field-toolbar .hc-micro,
.hc-mercury-r4 .hc-discovery-heading .hc-micro{font-size:9.5px;color:#95a9ad}
.hc-mercury-r4 .hc-field-toolbar strong{font-size:13px;line-height:1.35;color:#c7d5d7}
.hc-mercury-r4 .hc-mapby{font-size:9.5px;color:#91a5a9}
.hc-mercury-r4 .hc-mapby select{font-size:10px;color:#eef4f4}
.hc-mercury-r4 .hc-discovery-heading strong{font-size:27px;line-height:1.05}
.hc-mercury-r4 .hc-discovery-status{font-size:10px;line-height:1.35;color:#f0d997}

/* Discovery behavior buttons and all central controls. */
.hc-mercury-r4 .hc-behaviors button span{font-size:12.5px;letter-spacing:.16em;color:#dbe7e8}
.hc-mercury-r4 .hc-behaviors button small{font-size:9.5px;line-height:1.25;color:#96a8ac}
.hc-mercury-r4 .hc-behaviors button[aria-pressed=true] span{color:#fff4cf}
.hc-mercury-r4 .hc-behaviors button[aria-pressed=true] small{color:#c6d1c6}
.hc-mercury-r4 .hc-engine-controls{gap:9px 10px}
.hc-mercury-r4 .hc-engine-controls label{gap:6px;font-size:9.5px;line-height:1.25;color:#9aadb1;letter-spacing:.12em}
.hc-mercury-r4 .hc-engine-controls select{min-height:43px;padding:9px 11px;font-size:11.5px;line-height:1.2;color:#edf4f4}
.hc-mercury-r4 .hc-motion-console{gap:8px}
.hc-mercury-r4 .hc-direction{min-height:48px}
.hc-mercury-r4 .hc-direction button{font-size:16px;color:#9aadb0}
.hc-mercury-r4 .hc-direction button span{font-size:8.5px;line-height:1.2;color:#9caeb2}
.hc-mercury-r4 .hc-direction button[aria-pressed=true],
.hc-mercury-r4 .hc-direction button[aria-pressed=true] span{color:#f5e5b4}
.hc-mercury-r4 .hc-liquid-dial{min-height:48px;padding:8px 9px;font-size:8.5px;color:#9cafb3}
.hc-mercury-r4 .hc-liquid-dial output{font-size:10px;color:#edf4f4}
.hc-mercury-r4 .hc-live-morph span{font-size:10.5px;color:#dce8e9}
.hc-mercury-r4 .hc-live-morph small{font-size:7.5px;line-height:1.2;color:#92a5a9}
.hc-mercury-r4 .hc-generate{min-height:48px;font-size:9.5px;letter-spacing:.11em;color:#f5dfa2}

/* Relationship lens: remove the tiny caption effect. */
.hc-mercury-r4 .hc-discovery-lens>div{padding:10px 12px 11px}
.hc-mercury-r4 .hc-discovery-lens span{font-size:8.5px;line-height:1.25;color:#91a4a8;letter-spacing:.11em}
.hc-mercury-r4 .hc-discovery-lens strong{margin-top:5px;font-size:10.5px;line-height:1.42;color:#d5e0e1}
.hc-mercury-r4 .hc-discovery-lens .hot strong{color:#f0dca0}

/* Mercury stones: preserve the material while making labels legible. */
.hc-mercury-r4 .hc-mercury-stone>span{font-size:8px;color:#263235;text-shadow:0 1px 5px rgba(255,255,255,.58)}
.hc-mercury-r4 .hc-mercury-stone>strong{max-width:132px;font-size:13.5px;line-height:1.08;color:#071012;text-shadow:0 1px 6px rgba(255,255,255,.62)}
.hc-mercury-r4 .hc-mercury-stone>small{max-width:125px;font-size:8.5px;line-height:1.35;color:#26383b;text-shadow:0 1px 5px rgba(255,255,255,.50)}
.hc-mercury-r4 .hc-mercury-stone.secondary>strong{max-width:112px;font-size:12px}
.hc-mercury-r4 .hc-stone-join b{font-size:8px;color:#f0d999;text-shadow:0 0 8px rgba(228,199,120,.25)}

/* Inspector: fix both low contrast and title/affinity collision. */
.hc-mercury-r4 .hc-inspector>.hc-panel-head{font-size:10.5px;color:#e4cf91}
.hc-mercury-r4 .hc-world-heading{display:grid;grid-template-columns:minmax(0,1fr) 72px;gap:14px;align-items:start;padding:4px 5px 2px}
.hc-mercury-r4 .hc-world-heading>div:first-child{min-width:0}
.hc-mercury-r4 .hc-world-heading .hc-micro{font-size:9px;line-height:1.3;color:#91a8ac}
.hc-mercury-r4 .hc-world-heading h2{max-width:100%;margin:.42rem 0 0;font-size:2rem;line-height:.96;letter-spacing:-.025em;overflow-wrap:normal;word-break:normal;color:#f6f4ed}
.hc-mercury-r4 .hc-affinity{min-width:72px;padding-top:1px}
.hc-mercury-r4 .hc-affinity span{font-size:8.5px;color:#91a5a9}
.hc-mercury-r4 .hc-affinity strong{font-size:2.2rem;line-height:1;color:#f1dd9f}
.hc-mercury-r4 .hc-tags{gap:6px;margin:14px 0}
.hc-mercury-r4 .hc-tags span{padding:6px 7px;font-size:8.5px;line-height:1.2;color:#aebfc2}
.hc-mercury-r4 .hc-world-actions button{font-size:10.5px;letter-spacing:.12em;color:#b8c8ca}
.hc-mercury-r4 .hc-world-actions button.primary{color:#f4dda0}
.hc-mercury-r4 .hc-disclosure{padding:15px 7px;font-size:10.5px;line-height:1.3;color:#bfd0d2}
.hc-mercury-r4 .hc-metric{padding:8px 0;font-size:13.5px;line-height:1.45}
.hc-mercury-r4 .hc-metric span{color:#9cafb3}
.hc-mercury-r4 .hc-metric strong{color:#eef4f4}
.hc-mercury-r4 .hc-explain{margin-top:14px;font-size:13.5px;line-height:1.62;color:#b8c6c8}
.hc-mercury-r4 .hc-code{font-size:11.5px;line-height:1.65;color:#b8c9cb}

/* Prevent reading improvements from collapsing at common laptop widths. */
@media(max-width:1320px){
  .hc-mercury-r4 .hc-case-study>p{font-size:14px}
  .hc-mercury-r4 .hc-joy-stages button strong{font-size:13px}
  .hc-mercury-r4 .hc-engine-controls select{font-size:11px}
  .hc-mercury-r4 .hc-world-heading h2{font-size:1.85rem}
  .hc-mercury-r4 .hc-metric{font-size:13px}
  .hc-mercury-r4 .hc-explain{font-size:13px}
}
@media(max-width:1040px){
  .hc-mercury-r4 .hc-world-heading{grid-template-columns:minmax(0,1fr) 84px}
  .hc-mercury-r4 .hc-world-heading h2{font-size:2.15rem}
}
@media(max-width:760px){
  .hc-mercury-r4 .hc-case-study{padding:16px 14px}
  .hc-mercury-r4 .hc-case-head h2{font-size:1.45rem}
  .hc-mercury-r4 .hc-case-study>p{font-size:13.5px}
  .hc-mercury-r4 .hc-joy-stages button{min-height:68px;padding:11px 10px}
  .hc-mercury-r4 .hc-joy-stages button strong{font-size:12.5px}
  .hc-mercury-r4 .hc-joy-stages button small{font-size:9.5px}
  .hc-mercury-r4 .hc-discovery-heading strong{font-size:22px}
  .hc-mercury-r4 .hc-discovery-status{font-size:8.5px}
  .hc-mercury-r4 .hc-engine-controls label{font-size:9px}
  .hc-mercury-r4 .hc-engine-controls select{font-size:11px}
  .hc-mercury-r4 .hc-discovery-lens span{font-size:8px}
  .hc-mercury-r4 .hc-discovery-lens strong{font-size:10px}
  .hc-mercury-r4 .hc-world-heading h2{font-size:1.9rem}
  .hc-mercury-r4 .hc-explain{font-size:13px}
}

/* Etched label bands keep text readable across changing mercury reflections. */
.hc-mercury-r4 .hc-mercury-stone>span{width:max-content;max-width:82%;margin:0 auto;padding:2px 5px;border-radius:999px;background:rgba(238,244,243,.20);box-shadow:0 0 0 1px rgba(0,0,0,.055),0 1px 8px rgba(255,255,255,.08)}
.hc-mercury-r4 .hc-mercury-stone>strong{width:max-content;max-width:82%;padding:3px 7px;border-radius:8px;background:rgba(238,244,243,.32);box-shadow:0 0 0 1px rgba(0,0,0,.06),0 3px 11px rgba(255,255,255,.075)}
.hc-mercury-r4 .hc-mercury-stone>small{width:max-content;max-width:82%;padding:2px 5px;border-radius:999px;background:rgba(238,244,243,.18)}


/* ==========================================================================\n   HARMONIC CARTOGRAPHY R5 — GUIDED DISCOVERY + MERCURY BLOOM\n   Usability and sonic-material successor. No new room or route.\n   ========================================================================== */
.hc-r5 .hc-compass .hc-panel-head span{letter-spacing:.18em}
.hc-r5 .hc-calibration-toggle{min-width:96px}
.hc-r5 .hc-r5-discovery-body{grid-template-columns:minmax(310px,.9fr) minmax(520px,1.45fr);align-items:stretch;gap:18px}
.hc-r5 .hc-start-panel{position:relative;padding:17px 17px 15px;border:1px solid rgba(217,232,233,.16);border-radius:23px;background:radial-gradient(circle at 15% 5%,rgba(255,255,255,.08),transparent 35%),linear-gradient(180deg,rgba(13,19,21,.94),rgba(4,7,8,.97));box-shadow:inset 0 1px 0 rgba(255,255,255,.06),inset 0 0 34px rgba(159,209,213,.025)}
.hc-r5 .hc-start-kicker{font:700 9px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.18em;color:#e6d294;margin-bottom:10px}
.hc-r5 .hc-start-controls{display:grid;grid-template-columns:1fr 1.3fr;gap:10px}
.hc-r5 .hc-start-controls label,.hc-r5 .hc-r5-engine-controls label,.hc-r5 .hc-color-drawer label{display:grid;gap:6px;font:700 9px/1.25 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;color:#a9babc}
.hc-r5 .hc-start-controls select,.hc-r5 .hc-r5-engine-controls select,.hc-r5 .hc-color-drawer select{width:100%;min-height:42px;border-radius:11px;border:1px solid rgba(210,228,230,.18);background:#05090a;color:#e8eeee;padding:0 12px;font-size:12px}
.hc-r5 .hc-start-help{margin:11px 2px 12px;color:#aebec0;font-size:11px;line-height:1.55}
.hc-r5 .hc-relation-legend{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.hc-r5 .hc-relation-legend>span{min-height:54px;border:1px solid rgba(213,230,231,.12);border-radius:11px;padding:8px 9px;background:#05090a;display:grid;align-content:center;gap:3px}
.hc-r5 .hc-relation-legend b{font:700 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.16em}
.hc-r5 .hc-relation-legend small{color:#85989b;font-size:9px;line-height:1.25}
.hc-r5 .hc-relation-legend .near b{color:#f0d894}.hc-r5 .hc-relation-legend .color b{color:#c4e3e4}.hc-r5 .hc-relation-legend .remote b{color:#829497}
.hc-r5 .hc-world-pair{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:7px;margin-top:12px}
.hc-r5 .hc-world-slot{appearance:none;min-width:0;min-height:76px;padding:10px 12px;border:1px solid rgba(214,231,232,.15);border-radius:14px;background:linear-gradient(180deg,rgba(20,28,30,.92),rgba(4,7,8,.98));color:#dce6e6;text-align:left;box-shadow:inset 0 1px 0 rgba(255,255,255,.055);cursor:pointer}
.hc-r5 .hc-world-slot>span{display:block;font:700 8px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.16em;color:#8ea1a4}.hc-r5 .hc-world-slot>strong{display:block;margin-top:5px;font-size:13px;line-height:1.15;color:#f0f4f3}.hc-r5 .hc-world-slot>small{display:block;margin-top:5px;font-size:9px;line-height:1.3;color:#8fa2a5}.hc-r5 .hc-world-slot.secondary:not(.inactive){border-color:rgba(231,203,126,.44);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 0 24px rgba(231,203,126,.06)}
.hc-r5 .hc-stone-join{min-width:62px}.hc-r5 .hc-stone-join i{width:10px}.hc-r5 .hc-stone-join b{font-size:7px;letter-spacing:.14em;color:#d7c07c}
.hc-r5 .hc-behaviors{grid-template-columns:1fr 1fr 1.05fr}
.hc-r5 .hc-behaviors button{min-height:66px}.hc-r5 .hc-behaviors button small{font-size:9px;opacity:.8}
.hc-r5 .hc-mode-help{margin:8px 4px 12px;color:#97aaad;font-size:10.5px;line-height:1.5}
.hc-r5 .hc-r5-engine-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.hc-r5 .hc-motion-console{margin-top:12px;grid-template-columns:minmax(210px,1fr) minmax(130px,.68fr) minmax(130px,.68fr) minmax(120px,.58fr) minmax(150px,.72fr)}
.hc-r5 .hc-liquid-dial>span{font-size:9px}.hc-r5 .hc-live-morph span{font-size:9px}.hc-r5 .hc-live-morph small{font-size:8px;line-height:1.25}
.hc-r5 .hc-color-drawer{margin-top:11px;border-top:1px solid rgba(212,229,231,.08);padding-top:9px}.hc-r5 .hc-color-drawer summary{cursor:pointer;list-style:none;font:700 9px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.15em;color:#91a4a7}.hc-r5 .hc-color-drawer summary::-webkit-details-marker{display:none}.hc-r5 .hc-color-drawer[open] summary{color:#e1cc91}.hc-r5 .hc-color-drawer label{margin-top:10px}.hc-r5 .hc-color-drawer p{margin:7px 0 0;color:#85979a;font-size:9.5px;line-height:1.45}
.hc-r5 .hc-mapby{font-size:8.5px}.hc-r5 .hc-mapby select{min-width:142px}
.hc-r5 .source-name{fill:#d7e2e2;font-size:9px;letter-spacing:.06em;text-anchor:middle;opacity:.78}
.hc-r5 .hc-world .score{font-size:8px;letter-spacing:.055em}.hc-r5 .hc-world.relation-near .selection-ring{stroke:#e6ca7a;opacity:.28}.hc-r5 .hc-world.relation-color .selection-ring{stroke:#b9dcde;opacity:.15}.hc-r5 .hc-world.relation-remote{opacity:.70}.hc-r5 .hc-world.relation-remote .score{opacity:.42}
.hc-r5 .hc-attachment-thread{stroke:rgba(186,214,216,.48)}.hc-r5 .hc-attachment-thread.weave{stroke:#e7ca78;filter:drop-shadow(0 0 4px rgba(231,202,120,.38))}
.hc-r5 .hc-map-note{font-size:10px;letter-spacing:.055em;color:#9fb0b2}
.hc-r5 .hc-synth-row label{font-size:8.5px}.hc-r5 .hc-performance-help{font-size:11px;line-height:1.5}
@media(max-width:1180px){.hc-r5 .hc-r5-discovery-body{grid-template-columns:1fr}.hc-r5 .hc-motion-console{grid-template-columns:repeat(2,minmax(0,1fr))}.hc-r5 .hc-generate{grid-column:span 2}.hc-r5 .hc-world-pair{grid-template-columns:1fr 54px 1fr}}
@media(max-width:760px){.hc-r5 .hc-start-controls{grid-template-columns:1fr}.hc-r5 .hc-relation-legend{grid-template-columns:1fr}.hc-r5 .hc-world-pair{grid-template-columns:1fr}.hc-r5 .hc-stone-join{display:none}.hc-r5 .hc-r5-engine-controls{grid-template-columns:1fr}.hc-r5 .hc-motion-console{grid-template-columns:1fr 1fr}.hc-r5 .hc-direction{grid-column:1/-1}.hc-r5 .hc-live-morph,.hc-r5 .hc-generate{grid-column:span 1}}
/* R5 map markers: relationship droplets, not pinballs. */
.hc-r5 .hc-world .core{fill:#101719!important;stroke:rgba(218,234,235,.38);stroke-width:1.15;filter:drop-shadow(0 0 8px rgba(169,214,216,.10))}
.hc-r5 .hc-world .liquid-rim{fill:rgba(216,233,234,.035);stroke:rgba(213,232,233,.30);stroke-width:1.2}
.hc-r5 .hc-world .aura{fill:rgba(141,204,208,.018);stroke:rgba(172,214,216,.08)}
.hc-r5 .hc-world .specular{opacity:.18}.hc-r5 .hc-world .secondary-specular{opacity:.10}
.hc-r5 .hc-world .world-glyph{opacity:.88}.hc-r5 .hc-world .name{font-size:10.5px;fill:#d8e2e2;text-shadow:0 1px 8px #000}.hc-r5 .hc-world .score{fill:#8fa3a6}
.hc-r5 .hc-world.relation-near .core{fill:#171812!important;stroke:rgba(235,211,147,.70)}.hc-r5 .hc-world.relation-near .liquid-rim{stroke:rgba(235,207,129,.72);filter:drop-shadow(0 0 5px rgba(231,202,120,.25))}.hc-r5 .hc-world.relation-near .score{fill:#e1ca88;opacity:.92}
.hc-r5 .hc-world.relation-color .core{fill:#0c1517!important;stroke:rgba(190,222,224,.55)}.hc-r5 .hc-world.relation-color .score{fill:#b8d4d6;opacity:.78}
.hc-r5 .hc-world.relation-remote .core{fill:#080c0d!important;stroke:rgba(135,157,160,.28)}.hc-r5 .hc-world.relation-remote .world-glyph{opacity:.48}.hc-r5 .hc-world.relation-remote .name{fill:#87999c;opacity:.70}
.hc-r5 .hc-world.weave-target .core{fill:#211c10!important;stroke:#e6c875;filter:drop-shadow(0 0 12px rgba(232,202,119,.34))}.hc-r5 .hc-world.weave-target .liquid-rim{stroke:#f0d895;stroke-width:1.8}


/* R6 — PROGRESSIVE DISCOVERY / ENERGY BLOOM */
.hc-r6{--r6-gold:#efd58b;--r6-cyan:#a9e9f0;--r6-violet:#c89bff;--r6-rose:#ffabd7}
.hc-r6 .hc-r6-discovery-body{display:grid;grid-template-columns:minmax(430px,.92fr) minmax(520px,1.35fr);gap:18px;align-items:stretch}
.hc-r6 .hc-r6-start-panel,.hc-r6 .hc-r6-engine-console{padding:18px;border:1px solid rgba(219,234,235,.16);border-radius:18px;background:linear-gradient(180deg,rgba(11,17,19,.96),rgba(3,6,7,.985));box-shadow:inset 0 1px 0 rgba(255,255,255,.045)}
.hc-r6 .hc-start-kicker,.hc-r6 .hc-r6-route-builder label>span,.hc-r6 .hc-r6-link-column>span{font-size:11px;letter-spacing:.14em;color:#b0c2c5}
.hc-r6 .hc-r6-route-builder{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px;align-items:start;margin-top:9px}
.hc-r6 .hc-r6-key select,.hc-r6 .hc-r6-world-column select,.hc-r6 .hc-r6-link-column select,.hc-r6 .hc-r6-cascade-controls select{width:100%;min-height:48px;margin-top:7px;padding:0 12px;border:1px solid rgba(208,229,231,.19);border-radius:10px;background:#040809;color:#eef5f4;font-size:13px}
.hc-r6 .hc-r6-world-column{min-width:0}.hc-r6 .hc-r6-route-builder:has(#weaveWorldWrap:not([hidden])){grid-template-columns:96px minmax(180px,1fr) minmax(180px,.92fr) minmax(180px,1fr)}
.hc-r6 .hc-world-slot{margin-top:8px;min-height:92px;padding:13px 14px;border-radius:14px;cursor:default}.hc-r6 .hc-world-slot>span{font-size:10px}.hc-r6 .hc-world-slot>strong{font-size:16px;line-height:1.15}.hc-r6 .hc-world-slot>small{font-size:11px;line-height:1.35}
.hc-r6 .hc-r6-link-column{display:grid;align-content:center;min-height:142px;padding-top:24px}.hc-r6 .hc-r6-link-column small{margin-top:7px;color:#8fa4a8;font-size:10px;text-align:center}.hc-r6 .hc-r6-link-column>span{text-align:center;color:var(--r6-gold)}
.hc-r6 .hc-start-help{font-size:12px;line-height:1.55;color:#b7c6c8}.hc-r6 .hc-relation-legend{margin-top:12px}.hc-r6 .hc-relation-legend>span{min-height:62px;padding:10px 11px}.hc-r6 .hc-relation-legend b{font-size:10px}.hc-r6 .hc-relation-legend small{font-size:10px}
.hc-r6 .hc-r6-mode-row{display:grid;grid-template-columns:minmax(0,1fr) 205px;gap:10px;padding:6px;border:1px solid rgba(218,232,233,.13);border-radius:18px;background:#030607}
.hc-r6 .hc-r6-primary-modes{display:grid;grid-template-columns:1fr 1fr;gap:6px}.hc-r6 .hc-r6-mode-row button{appearance:none;min-height:70px;border:1px solid rgba(210,228,230,.15);border-radius:14px;background:linear-gradient(180deg,#0e1517,#020405);color:#b8c9cb;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.04);transition:.18s ease}.hc-r6 .hc-r6-mode-row button span{display:block;font:700 13px/1.1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.15em}.hc-r6 .hc-r6-mode-row button small{display:block;margin-top:5px;font-size:10px;color:#82979b}.hc-r6 .hc-r6-primary-modes button[aria-pressed=true],.hc-r6 .hc-cascade-layer[aria-pressed=true]{border-color:rgba(238,211,137,.78);color:#fff5d4;box-shadow:inset 0 0 0 1px rgba(239,213,139,.17),0 0 22px rgba(232,197,105,.14)}.hc-r6 .hc-cascade-layer[aria-pressed=false]{border-style:dashed}.hc-r6 .hc-mode-help{font-size:12px;line-height:1.45;padding:10px 4px 4px;color:#9fb2b5}
.hc-r6 .hc-r6-cascade-controls{display:grid;grid-template-columns:minmax(0,1fr) 66px minmax(0,1fr);gap:9px;align-items:end;margin:11px 0;padding:12px;border:1px solid rgba(202,218,221,.12);border-radius:14px;background:rgba(5,9,10,.78)}.hc-r6 .hc-r6-cascade-controls label>span{font-size:10px;letter-spacing:.13em;color:#a8bdc0}.hc-r6 .hc-r6-cascade-link{height:48px;display:flex;align-items:center;justify-content:center;gap:7px;color:#d5bd78;font:700 11px ui-monospace,monospace}.hc-r6 .hc-r6-cascade-link.solo{opacity:.35}
.hc-r6 .hc-r6-motion-console{grid-template-columns:1.25fr .8fr .8fr 1fr 1.15fr;gap:8px;margin-top:12px}.hc-r6 .hc-direction button{min-height:52px;font-size:10px}.hc-r6 .hc-liquid-dial{min-height:58px}.hc-r6 .hc-liquid-dial>span{font-size:10px}.hc-r6 .hc-liquid-dial output{font-size:12px}.hc-r6 .hc-live-morph{min-height:58px}.hc-r6 .hc-live-morph span{font-size:10px}.hc-r6 .hc-live-morph small{font-size:9px}.hc-r6 .hc-live-morph[aria-pressed=true]{border-color:rgba(169,233,240,.72)!important;color:#e9fdff!important;box-shadow:0 0 20px rgba(113,215,226,.12),inset 0 0 18px rgba(108,210,220,.06)!important}
.hc-r6 .hc-r6-master-play{min-height:58px;display:grid!important;grid-template-columns:auto auto;grid-template-areas:'label glyph' 'small small';align-content:center;justify-content:center;column-gap:8px;border-color:rgba(239,211,139,.62)!important;color:#fff1c3!important;box-shadow:0 0 22px rgba(232,197,105,.10),inset 0 0 18px rgba(232,197,105,.05)!important}.hc-r6 .hc-r6-master-play span{grid-area:label;font-size:13px}.hc-r6 .hc-r6-master-play b{grid-area:glyph;font:400 24px/1 serif;color:#f0d78c}.hc-r6 .hc-r6-master-play small{grid-area:small;font-size:9px;color:#ad9d72}.hc-r6 .hc-r6-master-play[aria-pressed=true]{background:radial-gradient(circle at 50% 40%,rgba(238,204,111,.18),transparent 70%),#080704;box-shadow:0 0 30px rgba(237,203,111,.24),inset 0 0 22px rgba(237,203,111,.11)!important}.hc-r6 .hc-color-drawer summary{font-size:10px}.hc-r6 .hc-color-drawer label,.hc-r6 .hc-color-drawer p{font-size:11px}
.hc-r6 .hc-world{filter:drop-shadow(0 0 10px rgba(119,194,217,.13));transition:opacity .18s ease}.hc-r6 .hc-world .core{stroke:rgba(221,244,248,.52)!important;stroke-width:1.15;filter:url(#softGlow)!important}.hc-r6 .hc-world .liquid-rim{fill:none!important;stroke:rgba(223,240,244,.34)!important;stroke-width:1.1}.hc-r6 .hc-world .aura{fill:rgba(139,210,230,.025)!important;stroke:rgba(158,216,230,.11)!important}.hc-r6 .hc-world .specular{opacity:.32!important}.hc-r6 .hc-world .secondary-specular{opacity:.16!important}.hc-r6 .hc-world.relation-near{filter:drop-shadow(0 0 11px rgba(238,204,116,.22))}.hc-r6 .hc-world.relation-color{filter:drop-shadow(0 0 11px rgba(155,126,235,.15))}.hc-r6 .hc-world.relation-remote{opacity:.48!important;filter:drop-shadow(0 0 8px rgba(85,137,168,.08))}.hc-r6 .hc-world .name{font-size:12px!important;letter-spacing:.025em!important;fill:#e8f0f1!important;opacity:.72!important}.hc-r6 .hc-world .score{font-size:10px!important;opacity:0!important;fill:#d8c27f!important}.hc-r6 .hc-world.relation-remote .name{opacity:.28!important}.hc-r6 .hc-world:hover,.hc-r6 .hc-world:focus,.hc-r6 .hc-world.weave-target{opacity:1!important}.hc-r6 .hc-world:hover .name,.hc-r6 .hc-world:focus .name,.hc-r6 .hc-world.weave-target .name{opacity:1!important;font-size:13px!important}.hc-r6 .hc-world:hover .score,.hc-r6 .hc-world:focus .score,.hc-r6 .hc-world.weave-target .score{opacity:.9!important}.hc-r6 .hc-world.weave-target .core{stroke:#ffe29a!important;stroke-width:2!important}.hc-r6 .hc-world.weave-target .selection-ring{stroke:#ffe29a!important;opacity:.75!important;filter:url(#softGlow)}
.hc-r6 .hc-discovery-heading strong{font-size:1.45rem}.hc-r6 .hc-discovery-heading .hc-micro,.hc-r6 .hc-discovery-status{font-size:10.5px}.hc-r6 .hc-field-toolbar strong{font-size:14px}.hc-r6 .hc-field-tools,.hc-r6 .hc-mapby,.hc-r6 .hc-calibration-toggle{font-size:10px}.hc-r6 .hc-discovery-lens span{font-size:9.5px}.hc-r6 .hc-discovery-lens strong{font-size:11.5px}.hc-r6 .hc-world-heading .hc-micro{font-size:10px}.hc-r6 .hc-world-heading h2{font-size:2.2rem}.hc-r6 .hc-affinity span{font-size:9px}.hc-r6 .hc-affinity strong{font-size:1.3rem}.hc-r6 .hc-affinity small{display:block;margin-top:4px;color:#8fa2a5;font-size:9px;white-space:nowrap}.hc-r6 .hc-tags span{font-size:9.5px}.hc-r6 .hc-world-actions{display:grid;grid-template-columns:1fr;gap:7px}.hc-r6 .hc-world-actions button{min-height:42px;font-size:10.5px;text-align:left;padding:0 12px}.hc-r6 .hc-disclosure{min-height:44px;font-size:10.5px}.hc-r6 .hc-metric{font-size:12px}.hc-r6 .hc-explain{font-size:12px;line-height:1.52}.hc-r6 .hc-transit-head p,.hc-r6 .hc-performance-head p{max-width:760px;margin:.45rem 0 0;color:#9db0b3;font-size:12px;line-height:1.45}.hc-r6 .hc-performance-help{font-size:12px;line-height:1.45}.hc-r6 .hc-transport-controls #transportLoop[aria-pressed=true],.hc-r6 .hc-ab button[aria-pressed=true]{border-color:rgba(239,211,139,.72);color:#fff2c7;box-shadow:inset 0 0 12px rgba(239,211,139,.08),0 0 12px rgba(239,211,139,.08)}
@media(max-width:1250px){.hc-r6 .hc-r6-discovery-body{grid-template-columns:1fr}.hc-r6 .hc-r6-route-builder:has(#weaveWorldWrap:not([hidden])){grid-template-columns:90px 1fr 1fr 1fr}.hc-r6 .hc-r6-motion-console{grid-template-columns:1.15fr 1fr 1fr}}
@media(max-width:800px){.hc-r6 .hc-r6-route-builder,.hc-r6 .hc-r6-route-builder:has(#weaveWorldWrap:not([hidden])){grid-template-columns:1fr}.hc-r6 .hc-r6-link-column{min-height:0;padding-top:0}.hc-r6 .hc-r6-mode-row{grid-template-columns:1fr}.hc-r6 .hc-r6-cascade-controls{grid-template-columns:1fr}.hc-r6 .hc-r6-cascade-link{height:auto}.hc-r6 .hc-r6-motion-console{grid-template-columns:1fr 1fr}.hc-r6 .hc-direction{grid-column:1/-1}.hc-r6 .hc-world-heading h2{font-size:1.9rem}}

.hc-r6 .hc-ab,.hc-r6 .hc-compare{display:none}.hc-r6 .hc-transport.has-transit .hc-ab,.hc-r6 .hc-transport.has-transit .hc-compare{display:flex}


/* R6.2 — BOUNDED LAYOUT / CONSTELLATION / RESONANT-INSTRUMENT REPAIR */
.hc-r6-2 .hc-r6-discovery-body{grid-template-columns:minmax(360px,.82fr) minmax(540px,1.18fr);gap:20px;align-items:start}
.hc-r6-2 .hc-r6-discovery-body:has(#weaveWorldWrap:not([hidden])){grid-template-columns:1fr}
.hc-r6-2 .hc-r6-start-panel,.hc-r6-2 .hc-r6-engine-console{min-width:0;overflow:visible}
.hc-r6-2 .hc-r6-route-builder{grid-template-columns:minmax(150px,.44fr) minmax(250px,1fr);column-gap:14px;row-gap:12px;align-items:start}
.hc-r6-2 .hc-r6-route-builder:has(#weaveWorldWrap:not([hidden])){grid-template-columns:minmax(130px,.55fr) minmax(220px,1.08fr) minmax(200px,.9fr) minmax(220px,1.08fr);gap:14px}
.hc-r6-2 .hc-r6-route-builder label,.hc-r6-2 .hc-r6-world-column>label{display:grid;grid-template-rows:22px 50px;align-content:start;min-width:0}
.hc-r6-2 .hc-r6-route-builder label>span,.hc-r6-2 .hc-r6-link-column>span{display:flex;align-items:center;min-height:22px;line-height:1.1}
.hc-r6-2 .hc-r6-key select,.hc-r6-2 .hc-r6-world-column select,.hc-r6-2 .hc-r6-link-column select,.hc-r6-2 .hc-r6-cascade-controls select{min-height:50px;height:50px;margin-top:0}
.hc-r6-2 .hc-r6-link-column{display:grid;grid-template-rows:22px 50px auto;align-content:start;min-height:0;padding-top:0}
.hc-r6-2 .hc-r6-link-column>span{justify-content:center}
.hc-r6-2 .hc-r6-link-column small{margin-top:7px}
.hc-r6-2 .hc-world-slot{margin-top:9px}
.hc-r6-2 .hc-r6-mode-row{position:relative;grid-template-columns:minmax(0,1fr) minmax(180px,220px);align-items:stretch;margin-top:0}
.hc-r6-2 .hc-r6-primary-modes,.hc-r6-2 .hc-cascade-layer{min-width:0}
.hc-r6-2 .hc-r6-cascade-controls{grid-template-columns:minmax(220px,1fr) 64px minmax(220px,1fr);align-items:end;margin:12px 0 4px;overflow:visible}
.hc-r6-2 .hc-r6-cascade-controls:not(:has(#architectureBWrap:not([hidden]))){grid-template-columns:minmax(260px,520px);justify-content:start}
.hc-r6-2 .hc-r6-cascade-controls:not(:has(#architectureBWrap:not([hidden]))) .hc-r6-cascade-link{display:none}
.hc-r6-2 .hc-r6-cascade-controls label{display:grid;grid-template-rows:22px 50px;align-content:start;min-width:0}
.hc-r6-2 .hc-r6-cascade-controls label>span{display:flex;align-items:center;min-height:22px}
.hc-r6-2 .hc-r6-motion-console{position:relative;z-index:0;grid-template-columns:minmax(210px,1.2fr) minmax(120px,.75fr) minmax(120px,.75fr) minmax(150px,.95fr) minmax(170px,1.08fr);gap:9px;align-items:stretch;margin-top:14px}
.hc-r6-2 .hc-motion-console>*{min-width:0}
.hc-r6-2 .hc-color-drawer{margin-top:12px}

/* Constellation atlas: nodes read as luminous energy points, not solid balls. */
.hc-r6-2 .hc-field{background:radial-gradient(circle at 50% 48%,rgba(33,42,66,.26),transparent 29%),radial-gradient(circle at 27% 34%,rgba(70,45,100,.11),transparent 24%),radial-gradient(circle at 72% 66%,rgba(20,84,103,.10),transparent 28%),linear-gradient(180deg,#020305,#010203)}
.hc-r6-2 .hc-grid-ring{stroke:rgba(154,188,215,.075);stroke-dasharray:1 9}
.hc-r6-2 .hc-grid-axis{stroke:rgba(127,171,204,.035)}
.hc-r6-2 .hc-field-star{fill:#dcecff;filter:drop-shadow(0 0 3px rgba(166,214,255,.35))}
.hc-r6-2 .hc-field-star.warm{fill:#ffe6a2;filter:drop-shadow(0 0 4px rgba(244,203,111,.52))}
.hc-r6-2 .hc-world{filter:none;transition:opacity .18s ease}
.hc-r6-2 .hc-world .aura{fill:rgba(112,156,220,.022)!important;stroke:rgba(155,201,244,.10)!important;stroke-width:.7;stroke-dasharray:1.2 5.2}
.hc-r6-2 .hc-world .core{stroke:rgba(219,239,255,.62)!important;stroke-width:.85;filter:url(#softGlow)!important}
.hc-r6-2 .hc-world .liquid-rim{fill:none!important;stroke:rgba(224,238,255,.22)!important;stroke-width:.7;stroke-dasharray:1.1 3.6}
.hc-r6-2 .hc-world .specular{opacity:.16!important}.hc-r6-2 .hc-world .secondary-specular{opacity:.08!important}
.hc-r6-2 .hc-world .star-orbit{fill:none;stroke:rgba(178,211,255,.16);stroke-width:.65;stroke-dasharray:1 4;pointer-events:none}
.hc-r6-2 .hc-world .star-rays{fill:none;stroke:rgba(214,235,255,.24);stroke-width:.52;stroke-linecap:round;opacity:.38;pointer-events:none;filter:url(#softGlow)}
.hc-r6-2 .hc-world .star-particle{fill:#f3fbff;opacity:.52;pointer-events:none;filter:url(#softGlow)}
.hc-r6-2 .hc-world.relation-near .star-rays,.hc-r6-2 .hc-world.relation-near .star-orbit{stroke:rgba(255,221,135,.34)}
.hc-r6-2 .hc-world.relation-near .star-particle{fill:#ffe7a6}.hc-r6-2 .hc-world.relation-color .star-particle{fill:#d7b4ff}.hc-r6-2 .hc-world.relation-remote .star-particle{fill:#9fc8f2}
.hc-r6-2 .hc-world.relation-near{filter:drop-shadow(0 0 8px rgba(238,204,116,.18))}.hc-r6-2 .hc-world.relation-color{filter:drop-shadow(0 0 7px rgba(151,116,229,.13))}.hc-r6-2 .hc-world.relation-remote{opacity:.36!important;filter:drop-shadow(0 0 5px rgba(95,136,184,.07))}
.hc-r6-2 .hc-world .world-glyph{opacity:.62}.hc-r6-2 .hc-world.relation-remote .world-glyph{opacity:.28}
.hc-r6-2 .hc-world .name{font-size:11.5px!important;fill:#dce8ef!important;opacity:.58!important;text-shadow:0 1px 7px #000}.hc-r6-2 .hc-world.relation-remote .name{opacity:.20!important}
.hc-r6-2 .hc-world:hover .name,.hc-r6-2 .hc-world:focus .name,.hc-r6-2 .hc-world.weave-target .name{opacity:.96!important}
.hc-r6-2 .hc-world.weave-target .star-rays{stroke:#ffe29a;opacity:.75}.hc-r6-2 .hc-world.weave-target .star-orbit{stroke:rgba(255,226,154,.55)}
.hc-r6-2 .hc-attachment-thread{fill:none;stroke:rgba(135,199,232,.34);stroke-linecap:round;stroke-dasharray:1.2 5.6}.hc-r6-2 .hc-attachment-thread.glow{stroke:rgba(104,171,222,.18);stroke-dasharray:none;filter:url(#softGlow)}.hc-r6-2 .hc-attachment-thread.weave{stroke:rgba(247,207,109,.62)}
.hc-r6-2 .hc-source-mark .source-corona{fill:rgba(227,197,118,.018);stroke:rgba(241,217,150,.18);stroke-dasharray:1.2 7}
.hc-r6-2 .hc-source-mark .source-orbit{stroke:rgba(215,234,246,.20);stroke-dasharray:1 5}.hc-r6-2 .hc-source-mark .source-aura{fill:rgba(174,221,245,.025);stroke:rgba(238,211,139,.19)}
.hc-r6-2 .hc-source-mark .source-orb{filter:url(#liquidGlow) drop-shadow(0 0 14px rgba(232,204,126,.20))}

@media(max-width:1250px){
  .hc-r6-2 .hc-r6-discovery-body,.hc-r6-2 .hc-r6-discovery-body:has(#weaveWorldWrap:not([hidden])){grid-template-columns:1fr}
  .hc-r6-2 .hc-r6-route-builder:has(#weaveWorldWrap:not([hidden])){grid-template-columns:minmax(110px,.5fr) minmax(190px,1fr) minmax(175px,.9fr) minmax(190px,1fr)}
  .hc-r6-2 .hc-r6-motion-console{grid-template-columns:minmax(210px,1.2fr) repeat(2,minmax(120px,.75fr)) minmax(150px,.9fr) minmax(170px,1fr)}
}
@media(max-width:900px){
  .hc-r6-2 .hc-r6-route-builder:has(#weaveWorldWrap:not([hidden])){grid-template-columns:1fr 1fr}
  .hc-r6-2 .hc-r6-link-column{grid-column:1}.hc-r6-2 .hc-r6-world-column.partner{grid-column:2}
  .hc-r6-2 .hc-r6-cascade-controls{grid-template-columns:1fr 44px 1fr}
  .hc-r6-2 .hc-r6-motion-console{grid-template-columns:1fr 1fr 1fr}.hc-r6-2 .hc-direction{grid-column:1/-1}.hc-r6-2 .hc-r6-master-play{grid-column:auto}
}
@media(max-width:800px){
  .hc-r6-2 .hc-r6-route-builder,.hc-r6-2 .hc-r6-route-builder:has(#weaveWorldWrap:not([hidden])){grid-template-columns:1fr}
  .hc-r6-2 .hc-r6-link-column,.hc-r6-2 .hc-r6-world-column.partner{grid-column:auto}
  .hc-r6-2 .hc-r6-link-column>span{justify-content:flex-start}
  .hc-r6-2 .hc-r6-mode-row{grid-template-columns:1fr}.hc-r6-2 .hc-r6-cascade-controls{grid-template-columns:1fr}.hc-r6-2 .hc-r6-cascade-link{height:auto;padding:2px 0}.hc-r6-2 .hc-r6-motion-console{grid-template-columns:1fr 1fr}.hc-r6-2 .hc-direction{grid-column:1/-1}.hc-r6-2 .hc-live-morph,.hc-r6-2 .hc-r6-master-play{min-height:64px}
}
@media(max-width:480px){
  .hc-r6-2 .hc-r6-motion-console{grid-template-columns:1fr}.hc-r6-2 .hc-direction{grid-column:auto}.hc-r6-2 .hc-r6-cascade-controls:not(:has(#architectureBWrap:not([hidden]))){grid-template-columns:1fr}.hc-r6-2 .hc-field-toolbar{gap:8px}.hc-r6-2 .hc-field-tools{flex-wrap:wrap;justify-content:flex-end}
}

/* R6.2 hardening: hidden state must win over component display rules. */
.hc-r6-2 [hidden]{display:none!important}

@media(max-width:480px){
  /* Reserve real vertical space for the mobile field toolbar before discovery begins. */
  .hc-r6-2 .hc-discovery-engine{margin-top:174px}
  .hc-r6-2 .hc-field-toolbar{align-items:flex-start}
  .hc-r6-2 .hc-field-toolbar>div:first-child{min-width:0;max-width:42%}
  .hc-r6-2 .hc-field-toolbar strong{max-width:none;overflow-wrap:anywhere}
  .hc-r6-2 .hc-field-tools{max-width:56%}
}


/* R6.2.1 — OWNER-DIRECTED TRACE / SUMMARY / TRANSPORT DEFECT CORRECTION
   Bounded repair only: prevent TRACE console collision, elevate the harmonic
   summary, and keep transport actions together beneath transport state. */
.hc-r6-2-1 .hc-discovery-lens{
  margin:12px 0 0;
  border-radius:12px;
  overflow:hidden;
  border-color:rgba(215,231,233,.16);
  background:rgba(215,231,233,.10);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.hc-r6-2-1 .hc-discovery-lens>div{padding:10px 12px;min-height:54px}
.hc-r6-2-1 .hc-discovery-lens span{font-size:8px;color:#7e9297;letter-spacing:.14em}
.hc-r6-2-1 .hc-discovery-lens strong{margin-top:5px;font-size:11.5px;line-height:1.35;color:#d2dfe1}
.hc-r6-2-1 .hc-discovery-body{padding-top:12px}

/* TRACE lives in the narrower two-column discovery state. Give it a two-row
   motion console instead of forcing five minimum-width controls through the
   field/Inspector seam. WEAVE keeps the wide five-column console. */
.hc-r6-2-1 .hc-r6-discovery-body:not(:has(#weaveWorldWrap:not([hidden]))) .hc-r6-mode-row{
  grid-template-columns:minmax(0,1fr) minmax(145px,170px);
  gap:8px;
}
.hc-r6-2-1 .hc-r6-discovery-body:not(:has(#weaveWorldWrap:not([hidden]))) .hc-r6-motion-console{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
}
.hc-r6-2-1 .hc-r6-discovery-body:not(:has(#weaveWorldWrap:not([hidden]))) .hc-direction{grid-column:1/3}
.hc-r6-2-1 .hc-r6-discovery-body:not(:has(#weaveWorldWrap:not([hidden]))) .hc-live-morph{grid-column:1/3}
.hc-r6-2-1 .hc-r6-discovery-body:not(:has(#weaveWorldWrap:not([hidden]))) .hc-r6-master-play{grid-column:3/5}

/* State first, actions second. Loop / Play Along / Save MIDI stay together. */
.hc-r6-2-1 .hc-transport{
  grid-template-columns:1fr!important;
  gap:7px;
  width:min(calc(100% - 36px),1120px);
  padding:8px 10px 9px;
}
.hc-r6-2-1 .hc-transport-state{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.hc-r6-2-1 .hc-transport-state span{
  min-width:0;
  padding:6px 8px;
  border:1px solid rgba(207,226,228,.08);
  border-radius:8px;
  background:rgba(2,5,6,.34);
  font-size:7.5px;
}
.hc-r6-2-1 .hc-transport-state strong{font-size:9.5px;line-height:1.25}
.hc-r6-2-1 .hc-transport-controls{
  justify-content:flex-start!important;
  gap:6px;
  padding-top:1px;
  overflow-x:auto;
  white-space:nowrap;
}
.hc-r6-2-1 .hc-transport-controls #transportLoop{order:1}
.hc-r6-2-1 .hc-transport-controls #openPlayBtn{order:2}
.hc-r6-2-1 .hc-transport-controls #saveMidiBtn{order:3;margin-right:8px}
.hc-r6-2-1 .hc-transport-controls .hc-ab{order:4}
.hc-r6-2-1 .hc-transport-controls .hc-compare{order:5}
.hc-r6-2-1 .hc-transport-controls #transportPlay{order:0}
.hc-r6-2-1 .hc-transport-controls #transportLoop,
.hc-r6-2-1 .hc-transport-controls #openPlayBtn,
.hc-r6-2-1 .hc-transport-controls #saveMidiBtn{min-height:34px;padding-inline:12px}

@media(max-width:800px){
  .hc-r6-2-1 .hc-discovery-lens{grid-template-columns:1fr 1fr}
  .hc-r6-2-1 .hc-r6-discovery-body:not(:has(#weaveWorldWrap:not([hidden]))) .hc-r6-mode-row{grid-template-columns:1fr}
  .hc-r6-2-1 .hc-r6-discovery-body:not(:has(#weaveWorldWrap:not([hidden]))) .hc-r6-motion-console{grid-template-columns:1fr 1fr}
  .hc-r6-2-1 .hc-r6-discovery-body:not(:has(#weaveWorldWrap:not([hidden]))) .hc-direction,
  .hc-r6-2-1 .hc-r6-discovery-body:not(:has(#weaveWorldWrap:not([hidden]))) .hc-live-morph,
  .hc-r6-2-1 .hc-r6-discovery-body:not(:has(#weaveWorldWrap:not([hidden]))) .hc-r6-master-play{grid-column:auto}
  .hc-r6-2-1 .hc-transport{width:min(calc(100% - 20px),760px)}
}
@media(max-width:480px){
  .hc-r6-2-1 .hc-discovery-lens{grid-template-columns:1fr 1fr}
  .hc-r6-2-1 .hc-discovery-lens>div{min-height:50px;padding:9px 10px}
  .hc-r6-2-1 .hc-discovery-lens strong{font-size:10.5px}
  .hc-r6-2-1 .hc-transport{left:6px;right:6px;width:auto;transform:none}
  .hc-r6-2-1 .hc-transport-state{grid-template-columns:1fr 1fr}
}

/* Laptop-width containment: viewport breakpoints must reflect the actual field
   width after the Inspector column is reserved. */
@media (max-width:1400px) and (min-width:1041px){
  .hc-r6-2-1 .hc-r6-discovery-body,
  .hc-r6-2-1 .hc-r6-discovery-body:has(#weaveWorldWrap:not([hidden])){grid-template-columns:1fr}
  .hc-r6-2-1 .hc-r6-route-builder:has(#weaveWorldWrap:not([hidden])){grid-template-columns:1fr 1fr}
  .hc-r6-2-1 .hc-r6-discovery-body:has(#weaveWorldWrap:not([hidden])) .hc-r6-motion-console{grid-template-columns:1.2fr 1fr 1fr}
  .hc-r6-2-1 .hc-r6-discovery-body:has(#weaveWorldWrap:not([hidden])) .hc-live-morph{grid-column:1/3}
  .hc-r6-2-1 .hc-r6-discovery-body:has(#weaveWorldWrap:not([hidden])) .hc-r6-master-play{grid-column:3}
}


/* R6.3 — STELLAR CONSTELLATION ATLAS
   Stars are entities; constellations/filaments express pitch membership and relationships.
   Removes the remaining polished-metal / planetary-ball visual metaphor. */
.hc-r6-3 .hc-field{
  background:
    radial-gradient(circle at 50% 50%,rgba(19,39,66,.22),transparent 25%),
    radial-gradient(circle at 29% 31%,rgba(84,49,118,.10),transparent 25%),
    radial-gradient(circle at 73% 70%,rgba(21,78,111,.09),transparent 26%),
    linear-gradient(180deg,#010204,#000102);
}
.hc-r6-3 .hc-grid-ring{stroke:rgba(126,173,204,.06);stroke-dasharray:1 11}
.hc-r6-3 .hc-grid-axis{stroke:rgba(109,155,188,.026)}

/* Harmonic worlds are compact stars, not spheres. */
.hc-r6-3 .hc-world{filter:none!important}
.hc-r6-3 .hc-world .stellar-halo{pointer-events:none;fill:none;stroke-width:.8}
.hc-r6-3 .hc-world .halo-outer{stroke:rgba(132,190,230,.10);filter:drop-shadow(0 0 8px rgba(100,174,224,.14));animation:hcStellarBreath 4.8s ease-in-out infinite}
.hc-r6-3 .hc-world .halo-inner{stroke:rgba(192,225,244,.18);filter:drop-shadow(0 0 5px rgba(157,210,242,.18))}
.hc-r6-3 .hc-world .core{stroke:none!important;filter:drop-shadow(0 0 4px rgba(223,244,255,.76)) drop-shadow(0 0 10px rgba(112,188,234,.38))!important}
.hc-r6-3 .hc-world .star-heart{fill:#fff;pointer-events:none;filter:drop-shadow(0 0 4px #fff) drop-shadow(0 0 8px rgba(170,224,255,.82))}
.hc-r6-3 .hc-world .star-orbit{stroke:rgba(151,199,230,.16);stroke-dasharray:1 5.5}
.hc-r6-3 .hc-world .star-rays{stroke:rgba(209,236,252,.34);stroke-width:.58;opacity:.45;filter:drop-shadow(0 0 3px rgba(190,229,252,.34))}
.hc-r6-3 .hc-world .star-particle{opacity:.46}
.hc-r6-3 .hc-world .selection-ring{stroke-dasharray:1 5;stroke-width:1;opacity:.12}
.hc-r6-3 .hc-world.relation-near .halo-inner,.hc-r6-3 .hc-world.relation-near .star-orbit{stroke:rgba(255,222,139,.34)}
.hc-r6-3 .hc-world.relation-near .star-heart{fill:#fff8df;filter:drop-shadow(0 0 5px #fff2bf) drop-shadow(0 0 11px rgba(241,196,87,.62))}
.hc-r6-3 .hc-world.relation-color .halo-inner{stroke:rgba(190,158,255,.27)}
.hc-r6-3 .hc-world.relation-remote .halo-outer{stroke:rgba(104,147,194,.055)}
.hc-r6-3 .hc-world.weave-target .halo-outer,.hc-r6-3 .hc-world.weave-target .halo-inner{stroke:rgba(255,224,145,.60);filter:drop-shadow(0 0 12px rgba(244,202,101,.34))}
.hc-r6-3 .hc-world.weave-target .selection-ring{stroke:#ffe19a!important;opacity:.78!important}

/* Pitch membership appears as a miniature constellation around each world-star. */
.hc-r6-3 .world-constellation .mini-line,.hc-r6-3 .source-constellation .mini-line{stroke:rgba(165,211,238,.34);stroke-width:.62;pointer-events:none}
.hc-r6-3 .world-constellation .mini-star-halo,.hc-r6-3 .source-constellation .mini-star-halo{fill:rgba(122,193,235,.12);filter:drop-shadow(0 0 3px rgba(122,193,235,.30));pointer-events:none}
.hc-r6-3 .world-constellation .mini-star-core,.hc-r6-3 .source-constellation .mini-star-core{fill:#dff4ff;pointer-events:none;filter:drop-shadow(0 0 2px rgba(216,245,255,.75))}
.hc-r6-3 .world-constellation .mini-star-core.root,.hc-r6-3 .source-constellation .mini-star-core.root{fill:#ffe3a0;filter:drop-shadow(0 0 3px rgba(255,213,108,.80))}
.hc-r6-3 .hc-world.relation-near .world-constellation .mini-line{stroke:rgba(247,213,128,.38)}
.hc-r6-3 .hc-world.relation-color .world-constellation .mini-line{stroke:rgba(184,157,245,.34)}
.hc-r6-3 .hc-world.relation-remote .world-constellation{opacity:.24!important}

/* Home is a primary star: luminous source, no metallic body. */
.hc-r6-3 .hc-source-mark .source-corona{fill:none;stroke:rgba(245,211,128,.12);stroke-dasharray:1 8;filter:drop-shadow(0 0 8px rgba(238,196,92,.12))}
.hc-r6-3 .hc-source-mark .source-orbit{fill:none;stroke:rgba(176,215,239,.18);stroke-dasharray:1 6}
.hc-r6-3 .hc-source-mark .source-star-halo{fill:none;pointer-events:none;animation:hcStellarBreath 5.6s ease-in-out infinite}
.hc-r6-3 .hc-source-mark .source-star-halo.outer{stroke:rgba(242,207,121,.22);stroke-width:1;filter:drop-shadow(0 0 16px rgba(238,198,99,.20))}
.hc-r6-3 .hc-source-mark .source-star-halo.inner{stroke:rgba(255,231,170,.34);stroke-width:.9;filter:drop-shadow(0 0 9px rgba(248,211,117,.26))}
.hc-r6-3 .hc-source-mark .source-star-rays{fill:none;stroke:rgba(255,229,155,.42);stroke-width:.7;stroke-linecap:round;filter:drop-shadow(0 0 6px rgba(244,204,102,.34));opacity:.72}
.hc-r6-3 .hc-source-mark .source-star-core{fill:url(#stellarGold);stroke:none;filter:drop-shadow(0 0 7px rgba(255,236,181,.78)) drop-shadow(0 0 22px rgba(232,184,70,.38))}
.hc-r6-3 .hc-source-mark .source-star-heart{fill:#fffdf1;filter:drop-shadow(0 0 6px #fff) drop-shadow(0 0 14px rgba(255,219,132,.75))}
.hc-r6-3 .hc-source-mark text{fill:#f0dfad;text-shadow:0 0 8px rgba(0,0,0,.9)}

/* Relationship filaments are the constellational grammar. */
.hc-r6-3 .hc-attachment-thread{stroke-dasharray:1 6.5;stroke-width:.8;filter:drop-shadow(0 0 3px rgba(126,193,232,.18))}
.hc-r6-3 .hc-attachment-thread.relation-near{stroke:rgba(244,204,104,.50)}
.hc-r6-3 .hc-attachment-thread.relation-color{stroke:rgba(169,133,235,.42)}
.hc-r6-3 .hc-attachment-thread.relation-remote{stroke:rgba(101,150,195,.22)}
.hc-r6-3 .hc-attachment-thread.glow.relation-near{stroke:rgba(244,204,104,.18)}
.hc-r6-3 .hc-attachment-thread.glow.relation-color{stroke:rgba(169,133,235,.14)}
.hc-r6-3 .hc-attachment-thread.glow.relation-remote{stroke:rgba(89,137,181,.08)}
.hc-r6-3 .hc-attachment-thread.weave{stroke:rgba(255,220,131,.78);stroke-dasharray:none;filter:drop-shadow(0 0 5px rgba(245,199,87,.36))}

/* Inspector: miniature star chart rather than a polished orb. */
.hc-r6-3 .hc-world-glyph{
  background:
    radial-gradient(circle at 50% 50%,rgba(40,70,96,.10),transparent 34%),
    radial-gradient(circle at 52% 48%,rgba(95,63,128,.055),transparent 52%),
    linear-gradient(180deg,#020608,#010203);
  border-color:rgba(154,196,221,.14);
  box-shadow:inset 0 0 38px rgba(80,137,172,.04),0 10px 28px rgba(0,0,0,.20);
}
.hc-r6-3 .hc-world-glyph svg{filter:drop-shadow(0 0 4px rgba(147,203,235,.10))}

@keyframes hcStellarBreath{0%,100%{opacity:.58;transform:scale(1)}50%{opacity:.92;transform:scale(1.035)}}
@media(prefers-reduced-motion:reduce){.hc-r6-3 .hc-world .halo-outer,.hc-r6-3 .hc-source-mark .source-star-halo{animation:none}}


/* R6.3.1 — Owner-directed behavior clarity / inspector action relocation
   - WEAVE remains the primary two-world mode (gold).
   - CASCADE is a distinct layer (cyan) so dual-active state reads clearly.
   - Mirror session actions are elevated into the Inspector to avoid forcing
     a travel to the lower transport for common actions. */
.hc-r6-3 .hc-r6-primary-modes button[aria-pressed=true]{
  border-color:rgba(239,211,137,.78);
  color:#fff5d4;
  box-shadow:inset 0 0 0 1px rgba(239,213,139,.17),0 0 22px rgba(232,197,105,.14);
}
.hc-r6-3 .hc-cascade-layer[aria-pressed=true]{
  border-color:rgba(169,233,240,.76);
  color:#ebfeff;
  background:radial-gradient(circle at 50% 115%,rgba(106,214,223,.16),transparent 62%),linear-gradient(180deg,#0e1719,#030607);
  box-shadow:inset 0 0 0 1px rgba(169,233,240,.14),0 0 18px rgba(95,207,219,.12);
}
.hc-r6-3 .hc-cascade-layer[aria-pressed=true] small{color:#aeeef3}
.hc-r6-3 .hc-session-dock{
  margin:16px 0 10px;
  padding:12px;
  border:1px solid rgba(154,196,221,.14);
  border-radius:16px;
  background:linear-gradient(180deg,rgba(8,14,17,.88),rgba(2,5,6,.94));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 12px 30px rgba(0,0,0,.16);
}
.hc-r6-3 .hc-session-head{display:grid;gap:4px;margin-bottom:10px}
.hc-r6-3 .hc-session-head strong{font-size:13px;color:#e0ecee}
.hc-r6-3 .hc-session-state{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:10px}
.hc-r6-3 .hc-session-state span{min-width:0;padding:8px 9px;border:1px solid rgba(207,226,228,.08);border-radius:10px;background:rgba(2,5,6,.34);color:#667c82;font:700 7.5px var(--mono);letter-spacing:.09em}
.hc-r6-3 .hc-session-state strong{display:block;margin-top:3px;color:#c1d0d2;font-size:9px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hc-r6-3 .hc-session-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.hc-r6-3 .hc-session-actions button,.hc-r6-3 .hc-session-compare .hc-ab button{min-height:36px;border:1px solid rgba(204,226,228,.13);border-radius:10px;background:linear-gradient(180deg,rgba(16,22,24,.88),rgba(3,6,7,.96));text-align:center}
.hc-r6-3 .hc-session-actions button[aria-pressed=true],.hc-r6-3 .hc-session-compare .hc-ab button[aria-pressed=true]{border-color:rgba(239,211,139,.72);color:#fff2c7;box-shadow:inset 0 0 12px rgba(239,211,139,.08),0 0 12px rgba(239,211,139,.08)}
.hc-r6-3 .hc-session-compare{display:grid;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid rgba(154,196,221,.12)}
.hc-r6-3 .hc-session-compare .hc-ab{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.hc-r6-3 .hc-session-compare .hc-compare{display:grid;gap:6px;color:#7f969b;font:700 7.5px var(--mono);letter-spacing:.09em}
.hc-r6-3 .hc-session-compare .hc-compare input{width:100%;accent-color:#e4c778}
@media(max-width:1250px){
  .hc-r6-3 .hc-session-state,.hc-r6-3 .hc-session-actions{grid-template-columns:1fr 1fr}
  .hc-r6-3 .hc-session-actions button:last-child{grid-column:1/-1}
}


/* R6.3.1 — OWNER CORRECTION: REMOVE DUPLICATED LOWER TRANSPORT
   Common session actions have been elevated into the Inspector. Keep the
   legacy transport DOM as a compatibility/state mirror, but do not show a
   second command rail at the bottom of the instrument. */
.hc-r6-3-1 .hc-transport{display:none!important}
.hc-r6-3-1 .hc-method-note{margin-top:0}


/* R6.3.2 — Map Studies entrance: studies support the instrument, not replace it. */
.hc-r6-3 .hc-map-studies{position:relative}
.hc-r6-3 .hc-study-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:14px}
.hc-r6-3 .hc-study{min-height:52px;text-align:left;border:1px solid rgba(154,196,221,.14);background:rgba(4,8,10,.8);color:#cddbdd;padding:10px;border-radius:10px;cursor:pointer}
.hc-r6-3 .hc-study strong{display:block;font:700 10px var(--mono);letter-spacing:.12em}
.hc-r6-3 .hc-study small{display:block;margin-top:5px;color:#81979d;font-size:9px}
.hc-r6-3 .hc-study.active{border-color:rgba(239,211,139,.65);box-shadow:inset 0 0 18px rgba(239,211,139,.08)}
.hc-r6-3 .hc-study-load{position:absolute;right:0;top:42px;border:1px solid rgba(239,211,139,.4);background:transparent;color:#e8d394;padding:8px 12px}
.hc-r6-3 .hc-case-study-detail{margin-top:12px;color:#9fb2b6;font-size:12px}
@media(max-width:900px){.hc-r6-3 .hc-study-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ========================================================================== */
/* R6.4 — MAP STUDIES / MARTINO GEOMETRY / VOICING OBSERVATORY                */
/* ========================================================================== */
.hc-r6-4 .hc-app{width:min(100% - 28px,1900px)}

/* Studies are a compact launcher, not the protagonist. */
.hc-r6-4 .hc-map-studies{padding:14px 16px 13px;border-radius:14px;background:linear-gradient(180deg,rgba(10,13,13,.72),rgba(3,6,7,.90));box-shadow:0 18px 44px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.025)}
.hc-r6-4 .hc-map-studies-head{display:flex;justify-content:space-between;gap:24px;align-items:end}
.hc-r6-4 .hc-map-studies-head h2{margin:.25rem 0 0;font-size:1.32rem;color:#edf2f2;font-weight:500}
.hc-r6-4 .hc-map-studies-head>p{max-width:560px;margin:0;color:#7f9296;font-size:11.5px;line-height:1.5;text-align:right}
.hc-r6-4 .hc-study-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;margin-top:11px}
.hc-r6-4 .hc-study{position:relative;min-height:64px;padding:9px 10px 10px;border-radius:10px;background:linear-gradient(180deg,#080c0e,#030506);overflow:hidden}
.hc-r6-4 .hc-study>span{display:block;color:#596d73;font:700 7px var(--mono);letter-spacing:.16em}
.hc-r6-4 .hc-study strong{margin-top:4px;font-size:9.5px;color:#d7e1e2}
.hc-r6-4 .hc-study small{font-size:8.5px;line-height:1.3}
.hc-r6-4 .hc-study.active:after{content:"";position:absolute;left:10px;right:10px;bottom:0;height:1px;background:linear-gradient(90deg,transparent,#e4c778,transparent);box-shadow:0 0 8px rgba(228,199,120,.3)}
.hc-r6-4 .hc-study-brief{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;margin-top:8px;padding:10px 12px;border:1px solid rgba(154,196,221,.10);border-radius:11px;background:rgba(2,5,6,.52)}
.hc-r6-4 .hc-study-brief-copy{min-width:0}.hc-r6-4 .hc-study-brief-copy>strong{display:block;margin-top:3px;color:#dce7e8;font-size:12px}.hc-r6-4 .hc-study-brief-copy>p{margin:4px 0 0;color:#8fa3a7;font-size:10.5px;line-height:1.5}.hc-r6-4 .hc-study-brief-copy>small{display:block;margin-top:5px;color:#716a5b;font:700 7.5px var(--mono);letter-spacing:.08em}
.hc-r6-4 .hc-study-load{position:static;min-width:150px;border-radius:9px;background:linear-gradient(180deg,#15140d,#050606);font:700 9px var(--mono);letter-spacing:.11em;cursor:pointer}
.hc-r6-4 .hc-study-stage-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:8px}.hc-r6-4 .hc-study-stage-rail[hidden]{display:none!important}.hc-r6-4 .hc-study-stage-rail button{appearance:none;min-height:42px;text-align:left;border:1px solid rgba(154,196,221,.10);border-radius:9px;background:#030607;color:#9aadb0;padding:7px 9px;cursor:pointer}.hc-r6-4 .hc-study-stage-rail span{display:inline-block;margin-right:7px;color:#687d82;font:700 7px var(--mono)}.hc-r6-4 .hc-study-stage-rail strong{font-size:9px;color:#cbd8da}.hc-r6-4 .hc-study-stage-rail small{display:block;margin:3px 0 0 22px;color:#6f8388;font-size:8px}.hc-r6-4 .hc-study-stage-rail button[aria-pressed=true]{border-color:rgba(228,199,120,.50);background:rgba(228,199,120,.035)}
.hc-r6-4 .hc-study-status{margin-top:7px;color:#758b90;font:700 8px var(--mono);letter-spacing:.10em}

/* Instrument gains a genuine ultrawide left observatory. */
.hc-r6-4 .hc-instrument{grid-template-areas:"field inspector" "voicing voicing" "transit transit" "play play" "debug debug"}
.hc-r6-4 .hc-voicing-observatory{grid-area:voicing;min-width:0;padding:14px;border:1px solid rgba(218,234,235,.16);border-radius:24px;background:radial-gradient(circle at 50% 0,rgba(228,199,120,.045),transparent 20rem),linear-gradient(180deg,#081013,#020405);box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 14px 34px rgba(0,0,0,.22)}
.hc-r6-4 .hc-voicing-observatory .hc-panel-head span:last-child{color:#d7bd7b;font-size:7px;letter-spacing:.12em}
.hc-r6-4 .hc-voicing-world{padding:13px 3px 11px}.hc-r6-4 .hc-voicing-world h2{margin:.3rem 0 .5rem;color:#f0f3f0;font-size:1.55rem;line-height:1.06}.hc-r6-4 .hc-voicing-world p{margin:0;color:#879a9e;font-size:10.5px;line-height:1.55}
.hc-r6-4 .hc-voicing-notes{display:grid;grid-template-columns:1fr 1fr;gap:6px}.hc-r6-4 .hc-voicing-notes span{padding:9px;border:1px solid rgba(159,203,225,.11);border-radius:10px;background:#030708}.hc-r6-4 .hc-voicing-notes b{display:block;color:#e9e4d3;font:500 15px var(--serif)}.hc-r6-4 .hc-voicing-notes small{display:block;margin-top:3px;color:#667d83;font:700 7px var(--mono);letter-spacing:.11em}
.hc-r6-4 .hc-voicing-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:7px}.hc-r6-4 .hc-voicing-metrics span{padding:7px 6px;border:1px solid rgba(154,196,221,.08);border-radius:8px;color:#667c82;font:700 7px var(--mono);letter-spacing:.08em}.hc-r6-4 .hc-voicing-metrics strong{display:block;margin-top:3px;color:#b9c8cb;font-size:8.5px}
.hc-r6-4 .hc-fretboard-map{display:grid;gap:3px;margin-top:10px}.hc-r6-4 .hc-fretboard-map>div{display:grid;grid-template-columns:42px 1fr 94px;gap:6px;align-items:center;min-height:25px;color:#71868b;font:700 7px var(--mono)}.hc-r6-4 .hc-fretboard-map i{height:1px;background:rgba(174,209,224,.13);position:relative}.hc-r6-4 .hc-fretboard-map .played i:after{content:"";position:absolute;right:22%;top:50%;width:7px;height:7px;border-radius:50%;transform:translate(50%,-50%);background:#f3d984;box-shadow:0 0 9px rgba(243,217,132,.36)}.hc-r6-4 .hc-fretboard-map .played strong{color:#d7e3e4}.hc-r6-4 .hc-fretboard-map .muted{opacity:.44}
.hc-r6-4 .hc-voicing-actions{display:grid;grid-template-columns:1fr;gap:5px;margin-top:10px}.hc-r6-4 .hc-voicing-actions button{appearance:none;min-height:35px;border:1px solid rgba(204,226,228,.13);border-radius:9px;background:linear-gradient(180deg,#0d1416,#020405);color:#9eb1b5;font:700 8px var(--mono);letter-spacing:.10em;cursor:pointer}.hc-r6-4 .hc-voicing-actions button:first-child{border-color:rgba(228,199,120,.36);color:#e7d39a}
.hc-r6-4 .hc-hexagram-card{margin-top:12px;padding:11px;border:1px solid rgba(228,199,120,.15);border-radius:13px;background:radial-gradient(circle at 12% 0,rgba(228,199,120,.07),transparent 11rem),#030506}.hc-r6-4 .hc-hexagram-readout{display:grid;grid-template-columns:48px 1fr;gap:10px;align-items:center;margin-top:8px}.hc-r6-4 #hexagramGlyph{font-size:42px;line-height:1;color:#e6d199}.hc-r6-4 .hc-hexagram-readout strong{display:block;color:#dbe5e5;font-size:11px}.hc-r6-4 .hc-hexagram-readout small{display:block;margin-top:4px;color:#71868a;font:700 7px var(--mono);line-height:1.5}.hc-r6-4 .hc-hexagram-pairs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:8px}.hc-r6-4 .hc-hexagram-pairs span{padding:5px;border:1px solid rgba(154,196,221,.07);border-radius:7px;color:#61777d;font:700 6.5px var(--mono)}.hc-r6-4 .hc-hexagram-pairs b,.hc-r6-4 .hc-hexagram-pairs small{display:block;margin-top:2px}.hc-r6-4 .hc-hexagram-pairs b{color:#aabcc0}.hc-r6-4 .hc-hexagram-pairs small{color:#d0ba79}.hc-r6-4 .hc-hexagram-card p{margin:9px 0 6px;color:#7d9094;font-size:9.5px;line-height:1.5}.hc-r6-4 .hc-hexagram-card>small,.hc-r6-4 .hc-observatory-boundary{color:#716959;font:700 6.8px var(--mono);letter-spacing:.07em;line-height:1.5}.hc-r6-4 .hc-observatory-boundary{margin-top:10px;padding-top:9px;border-top:1px solid rgba(154,196,221,.08)}

@media(min-width:1500px){
  .hc-r6-4 .hc-instrument{grid-template-columns:286px minmax(0,1fr) 326px;grid-template-areas:"voicing field inspector" "voicing transit transit" "voicing play play" "voicing debug debug";align-items:start}
  .hc-r6-4 .hc-voicing-observatory{position:sticky;top:12px;align-self:start;max-height:calc(100vh - 24px);overflow:auto}
  .hc-r6-4 .hc-field-shell{min-height:1030px}
}
@media(max-width:1499px) and (min-width:1041px){
  .hc-r6-4 .hc-instrument{grid-template-columns:minmax(0,1fr) 300px;grid-template-areas:"field inspector" "voicing voicing" "transit transit" "play play" "debug debug"}
  .hc-r6-4 .hc-voicing-observatory{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:12px}.hc-r6-4 .hc-voicing-observatory>.hc-panel-head{grid-column:1/-1}.hc-r6-4 .hc-voicing-world{grid-column:1}.hc-r6-4 .hc-voicing-notes,.hc-r6-4 .hc-voicing-metrics,.hc-r6-4 .hc-fretboard-map,.hc-r6-4 .hc-voicing-actions{grid-column:2}.hc-r6-4 .hc-hexagram-card,.hc-r6-4 .hc-observatory-boundary{grid-column:3}.hc-r6-4 .hc-observatory-boundary{align-self:end}
}

/* Martino geometry is a second analytical layer on the stellar glyph. */
.hc-r6-4 .hc-martino-geometry{margin:9px 0 8px;padding:9px;border:1px solid rgba(154,196,221,.10);border-radius:12px;background:rgba(2,5,6,.42)}
.hc-r6-4 .hc-geometry-control{display:flex;align-items:center;justify-content:space-between;gap:8px}.hc-r6-4 .hc-geometry-control button{appearance:none;border:1px solid rgba(228,199,120,.32);border-radius:8px;background:#050707;color:#d8c27f;padding:7px 8px;font:700 7.5px var(--mono);letter-spacing:.10em;cursor:pointer}.hc-r6-4 .hc-geometry-control button[aria-pressed=false]{color:#768b90;border-color:rgba(154,196,221,.12)}.hc-r6-4 .hc-geometry-control span{color:#71868b;font:700 7px var(--mono);letter-spacing:.08em;text-align:right}
.hc-r6-4 .hc-geometry-key{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:8px}.hc-r6-4 .hc-geometry-key>span{display:grid;grid-template-columns:20px 1fr;grid-template-rows:auto auto;column-gap:6px;align-items:center;padding:5px;border:1px solid rgba(154,196,221,.06);border-radius:7px}.hc-r6-4 .hc-geometry-key i{grid-row:1/3;width:17px;height:17px;display:grid;place-items:center;color:#c9dce0;font-style:normal;font-size:18px;line-height:1}.hc-r6-4 .hc-geometry-key b{font:700 7px var(--mono);letter-spacing:.08em;color:#9fb1b5}.hc-r6-4 .hc-geometry-key small{font-size:6.5px;color:#667a7f;line-height:1.2}.hc-r6-4 .geo-triangle{clip-path:polygon(50% 4%,96% 92%,4% 92%);border:1px solid #e3c777;background:rgba(228,199,120,.06)}.hc-r6-4 .geo-square{transform:rotate(45deg);border:1px solid #a9e9f0;background:rgba(169,233,240,.04)}
.hc-r6-4 #martinoGeometryBoundary{margin:7px 0 0;color:#6c7f84;font-size:8px;line-height:1.45}
.hc-r6-4 .hc-world-glyph .hc-martino-shape{fill:none;stroke-width:1.55;stroke-linejoin:round;filter:url(#hgGlyphGlow)}.hc-r6-4 .hc-world-glyph .martino-triangle{stroke:#f0cf75;fill:rgba(240,207,117,.025)}.hc-r6-4 .hc-world-glyph .martino-square{stroke:#a9e9f0;fill:rgba(169,233,240,.018)}.hc-r6-4 .hc-world-glyph .martino-line{stroke:#caa1ff;stroke-width:1.7}

@media(max-width:1200px){.hc-r6-4 .hc-study-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.hc-r6-4 .hc-map-studies-head{display:block}.hc-r6-4 .hc-map-studies-head>p{margin-top:8px;max-width:none;text-align:left}}
@media(max-width:1040px){.hc-r6-4 .hc-instrument{grid-template-columns:1fr;grid-template-areas:"field" "inspector" "voicing" "transit" "play" "debug"}.hc-r6-4 .hc-voicing-observatory{border-radius:18px}.hc-r6-4 .hc-study-brief{grid-template-columns:1fr}.hc-r6-4 .hc-study-load{width:100%}}
@media(max-width:760px){.hc-r6-4 .hc-app{width:100%}.hc-r6-4 .hc-map-studies{margin-left:10px;margin-right:10px}.hc-r6-4 .hc-study-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hc-r6-4 .hc-study-stage-rail{grid-template-columns:1fr 1fr}.hc-r6-4 .hc-voicing-observatory{margin:0;border-left:0;border-right:0;border-radius:0}.hc-r6-4 .hc-geometry-key{grid-template-columns:1fr 1fr}}


/* ========================================================================== */
/* R6.4.1 — READABILITY + THREE-VIEW STUDY SYSTEM                              */
/* Owner-directed correction: side rails must be readable at normal scale;    */
/* every study exposes Source / Cartography / Performance without crowding.    */
/* ========================================================================== */
.hc-r6-4-1 .hc-app{width:min(100% - 28px,2140px)}

/* Make all eight studies legible instead of compressing them into an 8-up strip. */
.hc-r6-4-1 .hc-study-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.hc-r6-4-1 .hc-study{min-height:76px;padding:11px 12px}
.hc-r6-4-1 .hc-study>span{font-size:8.5px}
.hc-r6-4-1 .hc-study strong{font-size:11.5px;line-height:1.25}
.hc-r6-4-1 .hc-study small{font-size:10.5px;line-height:1.4;color:#91a4a8}
.hc-r6-4-1 .hc-study-brief{grid-template-columns:minmax(0,1fr) 180px;align-items:start;padding:14px;gap:16px}
.hc-r6-4-1 .hc-study-brief-main{min-width:0}
.hc-r6-4-1 .hc-study-brief-copy>strong{font-size:15px}
.hc-r6-4-1 .hc-study-brief-copy>p{font-size:12.5px;line-height:1.6;max-width:1200px}
.hc-r6-4-1 .hc-study-brief-copy>small{font-size:8.5px;line-height:1.45}
.hc-r6-4-1 .hc-study-load{min-height:44px;font-size:10px;align-self:start}
.hc-r6-4-1 .hc-study-view-tabs{display:flex;gap:6px;margin-top:12px;border-top:1px solid rgba(154,196,221,.08);padding-top:10px}
.hc-r6-4-1 .hc-study-view-tabs button{appearance:none;min-height:34px;padding:0 12px;border:1px solid rgba(154,196,221,.12);border-radius:9px;background:#030607;color:#85999e;font:700 9px var(--mono);letter-spacing:.11em;cursor:pointer}
.hc-r6-4-1 .hc-study-view-tabs button[aria-selected=true]{border-color:rgba(228,199,120,.52);color:#f0dda7;background:rgba(228,199,120,.045);box-shadow:inset 0 0 14px rgba(228,199,120,.05)}
.hc-r6-4-1 .hc-study-view-panel{margin-top:8px;padding:12px;border:1px solid rgba(154,196,221,.09);border-radius:11px;background:linear-gradient(180deg,rgba(7,12,14,.80),rgba(2,5,6,.78))}
.hc-r6-4-1 .hc-study-view-panel>strong{display:block;margin-top:4px;color:#e0e9ea;font-size:14px}
.hc-r6-4-1 .hc-study-view-panel>p{margin:5px 0 0;color:#9cadb0;font-size:12px;line-height:1.6}
.hc-r6-4-1 .hc-study-view-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:10px}
.hc-r6-4-1 .hc-study-view-meta span{min-width:0;padding:8px 9px;border:1px solid rgba(154,196,221,.07);border-radius:8px;color:#90a4a8;font:700 8.5px/1.35 var(--mono);letter-spacing:.06em}
.hc-r6-4-1 .hc-study-view-meta b{display:block;margin-bottom:3px;color:#6d8388;font-size:7.5px}
.hc-r6-4-1 .hc-study-stage-rail button{min-height:50px;padding:9px 11px}.hc-r6-4-1 .hc-study-stage-rail span{font-size:8px}.hc-r6-4-1 .hc-study-stage-rail strong{font-size:10.5px}.hc-r6-4-1 .hc-study-stage-rail small{font-size:9.5px;line-height:1.4}
.hc-r6-4-1 .hc-study-status{font-size:9.5px;line-height:1.4}

/* Left rail: readable analytical instrument, not microtype texture. */
.hc-r6-4-1 .hc-voicing-observatory{padding:18px}
.hc-r6-4-1 .hc-voicing-observatory>.hc-panel-head{font-size:10px}
.hc-r6-4-1 .hc-voicing-observatory .hc-panel-head span:last-child{font-size:9px}
.hc-r6-4-1 .hc-voicing-world{padding:15px 4px 13px}
.hc-r6-4-1 .hc-voicing-world .hc-micro{font-size:9px}
.hc-r6-4-1 .hc-voicing-world h2{font-size:1.9rem;margin:.35rem 0 .65rem}
.hc-r6-4-1 .hc-voicing-world p{font-size:12.5px;line-height:1.62;color:#a0b0b3}
.hc-r6-4-1 .hc-voicing-notes{gap:8px}.hc-r6-4-1 .hc-voicing-notes span{padding:11px}.hc-r6-4-1 .hc-voicing-notes b{font-size:18px}.hc-r6-4-1 .hc-voicing-notes small{font-size:9px}
.hc-r6-4-1 .hc-voicing-metrics{gap:7px;margin-top:9px}.hc-r6-4-1 .hc-voicing-metrics span{padding:9px 8px;font-size:8.5px}.hc-r6-4-1 .hc-voicing-metrics strong{font-size:10.5px}
.hc-r6-4-1 .hc-fretboard-map{gap:5px;margin-top:12px}.hc-r6-4-1 .hc-fretboard-map>div{grid-template-columns:52px 1fr 108px;min-height:31px;font-size:9px}.hc-r6-4-1 .hc-fretboard-map .played i:after{width:8px;height:8px}
.hc-r6-4-1 .hc-voicing-actions{gap:7px;margin-top:12px}.hc-r6-4-1 .hc-voicing-actions button{min-height:42px;font-size:9.5px}
.hc-r6-4-1 .hc-hexagram-card{padding:14px;margin-top:14px}.hc-r6-4-1 .hc-hexagram-card>.hc-micro{font-size:8.5px}.hc-r6-4-1 .hc-hexagram-readout{grid-template-columns:58px 1fr;gap:12px}.hc-r6-4-1 #hexagramGlyph{font-size:52px}.hc-r6-4-1 .hc-hexagram-readout strong{font-size:13px}.hc-r6-4-1 .hc-hexagram-readout small{font-size:9px;line-height:1.55}
.hc-r6-4-1 .hc-hexagram-detail{margin-top:10px;border-top:1px solid rgba(154,196,221,.08);padding-top:9px}.hc-r6-4-1 .hc-hexagram-detail summary,.hc-r6-4-1 .hc-geometry-reference summary{cursor:pointer;color:#c7d5d7;font:700 9px var(--mono);letter-spacing:.10em;list-style:none}.hc-r6-4-1 .hc-hexagram-detail summary::-webkit-details-marker,.hc-r6-4-1 .hc-geometry-reference summary::-webkit-details-marker{display:none}.hc-r6-4-1 .hc-hexagram-detail summary:after,.hc-r6-4-1 .hc-geometry-reference summary:after{content:' +';color:#d8c27f}.hc-r6-4-1 .hc-hexagram-detail[open] summary:after,.hc-r6-4-1 .hc-geometry-reference[open] summary:after{content:' −'}
.hc-r6-4-1 .hc-hexagram-pairs{gap:6px;margin-top:10px}.hc-r6-4-1 .hc-hexagram-pairs span{padding:7px;font-size:8.5px}.hc-r6-4-1 .hc-hexagram-card p{font-size:11px;line-height:1.6}.hc-r6-4-1 .hc-hexagram-card small,.hc-r6-4-1 .hc-observatory-boundary{font-size:8.5px;line-height:1.55}.hc-r6-4-1 .hc-observatory-boundary{margin-top:12px;padding-top:11px}

/* Right rail: increase hierarchy and remove tiny dense reference text. */
.hc-r6-4-1 .hc-inspector{padding:18px}
.hc-r6-4-1 .hc-inspector>.hc-panel-head{font-size:10.5px}
.hc-r6-4-1 .hc-martino-geometry{padding:12px;margin:11px 0 10px}
.hc-r6-4-1 .hc-geometry-control button{font-size:9px;padding:9px 10px}.hc-r6-4-1 .hc-geometry-control span{font-size:9px;line-height:1.35}
.hc-r6-4-1 .hc-geometry-reference{margin-top:10px;padding-top:9px;border-top:1px solid rgba(154,196,221,.08)}
.hc-r6-4-1 .hc-geometry-key{gap:7px;margin-top:10px}.hc-r6-4-1 .hc-geometry-key>span{padding:7px;grid-template-columns:24px 1fr}.hc-r6-4-1 .hc-geometry-key i{width:20px;height:20px;font-size:20px}.hc-r6-4-1 .hc-geometry-key b{font-size:9px}.hc-r6-4-1 .hc-geometry-key small{font-size:8.5px;line-height:1.35}.hc-r6-4-1 #martinoGeometryBoundary{font-size:10px;line-height:1.55;margin-top:9px}
.hc-r6-4-1 .hc-world-heading h2{font-size:2.45rem}.hc-r6-4-1 .hc-world-heading .hc-micro{font-size:10px}.hc-r6-4-1 .hc-affinity span{font-size:9.5px}.hc-r6-4-1 .hc-affinity strong{font-size:1.55rem}.hc-r6-4-1 .hc-affinity small{font-size:10px}
.hc-r6-4-1 .hc-tags span{font-size:10px;padding:6px 7px}.hc-r6-4-1 .hc-world-actions button{min-height:46px;font-size:11px}
.hc-r6-4-1 .hc-session-dock{padding:14px;margin:17px 0 12px}.hc-r6-4-1 .hc-session-head .hc-micro{font-size:9px}.hc-r6-4-1 .hc-session-head strong{font-size:15px}.hc-r6-4-1 .hc-session-state{gap:8px;margin-bottom:12px}.hc-r6-4-1 .hc-session-state span{padding:10px;font-size:9px}.hc-r6-4-1 .hc-session-state strong{font-size:11.5px;margin-top:4px}.hc-r6-4-1 .hc-session-actions{gap:8px}.hc-r6-4-1 .hc-session-actions button,.hc-r6-4-1 .hc-session-compare .hc-ab button{min-height:42px;font-size:9.5px}.hc-r6-4-1 .hc-disclosure{min-height:48px;font-size:11px}
.hc-r6-4-1 .hc-metric{font-size:12.5px;padding:8px 0}.hc-r6-4-1 .hc-explain{font-size:12.5px;line-height:1.62}

@media(min-width:1500px){
  .hc-r6-4-1 .hc-instrument{grid-template-columns:330px minmax(0,1fr) 370px}
}
@media(min-width:2100px){
  .hc-r6-4-1 .hc-instrument{grid-template-columns:360px minmax(0,1fr) 400px}
}
@media(max-width:1499px) and (min-width:1041px){
  .hc-r6-4-1 .hc-instrument{grid-template-columns:minmax(0,1fr) 330px}
  .hc-r6-4-1 .hc-voicing-observatory{grid-template-columns:1.05fr 1fr 1fr}
}
@media(max-width:1040px){
  .hc-r6-4-1 .hc-study-brief{grid-template-columns:1fr}.hc-r6-4-1 .hc-study-load{width:100%}
  .hc-r6-4-1 .hc-study-view-meta{grid-template-columns:1fr 1fr 1fr}
}
@media(max-width:760px){
  .hc-r6-4-1 .hc-study-grid{grid-template-columns:1fr 1fr}.hc-r6-4-1 .hc-study{min-height:70px}
  .hc-r6-4-1 .hc-study-view-tabs{display:grid;grid-template-columns:repeat(3,1fr)}.hc-r6-4-1 .hc-study-view-tabs button{padding:0 5px;font-size:8px}
  .hc-r6-4-1 .hc-study-view-meta{grid-template-columns:1fr}.hc-r6-4-1 .hc-study-brief-copy>p,.hc-r6-4-1 .hc-study-view-panel>p{font-size:12px}
  .hc-r6-4-1 .hc-voicing-world p{font-size:12px}.hc-r6-4-1 .hc-session-state{grid-template-columns:1fr 1fr}
}
@media(max-width:430px){.hc-r6-4-1 .hc-study-grid{grid-template-columns:1fr}.hc-r6-4-1 .hc-study-view-tabs{grid-template-columns:1fr}.hc-r6-4-1 .hc-session-state{grid-template-columns:1fr}}


/* R6.4.2 — relationship / key-center / MIDI hardening
   Keep export adjacent to the primary PLAY action and preserve the R6.4.1
   readable side-rail hierarchy. */
.hc-r6-4-2 .hc-primary-actions{min-width:0;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(104px,.82fr);gap:8px;align-items:stretch}
.hc-r6-4-2 .hc-primary-actions .hc-r6-master-play{width:100%;min-width:0}
.hc-r6-4-2 .hc-save-midi-primary{appearance:none;min-width:0;min-height:58px;border:1px solid rgba(169,233,240,.38);border-radius:12px;background:radial-gradient(circle at 50% 120%,rgba(98,200,214,.10),transparent 64%),linear-gradient(180deg,#0d1517,#030607);color:#dff8fa;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.hc-r6-4-2 .hc-save-midi-primary span{display:block;font:700 10px/1.15 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.13em}
.hc-r6-4-2 .hc-save-midi-primary small{display:block;margin-top:5px;color:#88aeb3;font-size:8.5px;letter-spacing:.04em}
.hc-r6-4-2 .hc-save-midi-primary:hover,.hc-r6-4-2 .hc-save-midi-primary:focus-visible{border-color:rgba(169,233,240,.72);box-shadow:0 0 18px rgba(95,207,219,.10),inset 0 0 12px rgba(95,207,219,.04)}
.hc-r6-4-2 .hc-save-midi-primary:disabled{opacity:.38;cursor:not-allowed;box-shadow:none}
.hc-r6-4-2 .hc-r6-discovery-body:not(:has(#weaveWorldWrap:not([hidden]))) .hc-primary-actions{grid-column:3/5}
@media(max-width:1400px) and (min-width:1041px){.hc-r6-4-2 .hc-r6-discovery-body:has(#weaveWorldWrap:not([hidden])) .hc-primary-actions{grid-column:3}}
@media(max-width:900px){.hc-r6-4-2 .hc-primary-actions{grid-template-columns:1fr 1fr}.hc-r6-4-2 .hc-r6-discovery-body:not(:has(#weaveWorldWrap:not([hidden]))) .hc-primary-actions{grid-column:auto}}
@media(max-width:480px){.hc-r6-4-2 .hc-primary-actions{grid-template-columns:1fr}.hc-r6-4-2 .hc-save-midi-primary{min-height:52px}}

/* R6.4.3 — owner-requested side-panel readability, at normal browser zoom. */
.hc-room.hc-r6-4-2 :is(.hc-voicing-observatory,.hc-inspector){font-size:16px;line-height:1.55;overflow-wrap:anywhere}
.hc-room.hc-r6-4-2 :is(.hc-voicing-observatory,.hc-inspector) :is(div,span,small,b,strong,button,summary,label,li,a){font-size:14px;line-height:1.5;letter-spacing:.035em}
.hc-room.hc-r6-4-2 :is(.hc-voicing-observatory,.hc-inspector) :is(p,.hc-explain,.hc-metric){font-size:17px;line-height:1.65;color:#c3d0d3}
.hc-room.hc-r6-4-2 :is(.hc-voicing-observatory,.hc-inspector) :is(small,.hc-micro,.hc-observatory-boundary){color:#aabdc2}
.hc-room.hc-r6-4-2 :is(.hc-voicing-observatory,.hc-inspector) button{min-height:46px;height:auto;white-space:normal;padding:10px 12px}
.hc-room.hc-r6-4-2 :is(.hc-voicing-observatory,.hc-inspector) .hc-panel-head{flex-wrap:wrap;gap:8px}
.hc-room.hc-r6-4-2 .hc-voicing-world h2{font-size:32px;line-height:1.2}
.hc-room.hc-r6-4-2 .hc-voicing-notes b{font-size:24px}
.hc-room.hc-r6-4-2 .hc-voicing-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
.hc-room.hc-r6-4-2 .hc-voicing-metrics strong{font-size:15px}
.hc-room.hc-r6-4-2 .hc-fretboard-map>div{grid-template-columns:54px minmax(12px,1fr) 130px;min-height:36px;font-size:14px}
.hc-room.hc-r6-4-2 .hc-hexagram-readout{grid-template-columns:52px minmax(0,1fr)}
.hc-room.hc-r6-4-2 #hexagramGlyph{font-size:52px;line-height:1}
.hc-room.hc-r6-4-2 .hc-hexagram-readout strong{font-size:17px}
.hc-room.hc-r6-4-2 .hc-hexagram-pairs{grid-template-columns:repeat(2,minmax(0,1fr))}
.hc-room.hc-r6-4-2 .hc-geometry-control{flex-wrap:wrap}
.hc-room.hc-r6-4-2 .hc-geometry-control span{text-align:left}
.hc-room.hc-r6-4-2 .hc-geometry-key{grid-template-columns:1fr}
.hc-room.hc-r6-4-2 .hc-geometry-key i{font-size:22px;line-height:1}
.hc-room.hc-r6-4-2 #martinoGeometryBoundary{font-size:16px;line-height:1.6;color:#b4c6cb}
.hc-room.hc-r6-4-2 .hc-world-heading{flex-wrap:wrap;gap:12px}
.hc-room.hc-r6-4-2 .hc-world-heading h2{font-size:36px;line-height:1.15}
.hc-room.hc-r6-4-2 .hc-affinity strong{font-size:28px}
.hc-room.hc-r6-4-2 .hc-session-head strong{font-size:18px}
.hc-room.hc-r6-4-2 .hc-session-state strong{font-size:16px;white-space:normal;overflow:visible;text-overflow:clip}
.hc-room.hc-r6-4-2 .hc-session-actions{grid-template-columns:1fr}
.hc-room.hc-r6-4-2 .hc-session-compare .hc-ab{flex-wrap:wrap}
.hc-room.hc-r6-4-2 .hc-voicing-observatory{position:static;max-height:none;overflow:visible}
@media(min-width:1500px){.hc-room.hc-r6-4-2 .hc-instrument{grid-template-columns:350px minmax(0,1fr) 380px}}
@media(min-width:2100px){.hc-room.hc-r6-4-2 .hc-instrument{grid-template-columns:380px minmax(0,1fr) 410px}}
@media(min-width:1041px) and (max-width:1499px){
 .hc-room.hc-r6-4-2 .hc-instrument{grid-template-columns:minmax(0,1fr) 350px}
 .hc-room.hc-r6-4-2 .hc-voicing-observatory{grid-template-columns:repeat(2,minmax(0,1fr))}
 .hc-room.hc-r6-4-2 .hc-voicing-observatory>*{grid-column:auto}
 .hc-room.hc-r6-4-2 .hc-voicing-observatory>.hc-panel-head{grid-column:1/-1}
}

/* R6.4.4 — keep the explicit load action beside the selected study. */
.hc-room.hc-r6-4-2 .hc-study-grid{align-items:start}
.hc-room.hc-r6-4-2 .hc-study-choice{min-width:0}
.hc-room.hc-r6-4-2 .hc-study-choice>.hc-study{width:100%;min-height:110px;text-align:left}
.hc-room.hc-r6-4-2 .hc-study strong{font-size:16px;letter-spacing:.06em}
.hc-room.hc-r6-4-2 .hc-study small{font-size:14px;line-height:1.5;color:#b4c7cc}
.hc-room.hc-r6-4-2 .hc-study .hc-study-state{display:block;margin-top:9px;font-size:13px;letter-spacing:.025em;color:#b9c9ce}
.hc-room.hc-r6-4-2 .hc-study.is-loaded{border-color:#90c8b8}
.hc-room.hc-r6-4-2 .hc-study.is-loaded .hc-study-state{color:#a7e3cf}
.hc-room.hc-r6-4-2 .hc-study-activation{margin-top:8px;padding:14px;border:1px solid #bba566;border-radius:12px;background:#151710}
.hc-room.hc-r6-4-2 .hc-study-activation>strong{display:block;font-size:15px;line-height:1.5;color:#efe0b8;overflow-wrap:anywhere}
.hc-room.hc-r6-4-2 .hc-study-activation .hc-study-load{display:block;width:100%;min-width:0;min-height:52px;margin:10px 0 0;padding:12px;font-size:17px;line-height:1.4;letter-spacing:.025em;font-weight:700;background:#e5cc88;color:#111510;border:1px solid #f5df9e;white-space:normal;cursor:pointer}
.hc-room.hc-r6-4-2 .hc-study-activation .hc-study-load:hover{background:#f5df9e}
.hc-room.hc-r6-4-2 .hc-study-activation .hc-study-load:focus-visible{outline:3px solid #c5edff;outline-offset:4px}
.hc-room.hc-r6-4-2 .hc-study-activation p{margin:10px 0 0;font-size:14px;line-height:1.55;color:#ced6cd}
.hc-room.hc-r6-4-2 .hc-study-activation[data-state=loaded]{border-color:#90c8b8}
.hc-room.hc-r6-4-2 .hc-study-activation[data-state=loaded]>strong{color:#a7e3cf}
.hc-room.hc-r6-4-2 .hc-study-brief{grid-template-columns:minmax(0,1fr)}
.hc-room.hc-r6-4-2 .hc-study-status{font-size:14px;line-height:1.5;letter-spacing:.03em}

/* R6.4.5 phrase-engine clarity */
.hc-r6-4-2 .hc-session-actions button {
  white-space: normal;
  line-height: 1.25;
  min-height: 46px;
}
.hc-r6-4-2 .hc-session-actions button::after {
  display:block;
  font-size:8px;
  opacity:.7;
  margin-top:3px;
}
.hc-r6-4-2 #inspectorLoopBtn::after { content:'repeat generated phrase'; }
.hc-r6-4-2 #inspectorPlayBtn::after { content:'jam with phrase'; }
.hc-r6-4-2 #inspectorSaveMidiBtn::after { content:'export phrase'; }

/* R6.4.7 phrase control clarity patch */
.hc-room.hc-r6-4-2 .hc-session-actions button {
  min-height: 54px;
  color: rgba(245,245,240,.92);
  font-size: 12px;
  letter-spacing: .08em;
  font-weight: 600;
  opacity: 1;
}
.hc-room.hc-r6-4-2 .hc-session-actions button::after {
  display: block;
  margin-top: 5px;
  color: rgba(190,210,210,.78);
  font-size: 10px;
  letter-spacing: .04em;
  text-transform: none;
}
.hc-room.hc-r6-4-2 #inspectorLoopBtn::after { content:'Repeat generated phrase'; }
.hc-room.hc-r6-4-2 #inspectorPlayBtn::after { content:'Hear phrase while improvising'; }
.hc-room.hc-r6-4-2 #inspectorSaveMidiBtn::after { content:'Export this phrase as MIDI'; }
.hc-room.hc-r6-4-2 .hc-session-actions button:hover,
.hc-room.hc-r6-4-2 .hc-session-actions button:focus-visible {
  border-color: rgba(239,211,139,.72);
  color: #fff2c7;
}