/* JX4 V5.8 — true red/gold portal surface. Always last. Design: black lacquer + gold etched frames + crimson neon.
   The previous V5.7 still shipped BLUE panel hexes; this file deliberately replaces them, not just theme variables. */
html body.jx-v58{--rg-bg:#09090f;--rg-panel:#16161f;--rg-panel-deep:#101017;--rg-top:#0b0e18;--rg-stroke:rgba(198,163,127,.43);--rg-stroke-soft:rgba(205,166,131,.26);--rg-gold:#fbd8a4;--rg-red:#f34d61;--rg-glow:rgba(237,43,68,.32);--rg-white:#fff8f4;--rg-soft:#d6c8ca;color:var(--rg-white)!important;background:radial-gradient(ellipse 44% 28% at 50% -1%,rgba(155,27,49,.3),transparent 95%),radial-gradient(ellipse 40% 24% at 98% 25%,rgba(108,30,67,.13),transparent 90%),#09090f!important;}
html body.jx-v58[data-v4-theme="imperial"]{--rg-panel:#241921;--rg-panel-deep:#191219;--rg-top:#17111b;--rg-stroke:rgba(246,196,135,.49);--rg-red:#efae5c;--rg-glow:rgba(230,156,67,.36);--rg-gold:#ffe2ac}
html body.jx-v58[data-v4-theme="violet"]{--rg-panel:#1f172d;--rg-panel-deep:#161221;--rg-top:#141124;--rg-stroke:rgba(204,146,238,.47);--rg-red:#c778f4;--rg-glow:rgba(179,87,238,.38);--rg-gold:#e8c8ff}
html body.jx-v58[data-v4-theme="jade"]{--rg-panel:#142628;--rg-panel-deep:#0b191c;--rg-top:#0d1a1d;--rg-stroke:rgba(110,210,196,.46);--rg-red:#45ccb3;--rg-glow:rgba(52,196,170,.3);--rg-gold:#d8ffe8}
html body.v2-liquid.v6-public.jx-v58{--jx57-back:var(--rg-bg);--jx57-panel:var(--rg-panel);--jx57-panel2:var(--rg-panel-deep);--jx57-edge:var(--rg-stroke);--jx57-line:var(--rg-stroke-soft);--jx57-red:var(--rg-red);--jx57-gold:var(--rg-gold);--v6-accent:var(--rg-red);--v6-accent-2:var(--rg-gold);--v6-bg:var(--rg-bg);--v6-pane:var(--rg-panel);--v6-border:var(--rg-stroke);background:radial-gradient(ellipse 45% 26% at 55% 0,rgba(142,27,49,.31),transparent 90%),#09090f!important}
/* Glass site frame has warm edge reflected in lacquer */
html body.v2-liquid.v6-public.jx-v58 .v6-site-shell{background:linear-gradient(180deg,#10111be8 0%,#0b0f18f9 45%,#0a0b13 100%)!important;border-inline:1px solid rgba(216,165,131,.1)!important;box-shadow:0 0 0 1px #1c101e,0 35px 110px #000c,0 0 100px rgba(115,28,49,.14)!important}
html body.v2-liquid.v6-public.jx-v58 .v6-topnav{background:linear-gradient(180deg,#17131e 0%,#0c0e19 82%)!important;border-bottom:1px solid rgba(247,178,134,.49)!important;box-shadow:inset 0 1px 0 rgba(255,202,167,.12),0 1px 16px rgba(239,54,79,.11),0 18px 30px #0009!important}
html body.jx-v58 .v6-brand-type b{color:var(--rg-white)!important;text-shadow:0 0 14px rgba(243,159,110,.16)!important}
html body.jx-v58 .v6-brand-type small{color:var(--rg-gold)!important;letter-spacing:2.9px!important}
html body.jx-v58 .v57-dragon{filter:drop-shadow(0 0 7px rgba(255,195,109,.66))!important}
html body.v2-liquid.v6-public.jx-v58 .v6-desktop-nav>a.selected{background:linear-gradient(180deg,rgba(138,23,44,.24),rgba(200,38,57,.7))!important;border-bottom:3px solid #ff6272!important;box-shadow:0 0 22px rgba(242,42,65,.4),inset 0 1px rgba(255,178,179,.18)!important}
html body.v2-liquid.v6-public.jx-v58 .v6-desktop-nav>a:hover,html body.jx-v58 .v57-nav-drop>summary:hover{background:linear-gradient(180deg,#2d1827,#501e34)!important;color:var(--rg-gold)!important}
html body.jx-v58 .v57-drop-links{background:#18121b!important;border:1px solid var(--rg-stroke)!important;box-shadow:0 20px 44px #000a,0 0 26px var(--rg-glow)!important}
html body.jx-v58 .v57-drop-links a:hover{background:#3e2531!important}
html body.jx-v58 .v6-theme-switch select{background:#1d1723!important;color:#fff2e4!important;border:1px solid var(--rg-stroke)!important}
html body.jx-v58 .v57-head-profile{background:linear-gradient(140deg,#603241,#1c1822)!important;border:1px solid var(--rg-stroke)!important}
/* No more blue interior panel backgrounds: every first-class card becomes red/gold etched metal */
html body.v2-liquid.v6-public.jx-v58 .v6-hero-image-panel,
html body.v2-liquid.v6-public.jx-v58 .v6-announcement-panel,
html body.v2-liquid.v6-public.jx-v58 .v6-portal-card,
html body.v2-liquid.v6-public.jx-v58 .v6-guild-banner,
html body.v2-liquid.v6-public.jx-v58 .v6-registration-grid .glass{
 background:linear-gradient(143deg,rgba(38,32,42,.96),rgba(16,17,26,.98) 64%,rgba(23,18,28,.99))!important;
 border:1px solid var(--rg-stroke)!important;border-radius:12px!important;
 box-shadow:inset 0 1px 0 rgba(255,230,201,.1),inset 0 -1px rgba(0,0,0,.46),0 11px 28px #0009,0 0 15px rgba(186,47,63,.08)!important;
 color:var(--rg-white)!important;
}
html body.jx-v58 .v6-hero-grid{gap:15px!important}
html body.jx-v58 .v6-announcement-panel{position:relative}
html body.jx-v58 .v6-announcement-panel:before{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(180deg,transparent,rgba(235,84,94,.62),transparent);pointer-events:none}
html body.jx-v58 .v6-announcement-panel .v6-panel-title h2:before{content:'📣';font-size:21px;margin-right:2px}
html body.jx-v58 .v6-panel-title{border-bottom:1px solid var(--rg-stroke-soft)!important}
html body.jx-v58 .v6-panel-title h2{color:var(--rg-white)!important;font-size:18px!important;text-shadow:0 0 12px rgba(234,130,99,.10)}
html body.jx-v58 .v6-panel-title a{color:#e9d6c3!important}
html body.jx-v58 .v6-announcement-copy,html body.jx-v58 .v57-notice-text{color:#f0e6e3!important}
html body.jx-v58 .v57-notice-row{border-bottom:1px solid rgba(233,188,157,.14)!important}
html body.jx-v58 .v57-notice-tag{background:linear-gradient(100deg,#9b2835,#e7495d)!important;border-color:#e9818b!important}
html body.jx-v58 .v6-announcement-foot{background:rgba(33,17,28,.56)!important;color:#d1b2a5!important;border-color:var(--rg-stroke-soft)!important}
html body.jx-v58 .v6-hero-image-panel .jx-slide-frame img{filter:contrast(1.06) saturate(1.13)!important}
html body.jx-v58 .v56-slide-arrow{background:#100c17cb!important;border-color:rgba(249,214,182,.58)!important}
html body.jx-v58 .v6-hero-image-panel .slide-dots button.on{background:#ef405a!important;box-shadow:0 0 17px #e82b4d!important}
/* Reference image's six intense stained-glass tiles. All contain their existing functional links. */
html body.v6-public.jx-v58 .v6-shortcut{min-height:137px!important;border:1px solid var(--rg-stroke)!important;border-radius:11px!important;box-shadow:inset 0 1px 0 #ffffff21,0 4px 20px #000a,0 0 12px rgba(163,51,72,.12)!important;overflow:hidden;isolation:isolate}
html body.v6-public.jx-v58 .v6-shortcut:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(137deg,rgba(255,255,255,.10),transparent 23%,transparent 77%,rgba(0,0,0,.24)),radial-gradient(ellipse 60% 34% at 50% 3%,var(--tile-halo),transparent)}
html body.v6-public.jx-v58 .v6-shortcut-red{--tile-icon:#ff7a85;--tile-halo:rgba(255,59,80,.42);background:linear-gradient(144deg,#49242f,#221726 65%,#12131c)!important;border-color:rgba(250,141,151,.45)!important}
html body.v6-public.jx-v58 .v6-shortcut-blue{--tile-icon:#62b5ff;--tile-halo:rgba(52,137,254,.38);background:linear-gradient(144deg,#253753,#19253a 65%,#111723)!important;border-color:rgba(113,167,234,.5)!important}
html body.v6-public.jx-v58 .v6-shortcut-slate{--tile-icon:#deecff;--tile-halo:rgba(161,190,228,.35);background:linear-gradient(144deg,#3b3e52,#242635 65%,#171721)!important}
html body.v6-public.jx-v58 .v6-shortcut-gold{--tile-icon:#ffd08b;--tile-halo:rgba(254,179,69,.45);background:linear-gradient(144deg,#58402d,#302a2c 65%,#1d1921)!important;border-color:rgba(252,191,107,.53)!important}
html body.v6-public.jx-v58 .v6-shortcut-violet{--tile-icon:#cba9ff;--tile-halo:rgba(178,103,254,.45);background:linear-gradient(144deg,#3d2f5b,#25213d 65%,#171423)!important}
html body.v6-public.jx-v58 .v6-shortcut-cyan{--tile-icon:#6fe1fd;--tile-halo:rgba(61,207,245,.39);background:linear-gradient(144deg,#214359,#192a3b 65%,#111b27)!important}
html body.jx-v58 .v6-shortcut-icon{filter:drop-shadow(0 0 9px var(--tile-icon))!important}
html body.jx-v58 .v6-shortcut b{color:#fff9f3!important;text-shadow:0 2px 7px #0008!important}
html body.jx-v58 .v6-shortcut small{color:#e2d4d0!important}
html body.jx-v58 .v6-shortcut:hover{transform:translateY(-4px);box-shadow:0 11px 26px #000a,0 0 24px var(--tile-halo)!important}
/* Lower three columns: dark lacquer, gold rule, red tournament marker */
html body.jx-v58 .v6-portal-card{background:linear-gradient(153deg,#211d27,#10121c 75%,#131722)!important}
html body.jx-v58 .v6-portal-card .v6-panel-title{border-bottom-color:rgba(245,204,158,.22)!important}
html body.jx-v58 .v57-section-emblem{color:var(--rg-gold)!important;filter:drop-shadow(0 0 7px rgba(255,192,91,.44))!important}
html body.jx-v58 .v6-event-art{border-color:rgba(241,186,133,.4)!important;background:#231c2b!important}
html body.jx-v58 .v6-guide-links a{border-bottom-color:rgba(210,171,139,.22)!important}
html body.jx-v58 .v6-guide-links a>span{background:linear-gradient(140deg,#583b3e,#282131)!important;color:var(--rg-gold)!important;border-color:rgba(242,197,142,.45)!important}
html body.jx-v58 .v6-team-list>div{border-color:rgba(218,173,138,.15)!important}
html body.jx-v58 .v6-tag-red{background:linear-gradient(100deg,#b82c3d,#f64d63)!important;color:#fff!important}
html body.jx-v58 .v6-btn-red,html body.jx-v58 .v6-registration-grid .button.primary{background:linear-gradient(180deg,#ff5367 0%,#b81536 100%)!important;border:1px solid #ffadad!important;color:#fff!important;box-shadow:0 0 18px rgba(233,50,72,.56),inset 0 1px rgba(255,255,255,.30)!important}
/* Large promotional banner with darker crimson side of the site's own uploaded poster. */
html body.v6-public.jx-v58 .v6-guild-banner{background:linear-gradient(110deg,#40242c,#1c1825 53%,#120f18)!important;border-color:rgba(252,203,147,.60)!important;box-shadow:inset 0 1px #fff1,0 0 22px rgba(220,58,67,.12)!important}
html body.jx-v58 .v6-guild-banner:before{background:linear-gradient(100deg,rgba(23,10,19,.83) 0,rgba(29,10,18,.65) 36%,rgba(11,10,17,.20) 90%)!important;opacity:1!important}
html body.jx-v58 .v57-guild-art{opacity:.70!important}
html body.jx-v58 .v6-guild-banner h2{color:var(--rg-gold)!important;text-shadow:0 3px 18px #000!important}
html body.v6-public.jx-v58 .v6-guild-banner a{background:linear-gradient(130deg,#302010,#0f1018)!important;border-color:var(--rg-gold)!important;color:#ffe7b2!important;box-shadow:0 0 22px rgba(255,181,94,.39)!important}
/* Registration form and all status widgets */
html body.jx-v58 .v6-registration-heading{border-bottom-color:var(--rg-stroke-soft)!important}
html body.jx-v58 .v6-registration-heading h2,html body.jx-v58 .v6-registration-grid h2,html body.jx-v58 .v6-registration-grid h3{color:#fff4e7!important}
html body.jx-v58 .v6-stats-mini span{background:#231925!important;border-color:var(--rg-stroke)!important}
html body.jx-v58 .v6-stats-mini b{color:#ffe9c9!important}
html body.v6-public.jx-v58 .v6-registration-grid input,html body.v6-public.jx-v58 .v6-registration-grid textarea,html body.v6-public.jx-v58 .v6-registration-grid select{background:#0e1019!important;border:1px solid rgba(226,177,139,.43)!important;color:#fff!important}
html body.v6-public.jx-v58 .v6-registration-grid input:focus,html body.v6-public.jx-v58 .v6-registration-grid textarea:focus,html body.v6-public.jx-v58 .v6-registration-grid select:focus{border-color:var(--rg-gold)!important;box-shadow:0 0 0 3px rgba(251,191,122,.13)!important;outline:none}
html body.v6-public.jx-v58 .v6-registration-grid .member-card{background:linear-gradient(160deg,rgba(70,42,49,.28),rgba(18,16,26,.6))!important;border-color:var(--rg-stroke-soft)!important}
html body.jx-v58 .v6-registration-grid .stage-num{color:var(--rg-gold)!important;border-color:var(--rg-stroke)!important;background:rgba(107,54,54,.24)!important}
html body.jx-v58 .v6-registration-grid .job:has(input:checked) span{background:rgba(196,60,73,.33)!important;border-color:#f7aa96!important;color:#fff!important}
html body.v2-liquid.v6-public.jx-v58 .v6-footer{background:linear-gradient(180deg,#19141e,#090b12)!important;border-top:1px solid var(--rg-stroke)!important;box-shadow:inset 0 1px rgba(255,212,175,.13)!important}
html body.jx-v58 .v6-footer a{color:var(--rg-gold)!important}
html body.jx-v58 .v57-footer-brand strong{color:#fff2db!important}
/* Shared inner screens: same gold trim, no blue leftover. */
html body.v2-liquid.jx-v58:not(.v6-public){--v6-inner-accent:var(--rg-red);--v6-inner-rgb:232,60,80;--v6-inner-surface:rgba(30,21,32,.95);--v6-inner-line:var(--rg-stroke);background:radial-gradient(ellipse at 40% -5%,rgba(152,29,50,.22),transparent 62%),#09090f!important;color:#fff4eb!important}
html body.v2-liquid.jx-v58:not(.v6-public) .v4-public-header.v6-subnav{background:linear-gradient(180deg,#201a26,#0c0f18)!important;border-color:var(--rg-stroke)!important;box-shadow:0 12px 32px #000a!important}
html body.v2-liquid.jx-v58:not(.v6-public) .v6-subnav .v4-public-nav a.current{background:linear-gradient(180deg,#6b2a37,#b83248)!important;border-color:#e58a80!important;box-shadow:0 0 17px rgba(227,63,87,.28)!important}
html body.v2-liquid.jx-v58:not(.v6-public) .v6-subnav .v4-public-logo b{background:#2d1d24!important;border:1px solid var(--rg-stroke)!important;color:var(--rg-gold)!important}
html body.v2-liquid.jx-v58:not(.v6-public) .shell .glass,html body.v2-liquid.jx-v58:not(.v6-public) .draw-hero,html body.v2-liquid.jx-v58:not(.v6-public) .draw-card{background:linear-gradient(150deg,#261c28,#10121b 80%)!important;border-color:var(--rg-stroke)!important;box-shadow:inset 0 1px #ffffff15,0 15px 36px #0007!important}
html body.v2-liquid.jx-v58:not(.v6-public) .pill-link,html body.v2-liquid.jx-v58:not(.v6-public) .button.primary{border-color:var(--rg-stroke)!important;background:linear-gradient(125deg,#7a283d,#251b26)!important;color:#fff6ea!important}
html body.v2-liquid.jx-v58:not(.v6-public) .glass input,html body.v2-liquid.jx-v58:not(.v6-public) .glass select{background:#111019!important;border-color:var(--rg-stroke)!important;color:#fff!important}
html body.v2-liquid.jx-v58:not(.v6-public) .draw-public-top a:hover{box-shadow:0 0 17px var(--rg-glow)!important}
html body.jx-v58 .v4-mobile-nav{background:#110f19ef!important;border-top:1px solid var(--rg-stroke)!important;box-shadow:0 -6px 25px rgba(116,28,39,.2)!important}
html body.jx-v58 .v4-mobile-nav a{color:#f4e5e7!important}
html body.jx-v58 .v4-mobile-nav a.active{color:#ff8c91!important;text-shadow:0 0 13px #f1456366!important}
html body.jx-v58 .v6-mobile-drawer{background:linear-gradient(150deg,#251a27,#0a0b13)!important;border-left:1px solid var(--rg-stroke)!important}
html body.jx-v58 .v6-mobile-drawer a{background:#231a27!important;border-color:var(--rg-stroke-soft)!important;color:#fff2e6!important}
@media(max-width:900px){html body.v6-public.jx-v58 .v6-announcement-panel{min-height:175px!important}html body.jx-v58 .v6-portal-blocks{gap:11px!important}}
@media(max-width:600px){html body.v6-public.jx-v58 .v6-shortcut{min-height:105px!important;gap:4px!important;padding:10px 3px!important}html body.v6-public.jx-v58 .v6-shortcut-icon{width:39px!important;height:39px!important}html body.v6-public.jx-v58 .v6-shortcut-icon svg{width:34px!important;height:34px!important}html body.v6-public.jx-v58 .v6-shortcut b{font-size:13px!important}html body.v6-public.jx-v58 .v6-shortcut small{font-size:9px!important}html body.v6-public.jx-v58 .v6-portal-card{min-height:0!important}html body.v6-public.jx-v58 .v6-topnav{border-bottom-color:rgba(243,165,130,.53)!important}}
@media(prefers-reduced-motion:reduce){html body.jx-v58 .v6-shortcut{transition:none!important}}