/* THE MERCURIAL WORLD — CENTRAL COURT v0.6.8.1
   Instrument restoration / art-direction pass.
   Functional authority: v0.5.2 Mercurial orientation dial + synthesized bloom tone.
   Scope: Court presentation only. BRANCH / SHELL / NINEFOLD remain subordinate relation registers. */

body.court-v0681{
  --court-cyan:rgba(166,226,232,.82);
  --court-cyan-soft:rgba(166,226,232,.18);
  --court-gold:#c9a55e;
  --court-gold-soft:rgba(201,165,94,.22);
  --court-silver:#d9e1e0;
  --court-graphite:#090b0b;
  overflow-x:hidden;
  background:
    radial-gradient(80rem 44rem at 50% -8%,rgba(102,151,157,.075),transparent 60%),
    radial-gradient(54rem 30rem at 50% 88%,rgba(194,153,78,.045),transparent 66%),
    linear-gradient(180deg,#050606 0,#090a09 42%,#030404 100%);
}

body.court-v0681 .campus-stage{
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(90deg,transparent 0 8%,rgba(255,255,255,.012) 8.06%,transparent 8.12% 91.88%,rgba(255,255,255,.012) 91.94%,transparent 92%),
    radial-gradient(circle at 50% 44%,rgba(124,188,196,.04),transparent 35%);
}
body.court-v0681 .campus-stage::before{
  content:"";
  position:absolute;inset:0;pointer-events:none;opacity:.68;
  background:
    linear-gradient(90deg,transparent 49.92%,rgba(173,217,220,.055) 50%,transparent 50.08%),
    linear-gradient(180deg,transparent 48.96%,rgba(201,165,94,.035) 49%,transparent 49.04%);
}

body.court-v0681 .court-shell{
  width:min(1240px,calc(100% - 40px));
  padding-top:34px;
  position:relative;
  z-index:1;
}
body.court-v0681 .court-head{
  max-width:1090px;
  margin:0 auto 18px;
  padding:0 8px 18px;
  border-bottom:1px solid rgba(177,210,211,.08);
}
body.court-v0681 .court-head .eyebrow{
  color:rgba(201,165,94,.78);
  letter-spacing:.19em;
}
body.court-v0681 .court-head h1{
  margin:.28rem 0 .62rem;
  font-size:clamp(4.2rem,7vw,7.6rem);
  line-height:.84;
  letter-spacing:-.045em;
  text-shadow:0 18px 56px rgba(0,0,0,.78);
}
body.court-v0681 .court-head p{
  max-width:610px;
  color:#98a6a7;
  font-size:.93rem;
  line-height:1.64;
}
body.court-v0681 .court-core{max-width:1110px;margin:0 auto}

/* The Court is a manufactured navigation instrument, not a dashboard card. */
body.court-v0681 .orientation-axis{
  min-height:790px;
  padding:22px 28px 21px;
  border:1px solid rgba(197,164,101,.22);
  border-radius:0!important;
  clip-path:polygon(2.4% 0,97.6% 0,100% 3.2%,100% 96.8%,97.6% 100%,2.4% 100%,0 96.8%,0 3.2%);
  background:
    linear-gradient(90deg,rgba(197,164,101,.022),transparent 17% 83%,rgba(157,215,221,.018)),
    radial-gradient(ellipse at 50% 45%,rgba(150,210,216,.085),transparent 29%),
    linear-gradient(145deg,rgba(17,19,18,.985),rgba(5,7,7,.995) 54%,rgba(2,3,3,.998));
  box-shadow:
    0 48px 120px rgba(0,0,0,.54),
    inset 0 1px rgba(255,255,255,.035),
    inset 0 -1px #000,
    inset 0 0 70px rgba(0,0,0,.48)!important;
}
body.court-v0681 .orientation-axis::before{
  inset:13px;
  border:1px solid rgba(205,172,108,.115);
  clip-path:polygon(3% 0,97% 0,100% 3.8%,100% 96.2%,97% 100%,3% 100%,0 96.2%,0 3.8%);
  box-shadow:inset 0 0 70px rgba(0,0,0,.32);
}
body.court-v0681 .orientation-axis::after{
  content:"";
  position:absolute;inset:20px;z-index:0;pointer-events:none;opacity:.7;
  background:
    radial-gradient(circle at 0 0,rgba(214,181,112,.72) 0 2px,transparent 2.8px),
    radial-gradient(circle at 100% 0,rgba(214,181,112,.72) 0 2px,transparent 2.8px),
    radial-gradient(circle at 0 100%,rgba(214,181,112,.72) 0 2px,transparent 2.8px),
    radial-gradient(circle at 100% 100%,rgba(214,181,112,.72) 0 2px,transparent 2.8px),
    linear-gradient(90deg,transparent 49.92%,rgba(148,198,202,.055) 50%,transparent 50.08%);
}

body.court-v0681 .orientation-head{
  position:relative;z-index:10;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  column-gap:20px;
  padding:4px 4px 15px;
  border-bottom:1px solid rgba(156,204,207,.105);
}
body.court-v0681 .orientation-eyebrow{
  grid-column:auto;
  color:rgba(220,196,143,.91);
  font-size:7px;
  letter-spacing:.19em;
  white-space:nowrap;
}
body.court-v0681 .orientation-head p{
  margin:0;
  max-width:none;
  color:#7f9295;
  font-size:.72rem;
}
body.court-v0681 .orientation-head kbd{
  border-color:rgba(164,212,217,.17);
  color:#b8c9ca;
  background:#050808;
}
body.court-v0681 .orientation-sound{
  border-radius:1px!important;
  min-width:104px;
  border:1px solid rgba(161,210,214,.16)!important;
  background:linear-gradient(180deg,rgba(16,20,20,.9),rgba(3,6,6,.96))!important;
  color:#90a5a8!important;
  box-shadow:inset 0 1px rgba(255,255,255,.02)!important;
}
body.court-v0681 .orientation-sound[data-sound-state="on"]{
  border-color:rgba(205,170,103,.38)!important;
  color:#e0c68d!important;
  box-shadow:inset 0 1px rgba(255,255,255,.02),0 0 22px rgba(205,170,103,.06)!important;
}

body.court-v0681 .orientation-chamber{
  min-height:515px;
  margin:0 -4px;
  perspective:1200px;
  filter:none!important;
}
body.court-v0681 .orientation-chamber::before{
  content:"";
  position:absolute;left:50%;top:50%;width:min(620px,72vw);aspect-ratio:1;
  transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;opacity:.33;
  background:
    repeating-conic-gradient(from -1deg,rgba(207,177,116,.56) 0 .32deg,transparent .32deg 5deg),
    radial-gradient(circle,transparent 0 67%,rgba(0,0,0,.95) 67.4% 100%);
  -webkit-mask:radial-gradient(circle,transparent 0 66.2%,#000 66.7% 68.3%,transparent 68.8% 100%);
  mask:radial-gradient(circle,transparent 0 66.2%,#000 66.7% 68.3%,transparent 68.8% 100%);
}
body.court-v0681 .orientation-chamber::after{
  content:"MERCURIAL ORIENTATION / EIGHT DIRECTIONS";
  position:absolute;left:50%;bottom:4px;transform:translateX(-50%);z-index:1;
  color:rgba(133,157,160,.46);font:600 6px/1 ui-monospace,Consolas,monospace;
  letter-spacing:.23em;white-space:nowrap;pointer-events:none;
}
body.court-v0681 .orientation-index{
  top:13px;
  color:rgba(164,182,184,.7);
  gap:7px;
}
body.court-v0681 .orientation-index b{font-size:6.5px;letter-spacing:.19em;font-weight:600}
body.court-v0681 .orientation-index span{
  border-left-width:6px;border-right-width:6px;border-bottom-width:10px;
  border-bottom-color:#d3b46f;
  filter:drop-shadow(0 0 9px rgba(211,180,111,.25));
}

body.court-v0681 .orientation-portal{
  width:min(61%,520px);
  border:1px solid rgba(167,221,225,.15);
  background:
    radial-gradient(circle at 42% 34%,rgba(232,250,250,.055),transparent 9%),
    radial-gradient(circle at 50% 48%,rgba(132,190,196,.07),rgba(5,9,10,.66) 34%,rgba(1,3,4,.985) 72%);
  box-shadow:
    0 0 0 1px rgba(202,170,107,.055),
    0 0 0 30px rgba(149,205,211,.013),
    0 0 0 72px rgba(202,170,107,.009),
    0 30px 105px rgba(0,0,0,.58),
    inset 0 0 105px rgba(0,0,0,.80);
}
body.court-v0681 .orientation-portal::before,
body.court-v0681 .orientation-portal::after{
  content:"";position:absolute;border-radius:50%;pointer-events:none;
}
body.court-v0681 .orientation-portal::before{
  inset:10px;border:1px solid rgba(210,174,106,.075);
  box-shadow:inset 0 0 42px rgba(0,0,0,.62);
}
body.court-v0681 .orientation-portal::after{
  inset:-18px;border:1px solid rgba(156,209,214,.045);
}
body.court-v0681 .portal-aperture{
  inset:29%;
  border:1px solid rgba(217,236,236,.19);
  background:
    radial-gradient(circle at 39% 32%,rgba(255,255,255,.10),transparent 8%),
    radial-gradient(circle at 50% 50%,rgba(98,159,166,.08),rgba(5,11,12,.92) 44%,#010202 74%);
  box-shadow:inset 0 0 56px rgba(159,217,221,.065),0 0 34px rgba(159,217,221,.035);
}
body.court-v0681 .orientation-orbit{border-color:rgba(155,211,216,.135)}
body.court-v0681 .orbit-b{border-color:rgba(207,172,104,.13)}

/* Relation geometry survives, but behind the navigation spindle instead of becoming the hero. */
body.court-v0681 .relation-geometry{
  width:242px;height:242px;z-index:2;opacity:.46;
  filter:drop-shadow(0 0 8px rgba(126,190,196,.04));
}
body.court-v0681 .relation-geometry g{stroke:rgba(154,211,216,.19)}
body.court-v0681 .relation-geometry circle{fill:#050707;stroke:rgba(202,169,103,.44)}

/* Undo global system-button styling that had turned the dial into boxes. */
body.court-v0681 .orientation-node{
  width:116px;
  min-height:30px;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#778a8d!important;
  font-size:7px;
  letter-spacing:.13em;
  grid-template-columns:10px 1fr;
  gap:7px;
  text-shadow:0 2px 14px rgba(0,0,0,.85);
}
body.court-v0681 .orientation-node span{
  width:max-content;max-width:108px;
  padding:6px 8px 6px 0;
  background:linear-gradient(90deg,rgba(4,6,6,.78),rgba(4,6,6,.18) 78%,transparent);
}
body.court-v0681 .orientation-node i{
  width:8px;height:8px;
  border-color:rgba(158,210,215,.31);
  background:#061012;
  box-shadow:0 0 0 5px rgba(151,206,211,.012);
}
body.court-v0681 .orientation-node.active{
  color:#eef7f6!important;
  font-size:7.4px;
}
body.court-v0681 .orientation-node.active span{
  background:linear-gradient(90deg,rgba(6,11,11,.92),rgba(6,11,11,.32) 80%,transparent);
  text-shadow:0 0 16px rgba(178,231,234,.11),0 2px 14px #000;
}
body.court-v0681 .orientation-node.active i{
  background:#d6f3f3;
  border-color:#d6f3f3;
  box-shadow:0 0 17px rgba(164,226,230,.66),0 0 0 6px rgba(164,226,230,.025);
}
body.court-v0681 .orientation-node:hover,
body.court-v0681 .orientation-node:focus-visible{color:#fff!important;outline:none!important}
body.court-v0681 .orientation-node:hover i,
body.court-v0681 .orientation-node:focus-visible i{border-color:#d0ad68}

body.court-v0681 .orientation-spindle{
  width:116px;height:116px;
  border-radius:50%!important;
  border:1px solid rgba(208,174,105,.38)!important;
  background:
    radial-gradient(circle at 36% 28%,rgba(255,255,255,.095),transparent 9%),
    radial-gradient(circle at 50% 44%,rgba(83,142,149,.085),rgba(7,11,11,.985) 39%,#010202 74%)!important;
  color:#f1f7f6!important;
  box-shadow:
    0 0 0 1px rgba(149,204,209,.055),
    0 0 0 11px rgba(149,204,209,.012),
    0 0 48px rgba(149,204,209,.075),
    inset 0 0 34px rgba(206,173,106,.045)!important;
  z-index:7;
}
body.court-v0681 .orientation-spindle::before{
  content:"";position:absolute;inset:8px;border-radius:50%;
  border:1px solid rgba(159,212,216,.075);pointer-events:none;
}
body.court-v0681 .orientation-spindle::after{
  content:"MERCURY";position:absolute;left:50%;top:calc(100% + 10px);transform:translateX(-50%);
  color:rgba(138,158,160,.55);font:600 6px/1 ui-monospace,Consolas,monospace;letter-spacing:.22em;
  pointer-events:none;
}
body.court-v0681 .orientation-spindle span{
  font:400 54px/.82 Georgia,serif;
  filter:drop-shadow(0 0 10px rgba(190,232,234,.12));
}
body.court-v0681 .orientation-spindle small{
  margin-top:3px;
  color:rgba(170,187,188,.52);
  font-size:6px;
  letter-spacing:.16em;
}
body.court-v0681 .orientation-spindle:hover,
body.court-v0681 .orientation-spindle:focus-visible{
  outline:none!important;
  border-color:rgba(166,224,229,.58)!important;
  box-shadow:0 0 0 1px rgba(149,204,209,.07),0 0 0 12px rgba(149,204,209,.018),0 0 58px rgba(149,204,209,.13),inset 0 0 34px rgba(206,173,106,.05)!important;
}

body.court-v0681 .orientation-readout{
  margin-top:0;
  padding:13px 4px 12px;
  border-top:1px solid rgba(156,205,209,.105);
  border-bottom:1px solid rgba(156,205,209,.07);
}
body.court-v0681 .orientation-readout>span{color:rgba(207,174,108,.87);font-size:7px;letter-spacing:.17em}
body.court-v0681 .orientation-readout>strong{color:#e9f1f0;font-size:1.45rem}
body.court-v0681 .orientation-readout>p{color:#85979a;font-size:.73rem}
body.court-v0681 .orientation-actions{gap:7px}
body.court-v0681 .orientation-actions button,
body.court-v0681 .orientation-actions a{
  border-radius:1px!important;
  min-height:36px;
  border-color:rgba(156,205,209,.13)!important;
  background:linear-gradient(180deg,rgba(13,17,17,.87),rgba(3,6,6,.94))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.018)!important;
}
body.court-v0681 .orientation-actions a{
  border-color:rgba(205,171,104,.29)!important;
  color:#dbc796!important;
}

/* Relation registers are subordinate calibration readouts, not the dial identity. */
body.court-v0681 .orientation-register{
  justify-content:flex-end;
  padding:5px 2px 0;
  opacity:.78;
}
body.court-v0681 .orientation-register>span{color:#5f7072;font-size:6px;letter-spacing:.15em}
body.court-v0681 .orientation-register button{
  border-radius:1px!important;
  padding:4px 6px!important;
  border:1px solid rgba(154,202,206,.08)!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#66787b!important;
  font-size:6px!important;
}
body.court-v0681 .orientation-register button[aria-pressed="true"]{
  border-color:rgba(204,170,104,.28)!important;
  color:#cdb983!important;
  background:rgba(204,170,104,.018)!important;
}
body.court-v0681 .orientation-register-reading{
  max-width:720px;
  margin:.35rem 0 0 auto;
  padding:.5rem .15rem 0;
  border-top:0;
  text-align:right;
  gap:.16rem;
  opacity:.62;
}
body.court-v0681 .orientation-register-reading strong{
  color:rgba(199,216,217,.73);font-size:.56rem;letter-spacing:.13em;
}
body.court-v0681 .orientation-register-reading span{
  color:rgba(160,174,174,.58);font-size:.54rem;letter-spacing:.045em;
}
body.court-v0681 .court-index-link{
  margin-top:.48rem;text-align:right;position:relative;z-index:8;
}
body.court-v0681 .court-index-link a{
  color:rgba(122,145,147,.68);font:600 6px/1 ui-monospace,Consolas,monospace;letter-spacing:.15em;text-decoration:none;
}
body.court-v0681 .court-index-link a:hover,
body.court-v0681 .court-index-link a:focus-visible{color:#d6e4e4;outline:none}

@media(max-width:900px){
  body.court-v0681 .court-shell{width:min(100% - 24px,900px);padding-top:26px}
  body.court-v0681 .orientation-axis{min-height:750px;padding:20px 18px}
  body.court-v0681 .orientation-head{grid-template-columns:1fr auto;row-gap:8px}
  body.court-v0681 .orientation-eyebrow{grid-column:1/3}
  body.court-v0681 .orientation-head p{grid-column:1}
  body.court-v0681 .orientation-sound{grid-column:2;grid-row:2}
  body.court-v0681 .orientation-chamber{min-height:480px}
  body.court-v0681 .orientation-portal{width:min(68%,485px)}
}

@media(max-width:620px){
  body.court-v0681 .court-shell{width:calc(100% - 18px);padding-top:20px}
  body.court-v0681 .court-head{padding:0 4px 14px;margin-bottom:12px}
  body.court-v0681 .court-head h1{font-size:clamp(3.2rem,15vw,4.7rem)}
  body.court-v0681 .court-head p{font-size:.79rem}
  body.court-v0681 .orientation-axis{min-height:720px;padding:16px 10px 15px}
  body.court-v0681 .orientation-head{grid-template-columns:1fr;gap:7px;padding:3px 1px 12px}
  body.court-v0681 .orientation-eyebrow,
  body.court-v0681 .orientation-head p,
  body.court-v0681 .orientation-sound{grid-column:1;grid-row:auto}
  body.court-v0681 .orientation-sound{justify-self:start}
  body.court-v0681 .orientation-chamber{min-height:405px;margin:0}
  body.court-v0681 .orientation-chamber::before{width:min(530px,135vw)}
  body.court-v0681 .orientation-chamber::after{bottom:-2px;font-size:5px;letter-spacing:.16em}
  body.court-v0681 .orientation-portal{width:min(82vw,365px)}
  body.court-v0681 .relation-geometry{width:186px;height:186px}
  body.court-v0681 .orientation-spindle{width:90px;height:90px}
  body.court-v0681 .orientation-spindle span{font-size:41px}
  body.court-v0681 .orientation-spindle::after{top:calc(100% + 7px);font-size:5px}
  body.court-v0681 .orientation-node{width:76px;font-size:6.1px;grid-template-columns:8px 1fr;gap:5px}
  body.court-v0681 .orientation-node span{max-width:72px;padding:5px 5px 5px 0}
  body.court-v0681 .orientation-node i{width:7px;height:7px}
  body.court-v0681 .orientation-readout{grid-template-columns:1fr;padding:10px 1px}
  body.court-v0681 .orientation-readout>span,
  body.court-v0681 .orientation-readout>strong,
  body.court-v0681 .orientation-readout>p,
  body.court-v0681 .orientation-actions{grid-column:1;grid-row:auto}
  body.court-v0681 .orientation-readout>strong{font-size:1.3rem}
  body.court-v0681 .orientation-readout>p{font-size:.68rem}
  body.court-v0681 .orientation-register{justify-content:center;flex-wrap:wrap}
  body.court-v0681 .orientation-register>span{width:100%;text-align:center;margin:0 0 2px}
  body.court-v0681 .orientation-register-reading{margin:.35rem auto 0;text-align:center;padding-top:.4rem}
  body.court-v0681 .court-index-link{text-align:center}
}

@media(prefers-reduced-motion:reduce){
  body.court-v0681 .orientation-node,
  body.court-v0681 .orientation-portal,
  body.court-v0681 .portal-aperture,
  body.court-v0681 .orientation-orbit,
  body.court-v0681 .relation-geometry g{transition:none!important}
}