/* JX4 V5.7 — strict visual overhaul. Loaded last, deliberately supersedes the former V5.6 blue layer.
   Reference language: near-black/navy lacquer, crimson navigation, gold dragon branding, metallic borders,
   glowing category tiles and dense esports portal content. Pure presentation: no registration schema changes. */
:root{color-scheme:dark}
body.jx-v57{
  --jx57-back:#060c17;--jx57-ink:#08101c;--jx57-panel:#101a2b;--jx57-panel2:#152239;
  --jx57-edge:rgba(134,158,195,.40);--jx57-line:rgba(162,186,222,.20);
  --jx57-text:#f6f8ff;--jx57-sub:#bdc9dd;--jx57-red:#e8445b;--jx57-red-soft:#ff7987;
  --jx57-gold:#f2c17c;--jx57-lightgold:#fce4af;--jx57-blue:#63abff;
  --jx57-sheen:inset 0 1px 0 rgba(255,255,255,.12),0 7px 23px rgba(0,0,0,.29);
  background:radial-gradient(ellipse 90% 35% at 50% 0,rgba(42,77,133,.16),transparent 72%),#060c17!important;
  color:var(--jx57-text)!important;font-family:Inter,"Microsoft YaHei","PingFang SC",system-ui,sans-serif!important;
}
body.jx-v57[data-v4-theme="imperial"]{--jx57-red:#efa44d;--jx57-red-soft:#ffcf8a;--jx57-gold:#ffe2a9;--jx57-panel:#241b29;--jx57-panel2:#352638;--jx57-edge:rgba(215,161,125,.40);--jx57-line:rgba(222,166,148,.21);--jx57-back:#110d19}
body.jx-v57[data-v4-theme="violet"]{--jx57-red:#c775ff;--jx57-red-soft:#f0a8ff;--jx57-gold:#e5c5ff;--jx57-panel:#1a1631;--jx57-panel2:#2a2345;--jx57-edge:rgba(179,152,240,.37);--jx57-line:rgba(197,167,241,.23);--jx57-back:#0c0b21}
body.jx-v57[data-v4-theme="jade"]{--jx57-red:#4fc6b0;--jx57-red-soft:#8ffce6;--jx57-gold:#d7f5d7;--jx57-panel:#0e252b;--jx57-panel2:#19363c;--jx57-edge:rgba(119,200,195,.38);--jx57-line:rgba(126,213,205,.23);--jx57-back:#06171c}
/* Universal page background and shell, including inner routes */
html{scroll-behavior:smooth}
html body.jx-v57.v6-public{--v6-accent:var(--jx57-red);--v6-accent-2:var(--jx57-gold);--v6-bg:var(--jx57-back);--v6-pane:var(--jx57-panel);--v6-pane2:var(--jx57-panel2);--v6-border:var(--jx57-edge);--v6-text:var(--jx57-text);--v6-muted:var(--jx57-sub);--v56-ink:var(--jx57-back);--v56-panel:var(--jx57-panel);--v56-strong:var(--jx57-text);--v56-soft:var(--jx57-sub);--v56-outline:var(--jx57-edge);--v56-gold:var(--jx57-gold);background:var(--jx57-back)!important}
body.jx-v57 .v6-ambient{opacity:.07!important;filter:blur(130px)!important}
body.v2-liquid.v6-public.jx-v57 .v6-site-shell{width:min(1580px,100%)!important;background:linear-gradient(180deg,rgba(8,17,32,.94),rgba(4,11,22,.99))!important;box-shadow:0 0 70px #0008!important;overflow:visible!important;min-height:100vh}
body.v2-liquid.v6-public.jx-v57 .v6-main{padding:clamp(14px,1.45vw,24px) clamp(12px,1.45vw,24px) 37px!important;max-width:100%;overflow:visible}
/* Reference-like gold logo + lacquered top bar */
body.v2-liquid.v6-public.jx-v57 .v6-topnav{height:77px;min-height:77px;padding:0 24px!important;gap:18px!important;background:linear-gradient(180deg,#091324 0%,#07101d 100%)!important;border-bottom:1px solid #4b627e!important;box-shadow:0 1px 0 #adc4e41c,0 10px 35px #0009!important;backdrop-filter:blur(24px);z-index:120}
body.jx-v57 .v6-brand{gap:10px!important;max-width:280px}
body.jx-v57 .v6-brand-emblem{background:transparent!important;border:0!important;width:66px!important;height:62px!important;transform:none!important;border-radius:0!important;padding:0;box-shadow:none!important}
body.jx-v57 .v57-dragon{display:block;width:66px;height:61px;object-fit:contain;filter:drop-shadow(0 0 9px rgba(242,181,100,.34))}
body.jx-v57 .v6-brand-type{line-height:1.2}
body.jx-v57 .v6-brand-type b{color:#fff5df!important;font-size:clamp(16px,1.3vw,21px)!important;font-weight:900!important;letter-spacing:.3px!important;max-width:215px;white-space:normal;line-height:1.2}
body.jx-v57 .v6-brand-type small{color:#f0d4a8!important;font-size:10px!important;letter-spacing:2.7px!important;font-weight:650;white-space:nowrap}
body.jx-v57 .v6-desktop-nav{display:flex;align-items:stretch;justify-content:center;gap:1px;height:100%;min-width:0}
body.v6-public.jx-v57 .v6-desktop-nav>a,
body.v6-public.jx-v57 .v6-desktop-nav>.v57-nav-drop>summary{
 display:flex;align-items:center;gap:7px;height:100%;padding:0 clamp(8px,.86vw,15px)!important;border:0!important;border-radius:0!important;
 color:#e5eafa!important;font-size:clamp(12px,.96vw,15px)!important;font-weight:760!important;white-space:nowrap;cursor:pointer;transition:background .15s,color .15s;text-decoration:none;
}
body.jx-v57 .v57-nav-ico{font-size:17px;color:#dce6fb;display:inline-grid;place-items:center;min-width:17px}
body.v6-public.jx-v57 .v6-desktop-nav>a.selected{color:#fff!important;background:linear-gradient(180deg,rgba(188,41,58,.20),rgba(225,46,69,.50))!important;border-bottom:3px solid #ff5264!important;box-shadow:0 8px 27px rgba(245,50,70,.33),inset 0 1px #f8aaa525!important;text-shadow:0 0 10px #fff7}
body.jx-v57 .v6-desktop-nav>a:hover,
body.jx-v57 .v6-desktop-nav .v57-nav-drop>summary:hover{background:rgba(133,166,208,.11)!important;color:var(--jx57-lightgold)!important}
body.jx-v57 .v57-nav-drop{height:100%;position:relative;flex-shrink:0}
body.jx-v57 .v57-nav-drop>summary{list-style:none}
body.jx-v57 .v57-nav-drop>summary::-webkit-details-marker{display:none}
body.jx-v57 .v57-drop-links{position:absolute;left:0;top:calc(100% + 1px);min-width:170px;display:flex;flex-direction:column;gap:4px;padding:10px;background:#111d30;box-shadow:0 14px 40px #000b;border:1px solid var(--jx57-edge);border-radius:0 0 11px 11px;z-index:150}
body.jx-v57 .v57-drop-links a{color:#ebf1ff;text-decoration:none;padding:10px 12px;font-size:13px;border-radius:6px}
body.jx-v57 .v57-drop-links a:hover{background:#34425d;color:#fff}
body.jx-v57 .v6-top-actions{gap:9px}
body.jx-v57 .v57-head-profile{width:32px;height:32px;border-radius:50%;border:1px solid #b4a6b89c;background:linear-gradient(145deg,#374765,#172538);color:#ffdbac;text-decoration:none;display:grid;place-items:center;font-size:18px;box-shadow:inset 0 1px #ffffff38}
body.jx-v57 .v6-theme-switch{color:#bac8dc!important}
body.jx-v57 .v6-theme-switch select{min-width:82px!important;max-width:94px;border:1px solid #627b9b!important;background:#16243a!important;color:#fff!important;border-radius:7px!important;font-size:12px}
body.jx-v57 .v6-menu-btn{border:1px solid var(--jx57-edge)!important;background:#14233a!important;color:#eaf1ff!important}
/* Banner and announcement cards. Image ratio remains intrinsic: no banner crop. */
body.v6-public.jx-v57 .v6-hero-grid{grid-template-columns:minmax(0,2.45fr) minmax(285px,.95fr)!important;gap:14px!important;margin-bottom:16px!important;align-items:stretch}
body.v6-public.jx-v57 .v6-hero-image-panel,
body.v6-public.jx-v57 .v6-announcement-panel,
body.v6-public.jx-v57 .v6-portal-card,
body.v6-public.jx-v57 .v6-guild-banner,
body.v6-public.jx-v57 .v6-registration-grid .glass{
 background:linear-gradient(160deg,rgba(29,44,67,.92),rgba(11,22,39,.98))!important;
 border:1px solid var(--jx57-edge)!important;border-radius:12px!important;box-shadow:var(--jx57-sheen)!important;color:#f7faff!important;
}
body.jx-v57 .v6-hero-image-panel{min-height:0!important;overflow:hidden}
body.v6-public.jx-v57 .v6-hero-image-panel #slides.jx-responsive-banner{border-radius:11px!important;height:auto!important;min-height:0!important;aspect-ratio:auto!important;overflow:hidden!important;background:#091324!important}
body.v6-public.jx-v57 .v6-hero-image-panel .jx-slide-frame.on{position:relative!important;display:flex!important;height:auto!important;min-height:0!important;max-height:none!important;align-items:center!important}
body.v6-public.jx-v57 .v6-hero-image-panel .jx-slide-frame:not(.on){display:none!important}
body.v6-public.jx-v57 .v6-hero-image-panel .jx-slide-frame img{display:block!important;width:100%!important;height:auto!important;object-fit:contain!important;max-height:none!important;filter:contrast(1.025) saturate(1.055)}
body.jx-v57 .v56-slide-arrow{background:rgba(5,11,24,.7)!important;color:#fff!important;border:1px solid rgba(222,236,255,.57)!important;box-shadow:0 5px 15px #0009!important;font-size:27px}
body.jx-v57 .v56-slide-arrow:hover{background:rgba(195,39,60,.88)!important;border-color:#fff!important}
body.jx-v57 .v6-hero-image-panel .slide-dots{background:#0e172bd1!important;backdrop-filter:blur(8px)!important}
body.jx-v57 .v6-hero-image-panel .slide-dots button.on{background:var(--jx57-red)!important;box-shadow:0 0 10px var(--jx57-red)!important}
body.v6-public.jx-v57 .v6-announcement-panel{padding:14px 15px!important;overflow:hidden;min-height:0}
body.jx-v57 .v6-panel-title{border-bottom:1px solid var(--jx57-line)!important;padding:2px 0 12px!important;margin:0 0 9px!important;min-height:40px!important}
body.jx-v57 .v6-panel-title h2{font-size:18px!important;color:#f9fbff!important;font-weight:850!important;letter-spacing:.1px;display:flex;align-items:center;gap:5px}
body.jx-v57 .v6-panel-title a{font-size:12px!important;color:#b9ccdf!important;font-weight:650}
body.jx-v57 .v6-panel-title a:hover{color:var(--jx57-lightgold)!important}
body.jx-v57 .v56-heading-icon{background:rgba(238,68,81,.14)!important;color:#ff8c97!important}
body.v6-public.jx-v57 .v6-announcement-copy{flex:1;max-height:none!important;min-height:60px;overflow-y:auto;font-size:12.5px!important;line-height:1.5!important;color:#edf3ff!important;padding:0!important}
body.jx-v57 .v57-notice-row{display:flex;align-items:flex-start;gap:9px;padding:10px 0;border-bottom:1px solid rgba(149,175,206,.12)}
body.jx-v57 .v57-notice-tag{flex:0 0 auto;border-radius:4px;background:linear-gradient(110deg,#a83845,#e14856);border:1px solid #f3747f;color:#fff;padding:2px 7px;font-size:11px;font-weight:800;letter-spacing:.2px}
body.jx-v57 .v57-notice-text{flex:1;min-width:0;color:#e7eefa;overflow-wrap:anywhere}
body.jx-v57 .v6-announcement-copy p{margin:0!important;padding:10px 2px!important;border-bottom:1px solid rgba(149,175,206,.12)!important;line-height:1.5}
body.jx-v57 .v6-announcement-copy p:first-child::before{content:'公告';display:inline-block;padding:2px 8px;border-radius:4px;margin-right:8px;background:#c63a4b;color:#fff;font-size:11px}
body.jx-v57 .v6-announcement-foot{font-size:11px!important;color:#acc2db!important;background:rgba(9,19,35,.42)!important;border-top:1px solid var(--jx57-line)!important;margin:auto 0 -1px!important;padding:12px 3px 2px!important}
/* Six neon-metal shortcut tiles */
body.v6-public.jx-v57 .v6-shortcuts{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:13px!important;margin:0 0 16px!important}
body.v6-public.jx-v57 .v6-shortcut{min-height:134px!important;gap:7px!important;padding:13px 5px!important;background:linear-gradient(145deg,#1c2637,#0f1929)!important;border:1px solid rgba(147,171,212,.47)!important;border-radius:11px!important;box-shadow:inset 0 1px rgba(255,255,255,.14),inset 0 -1px rgba(7,14,26,.7),0 7px 19px #0007!important;position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s}
body.jx-v57 .v6-shortcut:before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 90% 80% at 50% 0%,var(--tile-halo,rgba(90,121,170,.22)),transparent 75%)}
body.jx-v57 .v6-shortcut:hover{transform:translateY(-4px)!important;border-color:rgba(245,212,164,.8)!important;box-shadow:inset 0 1px #ffffff2b,0 7px 22px rgba(0,0,0,.43),0 0 19px var(--tile-halo,transparent)!important}
body.jx-v57 .v6-shortcut-icon{width:57px!important;height:53px!important;display:grid;place-items:center;z-index:1;color:var(--tile-icon,#ffd3b4)!important;filter:drop-shadow(0 0 7px var(--tile-icon,#ffffff70))!important}
body.jx-v57 .v6-shortcut-icon svg{width:44px!important;height:44px!important;stroke-width:1.6!important}
body.jx-v57 .v6-shortcut b{color:#f7f9ff!important;font-weight:900!important;font-size:17px!important;z-index:1}
body.jx-v57 .v6-shortcut small{color:#d4dfef!important;font-size:12px!important;z-index:1}
body.jx-v57 .v6-shortcut-red{--tile-icon:#ff7d89;--tile-halo:rgba(219,61,80,.26);background:linear-gradient(145deg,#3a222f,#172034)!important}
body.jx-v57 .v6-shortcut-blue{--tile-icon:#7fc1ff;--tile-halo:rgba(70,130,248,.25);background:linear-gradient(145deg,#1b355a,#11213a)!important}
body.jx-v57 .v6-shortcut-slate{--tile-icon:#d0e2ff;--tile-halo:rgba(128,158,206,.20)}
body.jx-v57 .v6-shortcut-gold{--tile-icon:#ffd08a;--tile-halo:rgba(238,172,87,.25);background:linear-gradient(145deg,#3c2f2a,#172035)!important}
body.jx-v57 .v6-shortcut-violet{--tile-icon:#c2a0ff;--tile-halo:rgba(147,101,232,.23);background:linear-gradient(145deg,#2d2549,#17213a)!important}
body.jx-v57 .v6-shortcut-cyan{--tile-icon:#86ddff;--tile-halo:rgba(46,181,234,.20);background:linear-gradient(145deg,#173c51,#12223a)!important}
/* Three aligned content cards: tournament / editorials / leaderboard */
body.v6-public.jx-v57 .v6-portal-blocks{display:grid;grid-template-columns:1.08fr 1fr .9fr!important;gap:13px!important;margin-bottom:14px!important}
body.v6-public.jx-v57 .v6-portal-card{padding:15px!important;min-height:264px!important;overflow:hidden}
body.jx-v57 .v57-section-emblem{font-size:19px;margin-right:3px;color:#ffd19a;filter:drop-shadow(0 0 5px #ebb56b78)}
body.jx-v57 .v6-event-spot{display:grid!important;grid-template-columns:minmax(110px,40%) minmax(0,1fr)!important;gap:14px!important;align-items:start!important}
body.jx-v57 .v6-event-art{min-height:190px!important;border-radius:9px!important;border:1px solid #8da3bd64!important;background:#26364a!important}
body.jx-v57 .v6-event-art img{object-fit:cover;object-position:center}
body.jx-v57 .v6-event-spot h3{font-size:15px!important;line-height:1.5!important;font-weight:900!important;color:#f7f9ff!important;margin:7px 0!important}
body.jx-v57 .v6-event-spot p{color:#d5dff1!important;font-size:12px!important;line-height:1.6!important;margin:6px 0!important}
body.jx-v57 .v6-event-spot p strong{color:#fff1c9!important;font-weight:900}
body.jx-v57 .v6-tag-red{background:linear-gradient(135deg,#bb3043,#ea5263)!important;color:#fff!important;border:1px solid #fa7a88!important;font-weight:800}
body.v6-public.jx-v57 .v6-btn-red{background:linear-gradient(180deg,#ef5263,#bd263b)!important;border:1px solid #ff929a!important;color:#fff!important;font-size:13px!important;font-weight:850!important;padding:9px 15px!important;border-radius:7px!important;box-shadow:0 0 0 2px #ef586a21,0 0 15px #e9344777!important}
body.jx-v57 .v6-guide-links a{min-height:63px!important;padding:9px 4px!important;gap:11px!important;border-bottom:1px solid var(--jx57-line)!important;text-decoration:none}
body.jx-v57 .v6-guide-links a>span{border-radius:7px!important;color:#f6d5a0!important;border:1px solid rgba(205,182,142,.32)!important;background:linear-gradient(145deg,#354253,#273246)!important;width:41px!important;height:42px!important;font-weight:850}
body.jx-v57 .v6-guide-links a b{font-size:13px!important;color:#f5f8ff!important}
body.jx-v57 .v6-guide-links a small{font-size:11px!important;color:#adbed8!important}
body.jx-v57 .v6-team-list>div{min-height:38px!important;border:0!important;border-bottom:1px solid #b2c4e31f!important;border-radius:0!important;padding:8px 3px!important;background:transparent!important}
body.jx-v57 .v6-team-list .v6-medal{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:linear-gradient(150deg,#ffe9b2,#b27b40)!important;color:#2b1d12!important;font-weight:900;box-shadow:0 0 9px #ffd89a40}
body.jx-v57 .v6-team-list>div:nth-child(2) .v6-medal{background:linear-gradient(160deg,#ffffff,#7a92ae)!important}
body.jx-v57 .v6-team-list>div:nth-child(3) .v6-medal{background:linear-gradient(160deg,#f2c5a3,#9d6034)!important}
body.jx-v57 .v6-team-list>div b{font-weight:780;color:#f3f5ff}
body.jx-v57 .v6-team-list>div small{color:var(--jx57-gold)!important}
/* Guild call-to-action uses the site's own uploaded banner as a subtle backdrop; not a flattened screenshot. */
body.v6-public.jx-v57 .v6-guild-banner{min-height:128px!important;margin-bottom:23px!important;padding:20px 33px!important;border:1px solid var(--jx57-edge)!important;border-radius:11px!important;background:linear-gradient(100deg,#263951,#1b293d 52%,#162238)!important;overflow:hidden;isolation:isolate;position:relative}
body.jx-v57 .v6-guild-banner:before{content:''!important;position:absolute;inset:0;z-index:-1;opacity:.6;pointer-events:none;background:linear-gradient(90deg,rgba(12,20,35,.2),rgba(8,14,26,.66) 55%,rgba(6,12,24,.7)),repeating-linear-gradient(125deg,rgba(250,228,183,.02) 0 2px,transparent 2px 11px)}
body.jx-v57 .v57-guild-art{position:absolute;inset:0 0 0 25%;z-index:-2;opacity:.42;overflow:hidden}
body.jx-v57 .v57-guild-art img{height:100%;width:100%;object-fit:cover;object-position:center;filter:saturate(.8)}
body.jx-v57 .v57-guild-copy{position:relative;z-index:1}
body.jx-v57 .v6-guild-banner small{color:#f4d4a5!important;font-size:10px!important;letter-spacing:2.2px}
body.jx-v57 .v6-guild-banner h2{font-size:clamp(28px,3.2vw,46px)!important;font-family:"Songti SC","Noto Serif CJK SC",serif!important;font-weight:900!important;color:#fff2d9!important;text-shadow:0 2px 13px #0008;margin:3px 0!important}
body.jx-v57 .v6-guild-banner p{color:#f2e7db!important;text-shadow:0 2px 8px #0009!important}
body.v6-public.jx-v57 .v6-guild-banner a{padding:10px 23px!important;border-radius:999px!important;background:linear-gradient(125deg,#2b1b12,#0b1521)!important;border:1px solid #f4c36e!important;box-shadow:0 0 0 2px #f4d99e24,0 0 24px #fac56a4a!important;color:#ffe7aa!important;font-weight:900!important;z-index:2}
/* Full 4V4 registration center inherits the same metallic panel and crimson CTA */
body.jx-v57 .v6-registration-heading{border-color:var(--jx57-line)!important}
body.jx-v57 .v6-registration-heading h2{color:#fff6e8!important;font-weight:900}
body.v6-public.jx-v57 .v6-registration-grid .glass{background:linear-gradient(165deg,rgba(26,40,60,.97),rgba(11,22,38,.98))!important;border-color:var(--jx57-edge)!important}
body.jx-v57 .v6-registration-grid .form-stage .stage-num{background:linear-gradient(125deg,#6e3444,#a73545)!important;color:#fff9ee!important;border:1px solid #ff8c9670!important}
body.jx-v57 .v6-registration-grid .member-card{background:linear-gradient(160deg,#19243a,#121d31)!important;border:1px solid var(--jx57-edge)!important;border-radius:13px!important}
body.jx-v57 .v6-registration-grid input,body.jx-v57 .v6-registration-grid textarea,body.jx-v57 .v6-registration-grid select{background:#0c1729!important;border:1px solid #526781!important;color:#fff!important;border-radius:8px!important}
body.jx-v57 .v6-registration-grid input:focus,body.jx-v57 .v6-registration-grid textarea:focus,body.jx-v57 .v6-registration-grid select:focus{outline:2px solid #f2bd8e!important;outline-offset:1px!important}
body.jx-v57 .v6-registration-grid .job span{background:#17243a!important;color:#eef4ff!important;border:1px solid #4c6080!important}
body.jx-v57 .v6-registration-grid input:checked+span{background:linear-gradient(145deg,#a62c42,#5e283c)!important;border-color:#f2a3a8!important;color:white!important}
body.jx-v57 .v6-registration-grid .button.primary{background:linear-gradient(180deg,#ed5366,#b92840)!important;border-color:#f99ca5!important;color:#fff!important;box-shadow:0 0 21px #e341566e!important;font-weight:850}
body.jx-v57 .v6-registration-grid .badge{background:rgba(239,92,108,.14);color:#f0dbc2;border:1px solid var(--jx57-edge)}
body.jx-v57 .roster-row{border-bottom:1px solid var(--jx57-line)}
/* Footer: metallic black, gold mark, real links only */
body.v6-public.jx-v57 .v6-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:98px;padding:18px 26px 84px!important;background:linear-gradient(180deg,#0c182b,#07101f)!important;border-top:1px solid #64819d66!important;box-shadow:inset 0 1px #ffffff08!important}
body.jx-v57 .v57-footer-brand{display:flex!important;align-items:center;gap:11px!important}
body.jx-v57 .v57-footer-brand>span{display:flex;flex-direction:column;gap:2px}
body.jx-v57 .v57-footer-dragon{width:53px;height:53px;filter:drop-shadow(0 0 7px #ffe1a647)}
body.jx-v57 .v57-footer-brand strong{color:#fff5dc!important;font-size:18px!important}
body.jx-v57 .v57-footer-brand small{color:#f2d8ab!important;font-size:10px!important;letter-spacing:2px}
body.jx-v57 .v57-footer-links{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}
body.jx-v57 .v57-footer-links a{font-size:12px!important;color:#d8e0ed!important;text-decoration:none!important;border-right:1px solid #a2b2c03a;padding-right:14px}
body.jx-v57 .v57-footer-links a:last-child{border:0}
body.jx-v57 .v57-footer-devices{font-size:11px;color:#a9c0dd!important;white-space:nowrap}
body.jx-v57 .v6-footer>a{color:#f4d7a6!important}
/* Mobile bottom navigation and drawers are deliberately not the old blue styling */
body.jx-v57 .v4-mobile-nav{background:linear-gradient(180deg,#111a2d,#070f1b)!important;border-top:1px solid var(--jx57-edge)!important;box-shadow:0 -12px 25px #000a!important;backdrop-filter:blur(24px)!important}
body.jx-v57 .v4-mobile-nav a,body.jx-v57 .v4-mobile-nav a small{color:#e0e9f7!important;font-weight:700!important}
body.jx-v57 .v4-mobile-nav a:first-child,body.jx-v57 .v4-mobile-nav a:first-child small,body.jx-v57 .v4-mobile-nav a.active{color:#ff9ba7!important}
body.jx-v57 .v6-mobile-drawer{background:linear-gradient(180deg,#182539,#090f1c)!important;border-color:var(--jx57-edge)!important;box-shadow:-18px 0 60px #000c!important}
body.jx-v57 .v6-mobile-drawer a{background:rgba(124,149,182,.10)!important;border:1px solid #617a9c57!important;color:#f6f7ff!important;font-weight:700!important}
body.jx-v57 .v6-mobile-drawer a:hover{background:rgba(227,57,81,.26)!important}
/* Entire front-end inner pages, including rules, hero ranking, draw and progress. */
body.v2-liquid.jx-v57:not(.v6-public){background:radial-gradient(ellipse at 60% -10%,rgba(58,77,119,.25),transparent 48%),#060c17!important;color:#f1f5ff!important}
body.v2-liquid.jx-v57:not(.v6-public) .v4-public-header.v6-subnav{width:min(1580px,100%);max-width:1580px;background:linear-gradient(180deg,#091423,#070f1a)!important;border:0!important;border-bottom:1px solid var(--jx57-edge)!important;border-radius:0!important;min-height:72px;box-shadow:0 9px 23px #0007!important;padding:10px 20px!important;backdrop-filter:blur(20px)!important}
body.jx-v57 .v4-public-logo{color:#fff6e4!important;text-decoration:none!important;font-weight:900!important;letter-spacing:.2px}
body.jx-v57 .v4-public-logo b{width:48px!important;height:48px!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
body.jx-v57 .v4-public-logo b svg{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 8px #dba26180)}
body.jx-v57 .v4-public-logo small{color:#e5c697!important;font-size:10px!important;letter-spacing:1.2px}
body.jx-v57 .v4-public-nav a{border:0!important;border-radius:4px!important;color:#ebf0ff!important;white-space:nowrap;font-weight:750!important;padding:11px 11px!important}
body.jx-v57 .v4-public-nav a.current{background:linear-gradient(145deg,rgba(217,50,72,.30),rgba(177,31,56,.58))!important;border-bottom:2px solid var(--jx57-red-soft)!important;box-shadow:0 8px 18px #e6314a32!important;color:white!important}
body.jx-v57 .v4-mini-theme select{background:#152236!important;color:#fff!important;border:1px solid var(--jx57-edge)!important}
body.jx-v57 .shell{max-width:1250px}
body.jx-v57 .shell .glass{background:linear-gradient(155deg,#19253b,#101b2e)!important;border:1px solid var(--jx57-edge)!important;border-radius:13px!important;box-shadow:var(--jx57-sheen)!important}
body.jx-v57 .shell .eyebrow{color:var(--jx57-gold)!important;letter-spacing:2px}
body.jx-v57 .shell h1,body.jx-v57 .shell h2,body.jx-v57 .shell h3{color:#fff7e7!important}
body.jx-v57 .shell .pill-link{background:linear-gradient(120deg,#23334b,#132038)!important;border:1px solid var(--jx57-edge)!important;color:#ffe3bd!important;border-radius:9px!important}
body.jx-v57 .shell .button.primary{background:linear-gradient(160deg,#f45b6c,#be2b44)!important;border:1px solid #f59daa!important;color:white!important;box-shadow:0 0 18px #df40565b!important}
body.jx-v57 .shell input,body.jx-v57 .shell select,body.jx-v57 .shell textarea{background:#101c31!important;color:white!important;border:1px solid #566c88!important}
body.jx-v57 .shell .draw-hero{background:linear-gradient(120deg,#23334a,#161c33)!important}
body.jx-v57 .shell .draw-round-tabs a.selected{background:var(--jx57-red)!important;color:#fff!important}
body.jx-v57 .shell .draw-stats span,body.jx-v57 .shell .draw-note,body.jx-v57 .shell .draw-team,body.jx-v57 .shell .roster-row{background:#1a2940!important;border-color:var(--jx57-line)!important;color:#e7edfa!important}
body.jx-v57 .shell .draw-match{background:#15243c!important;border-color:var(--jx57-edge)!important}
body.jx-v57 .v4-sub-drawer{background:#112037!important;border-color:var(--jx57-edge)!important}
body.jx-v57 .v4-sub-drawer a{color:#eff3ff!important}
/* Visible focus / accessible touch sizes */
body.jx-v57 a:focus-visible,body.jx-v57 button:focus-visible,body.jx-v57 summary:focus-visible,body.jx-v57 select:focus-visible{outline:2px solid #ffe0a6!important;outline-offset:3px!important}
@media(min-width:901px){body.jx-v57 .v6-site-shell{min-width:0}}
@media(max-width:1360px){body.jx-v57 .v6-topnav{gap:9px!important;padding:0 16px!important}body.jx-v57 .v6-brand-emblem,body.jx-v57 .v57-dragon{width:52px!important;height:52px!important}body.jx-v57 .v6-brand-type b{font-size:15px!important}body.jx-v57 .v6-desktop-nav>a,body.jx-v57 .v57-nav-drop summary{padding:0 9px!important;font-size:12px!important}body.jx-v57 .v6-shortcut b{font-size:15px!important}}
@media(max-width:1160px){body.jx-v57 .v57-head-profile{display:none}body.jx-v57 .v6-desktop-nav .v57-nav-ico{display:none}body.v6-public.jx-v57 .v6-portal-blocks{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.v6-public.jx-v57 .v6-portal-card:last-child{grid-column:1/-1!important;min-height:180px!important}body.jx-v57 .v6-team-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:940px){
 body.v2-liquid.v6-public.jx-v57 .v6-topnav{height:69px!important;min-height:69px!important;padding:7px 15px!important}
 body.jx-v57 .v6-desktop-nav{display:none!important}
 body.jx-v57 .v6-menu-btn{display:grid!important}
 body.jx-v57 .v57-head-profile{display:grid}
 body.v6-public.jx-v57 .v6-hero-grid{grid-template-columns:1fr!important;gap:11px!important}
 body.v6-public.jx-v57 .v6-announcement-panel{min-height:0!important}
 body.v6-public.jx-v57 .v6-announcement-copy{max-height:205px!important}
 body.v6-public.jx-v57 .v6-shortcuts{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
 body.v6-public.jx-v57 .v6-portal-blocks{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body.v6-public.jx-v57 .v6-registration-grid{grid-template-columns:1fr!important;display:grid!important}
 body.jx-v57 .v6-mobile-drawer{visibility:hidden;transform:translateX(105%)}
 body.jx-v57 .v6-mobile-drawer.is-open{visibility:visible;transform:translateX(0)}
 body.jx-v57 .v6-drawer-mask[hidden]{display:none!important}
 body.jx-v57 .v6-drawer-mask:not([hidden]){display:block!important}
 body.jx-v57 .v6-footer{flex-wrap:wrap}
}
@media(max-width:700px){
 body.v2-liquid.v6-public.jx-v57 .v6-main{padding:10px 11px 42px!important}
 body.v2-liquid.v6-public.jx-v57 .v6-topnav{min-height:64px!important;height:64px!important;padding:8px 11px!important}
 body.jx-v57 .v6-brand-emblem,body.jx-v57 .v57-dragon{width:44px!important;height:44px!important}
 body.jx-v57 .v6-brand-type b{font-size:14px!important;max-width:205px}
 body.jx-v57 .v6-brand-type small{font-size:8px!important;letter-spacing:1.7px!important}
 body.jx-v57 .v6-theme-switch{display:none!important}
 body.v6-public.jx-v57 .v6-hero-grid{gap:10px!important;margin-bottom:11px!important}
 body.jx-v57 .v6-hero-image-panel #slides.jx-responsive-banner,body.jx-v57 .v6-hero-image-panel .jx-slide-frame.on{height:auto!important;min-height:0!important}
 body.jx-v57 .v6-announcement-panel{padding:11px!important}
 body.jx-v57 .v6-announcement-copy{max-height:170px!important}
 body.v6-public.jx-v57 .v6-shortcuts{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;margin-bottom:11px!important}
 body.v6-public.jx-v57 .v6-shortcut{min-height:102px!important;gap:5px!important;padding:7px 2px!important;border-radius:9px!important}
 body.jx-v57 .v6-shortcut-icon{width:41px!important;height:38px!important}
 body.jx-v57 .v6-shortcut-icon svg{width:35px!important;height:35px!important}
 body.jx-v57 .v6-shortcut b{font-size:12px!important}
 body.jx-v57 .v6-shortcut small{font-size:10px!important;text-align:center}
 body.v6-public.jx-v57 .v6-portal-blocks{grid-template-columns:1fr!important;gap:11px!important}
 body.v6-public.jx-v57 .v6-portal-card{grid-column:auto!important;min-height:0!important;padding:12px!important}
 body.v6-public.jx-v57 .v6-portal-card:last-child{grid-column:auto!important;min-height:0!important}
 body.jx-v57 .v6-event-art{min-height:155px!important}
 body.jx-v57 .v6-team-list{display:grid!important;grid-template-columns:1fr!important}
 body.v6-public.jx-v57 .v6-guild-banner{min-height:110px!important;padding:15px!important;gap:12px!important;align-items:center}
 body.jx-v57 .v6-guild-banner h2{font-size:25px!important}
 body.jx-v57 .v6-guild-banner a{font-size:11px!important;padding:8px 12px!important;white-space:nowrap}
 body.v6-public.jx-v57 .v6-registration-grid{grid-template-columns:1fr!important;display:grid!important;width:100%!important}
 body.jx-v57 .v6-registration-grid .dash-primary,body.jx-v57 .v6-registration-grid .dash-aside{width:100%!important;min-width:0!important}
 body.jx-v57 .v6-registration-grid .form-grid,body.jx-v57 .v6-registration-grid .squad-grid{grid-template-columns:1fr!important}
 body.jx-v57 .v6-registration-grid .member-card{min-width:0!important}
 body.jx-v57 .v6-registration-grid .job-choices{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:5px!important}
 body.jx-v57 .v6-registration-grid .job span{padding:9px 0!important;font-size:10px!important}
 body.jx-v57 .v6-registration-grid .captcha-panel{flex-direction:column!important;align-items:stretch!important}
 body.jx-v57 .v6-registration-grid .send-btn{width:100%!important}
 body.jx-v57 .v6-registration-heading{margin-top:18px!important}
 body.v6-public.jx-v57 .v6-footer{min-height:0!important;padding:16px 14px 90px!important;gap:13px;justify-content:center;text-align:center}
 body.jx-v57 .v57-footer-links{gap:10px!important}
 body.jx-v57 .v57-footer-links a{padding-right:10px!important;font-size:11px!important}
 body.jx-v57 .v57-footer-devices{width:100%;text-align:center}
 body.jx-v57 .v4-mobile-nav{z-index:125!important}
 body.jx-v57 .v4-public-header.v6-subnav{padding:8px 12px!important}
}
@media(max-width:380px){body.jx-v57 .v6-brand-type b{font-size:12px!important}body.jx-v57 .v6-shortcut small{font-size:9px!important}body.jx-v57 .v6-event-spot{grid-template-columns:minmax(90px,37%) 1fr!important}body.jx-v57 .v6-event-art{min-height:148px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body.jx-v57 .v6-shortcut{transition:none!important}}
/* V5.7 production corrections: drawer must be above sticky desktop-style header. */
@media(max-width:940px){
 body.jx-v57 .v6-drawer-mask:not([hidden]){z-index:200!important}
 body.jx-v57 .v6-mobile-drawer{z-index:201!important}
 body.jx-v57 .v6-mobile-drawer .v6-drawer-title button{position:relative;z-index:202;min-width:42px;min-height:42px}
}
/* Palette switch intentionally changes the whole chrome, while functional card categories retain their distinct colors. */
body.v6-public.jx-v57[data-v4-theme="imperial"] .v6-site-shell{background:linear-gradient(180deg,#1b1425,#100c1a)!important}
body.v6-public.jx-v57[data-v4-theme="violet"] .v6-site-shell{background:linear-gradient(180deg,#15142a,#0c0a21)!important}
body.v6-public.jx-v57[data-v4-theme="jade"] .v6-site-shell{background:linear-gradient(180deg,#0b2029,#06131c)!important}
body.v6-public.jx-v57[data-v4-theme="imperial"] .v6-topnav{background:linear-gradient(180deg,#251829,#171322)!important}
body.v6-public.jx-v57[data-v4-theme="violet"] .v6-topnav{background:linear-gradient(180deg,#221834,#111126)!important}
body.v6-public.jx-v57[data-v4-theme="jade"] .v6-topnav{background:linear-gradient(180deg,#0d2a32,#061923)!important}
body.v6-public.jx-v57[data-v4-theme="imperial"] .v6-announcement-panel,
body.v6-public.jx-v57[data-v4-theme="imperial"] .v6-portal-card,
body.v6-public.jx-v57[data-v4-theme="imperial"] .v6-registration-grid .glass{background:linear-gradient(145deg,#342336,#201925)!important}
body.v6-public.jx-v57[data-v4-theme="violet"] .v6-announcement-panel,
body.v6-public.jx-v57[data-v4-theme="violet"] .v6-portal-card,
body.v6-public.jx-v57[data-v4-theme="violet"] .v6-registration-grid .glass{background:linear-gradient(145deg,#2c2444,#16152b)!important}
body.v6-public.jx-v57[data-v4-theme="jade"] .v6-announcement-panel,
body.v6-public.jx-v57[data-v4-theme="jade"] .v6-portal-card,
body.v6-public.jx-v57[data-v4-theme="jade"] .v6-registration-grid .glass{background:linear-gradient(145deg,#1c3941,#0b232b)!important}
body.v6-public.jx-v57[data-v4-theme="imperial"] .v6-footer{background:linear-gradient(#2b1c30,#140d1d)!important}
body.v6-public.jx-v57[data-v4-theme="violet"] .v6-footer{background:linear-gradient(#211a3b,#0e0e21)!important}
body.v6-public.jx-v57[data-v4-theme="jade"] .v6-footer{background:linear-gradient(#15343c,#071a22)!important}
body.v6-public.jx-v57[data-v4-theme="imperial"] .v6-guild-banner{background:linear-gradient(105deg,#4b354c,#241d34)!important}
body.v6-public.jx-v57[data-v4-theme="violet"] .v6-guild-banner{background:linear-gradient(105deg,#352b57,#191833)!important}
body.v6-public.jx-v57[data-v4-theme="jade"] .v6-guild-banner{background:linear-gradient(105deg,#23545c,#0b2b33)!important}