/* SOLID GOLD & GEM TEMPLATE — full takeover for /solid (epistles.xyz/solid) */
body {
  background:
    linear-gradient(180deg, rgba(5,3,1,.62) 0%, rgba(5,3,1,.28) 35%, rgba(5,3,1,.28) 65%, rgba(5,3,1,.62) 100%),
    #0d0803 url("/img/solid-deep-command.webp") center top / cover no-repeat fixed !important;
  color: #f0d98c !important;
  font-family: "Cinzel", "Courier New", ui-monospace, monospace !important;
}
body::before {
  background: rgba(10, 6, 2, 0.55) !important;
}
.dash { position: relative !important; z-index: 1 !important; }

/* ---------- bridge bar ---------- */
.bridge-bar {
  border: 2px solid #d4af37 !important;
  border-radius: 14px !important;
  background:
    radial-gradient(1.2px 1.2px at 15% 25%, rgba(255,242,205,.8), transparent 60%),
    radial-gradient(1px 1px at 80% 15%, rgba(255,242,205,.65), transparent 60%),
    radial-gradient(1.1px 1.1px at 60% 80%, rgba(255,242,205,.7), transparent 60%),
    url("/img/solid-treasury-note.webp?v=20260927b") center / 52% auto no-repeat,
    linear-gradient(180deg, rgba(58,40,10,.90), rgba(20,12,4,.90)),
    url("/img/solid-panel-engraving.webp") center / cover no-repeat !important;
  background-blend-mode: normal, normal, normal, soft-light, normal, normal !important;
  animation: bridge-drift 150s ease-in-out infinite alternate !important;
  box-shadow: 0 0 28px rgba(212, 175, 55, 0.35), inset 0 0 30px rgba(0, 0, 0, 0.7) !important;
  position: relative !important;
  overflow: visible !important;
}
.bridge-bar::after {
  content: "" !important;
  display: block !important;
  height: 30px !important;
  margin: 10px 0 -14px !important;
  background: url("/img/solid-gem-divider.webp") center / auto 100% no-repeat !important;
  border-top: 1px solid #8a6d1f !important;
  border-radius: 0 0 12px 12px !important;
  opacity: 0.95 !important;
}
.emblem {
  border: 3px solid #d4af37 !important;
  box-shadow: 0 0 22px rgba(212, 175, 55, 0.8), inset 0 0 12px rgba(0,0,0,.6) !important;
  outline: 1px solid #8a6d1f !important;
  outline-offset: 3px !important;
}
.bridge-title h1 {
  font-family: "Cinzel", serif !important;
  color: #ffe9a8 !important;
  text-shadow: 0 1px 0 #5c430e, 0 0 16px rgba(212, 175, 55, 0.9) !important;
  letter-spacing: 4px !important;
}
.bridge-title p {
  color: #c9a227 !important;
  letter-spacing: 6px !important;
}
.syslights { color: #d4af37 !important; }
.lamp {
  width: 12px !important; height: 12px !important;
  border: 1px solid rgba(255, 233, 168, 0.7) !important;
}
.lamp:nth-child(4n+1) { background: #ff2a4d !important; box-shadow: 0 0 10px #ff2a4d !important; }
.lamp:nth-child(4n+2) { background: #2dffa0 !important; box-shadow: 0 0 10px #2dffa0 !important; }
.lamp:nth-child(4n+3) { background: #2a7fff !important; box-shadow: 0 0 10px #2a7fff !important; }
.lamp:nth-child(4n) { background: #ffe9a8 !important; box-shadow: 0 0 10px #ffe9a8 !important; }
#clock { color: #ffe9a8 !important; }

/* ---------- panels ---------- */
.cockpit-mod {
  border: 2px solid #d4af37 !important;
  outline: 1px solid #6b4e12 !important;
  outline-offset: -5px !important;
  border-radius: 12px !important;
  background: linear-gradient(180deg, rgba(38, 26, 8, 0.96), rgba(14, 9, 3, 0.96)) !important;
  box-shadow: inset 0 0 24px rgba(0, 0, 0, 0.8), 0 0 16px rgba(212, 175, 55, 0.18) !important;
}
.mod-label, .field-heading, .helm-inst-title, .cb-name {
  font-family: "Cinzel", serif !important;
  color: #ffe9a8 !important;
  text-shadow: 0 1px 0 #5c430e, 0 0 10px rgba(212, 175, 55, 0.7) !important;
  letter-spacing: 2px !important;
  border-bottom: 1px solid #8a6d1f !important;
  padding-bottom: 6px !important;
  margin-bottom: 8px !important;
}
.mod-label::before {
  content: "◆ " !important;
  color: #ff2a4d !important;
  text-shadow: 0 0 8px #ff2a4d !important;
}
.cb-sub, .ckey-sub, .ig-sub, .ctl-hint { color: #a8842c !important; }
.ctl-name, .ckey-name, .ig-name, .vname, .tname { color: #e8c95a !important; }
.foot { color: #8a6d1f !important; }

/* ---------- every button: gold keys ---------- */
#planetary-nav-array button,
.cockpit-mod button, .dash button, .ckey, .pna-mode, .helm-reset,
.helm-skin-toggle, .helm-nudges button, .pc-controls button,
.sensor-controls button, .nav-bezel-controls button, .mod-keys button,
button.tk-l, button.tk-s {
  -webkit-appearance: none !important;
  appearance: none !important;
  background: linear-gradient(180deg, #ffe9a8 0%, #d4af37 38%, #a8842c 62%, #8a6d1f 100%) !important;
  color: #2a1c05 !important;
  border: 1px solid #5c430e !important;
  border-radius: 8px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55), inset 0 -2px 4px rgba(90, 60, 10, 0.55), 0 2px 6px rgba(0, 0, 0, 0.7), 0 0 10px rgba(212, 175, 55, 0.35) !important;
  font-family: "Cinzel", serif !important;
  font-weight: 700 !important;
  letter-spacing: 1px !important;
  text-shadow: 0 1px 0 rgba(255, 240, 190, 0.6) !important;
  cursor: pointer !important;
}
#planetary-nav-array button:active,
.cockpit-mod button:active, .dash button:active, .ckey:active {
  background: linear-gradient(180deg, #8a6d1f 0%, #a8842c 60%, #d4af37 100%) !important;
  box-shadow: inset 0 2px 6px rgba(40, 26, 4, 0.7) !important;
  transform: translateY(1px) !important;
}
#planetary-nav-array button.pna-mode strong { color: #2a1c05 !important; }
.pna-lamp { border: 1px solid #ffe9a8 !important; }

/* ---------- bars: gold fills ---------- */
.tbar, .ig-tape, .ti-logbar {
  background: #120a04 !important;
  border: 1px solid #8a6d1f !important;
  border-radius: 6px !important;
  box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.85) !important;
}
.tbar-fill, .ig-fill, .ti-logbar > div {
  background: linear-gradient(90deg, #8a6d1f, #d4af37 45%, #ffe9a8 75%, #d4af37) !important;
  border-radius: 5px !important;
  box-shadow: 0 0 10px rgba(212, 175, 55, 0.75) !important;
}
.ti-logbar-label, .ig-val, .ig-ticks { color: #e8c95a !important; }
.bar-center { color: #ffe9a8 !important; }
.breaker-row { border-color: #8a6d1f !important; }

/* ---------- TI calculator ---------- */
.ti-screen {
  background-image: url("/img/solid-obsidian-screen.webp"), radial-gradient(ellipse at center, rgba(10,10,12,.55) 0%, rgba(0,0,0,.75) 80%) !important;
  background-size: cover, cover !important;
  background-blend-mode: normal !important;
  border: 2px solid #d4af37 !important;
  border-radius: 10px !important;
  box-shadow: inset 0 0 24px rgba(0, 0, 0, 0.95), 0 0 14px rgba(212, 175, 55, 0.3) !important;
}
.ti-entry, .ti-cur, .ti-result {
  color: #ffe9a8 !important;
  text-shadow: 0 0 10px rgba(212, 175, 55, 0.85) !important;
}
.ti-status { color: #c9a227 !important; }
.ti-verdict {
  color: #2dffa0 !important;
  text-shadow: 0 0 10px rgba(45, 255, 160, 0.7) !important;
}
.ti-note { color: #a8842c !important; }
.ti-pad { gap: 8px !important; }
.ti-saved-wrap {
  border: 1px solid #8a6d1f !important;
  background: rgba(14, 9, 3, 0.9) !important;
  border-radius: 8px !important;
}
.ti-saved-table { color: #e8c95a !important; }
.ti-lock-dot { background: #d4af37 !important; box-shadow: 0 0 6px #d4af37 !important; }

/* ---------- helm compass ---------- */
.helm-compass-wrap {
  border: 3px solid #d4af37 !important;
  border-radius: 50% !important;
  box-shadow: 0 0 26px rgba(212, 175, 55, 0.5), inset 0 0 22px rgba(0, 0, 0, 0.8) !important;
  outline: 1px solid #8a6d1f !important;
  outline-offset: 5px !important;
  background: radial-gradient(circle, rgba(30, 20, 7, 0.95), rgba(8, 5, 2, 0.95)) !important;
}
.helm-nav-instrument {
  border: 1px solid #8a6d1f !important;
  background: rgba(10, 6, 2, 0.9) !important;
  border-radius: 10px !important;
}
.helm-course-label { color: #a8842c !important; }
.helm-course-value {
  color: #ffe9a8 !important;
  text-shadow: 0 0 12px rgba(212, 175, 55, 0.9) !important;
}
.helm-bearing-readouts div span { margin-right: 12px !important; }
.helm-bearing-panel, .helm-bearing-readouts {
  border: 1px solid #8a6d1f !important;
  background: rgba(12, 8, 3, 0.92) !important;
  border-radius: 8px !important;
  color: #e8c95a !important;
}
.helm-bearing-range { accent-color: #d4af37 !important; }
.knob {
  background: radial-gradient(circle at 35% 30%, #ffe9a8, #d4af37 45%, #6b4e12 90%) !important;
  border: 2px solid #5c430e !important;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.8), 0 0 12px rgba(212, 175, 55, 0.5) !important;
}
.knob-ind { background: #ff2a4d !important; box-shadow: 0 0 6px #ff2a4d !important; }
.bubble-ring { border: 2px solid #d4af37 !important; }
.bubble-level {
  background: radial-gradient(circle at 35% 30%, #fff, #2dffa0 55%, #0a5c36) !important;
  box-shadow: 0 0 12px rgba(45, 255, 160, 0.8) !important;
}
.flip-track { background: #120a04 !important; border: 1px solid #8a6d1f !important; }
.flip-nub {
  background: linear-gradient(180deg, #ffe9a8, #a8842c) !important;
  border: 1px solid #5c430e !important;
}
.level-readouts { color: #e8c95a !important; }

/* ---------- telemetry & readouts ---------- */
.tel, .tel-block, .tel-grid {
  border-color: #8a6d1f !important;
  color: #e8c95a !important;
}
.tel-up { color: #2dffa0 !important; text-shadow: 0 0 8px rgba(45, 255, 160, 0.7) !important; }
.vital, .craft-read, .mp-readouts, .nav-readouts, .pc-coords > div, .pc-grid > div, .pc-verdict {
  border: 1px solid #8a6d1f !important;
  background: rgba(12, 8, 3, 0.9) !important;
  border-radius: 8px !important;
}
.vval, .tval, .mp-num, .craft-read b, .pc-coords b, .pc-grid b {
  color: #ffe9a8 !important;
  text-shadow: 0 0 8px rgba(212, 175, 55, 0.75) !important;
}
.tslot { border-color: #6b4e12 !important; }
.eng-log {
  background: rgba(8, 5, 2, 0.94) !important;
  border: 1px solid #8a6d1f !important;
  color: #d9b64a !important;
  border-radius: 8px !important;
}
.nv-day { color: #ffe9a8 !important; }
.navval-state { color: #2dffa0 !important; }
.pna-status, .nav-bezel-status { color: #e8c95a !important; }

/* ---------- inputs, selects, text boxes ---------- */
.ctl input, .ctl select, .craft-sel select, .mp-sel, .navval-grid input,
.navval-grid select, .tx-box input, .tx-box select, select, input[type="text"], input[type="number"] {
  background: #0d0803 !important;
  border: 1px solid #d4af37 !important;
  border-radius: 6px !important;
  color: #ffe9a8 !important;
  box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.85) !important;
}
.ctl input:focus, .ctl select:focus { box-shadow: 0 0 10px rgba(212, 175, 55, 0.6), inset 0 2px 5px rgba(0,0,0,.85) !important; outline: none !important; }
.mp-lab, .pc-coords span, .pc-grid span, .pc-verdict span { color: #a8842c !important; }
.mp-date { color: #e8c95a !important; }
.ctl-row { border-color: #6b4e12 !important; }

/* ---------- frames, grids, links ---------- */
.hawaiian-frame { border: 2px solid #d4af37 !important; box-shadow: 0 0 18px rgba(212, 175, 55, 0.4) !important; }
.hawaiian-sync { color: #e8c95a !important; }
.nav-grid, .ship-time-grid, .console-grid { gap: 14px !important; }
.nav-sight-apertures { border-color: #d4af37 !important; }
.navcore-link, .navcore-link span { color: #ffe9a8 !important; }
a { color: #e8c95a !important; }
h1, h2, h3 { font-family: "Cinzel", serif !important; color: #ffe9a8 !important; }
#ship-clock-svg { filter: drop-shadow(0 0 8px rgba(212, 175, 55, 0.5)) !important; }
.helm-skin-toggle { margin-top: 8px !important; }

/* ---------- engraved gold key faces ---------- */
#planetary-nav-array button,
.cockpit-mod button, .dash button, .ckey, .pna-mode, .helm-reset,
.helm-skin-toggle, .helm-nudges button, .pc-controls button,
.sensor-controls button, .nav-bezel-controls button, .mod-keys button,
button.tk-l, button.tk-s {
  background-image: url("/img/solid-gold-key.webp"), linear-gradient(180deg, rgba(255,233,168,.5) 0%, rgba(212,175,55,.5) 38%, rgba(168,132,44,.5) 62%, rgba(138,109,31,.5) 100%) !important;
  background-size: 140px 140px, cover !important;
  background-blend-mode: overlay !important;
}
#planetary-nav-array button:active,
.cockpit-mod button:active, .dash button:active, .ckey:active {
  background-image: url("/img/solid-gold-key.webp"), linear-gradient(180deg, rgba(138,109,31,.6) 0%, rgba(168,132,44,.6) 60%, rgba(212,175,55,.6) 100%) !important;
  background-size: 140px 140px, cover !important;
  background-blend-mode: overlay !important;
}

/* ---------- key label legibility: dark type on gold ---------- */
.ckey .ckey-name, .ckey-name {
  color: #2a1c05 !important;
  text-shadow: 0 1px 0 rgba(255,240,190,.65) !important;
}
.ckey .ckey-sub, .ckey-sub {
  color: #5a430c !important;
  text-shadow: 0 1px 0 rgba(255,240,190,.5) !important;
}
#planetary-nav-array button strong,
.cockpit-mod button strong, .dash button strong {
  color: #2a1c05 !important;
  text-shadow: 0 1px 0 rgba(255,240,190,.65) !important;
}
#planetary-nav-array button span,
.cockpit-mod button span, .dash button span {
  color: #5a430c !important;
  text-shadow: 0 1px 0 rgba(255,240,190,.5) !important;
}

/* ---------- TI keys: gold bars, engraved Michroma, ruby accent ---------- */
.tikey {
  background-image: url("/img/solid-gold-key.webp"), linear-gradient(180deg, rgba(255,233,168,.45) 0%, rgba(212,175,55,.45) 45%, rgba(168,132,44,.55) 100%) !important;
  background-size: 140px 140px, cover !important;
  background-blend-mode: overlay !important;
  border: 1px solid #5c430e !important;
  border-bottom: 3px solid #6b4f10 !important;
  border-radius: 6px !important;
  color: #2a1c05 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.5), 0 2px 5px rgba(0,0,0,.6) !important;
}
.tikey::after {
  content: "";
  position: absolute;
  left: 10px; right: 10px; bottom: 4px;
  height: 2px;
  background: linear-gradient(90deg, transparent, #d21f26 30%, #ff6b6b 50%, #d21f26 70%, transparent);
  box-shadow: 0 0 6px rgba(210,31,38,.9);
  pointer-events: none;
}
.tikey .tk-l, .tk-l {
  font-family: "Michroma", sans-serif !important;
  font-size: .78rem !important;
  color: #2a1c05 !important;
  letter-spacing: 1px !important;
  text-shadow: 0 1px 0 rgba(255,240,190,.7) !important;
}
.tikey .tk-s, .tk-s {
  font-family: "Michroma", sans-serif !important;
  color: #6b4a0a !important;
  letter-spacing: 1px !important;
}
.tikey.k2nd { border-color: #7a1010 !important; }
.tikey.k2nd .tk-l { color: #7a1010 !important; }
.tikey:active { transform: translateY(2px) !important; border-bottom-width: 1px !important; }

/* ---------- guilloche banknote strips on panels ---------- */
.cockpit-mod {
  background:
    radial-gradient(1.3px 1.3px at 12% 18%, rgba(255,242,205,.85), transparent 60%),
    radial-gradient(1px 1px at 82% 8%, rgba(255,242,205,.7), transparent 60%),
    radial-gradient(1.1px 1.1px at 68% 88%, rgba(255,242,205,.75), transparent 60%),
    radial-gradient(1px 1px at 32% 74%, rgba(255,242,205,.6), transparent 60%),
    radial-gradient(1.2px 1.2px at 92% 62%, rgba(255,242,205,.7), transparent 60%),
    url("/img/solid-treasury-note.webp?v=20260927b") center / 76% auto no-repeat,
    linear-gradient(180deg, rgba(38,26,8,.88), rgba(14,9,3,.88)),
    url("/img/solid-panel-engraving.webp") center / cover no-repeat !important;
  background-blend-mode: normal, normal, normal, normal, normal, soft-light, normal, normal !important;
  animation: panel-drift 150s ease-in-out infinite alternate !important;
  border: 2px solid #d4af37 !important;
  outline: 1px solid #6b4e12 !important;
  outline-offset: -5px !important;
  border-radius: 12px !important;
  position: relative !important;
  padding-top: 24px !important;
  padding-bottom: 24px !important;
  box-shadow: 0 18px 50px rgba(0,0,0,.75), 0 0 30px rgba(212,175,55,.12) !important;
}
.cockpit-mod::before, .cockpit-mod::after {
  content: "";
  position: absolute !important;
  left: 6px !important; right: 6px !important; height: 13px !important;
  background: url("/img/solid-guilloche-strip.webp") left center / auto 13px repeat-x !important;
  pointer-events: none !important;
  z-index: 2 !important;
}
.cockpit-mod::before { top: 5px !important; }
.cockpit-mod::after { bottom: 5px !important; }

/* ---------- Solid signature: page frame, maker seal, living gold ---------- */
.solid-page-frame {
  position: fixed !important; inset: 10px !important; z-index: 2000 !important;
  pointer-events: none !important;
  border: 16px solid transparent !important;
  border-image: url("/img/solid-guilloche-frame.webp") 160 / 16px round !important;
  opacity: .92 !important;
}
.solid-maker-seal {
  position: fixed !important; right: 30px !important; bottom: 30px !important;
  width: 68px !important; height: 68px !important;
  z-index: 2001 !important; pointer-events: none !important; opacity: .94 !important;
  filter: drop-shadow(0 4px 10px rgba(0,0,0,.7)) !important;
  animation: seal-float 6s ease-in-out infinite !important;
}
@keyframes seal-float {
  0%, 100% { transform: translateY(0) rotate(-5deg); }
  50% { transform: translateY(-6px) rotate(5deg); }
}
.bridge-bar .emblem { animation: solid-gleam 7s ease-in-out infinite !important; }
@keyframes solid-gleam {
  0%, 86%, 100% { filter: drop-shadow(0 0 6px rgba(212,175,55,.45)) brightness(1); }
  93% { filter: drop-shadow(0 0 20px rgba(255,220,130,.95)) brightness(1.4); }
}

/* ---------- treasury note: dimensions upon dimensions, impossible to forge ---------- */
.treasury-note {
  position: relative !important;
  margin: 14px 0 !important;
  height: 196px !important;
  perspective: 950px !important;
}
.tn-stage {
  position: absolute !important;
  inset: 0 !important;
  transform-style: preserve-3d !important;
  transition: transform .18s ease-out !important;
  will-change: transform !important;
}
.tn-base {
  position: absolute !important; inset: 0 !important;
  background: url("/img/solid-treasury-note.webp?v=20260927b") center / cover no-repeat !important;
  border-radius: 10px !important;
  transform: translateZ(0px) !important;
}
.tn-watermark {
  position: absolute !important; inset: 0 !important;
  background: url("/img/solid-helm-emblem.webp") center / 34% no-repeat !important;
  opacity: .08 !important;
  mix-blend-mode: screen !important;
  transform: translateZ(20px) !important;
  transition: opacity .35s !important;
  pointer-events: none !important;
}
.treasury-note.tn-lit .tn-watermark { opacity: .38 !important; }
.tn-thread {
  position: absolute !important; top: -6% !important; bottom: -6% !important; left: 11% !important;
  width: 5px !important;
  background: repeating-linear-gradient(180deg, rgba(255,240,200,.9) 0 6px, rgba(120,80,20,.95) 6px 12px) !important;
  opacity: .45 !important;
  box-shadow: 0 0 10px rgba(255,220,150,.65) !important;
  transform: translateZ(30px) !important;
  pointer-events: none !important;
}
.tn-holo {
  position: absolute !important; inset: -35% !important;
  background: linear-gradient(115deg, transparent 42%, rgba(255,0,140,.30) 47%, rgba(0,255,255,.32) 52%, rgba(255,255,0,.30) 57%, transparent 62%) !important;
  mix-blend-mode: screen !important;
  transform: translateZ(44px) !important;
  animation: tn-holo-sweep 7s linear infinite !important;
  pointer-events: none !important;
}
@keyframes tn-holo-sweep {
  from { transform: translateZ(44px) translateX(-28%); }
  to { transform: translateZ(44px) translateX(28%); }
}
.tn-microprint {
  position: absolute !important; left: 10px !important; right: 10px !important;
  overflow: hidden !important; white-space: nowrap !important;
  transform: translateZ(22px) !important;
  pointer-events: none !important;
}
.tn-microprint span {
  font-family: "Cinzel", serif !important;
  font-size: 7px !important; letter-spacing: 3px !important;
  color: rgba(240,217,140,.8) !important;
}
.tn-micro-top { top: 5px !important; }
.tn-micro-bottom { bottom: 5px !important; }
.tn-latent {
  position: absolute !important; inset: 0 !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  font-family: "Cinzel", serif !important; font-size: 58px !important;
  letter-spacing: 26px !important; text-indent: 26px !important;
  color: rgba(255,220,150,0) !important;
  transform: translateZ(36px) !important;
  transition: color .35s !important;
  pointer-events: none !important;
}
.treasury-note.tn-lit-l .tn-latent { color: rgba(255,220,150,.55) !important; }
.treasury-note.tn-lit-r .tn-latent2 { color: rgba(150,230,255,.50) !important; }
.tn-sigil {
  position: absolute !important; right: 16px !important; bottom: 18px !important;
  width: 76px !important; height: 76px !important;
  transform: translateZ(58px) !important;
  filter: drop-shadow(0 0 7px rgba(212,175,55,.75)) !important;
  pointer-events: none !important;
}
.tn-frame {
  position: absolute !important; inset: 0 !important;
  border: 2px solid #d4af37 !important;
  outline: 1px solid #6b4e12 !important;
  outline-offset: -6px !important;
  border-radius: 10px !important;
  box-shadow: 0 0 28px rgba(212,175,55,.30), inset 0 0 34px rgba(0,0,0,.45) !important;
  pointer-events: none !important;
}

/* ---------- treasury note: reverse face, flip, UV blacklight ---------- */
.tn-face {
  position: absolute !important; inset: 0 !important;
  transform-style: preserve-3d !important;
  backface-visibility: hidden !important;
  -webkit-backface-visibility: hidden !important;
}
.tn-back { transform: rotateY(180deg) !important; }
.tn-back-base {
  position: absolute !important; inset: 0 !important;
  background: url("/img/solid-treasury-back.webp") center / cover no-repeat !important;
  border-radius: 10px !important;
  transform: translateZ(0px) !important;
}
.tn-countersigil {
  position: absolute !important; left: 16px !important; bottom: 18px !important;
  width: 76px !important; height: 76px !important;
  transform: translateZ(58px) !important;
  filter: drop-shadow(0 0 7px rgba(212,175,55,.75)) !important;
  pointer-events: none !important;
}
.tn-uvfibers {
  position: absolute !important; inset: 0 !important;
  width: 100% !important; height: 100% !important;
  transform: translateZ(48px) !important;
  opacity: 0 !important;
  transition: opacity .4s !important;
  pointer-events: none !important;
}
.treasury-note.tn-uv .tn-uvfibers { opacity: 1 !important; }
.treasury-note.tn-uv .tn-base { filter: brightness(.38) saturate(.75) !important; }
.treasury-note.tn-uv .tn-holo { animation-play-state: paused !important; opacity: .15 !important; }
.tn-tool {
  position: absolute !important; top: 8px !important; z-index: 70 !important;
  min-width: 46px !important; height: 26px !important; padding: 0 8px !important;
  border: 1px solid #d4af37 !important; border-radius: 13px !important;
  background: rgba(10,6,2,.88) !important; color: #f0d98c !important;
  font-family: "Cinzel", serif !important; font-size: 10px !important; letter-spacing: 2px !important;
  cursor: pointer !important;
}
#tn-flip-btn { right: 10px !important; }
#tn-uv-btn { right: 64px !important; }
.tn-tool.on { background: #d4af37 !important; color: #120a04 !important; font-weight: bold !important; }

/* ============ THE VAULT - mint archive (20260927o) ============ */
.vault-mod{ margin:18px auto 6px; max-width:1180px; width:calc(100% - 20px); }
.vault-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(158px,1fr)); gap:14px; padding:6px 4px 12px; }
.v-card{ perspective:900px; }
.v-stage{ position:relative; transform-style:preserve-3d; transition:transform .8s cubic-bezier(.2,.7,.3,1.15); }
.v-card.v-flipped .v-stage{ transform:rotateY(180deg); }
.v-face{ backface-visibility:hidden; -webkit-backface-visibility:hidden; border:1px solid rgba(212,175,55,.55); border-radius:10px; overflow:hidden; background:#0a0603; box-shadow:0 0 14px rgba(212,175,55,.18); }
.v-front{ position:relative; }
.v-front img{ display:block; width:100%; aspect-ratio:4/3; object-fit:contain; background:#070402; transition:filter .4s; }
.v-card.v-uvon .v-front img{ filter:brightness(.35) saturate(1.5); }
.v-uv{ position:absolute; inset:0; width:100%; height:100%; opacity:0; transition:opacity .4s; pointer-events:none; }
.v-card.v-uvon .v-uv{ opacity:1; }
.v-name{ padding:7px 8px 9px; font-size:11px; letter-spacing:.14em; color:#e8c76a; text-align:center; text-transform:uppercase; border-top:1px solid rgba(212,175,55,.35); background:linear-gradient(180deg, rgba(30,20,6,.9), rgba(10,6,2,.9)); }
.v-back{ position:absolute; inset:0; transform:rotateY(180deg); display:flex; }
.v-cert{ margin:auto; text-align:center; padding:10px 8px; width:100%; }
.v-cert-title{ font-size:11px; letter-spacing:.12em; color:#e8c76a; text-transform:uppercase; margin-bottom:6px; }
.v-serial{ width:92px; height:92px; }
.v-cert-micro{ font-size:7px; letter-spacing:.28em; color:rgba(232,199,106,.6); white-space:nowrap; overflow:hidden; margin:6px 0 4px; }
.v-cert-foot{ font-size:8px; letter-spacing:.2em; color:rgba(232,199,106,.45); }
.v-tools{ display:flex; gap:8px; justify-content:center; margin-top:8px; }
.v-tools button{ font-size:10px; letter-spacing:.18em; padding:5px 12px; border:1px solid rgba(212,175,55,.6); border-radius:20px; background:rgba(20,12,4,.85); color:#e8c76a; cursor:pointer; }
.v-tools button:active{ transform:scale(.94); }

/* ============ VAULT blacklight + hover (20260927p) ============ */
.vault-tools-bar{ display:flex; justify-content:center; padding:2px 0 6px; }
#vault-blacklight{ font-size:11px; letter-spacing:.22em; padding:7px 20px; border:1px solid rgba(212,175,55,.65); border-radius:24px; background:linear-gradient(180deg, rgba(60,40,10,.9), rgba(25,14,4,.9)); color:#e8c76a; cursor:pointer; }
#vault-blacklight.on{ background:linear-gradient(180deg, #2a0a3a, #0a0a2a); color:#e0aaff; border-color:#b46aff; box-shadow:0 0 16px rgba(150,80,255,.5); }
.v-card{ transition:transform .25s ease; }
.v-card:hover{ transform:translateY(-3px); }
.v-card:hover .v-face{ box-shadow:0 0 22px rgba(212,175,55,.35); }

.tn-latent2 {
  position: absolute !important; inset: 0 !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  font-family: "Cinzel", serif !important; font-size: 34px !important;
  letter-spacing: 14px !important; text-indent: 14px !important;
  color: rgba(150,230,255,0) !important;
  transform: translateZ(36px) !important;
  transition: color .35s !important;
  pointer-events: none !important;
}
.tn-window {
  position: absolute !important; top: 14px !important; right: 16px !important;
  width: 62px !important; height: 42px !important; border-radius: 9px !important;
  background: linear-gradient(135deg, rgba(255,255,255,.07), rgba(255,255,255,.015)) !important;
  border: 1px solid rgba(0,255,255,.55) !important;
  box-shadow: 0 0 14px rgba(0,255,255,.28), inset 0 0 18px rgba(255,0,255,.16) !important;
  transform: translateZ(52px) !important;
  pointer-events: none !important;
}
.tn-window::after {
  content: '\2726' !important;
  position: absolute !important; inset: 0 !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  color: rgba(255,255,255,.8) !important; font-size: 19px !important;
  text-shadow: 0 0 9px #00ffff !important;
}
.tn-lightning {
  position: absolute !important; inset: 0 !important;
  width: 100% !important; height: 100% !important;
  transform: translateZ(64px) !important;
  pointer-events: none !important;
  mix-blend-mode: screen !important;
}

.helm-compass-wrap { position: relative !important; }
.helm-uvlayer {
  position: absolute !important; inset: 0 !important;
  width: 100% !important; height: 100% !important;
  pointer-events: none !important; z-index: 4 !important;
  opacity: 0 !important; transition: opacity .5s !important;
}
.helm-compass-wrap.bl-on .helm-uvlayer { opacity: 1 !important; }
.helm-compass-wrap.bl-on #helm-course-needle { filter: drop-shadow(0 0 7px #00ffff) !important; }
.helm-sensor-btn {
  position: absolute !important; left: 50% !important; top: 50% !important;
  transform: translate(-50%,-50%) !important;
  width: 96px !important; height: 96px !important; border-radius: 50% !important;
  background:
    radial-gradient(circle at 35% 28%, #fff6d8 0%, #f4d765 30%, #d4af37 58%, #8a6d1f 82%, #6b4f10 100%) center/74% 74% no-repeat,
    repeating-conic-gradient(#5c430e 0deg 2.4deg, #e8c95a 2.4deg 4.8deg) !important;
  border: none !important; color: #3a2a08 !important;
  font-family: "Cinzel", serif !important; font-size: 7px !important; letter-spacing: .5px !important;
  line-height: 1.5 !important; text-align: center !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  cursor: pointer !important; z-index: 5 !important;
  text-shadow: 0 1px 0 rgba(255,246,216,.65), 0 -1px 1px rgba(58,42,8,.55) !important;
  box-shadow: inset 0 2px 6px rgba(255,255,255,.55), inset 0 -4px 8px rgba(58,42,8,.5), 0 0 18px rgba(212,175,55,.6) !important;
}
.helm-sensor-btn::after {
  content: "" !important; position: absolute !important; inset: 16% !important;
  border-radius: 50% !important; border: 1px solid rgba(92,67,14,.85) !important;
  box-shadow: inset 0 1px 3px rgba(255,255,255,.5), 0 1px 2px rgba(255,246,216,.35) !important;
  pointer-events: none !important;
}
.helm-sensor-btn.engaged {
  background:
    radial-gradient(circle at 35% 28%, #eaffff 0%, #66ffff 30%, #0099aa 62%, #023338 100%) center/74% 74% no-repeat,
    repeating-conic-gradient(#023338 0deg 2.4deg, #66ffff 2.4deg 4.8deg) !important;
  color: #eaffff !important;
  text-shadow: 0 1px 0 rgba(234,255,255,.5), 0 -1px 1px rgba(2,51,56,.6) !important;
  box-shadow: inset 0 2px 6px rgba(255,255,255,.5), inset 0 -4px 8px rgba(2,51,56,.55), 0 0 26px rgba(0,255,255,.85) !important;
}
.helm-sensor-btn.engaged::after { border-color: rgba(0,255,255,.7) !important; }

@keyframes panel-drift {
  from { background-position: 0 0, 0 0, 0 0, 0 0, 0 0, center, center, center; }
  to { background-position: 0 0, 0 0, 0 0, 0 0, 0 0, center, center, 118% 62%; }
}
@keyframes bridge-drift {
  from { background-position: 0 0, 0 0, 0 0, center, center, center; }
  to { background-position: 0 0, 0 0, 0 0, center, center, 115% 60%; }
}
.tn-seal-caption {
  text-align: center !important;
  color: #e8c95a !important;
  font-family: "Cinzel", serif !important;
  font-size: .68rem !important;
  letter-spacing: 6px !important;
  text-indent: 6px !important;
  margin: 10px 0 2px !important;
  opacity: .92 !important;
  text-shadow: 0 0 10px rgba(212,175,55,.6) !important;
}

.seal-modal{position:fixed!important;inset:0!important;z-index:3000!important;display:none!important;align-items:center!important;justify-content:center!important;background:rgba(2,1,0,.84)!important;padding:18px!important;}
.seal-modal.open{display:flex!important;}
.seal-cert{position:relative!important;max-width:520px!important;width:100%!important;max-height:84vh!important;overflow:auto!important;background:linear-gradient(180deg,rgba(38,26,8,.97),rgba(14,9,3,.97)),url("/img/solid-panel-engraving.webp") center/cover no-repeat!important;border:2px solid #d4af37!important;border-radius:12px!important;padding:36px 26px 26px!important;text-align:center!important;box-shadow:0 0 44px rgba(212,175,55,.4)!important;}
.seal-ring{position:absolute!important;inset:10px!important;border:1px solid #8a6d1f!important;border-radius:8px!important;pointer-events:none!important;}
.seal-title{color:#e8c95a!important;font-family:"Cinzel",serif!important;letter-spacing:4px!important;font-size:.7rem!important;margin-bottom:10px!important;}
.seal-name{color:#ffe9a8!important;font-family:"Cinzel",serif!important;font-size:1.05rem!important;letter-spacing:2px!important;margin-bottom:14px!important;text-shadow:0 0 12px rgba(212,175,55,.8)!important;}
.seal-text{white-space:pre-wrap!important;text-align:left!important;color:#f0d98c!important;font-size:.72rem!important;line-height:1.65!important;background:rgba(0,0,0,.45)!important;border:1px solid #6b4e12!important;border-radius:8px!important;padding:12px 14px!important;margin:0 0 14px!important;font-family:inherit!important;}
.seal-serial{color:#a8842c!important;letter-spacing:3px!important;font-size:.62rem!important;margin-bottom:18px!important;}
.seal-close{background:linear-gradient(180deg,#ffe9a8,#a8842c)!important;border:1px solid #5c430e!important;color:#3a2a08!important;border-radius:8px!important;padding:10px 28px!important;font-family:"Cinzel",serif!important;letter-spacing:2px!important;cursor:pointer!important;}
.page-bl-canvas{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;z-index:2500!important;pointer-events:none!important;display:none!important;}
body.page-bl .page-bl-canvas{display:block!important;}
.bl-master{background:rgba(24,10,46,.55)!important;border:1px solid #8a4dff!important;color:#cfaaff!important;border-radius:8px!important;padding:8px 12px!important;font-family:"Cinzel",serif!important;font-size:.62rem!important;letter-spacing:2px!important;cursor:pointer!important;white-space:nowrap!important;text-shadow:0 0 8px #a855f7,0 0 20px #7c3aed!important;box-shadow:0 0 10px rgba(139,77,255,.35),inset 0 0 8px rgba(124,58,237,.25)!important;}
.bl-master.engaged{background:radial-gradient(circle at 50% 40%,rgba(139,77,255,.85),rgba(46,16,101,.9))!important;color:#f3e8ff!important;border-color:#c4b5fd!important;box-shadow:0 0 18px rgba(168,85,247,.9),0 0 42px rgba(124,58,237,.5)!important;text-shadow:0 0 10px #e9d5ff,0 0 26px #a855f7!important;}
.mint-seal{position:absolute!important;top:26px!important;right:12px!important;width:52px!important;height:52px!important;border-radius:50%!important;border:2px solid #d4af37!important;background:radial-gradient(circle at 35% 30%,rgba(255,233,168,.16),rgba(107,78,18,.3))!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;z-index:3!important;pointer-events:none!important;box-shadow:0 0 10px rgba(212,175,55,.35),inset 0 0 8px rgba(0,0,0,.6)!important;}
.mint-seal::before{content:""!important;position:absolute!important;inset:4px!important;border:1px dashed #8a6d1f!important;border-radius:50%!important;}
.mint-glyph{color:#ffe9a8!important;font-size:15px!important;line-height:1!important;text-shadow:0 0 8px rgba(212,175,55,.9)!important;}
.mint-word{color:#a8842c!important;font-size:6px!important;letter-spacing:2px!important;text-indent:2px!important;font-family:"Cinzel",serif!important;margin-top:2px!important;}

.v-own{display:inline-block!important;color:#3a2a08!important;background:linear-gradient(180deg,#ffe9a8,#c9982f)!important;border:1px solid #5c430e!important;border-radius:6px!important;padding:6px 10px!important;font-size:.6rem!important;letter-spacing:2px!important;font-family:"Cinzel",serif!important;text-decoration:none!important;}

#helm-guil{transform-origin:250px 250px!important;animation:helm-guil-drift 140s linear infinite!important;}
@keyframes helm-guil-drift{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}
.helm-nav-instrument{position:relative!important;}
.helm-nav-instrument::before{content:""!important;position:absolute!important;inset:-16px!important;z-index:0!important;pointer-events:none!important;background:radial-gradient(ellipse 62% 46% at 30% 36%, rgba(212,175,55,.15), transparent 70%),radial-gradient(ellipse 46% 40% at 72% 68%, rgba(255,77,255,.09), transparent 70%)!important;animation:helm-breathe 14s ease-in-out infinite alternate!important;}
@keyframes helm-breathe{from{opacity:.5;transform:scale(1);}to{opacity:1;transform:scale(1.035);}}
.helm-compass-wrap{position:relative!important;z-index:1!important;}
.helm-bearing-panel{background:transparent!important;border:none!important;box-shadow:none!important;position:relative!important;z-index:1!important;}
.helm-bearing-readouts{background:transparent!important;border:none!important;}
@media(max-width:640px){.helm-bearing-panel{margin-top:-14px!important;}}

#abyss{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;z-index:0!important;pointer-events:none!important;}
body::before{position:fixed!important;inset:0!important;z-index:1!important;pointer-events:none!important;}
.seal-stamp{position:absolute!important;top:50%!important;left:50%!important;width:150px!important;height:150px!important;margin:-75px 0 0 -75px!important;border:3px double #e8c95a!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;transform:scale(3)!important;opacity:0!important;pointer-events:none!important;z-index:5!important;box-shadow:0 0 30px rgba(212,175,55,.0)!important;}
.seal-stamp span{color:#e8c95a!important;font-family:"Cinzel",serif!important;letter-spacing:4px!important;text-indent:4px!important;font-size:.78rem!important;text-shadow:0 0 14px rgba(212,175,55,.9)!important;transform:rotate(-12deg)!important;}
.seal-stamp.slam{animation:seal-slam .55s cubic-bezier(.2,1.4,.4,1) forwards!important;}
@keyframes seal-slam{0%{transform:scale(3);opacity:0;box-shadow:0 0 0 rgba(212,175,55,0);}45%{transform:scale(.94);opacity:1;box-shadow:0 0 60px rgba(212,175,55,.85);}70%{transform:scale(1.05);}100%{transform:scale(1);opacity:1;box-shadow:0 0 26px rgba(212,175,55,.5);}}
.seal-serial.burn{animation:serial-burn 1.2s ease forwards!important;}
@keyframes serial-burn{0%{opacity:0;letter-spacing:8px;text-shadow:0 0 24px rgba(255,120,40,.95);}100%{opacity:1;letter-spacing:3px;text-shadow:0 0 8px rgba(212,175,55,.7);}}
.seal-close{opacity:0!important;pointer-events:none!important;transition:opacity .6s ease!important;}
.seal-close.show{opacity:1!important;pointer-events:auto!important;}

.caplog-sub{color:#a8842c!important;font-size:.68rem!important;letter-spacing:2px!important;margin:2px 0 12px!important;}
.caplog-list{display:flex!important;flex-direction:column!important;gap:12px!important;}
.caplog-empty{color:#8a6d3f!important;font-style:italic!important;padding:18px 6px!important;text-align:center!important;}
.caplog-entry{border:1px solid rgba(212,175,55,.35)!important;background:rgba(8,5,2,.55)!important;border-radius:8px!important;padding:12px 14px!important;position:relative!important;}
.caplog-entry::before{content:"✦"!important;position:absolute!important;top:8px!important;right:10px!important;color:rgba(212,175,55,.5)!important;font-size:.8rem!important;}
.caplog-serial{color:#e8c95a!important;letter-spacing:3px!important;font-size:.72rem!important;margin-bottom:6px!important;text-shadow:0 0 8px rgba(212,175,55,.6)!important;}
.caplog-title{color:#ffe9a8!important;font-weight:700!important;letter-spacing:1px!important;margin-bottom:6px!important;}
.caplog-text{color:#d8c690!important;font-size:.82rem!important;line-height:1.5!important;white-space:pre-wrap!important;max-height:180px!important;overflow:auto!important;}

.helm-waveband{animation-name:helm-wave-drift!important;animation-timing-function:linear!important;animation-iteration-count:infinite!important;}
@keyframes helm-wave-drift{from{transform:translateX(0);}to{transform:translateX(-340px);}}

#helm-chiaro-light{position:absolute!important;inset:0!important;border-radius:50%!important;pointer-events:none!important;z-index:1!important;background:radial-gradient(circle at 68% 24%,rgba(255,246,220,0.24) 0%,rgba(255,240,200,0.09) 40%,rgba(255,240,200,0) 66%)!important;}
#helm-chiaro-shadow{position:absolute!important;inset:0!important;border-radius:50%!important;pointer-events:none!important;z-index:1!important;background:radial-gradient(circle at 28% 78%,rgba(0,0,0,0.52) 0%,rgba(0,0,0,0.20) 44%,rgba(0,0,0,0) 68%)!important;box-shadow:inset 0 0 44px 12px rgba(0,0,0,0.60),inset 0 0 110px 26px rgba(0,0,0,0.28)!important;}
#helm-wavebands{filter:drop-shadow(0 3px 4px rgba(0,0,0,0.55)) drop-shadow(0 0 7px rgba(212,175,55,0.28))!important;}

/* PRISM VEIL — the console in the image's vibe: iridescent spectral scanlines */
.bridge-bar{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important;}
.bridge-bar .emblem{flex:0 0 auto!important;}
.bridge-title{flex:1 1 auto!important;text-align:center!important;}
.syslights{flex:0 0 auto!important;}
.bridge-bar::after{flex:0 0 100%!important;}
#prism-veil{position:fixed!important;inset:0!important;z-index:2147483000!important;pointer-events:none!important;mix-blend-mode:screen!important;opacity:.55!important;
background:
repeating-linear-gradient(180deg,rgba(255,70,130,.30) 0 1px,rgba(255,70,130,0) 1px 5px,rgba(255,170,60,.24) 5px 6px,rgba(255,170,60,0) 6px 10px,rgba(250,230,90,.22) 10px 11px,rgba(250,230,90,0) 11px 15px,rgba(120,230,120,.22) 15px 16px,rgba(120,230,120,0) 16px 20px,rgba(90,200,255,.24) 20px 21px,rgba(90,200,255,0) 21px 25px,rgba(150,120,255,.26) 25px 26px,rgba(150,120,255,0) 26px 30px,rgba(220,120,255,.24) 30px 31px,rgba(220,120,255,0) 31px 35px),
linear-gradient(180deg,rgba(255,45,120,.12),rgba(255,45,120,0) 22%),
linear-gradient(0deg,rgba(0,225,200,.10),rgba(0,225,200,0) 20%)!important;
animation:prism-drift 90s linear infinite!important;}
@keyframes prism-drift{from{background-position:0 0,0 0,0 0;}to{background-position:0 350px,0 0,0 0;}}
@media (prefers-reduced-motion:reduce){#prism-veil{animation:none!important;}}

html,body{overflow-x:clip!important;}

/* FUTURE COIN — holographic metamorphosis */
#helm-tac-ring{transform-box:fill-box!important;transform-origin:center!important;animation:helm-tac-spin 160s linear infinite!important;}
@keyframes helm-tac-spin{to{transform:rotate(-360deg);}}
#helm-holo-swirl{position:absolute!important;inset:0!important;border-radius:50%!important;pointer-events:none!important;mix-blend-mode:screen!important;opacity:.16!important;background:conic-gradient(from 0deg,#2a1540,#7a3fd4,#c9a227,#e08fff,#3b1f6e,#9a6bff,#2a1540)!important;animation:helm-holo-spin 120s linear infinite!important;-webkit-mask-image:radial-gradient(circle,#000 58%,transparent 71%)!important;mask-image:radial-gradient(circle,#000 58%,transparent 71%)!important;}
@keyframes helm-holo-spin{to{transform:rotate(360deg);}}
#helm-holo-swipe{position:absolute!important;inset:0!important;border-radius:50%!important;overflow:hidden!important;pointer-events:none!important;mix-blend-mode:screen!important;}
#helm-holo-band{position:absolute!important;inset:0!important;background:linear-gradient(105deg,transparent 42%,rgba(255,255,255,.13) 47%,rgba(255,246,220,.22) 50%,rgba(255,255,255,.13) 53%,transparent 58%)!important;animation:helm-holo-swipe 11s ease-in-out infinite!important;}
@keyframes helm-holo-swipe{0%{transform:translateX(-135%);}38%{transform:translateX(135%);}100%{transform:translateX(135%);}}
#helm-orbit-light{position:absolute!important;inset:0!important;border-radius:50%!important;pointer-events:none!important;animation:helm-orbit 26s linear infinite!important;}
@keyframes helm-orbit{to{transform:rotate(360deg);}}
#helm-orbit-dot{position:absolute!important;top:1%!important;left:50%!important;width:26%!important;aspect-ratio:1/1!important;transform:translateX(-50%)!important;background:radial-gradient(circle,rgba(255,250,230,.85),rgba(255,240,200,.25) 45%,transparent 70%)!important;filter:blur(6px)!important;mix-blend-mode:screen!important;}
.helm-waveband-holo{animation-name:helm-wave-drift,helm-holo-hue!important;}
@keyframes helm-holo-hue{from{filter:hue-rotate(0deg);}to{filter:hue-rotate(360deg);}}
@media (prefers-reduced-motion:reduce){#helm-tac-ring,#helm-holo-swirl,#helm-holo-band,#helm-orbit-light,.helm-waveband-holo{animation:none!important;}}

/* SOVEREIGN CREST — the crown of the console */
.sovereign-crest{position:relative!important;overflow:hidden!important;border:2px solid #d4af37!important;border-radius:14px!important;margin:2px 0 12px!important;aspect-ratio:2/1!important;background:#0a0612!important;box-shadow:0 0 30px rgba(212,175,55,.35),inset 0 0 40px rgba(0,0,0,.6)!important;}
.crest-art{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;animation:crest-breathe 9s ease-in-out infinite,crest-flicker 13s linear infinite!important;}
@keyframes crest-breathe{0%,100%{transform:scale(1);}50%{transform:scale(1.035);}}
@keyframes crest-flicker{0%,88%,94%,100%{filter:brightness(1);}90%{filter:brightness(1.14);}92%{filter:brightness(1.05);}96%{filter:brightness(1.1);}}
#crest-vortex{position:absolute!important;left:50%!important;top:54%!important;width:13%!important;aspect-ratio:1/1!important;transform:translate(-50%,-50%)!important;border-radius:50%!important;pointer-events:none!important;mix-blend-mode:screen!important;}
@media (prefers-reduced-motion:reduce){.crest-art{animation:none!important;}}

/* COIN GLARE FIX — orbit light was a white smear, swirl drowned the nightmare */
#helm-holo-swirl{opacity:.10!important;-webkit-mask-image:radial-gradient(circle,#000 50%,transparent 66%)!important;mask-image:radial-gradient(circle,#000 50%,transparent 66%)!important;}
#helm-orbit-dot{width:15%!important;top:4%!important;background:radial-gradient(circle,rgba(255,250,230,.55),rgba(255,240,200,.18) 45%,transparent 70%)!important;filter:blur(8px)!important;}

/* NOTE-STYLE COIN — CSS layers join the palette */
#helm-chiaro-light{background:radial-gradient(circle at 68% 24%,rgba(196,158,255,0.20) 0%,rgba(150,110,255,0.07) 40%,rgba(150,110,255,0) 66%)!important;}
.helm-waveband-holo{stroke:#9a6bff!important;}
@keyframes helm-holo-hue{0%{filter:hue-rotate(-55deg);}50%{filter:hue-rotate(55deg);}100%{filter:hue-rotate(-55deg);}}

/* ---------- HELM LIT — turn them on (the King's word, 2026-10-28) ---------- */
/* The keys' jewel: a lit amber stone, no longer the red theme's ember. */
.ckey::before {
  background: linear-gradient(180deg, #fff3c4, #ffc93c 55%, #b8860b) !important;
  box-shadow: 0 0 14px rgba(255, 190, 60, 0.95), inset 0 2px 3px rgba(255, 255, 255, 0.65), inset 0 -2px 3px rgba(90, 60, 10, 0.5) !important;
}
.ckey:hover::before {
  background: linear-gradient(180deg, #fff8dc, #ffd75e 55%, #d4a017) !important;
  box-shadow: 0 0 18px rgba(255, 200, 80, 1), inset 0 2px 3px rgba(255, 255, 255, 0.7), inset 0 -2px 3px rgba(90, 60, 10, 0.5) !important;
}
/* The panel diamonds: lit amber, keeping the gold file's own glyph. */
.mod-label::before {
  color: #ffc93c !important;
  text-shadow: 0 0 10px rgba(255, 190, 60, 0.95) !important;
}
/* The deck instruments: lit boxes, readable gold. */
.cp-instrument {
  border: 1px solid #d4af37 !important;
  background: linear-gradient(180deg, rgba(58, 40, 12, 0.92), rgba(24, 16, 5, 0.92)) !important;
  box-shadow: inset 0 0 18px rgba(0, 0, 0, 0.55), 0 0 12px rgba(212, 175, 55, 0.22) !important;
}
.cp-name { color: #ffe9a8 !important; text-shadow: 0 0 8px rgba(212, 175, 55, 0.55) !important; }
.cp-value { color: #fff3c4 !important; text-shadow: 0 0 12px rgba(255, 200, 80, 0.6) !important; }
.cp-sub { color: #d8b45a !important; }
.cp-lore { color: #e8d9a8 !important; }
/* The wormhole's call: a lit gold key like every other key on the helm. */
.wh-call {
  background: linear-gradient(180deg, #ffe9a8 0%, #d4af37 38%, #a8842c 62%, #8a6d1f 100%) !important;
  color: #2a1c05 !important;
  border: 1px solid #5c430e !important;
  text-shadow: 0 1px 0 rgba(255, 240, 190, 0.6) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55), inset 0 -2px 4px rgba(90, 60, 10, 0.55), 0 2px 6px rgba(0, 0, 0, 0.7), 0 0 14px rgba(212, 175, 55, 0.5) !important;
}