/* BLACKHORN / Violet Orbit — shared identity across HQ and the arena. */
:root { --bull:#b59aff; --bull-2:#d9caff; --bull-deep:#7450bd; --bull-dark:#26153d; --gold:#ffcb7a; --ink:#0c0914; --panel:#141020; --panel-2:#1c162c; --grid:#251d35; --line:#352947; --line-2:#4c3b65; --text:#f2edf9; --muted:#a99cba; }
html { scroll-behavior:smooth; }
.brand b { font-family:var(--mono); font-size:25px; font-weight:700; letter-spacing:.16em; text-shadow:none; }
.brand img { filter:none; image-rendering:auto; }
.bar { background:rgba(12,9,20,.88); backdrop-filter:blur(18px); border-bottom:1px solid var(--line); }
.edition-banner { max-width:1120px; margin:18px auto 0; padding:10px 16px; border:1px solid #352947; border-radius:6px; display:flex; align-items:center; gap:16px; font:10px/1.5 var(--mono); letter-spacing:.1em; color:var(--bull); }
.edition-banner span { color:var(--muted); letter-spacing:0; }
.edition-banner a { margin-left:auto; color:var(--text); text-decoration:none; }
.hero { padding-top:42px; }
h1 { font-size:clamp(60px,7.8vw,100px); letter-spacing:-.025em; line-height:.92; }
h1 em { color:var(--bull); }
.chart-bg { background-image:radial-gradient(ellipse 65% 55% at 85% 12%,#613c7e38,transparent 70%),radial-gradient(ellipse 45% 30% at 0 65%,#94641e12,transparent),linear-gradient(#251d3566 1px,transparent 1px),linear-gradient(90deg,#251d3566 1px,transparent 1px); background-size:100% 100%,100% 100%,48px 48px,48px 48px; }
.monitor { border-color:#654b85; box-shadow:0 0 70px #a078ee12,6px 6px 0 #21152e; border-radius:9px; overflow:hidden; }
.mon-bar { background:#20172e; }
.play,.bar-play { border-radius:5px; box-shadow:4px 4px 0 #644796; }
.play:hover { box-shadow:6px 6px 0 #644796,0 0 36px #b59aff30; }
.verb,.panel,.today,.cell,.ex,.wallet,.note { border-radius:6px; }
.verb { background:linear-gradient(135deg,#b59aff0b,transparent 70%),var(--panel); }
.idx { border-radius:5px; }
.finale { background:radial-gradient(ellipse at center,#b59aff0f,transparent 65%); }
:focus-visible { outline:2px solid var(--gold); outline-offset:5px; }
.local-preview .live-line :is(.ll-sep,.ll-long,.ll-short,[data-countdown]) { display:none; }
.local-preview .ch-clock > .k { display:none; }
.local-preview #countdown { font-size:42px; }
@media(max-width:759px) { .edition-banner { margin:12px 16px 0; flex-wrap:wrap; gap:5px 12px; } .edition-banner span { display:none; } .hero { padding-top:28px; } .brand b { font-size:22px; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }