@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Manrope:wght@400;500;600;700&display=swap');
:root{--bg:#080e11;--gold:#c8ae78;--text:#e6e3db;--muted:#939b9d;--line:rgba(200,174,120,.2);--serif:'Cormorant Garamond',Georgia,serif;--sans:'Manrope',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:14px}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a,summary{outline-offset:7px}a:hover{color:var(--gold)}button{border:0}::selection{background:#796a43;color:white}.header{height:88px;position:absolute;z-index:10;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 4%;border-bottom:1px solid #c8ae781a;background:linear-gradient(#060b10d9,#060b1033)}.brand{display:flex;align-items:center;gap:9px;font:600 24px/.9 var(--serif);letter-spacing:2px;color:#e3ce9b}.brand-mark{font-size:47px;font-weight:400}.brand-small{display:block;font-size:13px;letter-spacing:5px;text-align:center;margin-top:8px}.header nav{display:flex;align-items:center;gap:32px}.header nav a,.header nav button{background:none;text-transform:uppercase;letter-spacing:1.4px;font-size:10px;font-weight:600;padding:35px 0}.header nav .active{color:var(--gold);border-bottom:1px solid var(--gold)}.header-right{display:flex;gap:23px;align-items:center}.lang{font-size:10px;color:var(--gold)}.cabinet{padding:13px 18px;border:1px solid var(--line);font-size:10px;text-transform:uppercase;letter-spacing:1px}.cabinet span{margin-left:18px}.menu-button{display:none;background:transparent;font-size:25px}.hero{min-height:900px;height:100svh;max-height:1120px;position:relative;isolation:isolate;overflow:hidden;display:flex;justify-content:center;align-items:center;padding-bottom:100px}.hero-art{position:absolute;inset:0;z-index:-3;background:url('../img/arcana-sites/draconic-angel.webp') center 12%/cover no-repeat;animation:reveal 2s ease}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,#04090e20 0%,#040a1015 30%,#080e1160 60%,#080e11 93%),linear-gradient(90deg,transparent 24%,#050d1540 42%,#050d1540 58%,transparent 76%)}.hero-center{text-align:center;padding-top:85px;width:680px}.crest{color:#dbc797;font:65px var(--serif);height:80px;text-shadow:0 0 28px #d0b267}.eyebrow{font-size:10px;letter-spacing:3px;color:var(--gold);font-weight:600}.hero .eyebrow{letter-spacing:5px;font-size:10px;text-shadow:0 2px 6px black}.hero h1{font-family:var(--serif);font-size:94px;line-height:.78;letter-spacing:10px;font-weight:600;margin:35px 0 23px;color:#e9d5a4;text-shadow:0 4px 12px #0009,0 0 55px #0b171e}.hero h1 span{display:block;font-size:64px;letter-spacing:21px;padding-left:15px;margin-top:17px}.ornament{display:flex;align-items:center;justify-content:center;gap:18px;color:var(--gold);font-size:8px;margin:26px auto 32px}.ornament i{width:93px;height:1px;background:linear-gradient(90deg,transparent,var(--gold))}.ornament i:last-child{transform:rotate(180deg)}.hero-kicker{font-size:10px;letter-spacing:4px;color:#d1c8b4}.hero h2{font:500 34px var(--serif);margin:15px 0}.hero-description{color:#b8bfc1;line-height:1.9;font-size:12px}.gold-button{margin-top:22px;min-height:58px;min-width:280px;background:linear-gradient(115deg,#b99554,#ecd29a 50%,#bd9b5d);color:#282316;clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,14px 100%,0 50%);position:relative;font-size:11px;text-transform:uppercase;font-weight:700;letter-spacing:2px;transition:filter .2s,transform .2s;padding:0 30px;display:inline-flex;align-items:center;justify-content:space-between;gap:35px}.gold-button:before{content:'';position:absolute;inset:5px 13px;border:1px solid #5b45274d;pointer-events:none}.gold-button b{font-size:24px;font-weight:400}.gold-button:hover{filter:brightness(1.12);transform:translateY(-2px)}.hero-link{display:block;margin:24px auto;font-size:10px;color:#bfc2be}.hero-link span{margin-left:12px;color:var(--gold)}.side-label{position:absolute;top:54%;font:500 21px var(--serif);letter-spacing:6px;text-shadow:0 2px 7px black}.side-label span{display:block;font:8px var(--sans);letter-spacing:2px;margin-top:12px}.left-label{left:8%;color:#9bcab1}.right-label{right:8%;color:#96b7e0}.social-rail{position:absolute;right:29px;top:46%;display:grid;gap:22px;color:var(--gold);font-size:21px}.social-rail:before,.social-rail:after{content:'';height:60px;width:1px;background:var(--line);margin:auto}.realm-strip{position:absolute;bottom:0;left:6%;right:6%;height:116px;display:flex;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:space-around}.realm-strip>div{display:flex;gap:17px;align-items:center}.strip-icon{font:32px var(--serif);color:var(--gold)}.realm-strip p{font:500 18px var(--serif);letter-spacing:1px}.realm-strip small{display:block;font:9px var(--sans);color:var(--muted);letter-spacing:0;margin-top:8px}.realm-strip em{font-style:normal;color:#96c6a3}.realm-strip em.blue{color:#91b3da}.versus{font-size:11px;color:#657076;margin:0 5px}.realm-strip>a{font-size:10px;letter-spacing:1px;color:#bdb7a7}.realm-strip>a span{margin-left:20px;color:var(--gold)}.section{max-width:1180px;padding:110px 30px;margin:auto}.section-title{text-align:center;margin-bottom:55px}.section h2,dialog h2{font:500 48px/1.1 var(--serif);margin:18px 0 22px}.section h2 i,dialog h2 i{color:var(--gold);font-weight:400}.section-title>p:last-child,.community>div>p:last-child{font-size:12px;line-height:1.9;color:var(--muted)}.world{padding-bottom:80px}.world-layout{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.world-art{height:450px;position:relative;overflow:hidden;border:1px solid var(--line);background:#101c23}.world-art-image{position:absolute;inset:0;background:linear-gradient(0deg,#080e11 0%,transparent 70%),url('../img/arcana-sites/draconic-angel.webp') 50% 25%/auto 155% no-repeat;filter:saturate(.7)}.world-art:after{content:'';position:absolute;inset:13px;border:1px solid #c8ae782b;pointer-events:none}.art-label{position:absolute;top:35px;left:35px;font-size:8px;letter-spacing:3px;color:#c7b58f}.world-art-caption{position:absolute;bottom:35px;left:35px;font:42px/1.1 var(--serif)}.world-art-caption i{color:var(--gold)}.features article{display:flex;gap:24px;padding:25px 0;border-bottom:1px solid var(--line)}.features article:first-child{padding-top:0}.features article>span{font:italic 22px var(--serif);color:#8c7954}.features h3,.steps h3{font:500 26px var(--serif);margin:0 0 13px}.features p,.steps p{font-size:12px;line-height:1.9;color:var(--muted);margin:0}.text-link{display:block;margin-top:30px;font-size:10px;color:var(--gold)}.text-link span{float:right}.factions{max-width:1300px;text-align:center;padding-top:80px}.faction-picker{display:grid;grid-template-columns:1fr 1fr;position:relative;gap:20px}.faction-card{height:430px;position:relative;overflow:hidden;background:#10201e;text-align:left;border:1px solid #78b89b33;padding:0;transition:border-color .3s,transform .3s}.faction-card:hover{transform:translateY(-4px)}.faction-visual{position:absolute;inset:0;background:linear-gradient(90deg,#071811eb 0%,#07181130 75%),url('../img/arcana-sites/draconic-angel.webp') 0% center/auto 125%;opacity:.8;transition:opacity .3s}.dark .faction-visual{background:linear-gradient(90deg,#0a1421ed 0%,#0a142130 75%),url('../img/arcana-sites/draconic-angel.webp') 100% center/auto 125%}.dark{border-color:#7c9ed433;background:#0e1927}.faction-content{position:relative;display:flex;align-items:flex-start;flex-direction:column;padding:37px 42px;height:100%;color:#b4ddbf}.dark .faction-content{color:#b4cdeb}.faction-symbol{font:48px var(--serif);margin-bottom:18px}.faction-content small{font-size:8px;letter-spacing:3px}.faction-content strong{font:500 56px var(--serif);letter-spacing:7px;margin:6px 0 14px}.faction-copy{font-size:12px;line-height:1.9;color:#d2d8d5}.faction-choice{margin-top:auto;font-size:10px;letter-spacing:1px;border-bottom:1px solid #99c6a955;padding-bottom:13px;width:185px}.faction-choice b{float:right}.faction-card.selected{border-color:#a8d9ad}.dark.selected{border-color:#8bb7ec}.selected .faction-visual{opacity:1}.vs-seal{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%) rotate(45deg);width:48px;height:48px;background:#0c141a;border:1px solid var(--line);display:grid;place-items:center;font:16px var(--serif);color:var(--gold);rotate:-45deg}.faction-note{font-size:11px;color:var(--muted);margin:27px 0 0}.faction-note span{color:var(--gold)}.compact{min-width:275px}.journey{border-top:1px solid var(--line);padding-top:90px;padding-bottom:90px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.step-number{display:block;font:italic 42px var(--serif);color:var(--gold);margin-bottom:28px}.steps article{border-top:1px solid var(--line);padding-top:28px}.steps a{display:block;color:var(--gold);margin-top:25px;font-size:10px}.steps a span{float:right}.community{display:grid;grid-template-columns:1fr 1fr;gap:100px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:radial-gradient(ellipse at left,#15232460,transparent 70%)}.community h2{font-size:58px}.community-links{align-self:center}.community-links>a{display:flex;gap:25px;align-items:center;border-bottom:1px solid var(--line);padding:24px 0}.community-links>a:first-child{padding-top:0}.community-links h3{font:500 26px var(--serif);margin:0 0 5px}.community-links p{font-size:10px;color:var(--muted);margin:0}.community-icon{font-size:26px;color:var(--gold);width:30px}.community-links b{margin-left:auto;color:var(--gold);font-weight:400}.faq{max-width:850px}.faq>.eyebrow,.faq>h2{text-align:center}.faq>h2{margin-bottom:48px}details{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;padding:23px 0;font-size:13px;display:flex;justify-content:space-between;gap:20px}summary::-webkit-details-marker{display:none}summary span{color:var(--gold);font-size:20px;font-weight:400}details[open] summary span{transform:rotate(45deg)}details p{font-size:12px;line-height:1.9;color:var(--muted);padding:0 35px 20px 0;margin:0}details a{color:var(--gold);text-decoration:underline}footer{max-width:1180px;margin:auto;padding:35px 30px 45px;border-top:1px solid var(--line);display:flex;align-items:center;gap:40px}footer>.brand{font-size:19px}footer .brand-mark{font-size:38px}footer p{color:var(--muted);font-size:10px;line-height:1.9}footer small{font-size:9px;color:#697578}footer>a:not(.brand){font-size:10px;margin-left:auto;color:var(--gold)}footer .to-top{border:1px solid var(--line);padding:13px 18px;font-size:18px!important;margin-left:0!important}dialog{width:min(550px,calc(100% - 30px));max-height:90svh;background:#101a20;color:var(--text);border:1px solid #b99e6955;padding:48px;box-shadow:0 30px 100px #000b}dialog::backdrop{background:#02070cd9;backdrop-filter:blur(7px)}dialog h2{font-size:42px}dialog>p:not(.eyebrow){font-size:12px;color:var(--muted)}dialog strong{color:var(--gold)}.close-dialog{position:absolute;right:15px;top:9px;background:none;color:var(--gold);font-size:30px}.modal-steps{margin:25px 0}.modal-steps a{display:flex;align-items:center;gap:17px;padding:21px 0;border-bottom:1px solid var(--line);font-size:12px}.modal-steps b{color:var(--gold);font:italic 22px var(--serif)}.modal-steps a>span{flex:1}.modal-steps small{display:block;font-size:10px;color:var(--muted);margin-top:7px}.modal-note{font-size:10px!important;line-height:1.8}body.modal-open{overflow:hidden}@keyframes reveal{from{opacity:.2;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}@media(min-width:1500px){.hero-art{background-position:center 30%}.hero-center{padding-top:65px}}@media(max-width:1100px){.header nav{gap:20px}.header-right .cabinet{display:none}.hero h1{font-size:82px}.side-label{display:none}.realm-strip{left:4%;right:4%}.realm-strip>a{display:none}.world-layout{gap:35px}.community{gap:45px}}@media(max-width:760px){.header{height:75px;padding:0 6%}.brand{font-size:22px}.brand-mark{font-size:38px}.header-right{margin-left:auto;margin-right:20px}.menu-button{display:block}.header nav{display:none;position:absolute;top:75px;left:0;right:0;background:#0a131bf5;padding:20px 7%;border-bottom:1px solid var(--line)}.header nav.open{display:flex;flex-direction:column;gap:0;align-items:stretch}.header nav a,.header nav button{text-align:left;padding:16px 0;font-size:12px}.header nav .active{border:0}.hero{min-height:850px;height:100svh;max-height:1050px;padding-bottom:150px}.hero-art{background-size:auto 76%;background-position:center 50px}.hero-shade{background:linear-gradient(180deg,#070c1140 0%,#070c1130 25%,#080e11b5 50%,#080e11 80%)}.hero-center{padding:90px 20px 0;width:100%}.crest{font-size:50px;height:65px}.hero h1{font-size:65px;letter-spacing:5px;margin-top:26px}.hero h1 span{font-size:45px;letter-spacing:14px;padding-left:8px}.hero .eyebrow{font-size:8px;letter-spacing:4px}.ornament{margin:24px 0}.hero-kicker{font-size:8px;letter-spacing:3px}.hero h2{font-size:28px}.hero-description{font-size:11px}.hero-link{font-size:9px}.gold-button{min-width:250px;min-height:55px}.social-rail{display:none}.realm-strip{height:135px;flex-wrap:wrap;justify-content:center;gap:0 30px;padding:12px 0}.realm-strip>div:last-of-type{display:none}.realm-strip p{font-size:16px}.realm-strip small{font-size:8px}.strip-icon{font-size:27px}.section{padding:75px 22px}.section h2{font-size:37px}.section-title{margin-bottom:35px}.section-title>p:last-child{font-size:11px}.section-title br{display:none}.eyebrow{font-size:8px;letter-spacing:2px}.world-layout{grid-template-columns:1fr;gap:35px}.world-art{height:350px}.features article{padding:22px 0}.features h3,.steps h3{font-size:25px}.faction-picker{grid-template-columns:1fr;gap:18px}.faction-card{height:350px}.faction-content{padding:25px 30px}.faction-symbol{font-size:35px;margin-bottom:12px}.faction-content strong{font-size:46px}.faction-visual{background-size:auto 155%}.dark .faction-visual{background-size:auto 155%}.vs-seal{display:none}.faction-note{font-size:10px;line-height:1.7;padding:0 20px}.steps{grid-template-columns:1fr;gap:30px}.step-number{font-size:30px;margin-bottom:15px}.steps p{max-width:350px}.community{grid-template-columns:1fr;gap:35px}.community h2{font-size:48px}.faq h2{margin-bottom:30px}.faq summary{font-size:12px}footer{flex-wrap:wrap;gap:25px;padding:30px 22px}footer p{width:100%;order:3;font-size:9px;margin:0}footer .to-top{display:none}footer>.brand{font-size:17px}footer>.brand .brand-small{font-size:9px}footer>a:not(.brand){font-size:9px}dialog{padding:36px 26px}dialog h2{font-size:36px}.modal-steps a{font-size:11px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}



/* ========================================================================
   ARCANA MACE / CLEAN HERO v18 (fully editable DOM; no flattened UI)
   Change the variables below to tune placements without editing the art.
   ======================================================================== */
:root {
  --am-gold:#e3b86c;
  --am-gold-light:#fff0b4;
  --am-ink:#090f17;
  --am-header-height:76px;
  --am-logo-width: min(35vw, 560px);
  --am-logo-top: 70px;
  --am-title-top: 53%;
  --am-title-size: clamp(38px,3.25vw,55px);
  --am-info-height: 94px;
  --am-nav-gap: 34px;
}
body{background:#080e15;}
/* True transparent header: the cathedral image begins at 0px. */
.header {
  height:var(--am-header-height);position:absolute;inset:0 0 auto;
  width:100%;padding:0 clamp(24px,3.9vw,82px);z-index:50;
  display:flex;align-items:center;justify-content:space-between;
  border:0;background:linear-gradient(180deg,rgba(4,10,16,.25),rgba(4,10,16,0));
  box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;
}
.header .brand {font:600 22px/.9 var(--serif);letter-spacing:3px;display:flex;gap:8px;align-items:center;
 color:#f1d59b;text-shadow:0 2px 10px rgba(0,0,0,.7);z-index:3;}
.header .brand-mark {font:normal 43px/.85 var(--serif);text-shadow:0 0 14px #d5a75255;}
.header .brand-small {font:500 11px/1.2 var(--serif);letter-spacing:5px;margin-top:7px;}
.header nav {display:flex;align-items:center;justify-content:center;gap:var(--am-nav-gap);position:absolute;
 left:50%;top:0;transform:translateX(-50%);height:var(--am-header-height);white-space:nowrap;}
.header nav>a,.header nav>button {
 display:inline-flex;align-items:center;height:var(--am-header-height);padding:0 0 3px;
 font:750 11px/1.1 var(--sans);letter-spacing:.8px;text-transform:uppercase;
 color:#f1efe7;background:none;border:0;cursor:pointer;text-decoration:none;
 border-bottom:0 !important;-webkit-font-smoothing:antialiased;
 text-shadow:0 2px 7px #000b;
 transition:color .22s ease,text-shadow .22s ease;
}
.header nav>a.active,.header nav>button.active,
.header nav>a:hover,.header nav>button:hover,.header nav>a:focus-visible,.header nav>button:focus-visible,
.header nav>.am-nav-hot{color:#ffd992;text-shadow:0 0 12px #dba14f88;}
.header .header-right{display:flex;align-items:center;gap:24px;margin-left:auto;z-index:3;}
.header .lang {color:#e7c37f;font:700 10px/1 var(--sans);text-shadow:0 2px 6px #000b;}
.header .cabinet {min-width:167px;padding:13px 17px;text-align:center;display:inline-flex;
 justify-content:space-between;align-items:center;gap:18px;font:750 10px var(--sans);
 border:1px solid #dbb976aa;color:#f4eee1;letter-spacing:.45px;
 background:rgba(7,13,19,.36);transition:background .2s,border-color .2s,box-shadow .2s;}
.header .cabinet:hover,.header .cabinet:focus-visible{background:rgba(39,30,24,.85);border-color:#ffdf9c;
 box-shadow:0 0 20px #e3b86c22;color:#ffe7ad;}
.header .cabinet span {color:#e8bf7b;margin:0;font-size:16px;}
.header .menu-button{display:none;font-size:26px;color:#efd2a1;z-index:5;}
.am-nav-indicator{position:absolute;left:0;bottom:12px;width:45px;height:2px;
 background:linear-gradient(90deg,transparent,#d9a14d 24%,#ffe5a3 50%,#d9a14d 76%,transparent);
 border-radius:5px;pointer-events:none;opacity:0;z-index:1;}
.am-nav-indicator.is-ready{opacity:1;transition:left .36s cubic-bezier(.2,.7,.3,1),width .36s cubic-bezier(.2,.7,.3,1),opacity .2s;}
.am-nav-indicator:after{content:'';display:block;width:8px;height:8px;background:#ffe0a0;
 position:absolute;left:50%;top:-3px;transform:translateX(-50%) rotate(45deg);
 box-shadow:0 0 8px #ffcb76,0 0 19px #d9913ccc;}
/* Hero art from CLEAN stand-alone asset, no headings/logo/menu baked in. */
.hero{
 position:relative;isolation:isolate;overflow:hidden;
 display:block;margin:0;padding:0;
 width:100%;height:100svh;min-height:800px;max-height:none;background:#080e15;
}
.hero::before,.hero::after{content:none;display:none;}
.hero-art{position:absolute;inset:0;z-index:-3;height:100%;width:100%;
 background: url('../img/arcana-sites/arcana-clean-hero-v18.webp') center top / cover no-repeat;
 animation:sceneReveal 1.15s ease-out both;filter:none;transform:none;}
@keyframes sceneReveal{from{opacity:.5}to{opacity:1}}
.hero-shade{position:absolute;inset:0;z-index:-2;
 background:
 linear-gradient(180deg,rgba(4,9,16,.12) 0%,transparent 23%,transparent 48%,rgba(8,14,21,.22) 73%,rgba(8,14,21,.77) 91%,#080e15 100%),
 radial-gradient(ellipse 34% 25% at 50% 58%,rgba(4,9,15,.60),transparent 78%),
 linear-gradient(90deg,rgba(5,12,18,.15),transparent 18%,transparent 82%,rgba(5,12,18,.14));
 filter:none;pointer-events:none;}
/* Separate animated transparent logo. */
.hero-logo{position:absolute;top:var(--am-logo-top);left:50%;z-index:4;
 width:var(--am-logo-width);height:auto;transform:translateX(-50%);
 display:block;text-align:center;color:inherit;text-decoration:none;filter:none;}
.hero-logo-image{display:block;width:100%;height:auto;object-fit:contain;
 filter:drop-shadow(0 8px 15px #000a) drop-shadow(0 0 9px #e3ab5033);
 animation:logoBreath 6.8s ease-in-out infinite;}
.hero-logo:after {content:'';position:absolute;inset:34% 20% 19%;z-index:-1;
 background:radial-gradient(ellipse,rgba(6,13,20,.4),transparent 75%);filter:blur(13px);pointer-events:none;}
@keyframes logoBreath{0%,100%{filter:drop-shadow(0 7px 13px #000b) drop-shadow(0 0 4px #dca05533)}50%{filter:drop-shadow(0 9px 17px #000b) drop-shadow(0 0 16px #eab76477)}}
.hero-center {position:absolute;top:var(--am-title-top);left:50%;transform:translateX(-50%);
 width:min(760px,90vw);z-index:4;text-align:center;padding:0 16px;margin:0;}
.hero-center:before{content:'';position:absolute;inset:-25px -26px -10px;z-index:-1;
 background:radial-gradient(ellipse at center,#08111d8c,rgba(7,14,21,.28) 57%,transparent 78%);
 filter:blur(9px);pointer-events:none;}
.hero-center .eyebrow {font:700 10px/1.4 var(--sans);letter-spacing:5.2px;
 color:#e3d0a5;margin:0 0 10px;text-shadow:0 3px 9px #000;}
.hero h2{font:500 var(--am-title-size)/1.04 var(--serif);
 letter-spacing:2px;margin:8px 0 10px;color:#ffe0a0;
 text-shadow:0 2px 2px #231708,0 3px 18px #000f,0 0 25px #9b642922;white-space:nowrap;}
.hero h2 span {color:#f2c67d;white-space:nowrap;}
.hero-description{font:400 13px/1.7 var(--sans);margin:14px 0 16px;color:#ede8e0;
 text-shadow:0 2px 8px #000f;}
.gold-button{position:relative;margin:10px auto 0;min-width:370px;min-height:67px;
 padding:0 30px;display:inline-flex;justify-content:space-between;align-items:center;gap:38px;
 border:1px solid #e2b974;background:linear-gradient(180deg,rgba(91,38,23,.96),rgba(29,13,15,.96));
 box-shadow:0 6px 20px #0009,inset 0 0 0 2px #8e4a2b33,0 0 21px #df8f3020;
 color:#ffe9bd;clip-path:polygon(19px 0,calc(100% - 19px) 0,100% 50%,calc(100% - 19px) 100%,19px 100%,0 50%);
 font:600 20px/1 var(--serif);letter-spacing:2.3px;text-transform:uppercase;
 transition:transform .22s,filter .22s,box-shadow .22s;cursor:pointer;}
.gold-button:before{content:'';inset:5px 13px;position:absolute;border:1px solid #e2b97499;pointer-events:none;}
.gold-button:after{content:'✦';font:normal 16px var(--serif);position:absolute;top:-2px;left:50%;transform:translateX(-50%);
 color:#f6d593;text-shadow:0 0 12px #f9b34d;pointer-events:none;}
.gold-button b{font:400 23px/1 var(--serif);}
.gold-button:hover,.gold-button:focus-visible{filter:brightness(1.16);transform:translateY(-2px);
 box-shadow:0 9px 24px #000a,inset 0 0 0 2px #bc744e55,0 0 25px #e7a74c55;}
.hero-link{display:block;margin:14px auto 0;color:#ddc8a2;font:400 10px var(--sans);text-shadow:0 3px 7px #000f;}
.hero-link span{color:#e4b66d;margin-left:8px;}
.section-rail{position:absolute;top:34%;left:6.7%;z-index:7;display:grid;gap:32px;color:#d4ab6c;}
.section-rail a{display:block;color:inherit;text-shadow:0 1px 8px #000;transition:transform .2s,color .2s;}
.section-rail a:hover{transform:scale(1.3);color:#ffe7aa;}
.section-rail:before{content:'';position:absolute;z-index:-1;width:1px;top:-45px;bottom:-45px;left:50%;
 background:linear-gradient(transparent,#ba905773,transparent);}
.social-rail{right:5.5%;top:42%;z-index:7;color:#eac47e;}
.realm-strip{position:absolute;bottom:0;left:0;right:0;z-index:5;
 height:var(--am-info-height);width:100%;padding:0 clamp(30px,7%,132px);
 display:flex;align-items:center;justify-content:space-between;gap:16px;
 background:linear-gradient(180deg,rgba(7,13,21,.34),rgba(7,12,18,.92) 62%,#080e15);
 border-top:1px solid #d8af6d50;border-bottom:0;}
.realm-strip>div{display:flex;align-items:center;gap:13px;min-width:0;}
.realm-strip .strip-icon{color:#f0c16d;font:32px var(--serif);flex-shrink:0;}
.realm-strip p{font:500 17px/1.1 var(--serif);letter-spacing:1px;margin:0;white-space:nowrap;color:#ffdfa8;}
.realm-strip p em{color:#e4b774;}
.realm-strip p small{display:block;font:400 10px/1.5 var(--sans);letter-spacing:0;margin-top:5px;color:#aaaeb3;}
.realm-strip>a{font:500 11px var(--sans);color:#dfbc85;white-space:nowrap;}
.realm-strip>a span{margin-left:12px;}
.realm-strip>a:hover{color:#fff0c6;}
/* Lower page sections stay fully editable and use existing CMS links. */
.world-art-image{background:linear-gradient(0deg,#080e15 0%,transparent 70%),url('../img/arcana-sites/arcana-clean-hero-v18.webp') center center/cover no-repeat;filter:saturate(.82);}
.world{padding-top:110px;}
.section{scroll-margin-top:10px;}
@media(max-width:1280px) and (min-width:861px){
 :root{--am-nav-gap:22px;--am-logo-width:min(37vw,495px);--am-title-size:clamp(37px,3.3vw,47px)}
 .header{padding:0 22px;}
 .header .brand{font-size:19px;}
 .header nav>a,.header nav>button{font-size:10px;letter-spacing:.3px;}
 .header .cabinet{min-width:148px;padding:11px;font-size:9px;}
 .realm-strip{padding:0 4%;}
 .realm-strip p{font-size:15px;}
}
@media(min-width:1650px){
 :root{--am-logo-top:75px;--am-logo-width:min(33.5vw,560px);--am-title-top:54%;--am-title-size:55px;--am-info-height:98px;}
 .hero-center .eyebrow{margin-bottom:10px;}
}
@media(max-width:860px){
 :root{--am-header-height:70px;--am-logo-width:min(81vw,370px);--am-logo-top:230px;--am-title-top:auto;--am-title-size:clamp(34px,8vw,43px);--am-info-height:92px;}
 .header{height:var(--am-header-height);padding:0 17px;}
 .header .brand{font-size:17px;letter-spacing:2px;}
 .header .brand-mark{font-size:34px;}
 .header .brand-small{font-size:9px;letter-spacing:3.5px;margin-top:5px;}
 .header .header-right{margin-left:auto;margin-right:16px;gap:0;}
 .header .lang{font-size:10px;}
 .header .cabinet{display:none;}
 .header .menu-button{display:block;color:#eed4a2;font-size:27px;}
 .header nav{display:none;position:absolute;left:0;right:0;top:var(--am-header-height);
   transform:none;width:100%;height:auto;padding:12px 22px;background:rgba(6,13,20,.97);
   border-top:1px solid #d7b37535;border-bottom:1px solid #d7b37555;
   box-shadow:0 25px 45px #0008;z-index:55;white-space:normal;}
 .header nav.open{display:flex;flex-direction:column;align-items:stretch;gap:0;}
 .header nav>a,.header nav>button{height:48px;padding:14px 4px;font-size:12px;letter-spacing:1px;display:block;text-align:left;}
 .am-nav-indicator{display:none;}
 .hero{min-height:780px;height:100svh;max-height:none;}
 .hero-art{background-position:center top;background-size:cover;}
 .hero-shade{background:linear-gradient(180deg,rgba(6,11,17,.20),transparent 20%,transparent 38%,rgba(7,12,19,.33) 55%,#080e15 95%);}
 .hero-logo{top:var(--am-logo-top);width:var(--am-logo-width);}
 .hero-center{top:auto;bottom:122px;width:min(94vw,620px);padding:0 10px;}
 .hero-center .eyebrow{font-size:8px;letter-spacing:2.6px;}
 .hero h2{font-size:var(--am-title-size);white-space:nowrap;letter-spacing:0;}
 .hero-description{font-size:11px;line-height:1.6;}
 .gold-button{min-width:min(335px,90vw);min-height:57px;font-size:17px;padding:0 23px;}
 .hero-link{font-size:10px;margin-top:12px;}
 .section-rail,.social-rail{display:none;}
 .realm-strip{height:var(--am-info-height);padding:10px 18px;justify-content:center;gap:26px;}
 .realm-strip>div:nth-of-type(3),.realm-strip>a{display:none;}
 .realm-strip>div{gap:8px;}
 .realm-strip .strip-icon{font-size:23px;}
 .realm-strip p{font-size:13px;}
 .realm-strip p small{font-size:8px;white-space:normal;}
}
@media(max-width:540px){
 :root{--am-logo-top:218px;--am-logo-width:min(86vw,345px)}
 .hero{min-height:790px;}
 .hero-art{background-image:url('../img/arcana-sites/arcana-clean-hero-mobile-v18.webp');background-size:cover;background-position:center top;}
 .hero-shade{background:linear-gradient(180deg,rgba(4,9,15,.09) 0%,rgba(4,9,15,.06) 26%,rgba(4,9,15,.17) 44%,#080e15 96%);}
 .hero-center{bottom:124px;}
 .hero h2{font-size:clamp(29px,7.5vw,37px);}
 .hero-center .eyebrow{letter-spacing:2.2px;}
 .hero-description{font-size:11px;}
 .gold-button{font-size:17px;min-height:56px;min-width:min(325px,88vw);}
 .realm-strip{padding:8px 12px;gap:15px;}
 .realm-strip p{font-size:12px;}
 .realm-strip p small{font-size:8px;}
 .realm-strip .strip-icon{font-size:21px;}
 .world{padding-top:70px;}
}
@media(prefers-reduced-motion:reduce){.hero-art,.hero-logo-image{animation:none;}
 .am-nav-indicator.is-ready{transition:none;}}


/* ARCANA MACE V19 — approved original logo, extracted from approved concept.
   Adjust these 2 values if needed after comparing live viewport. */
:root {
  --am-logo-top: 48px;
  --am-logo-width: min(39vw, 652px);
}
.hero-logo { top:var(--am-logo-top) !important;
  width:var(--am-logo-width) !important;
  max-width:calc(100vw - 24px) !important; }
.hero-logo-image {display:block;width:100%;height:auto;
  filter:drop-shadow(0 8px 19px rgba(0,0,0,.65)) drop-shadow(0 0 7px rgba(230,157,65,.26));
  animation:arcanaApprovedGlow 8s ease-in-out infinite;}
@keyframes arcanaApprovedGlow {
  0%,100% {filter:drop-shadow(0 8px 17px rgba(0,0,0,.68)) drop-shadow(0 0 5px rgba(238,165,75,.17));}
  50% {filter:drop-shadow(0 8px 19px rgba(0,0,0,.68)) drop-shadow(0 0 11px rgba(238,165,75,.28));}
}
@media (min-width:1650px) {
  :root{--am-logo-top: 43px;--am-logo-width:min(38vw,652px);}
}
@media (min-width:861px) and (max-width:1199px) {
  :root{--am-logo-top:77px;--am-logo-width:min(48vw,575px);}
}
@media (max-width:860px) {
  :root{--am-logo-top:205px;--am-logo-width:min(91vw,390px);}
}
@media (prefers-reduced-motion:reduce) {
  .hero-logo-image { animation:none !important; }
}


/* AM LOGO v20: exact approved artwork from concept. No Blade modifications.
   Purposefully load the new filename independently of the old HTML img src. */
.hero .hero-logo {
  position: absolute !important;
  top: 103px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: min(35vw, 570px) !important;
  max-width: calc(100vw - 36px) !important;
  height: auto !important;
  aspect-ratio: 610 / 349 !important;
  z-index: 4 !important;
  display: block !important;
}
.hero .hero-logo > .hero-logo-image {
  opacity: 0 !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  animation: none !important;
  filter: none !important;
}
.hero .hero-logo::after { content: none !important; display: none !important; }
.hero .hero-logo::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  width: 100% !important;
  height: 100% !important;
  background: url('../img/arcana-sites/arcana-logo-approved-v20.png?v=20') center center / contain no-repeat !important;
  pointer-events: none !important;
  opacity: 1 !important;
  filter: drop-shadow(0 6px 12px rgba(0, 0, 0, .48)) drop-shadow(0 0 8px rgba(238, 157, 72, .26)) !important;
  animation: amApprovedLogoBreathe 8s ease-in-out infinite !important;
}
@keyframes amApprovedLogoBreathe {
  0%, 100% {filter: drop-shadow(0 6px 12px rgba(0,0,0,.48)) drop-shadow(0 0 7px rgba(238,157,72,.23));}
  50% {filter: drop-shadow(0 8px 16px rgba(0,0,0,.54)) drop-shadow(0 0 13px rgba(242,177,81,.40));}
}
@media (min-width: 1700px) {
  .hero .hero-logo { top: 94px !important; width: min(34vw, 605px) !important; }
}
@media (min-width: 861px) and (max-width: 1200px) {
  .hero .hero-logo { top: 111px !important; width: min(49vw, 500px) !important; }
}
@media (max-width: 860px) {
  .hero .hero-logo { top: 180px !important; width: min(85vw, 370px) !important; }
}
@media (prefers-reduced-motion: reduce) {
  .hero .hero-logo::before { animation: none !important; }
}


/* ======================================================================
  ARCANA-MACE / v21 POLISHED HEADER + PREMIUM CTA
  No Blade, PHP, JS, asset or route changes. Install over v20 CSS.
  All major edits scoped to header brand, header cabinet and hero CTA.
  ====================================================================== */
:root {
  --am21-champagne:#f2d59c;
  --am21-bright:#ffe8b4;
  --am21-aged:#ba8950;
  --am21-ruby:#542529;
}
/* Small brand in the top-left: remove the boxed/widget appearance. */
.header > .brand {
  border:0 !important;
  outline:none;
  border-radius:0;
  box-shadow:none !important;
  background:transparent !important;
  padding:0 !important;
  text-decoration:none;
  filter:none !important;
  color:#e8c991 !important;
  text-shadow:0 2px 9px rgba(1,8,14,.78) !important;
  transition:color .22s ease,filter .22s ease;
}
.header > .brand::before,
.header > .brand::after {content:none !important;display:none !important;}
.header > .brand .brand-mark {
  color:#f1d49b;
  font-weight:400;
  text-shadow:0 1px 5px rgba(0,0,0,.72),0 0 11px rgba(207,162,84,.26);
}
.header > .brand .brand-small {
  color:#d6b981;
  letter-spacing:5px;
  text-shadow:0 2px 9px rgba(0,0,0,.8);
}
.header > .brand:hover {color:#ffdfaa !important;filter:drop-shadow(0 0 6px rgba(228,177,95,.16)) !important;}
.header > .brand:focus-visible {outline:1px solid rgba(243,207,148,.85) !important;outline-offset:7px;}
.header > .brand:focus:not(:focus-visible) {outline:none !important;}

/* Premium secondary action: deliberately quieter than the hero CTA. */
.header .header-right .cabinet {
  min-width:174px;
  min-height:43px;
  padding:11px 16px;
  color:#f0dfc2 !important;
  border:1px solid rgba(201,165,106,.64) !important;
  border-radius:0 !important;
  background:linear-gradient(110deg,rgba(12,19,26,.48),rgba(25,27,31,.54) 50%,rgba(9,16,23,.63)) !important;
  box-shadow:inset 0 1px 0 rgba(253,218,158,.12),0 5px 19px rgba(0,0,0,.17) !important;
  clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));
  font-weight:750;
  letter-spacing:.75px;
  text-shadow:0 2px 6px rgba(0,0,0,.8);
  transition:background .25s ease,color .25s ease,box-shadow .25s ease,border-color .25s ease;
}
.header .header-right .cabinet span {
  color:#dfb877;
  font-size:18px;
  margin:0;
  text-shadow:0 0 8px rgba(228,171,83,.27);
  transition:transform .25s ease,color .25s ease;
}
.header .header-right .cabinet:hover,
.header .header-right .cabinet:focus-visible {
  color:#fff0cb !important;
  /* v28 fix: do not override PNG background on cabinet hover */
  border-color:rgba(249,202,131,.92) !important;
  box-shadow:inset 0 1px 0 rgba(255,230,167,.22),0 0 19px rgba(208,139,60,.2),0 8px 24px rgba(0,0,0,.24) !important;
}
.header .header-right .cabinet:hover span {transform:translateX(3px);color:#ffe1a0;}

/* Hero CTA: sharp letters, dark ruby glass, precise double metallic trim. */
.hero .gold-button {
  position:relative;
  isolation:isolate;
  min-width:clamp(310px,22vw,396px);
  min-height:68px;
  padding:0 24px 0 32px;
  gap:24px;
  margin-top:10px;
  border:1px solid #d8ad73 !important;
  border-radius:0 !important;
  background:linear-gradient(112deg,#27191d 0%,#5b282c 28%,#472125 56%,#211920 100%) !important;
  box-shadow:inset 0 1px 0 rgba(255,232,184,.27),inset 0 -2px 0 rgba(8,3,6,.64),0 12px 28px rgba(1,4,10,.42),0 0 20px rgba(210,140,59,.16) !important;
  clip-path:polygon(16px 0,calc(100% - 16px) 0,100% 50%,calc(100% - 16px) 100%,16px 100%,0 50%) !important;
  color:var(--am21-champagne) !important;
  font:600 22px/1.1 var(--serif) !important;
  letter-spacing:2.25px !important;
  text-shadow:0 2px 7px rgba(5,1,4,.85),0 0 10px rgba(226,174,96,.16);
  -webkit-font-smoothing:antialiased;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  transition:transform .26s ease,filter .26s ease,box-shadow .26s ease,color .26s ease !important;
}
.hero .gold-button::before {
  content:'' !important;
  display:block !important;
  position:absolute;
  inset:5px 13px !important;
  border:1px solid rgba(236,191,118,.52) !important;
  pointer-events:none;
  z-index:-1;
}
.hero .gold-button::after {
  content:'✧' !important;
  font:normal 19px/1 var(--serif) !important;
  top:-5px !important;
  left:50%;
  color:#f5cc88 !important;
  text-shadow:0 0 11px rgba(241,176,79,.68);
}
.hero .gold-button > span {position:relative;z-index:1;white-space:nowrap;}
.hero .gold-button > b {
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:flex-end;
  min-width:49px;
  height:35px;
  padding-left:18px;
  border-left:1px solid rgba(239,195,127,.35);
  color:#ffe1a5;
  font:normal 25px/1 var(--serif) !important;
  transition:transform .26s ease,color .26s ease;
}
.hero .gold-button:hover,
.hero .gold-button:focus-visible {
  color:#fff1cf !important;
  filter:brightness(1.14) !important;
  transform:translateY(-3px) !important;
  box-shadow:inset 0 1px 0 rgba(255,237,190,.38),inset 0 -2px 0 rgba(8,3,6,.58),0 15px 32px rgba(1,4,10,.50),0 0 28px rgba(229,159,76,.32) !important;
}
.hero .gold-button:hover > b,
.hero .gold-button:focus-visible > b {transform:translateX(4px);color:#fff0c9;}
.hero .gold-button:focus-visible {outline:2px solid #ffe6ae !important;outline-offset:5px;}

@media (min-width:861px) and (max-width:1280px) {
  .header .header-right .cabinet {min-width:150px;padding:10px 12px;font-size:9px;}
  .hero .gold-button {min-width:335px;min-height:64px;font-size:20px !important;}
}
@media (max-width:860px) {
  .header > .brand .brand-small {letter-spacing:3px;}
  .hero .gold-button {min-width:min(335px,88vw);min-height:59px;font-size:18px !important;padding:0 23px;}
  .hero .gold-button > b {font-size:21px !important;min-width:40px;}
}
@media (max-width:390px) {
  .hero .gold-button {min-width:min(292px,90vw);font-size:16px !important;padding:0 18px;letter-spacing:1.5px !important;}
}
@media (prefers-reduced-motion:reduce) {
  .header > .brand,.header .cabinet,.hero .gold-button,.hero .gold-button > b {transition:none !important;}
}


/* ===============================================================
 ARCANA-MACE  v22 / IMPERIAL RUBY UI — BUTTONS ONLY
 No Blade, PHP, logo, hero, menu or JS changes.
 Strong selectors override historical button rules even when
 earlier theme versions contain !important declarations.
 =============================================================== */
:root {
  --am22-metal-light: #fff0c0;
  --am22-metal-gold: #d4a55c;
  --am22-ruby: #8b2638;
  --am22-edge: #e6c18a;
}
/* HIGH-VISIBILITY: gilded cut-corner primary button */
section.hero#home .hero-center > button.gold-button[data-start] {
  position:relative !important;
  isolation:isolate !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  width:min(390px,88vw) !important;
  min-width:0 !important;
  height:72px !important;
  min-height:72px !important;
  margin-top:17px !important;
  padding:0 30px 0 33px !important;
  gap:12px !important;
  background:
    linear-gradient(114deg,#180f18 0%,#30141b 23%,#551d28 49%,#32131b 75%,#130e16 100%) padding-box,
    linear-gradient(130deg,#9b5a2a 0%,#f5dca4 13%,#a36b34 33%,#fff0ca 49%,#aa642a 65%,#efc878 86%,#805025 100%) border-box !important;
  border:2px solid transparent !important;
  color:#fff0cf !important;
  border-radius:0 !important;
  clip-path:polygon(18px 0,calc(100% - 18px) 0,100% 50%,calc(100% - 18px) 100%,18px 100%,0 50%) !important;
  box-shadow:0 9px 28px rgba(2,3,10,.38),0 0 24px rgba(221,143,56,.25),inset 0 0 0 1px rgba(245,211,142,.18) !important;
  filter:none !important;
  transform:none !important;
  text-align:left !important;
  text-transform:uppercase !important;
  font:600 22px/1.06 'Cormorant Garamond',Georgia,serif !important;
  letter-spacing:2.6px !important;
  text-shadow:0 2px 4px #000c,0 0 13px #ffb85a26 !important;
  -webkit-font-smoothing:antialiased;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  transition:filter .24s ease,box-shadow .24s ease,transform .24s ease !important;
}
/* Etched inner metal trim follows the diamond-shaped corners */
section.hero#home .hero-center > button.gold-button[data-start]::before {
  content:'' !important;
  display:block !important;
  position:absolute !important;
  inset:6px 12px !important;
  z-index:0 !important;
  background:none !important;
  border:1px solid rgba(234,185,110,.56) !important;
  clip-path:polygon(11px 0,calc(100% - 11px) 0,100% 50%,calc(100% - 11px) 100%,11px 100%,0 50%) !important;
  opacity:1 !important;
  pointer-events:none !important;
}
/* Polished ruby diamond, visually linked to approved main logo */
section.hero#home .hero-center > button.gold-button[data-start]::after {
  content:'' !important;
  position:absolute !important;
  display:block !important;
  top:-1px !important;
  left:50% !important;
  width:15px !important;
  height:15px !important;
  margin:0 !important;
  transform:translateX(-50%) rotate(45deg) !important;
  background:radial-gradient(circle at 33% 30%,#fff4c7 0%,#faab78 17%,#be3442 45%,#60111f 77%) !important;
  border:1px solid #f5d79a !important;
  box-shadow:0 0 13px rgba(237,106,57,.73),0 0 0 3px rgba(30,12,16,.6) !important;
  opacity:1 !important;
  color:transparent !important;
  font-size:0 !important;
  line-height:0 !important;
  pointer-events:none !important;
}
section.hero#home .hero-center > button.gold-button[data-start] > span {
  position:relative !important;
  z-index:2 !important;
  display:inline-block !important;
  white-space:nowrap !important;
  color:#fff0ca !important;
}
section.hero#home .hero-center > button.gold-button[data-start] > b {
  z-index:2 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 54px !important;
  width:54px !important;
  height:43px !important;
  padding:0 0 0 10px !important;
  margin-left:8px !important;
  border:0 !important;
  border-left:1px solid rgba(240,202,131,.55) !important;
  color:#ffe4a2 !important;
  text-shadow:0 0 14px #ffa84588 !important;
  font:400 30px/1 Georgia,serif !important;
  transform:none !important;
  transition:transform .25s ease,color .25s ease !important;
}
section.hero#home .hero-center > button.gold-button[data-start]:hover,
section.hero#home .hero-center > button.gold-button[data-start]:focus-visible {
  transform:translateY(-3px) !important;
  filter:brightness(1.18) !important;
  box-shadow:0 15px 35px rgba(0,0,0,.50),0 0 35px rgba(245,162,72,.43) !important;
}
section.hero#home .hero-center > button.gold-button[data-start]:hover > b,
section.hero#home .hero-center > button.gold-button[data-start]:focus-visible > b {
  color:#fff6d8 !important;
  transform:translateX(5px) !important;
}
section.hero#home .hero-center > button.gold-button[data-start]:focus-visible {
  outline:2px solid var(--am22-metal-light) !important;
  outline-offset:5px !important;
}
/* Secondary action: lightly gilded corner-cut steel, not a plain rectangle */
header.header .header-right > a.cabinet {
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:13px !important;
  min-width:207px !important;
  min-height:48px !important;
  padding:10px 12px 10px 19px !important;
  border:1px solid transparent !important;
  border-radius:0 !important;
  clip-path:polygon(9px 0,calc(100% - 9px) 0,100% 9px,100% calc(100% - 9px),calc(100% - 9px) 100%,9px 100%,0 calc(100% - 9px),0 9px) !important;
  background:
    linear-gradient(105deg,#0a111abf,#151b25e8 42%,#10131ce6) padding-box,
    linear-gradient(120deg,#9e632d,#f6d390 26%,#725132 53%,#e7b76e 85%,#83542e) border-box !important;
  box-shadow:0 5px 18px #0006,inset 0 0 0 1px #c69a4c1b !important;
  color:#f9e5b9 !important;
  font:750 10px/1.2 'Manrope',Arial,sans-serif !important;
  letter-spacing:.9px !important;
  text-transform:uppercase !important;
  text-shadow:0 2px 5px #000a !important;
  transition:filter .25s ease,transform .25s ease,box-shadow .25s ease !important;
}
header.header .header-right > a.cabinet::before {
  content:'' !important;
  position:absolute !important;
  inset:5px 6px !important;
  border:1px solid rgba(228,181,106,.16) !important;
  z-index:0 !important;
  pointer-events:none !important;
}
header.header .header-right > a.cabinet::after {display:none !important;content:none !important;}
header.header .header-right > a.cabinet span {
  display:grid !important;
  place-items:center !important;
  flex:0 0 33px !important;
  width:33px !important;
  height:29px !important;
  margin:0 !important;
  border-left:1px solid rgba(241,198,123,.43) !important;
  background:linear-gradient(90deg,#9d653419,transparent) !important;
  color:#f0c681 !important;
  font:700 20px/1 Georgia,serif !important;
  transition:transform .25s ease !important;
}
header.header .header-right > a.cabinet:hover,
header.header .header-right > a.cabinet:focus-visible {
  transform:translateY(-2px) !important;
  filter:brightness(1.18) !important;
  box-shadow:0 10px 27px #000a,0 0 19px #d59c4855 !important;
}
header.header .header-right > a.cabinet:hover span {transform:translateX(3px) !important;}
header.header .header-right > a.cabinet:focus-visible {outline:2px solid #ffe5af !important;outline-offset:4px !important;}
@media(max-width:1240px) and (min-width:861px){
  header.header .header-right > a.cabinet { min-width:178px !important;font-size:9px !important;padding-left:12px !important; }
  section.hero#home .hero-center > button.gold-button[data-start] {width:min(370px,88vw) !important;}
}
@media(max-width:860px){
  section.hero#home .hero-center > button.gold-button[data-start] {width:min(350px,87vw) !important;height:63px !important;min-height:63px !important;padding:0 21px 0 27px !important;font-size:19px !important;letter-spacing:1.8px !important;}
  section.hero#home .hero-center > button.gold-button[data-start] > b {flex-basis:41px !important;width:41px !important;font-size:24px !important;}
}
@media(max-width:390px){
  section.hero#home .hero-center > button.gold-button[data-start] {width:min(310px,90vw) !important;font-size:17px !important;padding-left:22px !important;}
}
@media(prefers-reduced-motion:reduce){
  section.hero#home .hero-center > button.gold-button[data-start],
  section.hero#home .hero-center > button.gold-button[data-start] > b,
  header.header .header-right > a.cabinet,
  header.header .header-right > a.cabinet span{transition:none !important;}
}

/* ═══════════ ARCANA MACE v25 / ONLY TWO BUTTONS ═══════════
 * Two new image-backed interactive buttons. No added buttons in navigation or footer.
 * Assets contain original rendered lettering; original HTML labels stay in DOM for a11y.
 * Installation includes cleaned stylesheet with v24 nav/footer skins REMOVED.
 */
:root { --am25-cta-w:400px; --am25-cta-h:118px; --am25-account-w:242px; --am25-account-h:65px; }
section.hero#home .hero-center > button.gold-button[data-start] {
  position:relative!important; isolation:isolate!important;
  display:inline-flex!important; align-items:center!important; justify-content:center!important;
  box-sizing:border-box!important;
  width:min(var(--am25-cta-w),94vw)!important;
  height:var(--am25-cta-h)!important;
  min-height:0!important; min-width:0!important;
  padding:0!important; margin:0!important;
  border:0!important; border-radius:0!important;
  background:transparent url('../img/arcana-sites/ui-v25/am-v25-start-ruby-glow.png') center/100% 100% no-repeat!important;
  box-shadow:none!important; clip-path:none!important;
  color:transparent!important; text-shadow:none!important;
  font-size:0!important; line-height:0!important; letter-spacing:0!important;
  overflow:visible!important; cursor:pointer!important;
  filter:drop-shadow(0 10px 11px rgba(0,0,0,.44)) brightness(.94)!important;
  transform:translateZ(0)!important;
  transition:filter .23s ease,transform .23s ease!important;
  -webkit-tap-highlight-color:transparent!important;
}
section.hero#home .hero-center > button.gold-button[data-start]::before,
section.hero#home .hero-center > button.gold-button[data-start]::after {
  content:none!important;display:none!important;background:none!important;border:0!important;box-shadow:none!important;
}
section.hero#home .hero-center > button.gold-button[data-start] > span,
section.hero#home .hero-center > button.gold-button[data-start] > b {
  opacity:0!important; visibility:hidden!important; font-size:0!important;
  background:none!important;border:0!important;box-shadow:none!important;
}
section.hero#home .hero-center > button.gold-button[data-start]:hover,
section.hero#home .hero-center > button.gold-button[data-start]:focus-visible {
  filter:drop-shadow(0 11px 17px rgba(255,103,21,.34)) brightness(1.14)!important;
  transform:translateY(-2px)!important;
}
section.hero#home .hero-center > button.gold-button[data-start]:active {
  filter:brightness(.98)!important; transform:translateY(0)!important;
}
section.hero#home .hero-center > button.gold-button[data-start]:focus-visible {
  outline:2px solid #ffda88!important;outline-offset:2px!important;
}
header.header .header-right > a.cabinet {
  position:relative!important;isolation:isolate!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  box-sizing:border-box!important;
  flex:0 0 auto!important;
  width:var(--am25-account-w)!important;height:var(--am25-account-h)!important;
  min-width:0!important;min-height:0!important;
  padding:0!important;margin:0!important;
  border:0!important;border-radius:0!important;clip-path:none!important;
  background:transparent url('../img/arcana-sites/ui-v25/am-v25-account-ruby-glow.png') center/100% 100% no-repeat!important;
  box-shadow:none!important;
  color:transparent!important;font-size:0!important;letter-spacing:0!important;text-shadow:none!important;
  overflow:visible!important;white-space:nowrap!important;
  filter:drop-shadow(0 6px 9px rgba(0,0,0,.38)) brightness(.94)!important;
  transform:translateZ(0)!important;
  transition:filter .23s ease,transform .23s ease!important;
  -webkit-tap-highlight-color:transparent!important;
}
header.header .header-right > a.cabinet::before,
header.header .header-right > a.cabinet::after {content:none!important;display:none!important;background:none!important;border:0!important;box-shadow:none!important;}
header.header .header-right > a.cabinet > span {opacity:0!important;visibility:hidden!important;font-size:0!important;background:none!important;border:0!important;box-shadow:none!important;}
header.header .header-right > a.cabinet:hover,
header.header .header-right > a.cabinet:focus-visible {
  filter:drop-shadow(0 8px 12px rgba(248,110,32,.33)) brightness(1.18)!important;
  transform:translateY(-1px)!important;
}
header.header .header-right > a.cabinet:focus-visible {outline:2px solid #ffe3a5!important;outline-offset:1px!important;}
@media(min-width:861px) and (max-width:1300px) {
 :root{--am25-cta-w:380px;--am25-cta-h:112px;--am25-account-w:205px;--am25-account-h:55px;}
}
@media(max-width:860px) {
 :root{--am25-cta-w:310px;--am25-cta-h:92px;--am25-account-w:192px;--am25-account-h:52px;}
 header.header .header-right > a.cabinet{max-width:42vw!important;}
 section.hero#home .hero-center > button.gold-button[data-start]{max-width:92vw!important;}
}
@media(max-width:390px) {
 :root{--am25-cta-w:280px;--am25-cta-h:83px;--am25-account-w:154px;--am25-account-h:42px;}
}
@media(prefers-reduced-motion:reduce) {
 section.hero#home .hero-center > button.gold-button[data-start],
 header.header .header-right > a.cabinet {transition:none!important;}
}

/* Retain the clean pre-v24 readable typographic treatment of the main headline.
   This counteracts a legacy font shorthand that renders at body size in some browsers. */
@media (min-width:861px) {
  .hero .hero-center > h2 {font-family:Georgia,serif!important;font-size:clamp(37px,3.0vw,53px)!important;font-weight:500!important;line-height:1.06!important;letter-spacing:1px!important;color:#eecf91!important;margin:12px 0 12px!important;text-shadow:0 3px 12px rgba(0,0,0,.8)!important;}
  .header nav > a,.header nav > button {font-family:Arial,Helvetica,sans-serif!important;font-size:10px!important;font-weight:700!important;letter-spacing:.5px!important;}
}
.hero .hero-center > .eyebrow {font-family:Arial,Helvetica,sans-serif!important;font-size:9px!important;font-weight:700!important;letter-spacing:4px!important;}
.hero .hero-center > .hero-description {font-family:Arial,Helvetica,sans-serif!important;font-size:12px!important;line-height:1.7!important;}

/* ARCANA-MACE v27 — NAV CLARITY + REMOVE HERO READ-MORE */
/* This does not touch the two ruby buttons, header logo, hero image, footer or routes. */
/* Safety fallback during Blade view caching. In updated main.blade.php the link is removed entirely. */
section.hero#home .hero-center > a.hero-link { display:none !important; }

@media (min-width:861px) {
  /* The five existing navigation elements stay real HTML and keep v18 sliding indicator JS. */
  header.header nav#arcana-main-nav {
    gap:clamp(18px,1.85vw,33px) !important;
  }
  header.header nav#arcana-main-nav > a,
  header.header nav#arcana-main-nav > button {
    font-family:Arial,Helvetica,sans-serif !important;
    font-size:12px !important;
    font-weight:750 !important;
    letter-spacing:.75px !important;
    line-height:1.2 !important;
    -webkit-font-smoothing:antialiased;
    text-shadow:0 2px 8px rgba(0,0,0,.9) !important;
    transition:color .24s ease,text-shadow .24s ease !important;
  }
  header.header nav#arcana-main-nav > a:is(:hover,:focus-visible,.active,.am-nav-hot),
  header.header nav#arcana-main-nav > button:is(:hover,:focus-visible,.active,.am-nav-hot) {
    color:#ffe1a3 !important;
    text-shadow:0 0 9px rgba(245,192,94,.51),0 2px 7px #000 !important;
  }
  header.header nav#arcana-main-nav > .am-nav-indicator {
    bottom:11px !important;
    height:2px !important;
    background:linear-gradient(90deg,transparent,#e3ac59 20%,#fff3cb 50%,#e3ac59 80%,transparent) !important;
    box-shadow:0 0 10px rgba(242,171,72,.5) !important;
  }
  header.header nav#arcana-main-nav > .am-nav-indicator::after {
    background:#ffe3a5 !important;
    box-shadow:0 0 8px #ffd083,0 0 18px rgba(255,161,61,.84) !important;
  }
}
@media (min-width:861px) and (max-width:1179px) {
  header.header nav#arcana-main-nav {gap:clamp(11px,1.35vw,19px) !important;}
  header.header nav#arcana-main-nav > a,
  header.header nav#arcana-main-nav > button {
    font-size:10.5px !important;
    letter-spacing:.4px !important;
  }
}
@media (max-width:860px) {
  header.header nav#arcana-main-nav > a,
  header.header nav#arcana-main-nav > button {
    font-size:13px !important;
    letter-spacing:.7px !important;
  }
}


/* ==============================================================
   ARCANA-MACE v29 | SHAPE-AWARE BUTTON HOVER | 2026-11-06
   Scope: only the two existing image-backed buttons.
   All menu, hero, logo, footer and CMS styles are unchanged.
   =============================================================== */

/* Keep only the actual RGBA artwork — no rectangular painted layers. */
section.hero#home .hero-center > button.gold-button[data-start],
header.header .header-right > a.cabinet {
  background-color: transparent !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: 100% 100% !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  clip-path: none !important;
  overflow: visible !important;
  backface-visibility: hidden;
  transition: transform .22s ease-out, filter .22s ease-out !important;
}

/* Preserve image identity across normal, hover, active and focus states. */
section.hero#home .hero-center > button.gold-button[data-start] {
  background-image: url('../img/arcana-sites/ui-v25/am-v25-start-ruby-glow.png') !important;
}
header.header .header-right > a.cabinet {
  background-image: url('../img/arcana-sites/ui-v25/am-v25-account-ruby-glow.png') !important;
}

section.hero#home .hero-center > button.gold-button[data-start]::before,
section.hero#home .hero-center > button.gold-button[data-start]::after,
header.header .header-right > a.cabinet::before,
header.header .header-right > a.cabinet::after {
  content: none !important;
  display: none !important;
  background: none !important;
  box-shadow: none !important;
}

/* Soft silhouette-following golden light rather than a rectangular box-shadow. */
@media (hover: hover) and (pointer: fine) {
  section.hero#home .hero-center > button.gold-button[data-start]:hover {
    filter: drop-shadow(0 5px 9px rgba(0,0,0,.33))
            drop-shadow(0 0 7px rgba(255,154,49,.30))
            brightness(1.08) !important;
    transform: translateY(-2px) !important;
    box-shadow: none !important;
    background-color: transparent !important;
  }
  header.header .header-right > a.cabinet:hover {
    filter: drop-shadow(0 4px 7px rgba(0,0,0,.33))
            drop-shadow(0 0 6px rgba(254,167,64,.28))
            brightness(1.08) !important;
    transform: translateY(-2px) !important;
    box-shadow: none !important;
    background-color: transparent !important;
  }
}

/* For keyboard users, keep a clear *shape-aware* focus indication. */
section.hero#home .hero-center > button.gold-button[data-start]:focus-visible,
header.header .header-right > a.cabinet:focus-visible {
  outline: none !important;
  outline-offset: 0 !important;
  box-shadow: none !important;
  background-color: transparent !important;
  filter: drop-shadow(0 0 10px rgba(255,209,126,.76)) brightness(1.11) !important;
}

section.hero#home .hero-center > button.gold-button[data-start]:active,
header.header .header-right > a.cabinet:active {
  transform: translateY(0) !important;
  filter: brightness(.97) !important;
  box-shadow: none !important;
}

@media (prefers-reduced-motion: reduce) {
  section.hero#home .hero-center > button.gold-button[data-start],
  header.header .header-right > a.cabinet {
    transition: none !important;
  }
}


/* ═══ Arcana-Mace v31: hover language selector (no Blade updates) ═══ */
/* Arcana-Mace v30 — independent language selector; does not modify existing theme CSS */
.header .header-right .am30-language,
.header .am30-language * { box-sizing: border-box; }
.header .header-right .am30-language { position:relative; z-index:80; flex:0 0 auto; min-width:70px; font-family:Arial,sans-serif; }
.header .am30-language-trigger { appearance:none; -webkit-appearance:none; position:relative; display:inline-flex; justify-content:center; align-items:center; gap:7px; height:35px; min-width:76px; padding:5px 8px; border:1px solid rgba(211,167,99,.30); border-radius:3px; background:linear-gradient(135deg,rgba(13,20,28,.85),rgba(26,23,24,.84)); box-shadow:0 2px 12px rgba(0,0,0,.22); color:#e8cb89; cursor:pointer; white-space:nowrap; font-size:11px; line-height:1; letter-spacing:1px; transition:background .18s,border-color .18s,filter .18s; }
.header .am30-language-trigger:hover, .header .am30-language-trigger:focus-visible, .header .am30-language[data-open="true"] .am30-language-trigger { background:linear-gradient(135deg,rgba(31,31,30,.91),rgba(41,29,25,.94)); border-color:rgba(255,199,107,.75); filter:brightness(1.10); }
.header .am30-language-trigger:focus-visible { outline:2px solid #e7bc73; outline-offset:3px; }
.header .am30-current-flag { width:26px; height:18px; display:block; object-fit:cover; flex:none; border-radius:2px; box-shadow:0 1px 5px rgba(0,0,0,.5); }
.header .am30-current-code { display:block; min-width:18px; color:#e8cb89; font-size:11px; font-weight:700; }
.header .am30-caret { display:block; width:7px; height:7px; border:solid #daba78; border-width:0 1.5px 1.5px 0; transform:rotate(45deg) translateY(-2px); transition:transform .2s; margin:0 2px 4px 0; }
.header .am30-language:hover .am30-caret, .header .am30-language[data-open="true"] .am30-caret { transform:rotate(225deg) translateY(-1px); }
.header .am30-language-list { position:absolute; z-index:90; top:calc(100% + 6px); right:0; width:205px; padding:6px 3px 7px; border:1px solid rgba(192,141,74,.58); border-radius:5px; background:linear-gradient(150deg,rgba(8,14,23,.97),rgba(25,20,24,.97)); box-shadow:0 18px 35px rgba(0,0,0,.58), inset 0 0 0 1px rgba(255,214,137,.06); opacity:0; visibility:hidden; pointer-events:none; transform:translateY(-8px); transition:opacity .2s ease,transform .2s ease,visibility .2s; }
.header .am30-language-list:before { content:""; position:absolute; left:0;right:0; top:-12px;height:12px; }
.header .am30-language:not([data-dismissed="true"]):hover .am30-language-list, .header .am30-language[data-open="true"] .am30-language-list { opacity:1; visibility:visible; pointer-events:auto; transform:translateY(0); }
.header .am30-language-option { display:block; margin:0 auto; width:100%; height:61px; padding:0; border:0; background:transparent; text-align:center; cursor:pointer; opacity:.85; transition:opacity .18s,transform .18s,filter .18s; }
.header .am30-language-option img { display:block; width:100%; height:100%; object-fit:contain; }
.header .am30-language-option:hover, .header .am30-language-option:focus-visible { opacity:1; filter:brightness(1.18); transform:translateX(-2px); background:none; }
.header .am30-language-option[aria-pressed="true"] { opacity:1; filter:brightness(1.06); }
.header .am30-language-option:focus-visible {outline:1px solid #e8b969;outline-offset:-2px;}
@media(max-width:1100px) {.header .header-right .am30-language {margin-right:1px;} }
@media(max-width:760px) {.header .header-right .am30-language { min-width:66px; } .header .am30-language-trigger {min-width:65px; height:32px; gap:5px; padding:4px 6px;} .header .am30-current-flag {width:23px;height:16px;} .header .am30-current-code { font-size:10px; } .header .am30-language-list {width:178px;right:-15px;} .header .am30-language-option {height:54px;} }
@media(prefers-reduced-motion:reduce) {.header .am30-language-list,.header .am30-language-trigger,.header .am30-language-option {transition:none!important;}}

.header .am30-language[data-dismissed="true"] .am30-language-list {opacity:0!important;visibility:hidden!important;pointer-events:none!important;}


/* v31: ensure the popup is not clipped, keeps a click target, and sits above the hero. */
header.header { overflow:visible !important; }
header.header .header-right { position:relative; z-index:90; overflow:visible; }
header.header .header-right > .am30-language { z-index:120; }
header.header .am30-language-option { -webkit-tap-highlight-color:transparent; }
@media (hover:none) { header.header .am30-language:not([data-open="true"]) .am30-language-list {opacity:0; visibility:hidden; pointer-events:none;} }


/* ═══════ ARCANA-MACE v32 — RIGHT SOCIAL RAIL ONLY ═══════
   Telegram / Discord. The existing anchors in main.blade.php remain untouched.
   Decorative lines and diamonds are SVG and cannot intercept clicks.
   Responsive: hidden below 861px to avoid covering artwork on phones.
*/
section.hero#home > aside.social-rail {
  display:block !important;
  position:absolute !important;
  right:clamp(14px,4.6vw,92px) !important;
  top:50% !important;
  left:auto !important;
  bottom:auto !important;
  transform:translateY(-47%) !important;
  width:64px !important;
  height:342px !important;
  margin:0 !important;
  padding:0 !important;
  z-index:8 !important;
  overflow:visible !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent url('../img/arcana-sites/social-v32/am-rail-ornament.svg') center center / 64px 342px no-repeat !important;
  box-shadow:none !important;
  filter:none !important;
  pointer-events:none !important;
}
section.hero#home > aside.social-rail::before,
section.hero#home > aside.social-rail::after {
  content:none !important; display:none !important;
}
section.hero#home > aside.social-rail > a {
  display:block !important;
  position:absolute !important;
  left:9px !important;
  width:46px !important;
  height:46px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  outline:0 !important;
  background-color:transparent !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
  background-size:31px 31px !important;
  color:transparent !important;
  font-size:0 !important;
  line-height:0 !important;
  box-shadow:none !important;
  text-shadow:none !important;
  opacity:.86 !important;
  filter:drop-shadow(0 2px 3px rgba(0,0,0,.45)) !important;
  transform:none !important;
  transition:opacity .2s ease,filter .2s ease,transform .2s ease !important;
  pointer-events:auto !important;
  cursor:pointer !important;
  -webkit-tap-highlight-color:transparent !important;
}
section.hero#home > aside.social-rail > a[href*="t.me/"] {
  top:138px !important;
  background-image:url('../img/arcana-sites/social-v32/am-telegram.svg') !important;
}
section.hero#home > aside.social-rail > a[href*="discord"] {
  top:220px !important;
  background-image:url('../img/arcana-sites/social-v32/am-discord.svg') !important;
}
section.hero#home > aside.social-rail > a:hover,
section.hero#home > aside.social-rail > a:focus-visible {
  background-color:transparent !important;
  opacity:1 !important;
  filter:drop-shadow(0 0 5px rgba(255,197,102,.64)) drop-shadow(0 2px 2px rgba(0,0,0,.35)) !important;
  transform:scale(1.12) !important;
  box-shadow:none !important;
}
/* Keyboard focus: gold dot below icon instead of an ugly rectangular outline. */
section.hero#home > aside.social-rail > a:focus-visible::after {
  content:"" !important;
  display:block !important;
  position:absolute !important;
  width:4px !important;
  height:4px !important;
  bottom:1px !important;
  left:21px !important;
  border:1px solid #f8d49c !important;
  border-radius:50% !important;
  background:rgba(255,216,141,.55) !important;
}
@media (max-width:860px) {
  section.hero#home > aside.social-rail {display:none !important;}
}
@media (prefers-reduced-motion:reduce) {
  section.hero#home > aside.social-rail > a {transition:none !important;}
}
/* ═══════ END ARCANA-MACE v32 ═══════ */

/* ═══ ARCANA-MACE v33 · SOCIAL RAIL: HIGHER AND SLIMMER ═══
   Overrides v32 rail only. No changes to background, nav, languages or buttons.
   No square hover panels. Restores keyboard focus styling from v32. */
@media (min-width: 861px) {
  section.hero#home > aside.social-rail {
    top: clamp(92px, 13.3svh, 135px) !important;
    right: clamp(14px, 2.3vw, 42px) !important;
    transform: none !important;
    width: 54px !important;
    height: 288px !important;
    background-size: 54px 288px !important;
    opacity: .94 !important;
  }
  section.hero#home > aside.social-rail > a {
    left: 8px !important;
    width: 38px !important;
    height: 38px !important;
    background-size: 27px 27px !important;
  }
  section.hero#home > aside.social-rail > a[href*="t.me/"] { top: 115px !important; }
  section.hero#home > aside.social-rail > a[href*="discord"] { top: 184px !important; }
  section.hero#home > aside.social-rail > a:focus-visible::after { left: 17px !important; }
}
/* ═══ END v33 ═══ */

/* ═════ ARCANA-MACE v34 · LEFT CHAPTER NAVIGATION ═════
   Only the four existing links in .section-rail are styled.
   No modification of hero imagery, Telegram/Discord, CMS routes or JavaScript.
   The active marker follows clicks on section anchors using modern :has().
*/
@media (min-width:861px) {
  section.hero#home > aside.section-rail {
    position:absolute !important;
    display:flex !important;
    top:clamp(156px, 22svh, 226px) !important;
    left:clamp(18px, 5.35vw, 104px) !important;
    right:auto !important;
    bottom:auto !important;
    width:36px !important;
    height:236px !important;
    padding:29px 0 !important;
    margin:0 !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:space-around !important;
    gap:0 !important;
    z-index:9 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    overflow:visible !important;
    isolation:isolate !important;
    color:#d8ab70 !important;
  }
  section.hero#home > aside.section-rail::before {
    content:"" !important;
    position:absolute !important;
    top:0 !important;
    bottom:0 !important;
    left:50% !important;
    width:1px !important;
    height:auto !important;
    z-index:-2 !important;
    background:linear-gradient(180deg,transparent 0%,#c5945d90 17%,#c5945d55 45%,#c5945d88 82%,transparent 100%) !important;
    filter:drop-shadow(0 0 4px #d79e6150) !important;
    transform:translateX(-50%) !important;
    pointer-events:none !important;
  }
  section.hero#home > aside.section-rail > a {
    position:relative !important;
    display:flex !important;
    width:36px !important;
    height:39px !important;
    min-width:36px !important;
    flex:0 0 39px !important;
    align-items:center !important;
    justify-content:center !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    box-shadow:none !important;
    background:transparent !important;
    color:transparent !important;
    font-size:0 !important;
    line-height:0 !important;
    text-shadow:none !important;
    transform:none !important;
    text-decoration:none !important;
    outline:none !important;
    overflow:visible !important;
    cursor:pointer !important;
    -webkit-tap-highlight-color:transparent !important;
  }
  section.hero#home > aside.section-rail > a::before {
    content:"" !important;
    display:block !important;
    position:relative !important;
    width:7px !important;
    height:7px !important;
    min-width:7px !important;
    margin:0 !important;
    border:1px solid #d2ab72 !important;
    border-radius:0 !important;
    box-sizing:border-box !important;
    background:#10212d !important;
    box-shadow:0 0 0 3px #08131d95,0 0 8px #d49a3e35 !important;
    transform:rotate(45deg) !important;
    transition:background .25s,border-color .25s,box-shadow .25s,scale .25s !important;
    pointer-events:none !important;
  }
  /* Small hover label appears beside the rail; it is NOT a permanent box. */
  section.hero#home > aside.section-rail > a::after {
    content:attr(aria-label) !important;
    position:absolute !important;
    top:50% !important;
    left:34px !important;
    height:auto !important;
    width:max-content !important;
    max-width:175px !important;
    padding:7px 12px !important;
    border-left:1px solid #dcb77a9c !important;
    border-top:0 !important;border-right:0 !important;border-bottom:0 !important;
    border-radius:0 !important;
    background:linear-gradient(90deg,rgba(7,14,22,.92),rgba(7,14,22,.70)) !important;
    backdrop-filter:blur(4px) !important;
    color:#f4d7a1 !important;
    font:700 10px/1.2 Arial,sans-serif !important;
    text-transform:uppercase !important;
    letter-spacing:1.1px !important;
    white-space:nowrap !important;
    text-shadow:0 1px 4px #000c !important;
    box-shadow:none !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transform:translate(-6px,-50%) !important;
    transition:transform .2s ease,opacity .2s ease,visibility .2s ease !important;
  }
  section.hero#home > aside.section-rail > a:hover::before,
  section.hero#home > aside.section-rail > a:focus-visible::before {
    background:#f9ce7c !important;
    border-color:#ffe6aa !important;
    box-shadow:0 0 0 3px #101822cc,0 0 11px #efb24ca8,0 0 18px #f0a14780 !important;
    scale:1.2 !important;
  }
  section.hero#home > aside.section-rail > a:hover::after,
  section.hero#home > aside.section-rail > a:focus-visible::after {
    opacity:1 !important;
    visibility:visible !important;
    transform:translate(0,-50%) !important;
  }
  /* On initial view the first chapter is selected. :target updates upon link click. */
  body:not(:has(#world:target, #start:target, #community:target)) section.hero#home > aside.section-rail > a[href="#home"]::before,
  body:has(#home:target) section.hero#home > aside.section-rail > a[href="#home"]::before,
  body:has(#world:target) section.hero#home > aside.section-rail > a[href="#world"]::before,
  body:has(#start:target) section.hero#home > aside.section-rail > a[href="#start"]::before,
  body:has(#community:target) section.hero#home > aside.section-rail > a[href="#community"]::before {
    background:#f1c47e !important;
    border-color:#ffdf9b !important;
    box-shadow:0 0 0 4px #151821b8,0 0 12px #ffc06fbb,0 0 19px #cc7c2e65 !important;
    scale:1.15 !important;
  }
}
@media (max-width:860px) {
  section.hero#home > aside.section-rail {display:none !important;}
}
@media (prefers-reduced-motion:reduce) {
  section.hero#home > aside.section-rail > a::before,
  section.hero#home > aside.section-rail > a::after {transition:none !important;}
}
/* ═════ END v34 ═════ */

/* ═══════════ ARCANA-MACE v35 / SYMMETRIC SIDE RAILS ═══════════
   Only side-panel positioning/diamond geometry changes. No markup/JS edits.
   Shared top/height/inset give matching horizontal diamond coordinates.
   Four left chapter markers align precisely with four decorative right markers.
   Telegram and Discord remain clickable and retain their existing URLs.
   Reverts cleanly by replacing this complete CSS with ROLLBACK_V34.
*/
:root {
  --am35-rail-top: clamp(130px, 17.4svh, 174px);
  --am35-rail-height: 300px;
  --am35-rail-inset: clamp(18px, 3.25vw, 56px);
}
@media (min-width: 861px) {
  section.hero#home > aside.section-rail,
  section.hero#home > aside.social-rail {
    position: absolute !important;
    top: var(--am35-rail-top) !important;
    bottom: auto !important;
    width: 54px !important;
    height: var(--am35-rail-height) !important;
    transform: none !important;
    margin: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
  }
  /* Left: 4 real chapter links, centered at y=46,115.33,184.67,254 px */
  section.hero#home > aside.section-rail {
    left: var(--am35-rail-inset) !important;
    right: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 26px 0 !important;
    gap: 0 !important;
    background: transparent !important;
  }
  section.hero#home > aside.section-rail::before {
    top:0 !important;
    bottom:0 !important;
    left:50% !important;
    height:100% !important;
    width:1px !important;
    background:linear-gradient(180deg,
      rgba(197,148,93,0) 0%, rgba(197,148,93,.45) 16%,
      rgba(197,148,93,.45) 84%, rgba(197,148,93,0) 100%) !important;
    box-shadow:none !important;
  }
  section.hero#home > aside.section-rail > a {
    width: 54px !important;
    height: 40px !important;
    min-width: 54px !important;
    flex: 0 0 40px !important;
    padding: 0 !important;
    margin: 0 !important;
    justify-content: center !important;
  }
  /* No change to existing left labels, glow, active chapter or click behavior. */
  section.hero#home > aside.section-rail > a::after {
    left:45px !important;
  }
  /* Right: identical rail height and four diamonds, SVG embedded in CSS. */
  section.hero#home > aside.social-rail {
    right: var(--am35-rail-inset) !important;
    left: auto !important;
    padding:0 !important;
    background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2254%22%20height%3D%22300%22%20viewBox%3D%220%200%2054%20300%22%3E%0A%3Cdefs%3E%0A%20%3ClinearGradient%20id%3D%22gold%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%238d663e%22%2F%3E%3Cstop%20offset%3D%22.45%22%20stop-color%3D%22%23f0d39a%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%239a693a%22%2F%3E%3C%2FlinearGradient%3E%0A%20%3ClinearGradient%20id%3D%22line%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%23c5945d%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%22.16%22%20stop-color%3D%22%23c5945d%22%20stop-opacity%3D%22.45%22%2F%3E%3Cstop%20offset%3D%22.84%22%20stop-color%3D%22%23c5945d%22%20stop-opacity%3D%22.45%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23c5945d%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%0A%3C%2Fdefs%3E%0A%3Cg%20stroke%3D%22url%28%23line%29%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M27%200V300%22%2F%3E%3C%2Fg%3E%0A%3Cg%20fill%3D%22%2310212d%22%20stroke%3D%22url%28%23gold%29%22%20stroke-width%3D%221.15%22%3E%0A%20%3Cpath%20d%3D%22M27%2041.05%20L31.95%2046%20L27%2050.95%20L22.05%2046Z%22%2F%3E%0A%20%3Cpath%20d%3D%22M27%20110.38%20L31.95%20115.33%20L27%20120.28%20L22.05%20115.33Z%22%2F%3E%0A%20%3Cpath%20d%3D%22M27%20179.72%20L31.95%20184.67%20L27%20189.62%20L22.05%20184.67Z%22%2F%3E%0A%20%3Cpath%20d%3D%22M27%20249.05%20L31.95%20254%20L27%20258.95%20L22.05%20254Z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%20fill%3D%22%23e0bd78%22%3E%3Ccircle%20cx%3D%2227%22%20cy%3D%2246%22%20r%3D%22.9%22%2F%3E%3Ccircle%20cx%3D%2227%22%20cy%3D%22115.33%22%20r%3D%22.9%22%2F%3E%3Ccircle%20cx%3D%2227%22%20cy%3D%22184.67%22%20r%3D%22.9%22%2F%3E%3Ccircle%20cx%3D%2227%22%20cy%3D%22254%22%20r%3D%22.9%22%2F%3E%3C%2Fg%3E%0A%3C%2Fsvg%3E") !important;
    background-color:transparent !important;
    background-repeat:no-repeat !important;
    background-position:center !important;
    background-size:54px 300px !important;
    opacity:.94 !important;
  }
  section.hero#home > aside.social-rail > a {
    left: 8px !important;
    width: 38px !important;
    height: 38px !important;
    background-size:27px 27px !important;
  }
  section.hero#home > aside.social-rail > a[href*="t.me/"] {top:120px !important;}
  section.hero#home > aside.social-rail > a[href*="discord"] {top:192px !important;}
}
@media (max-width:860px) {
  section.hero#home > aside.section-rail,
  section.hero#home > aside.social-rail {display:none !important;}
}
/* ═══════════ END v35 ═══════════ */

/* Arcana-Mace v36 - right rail icon rebalance
   Telegram centered between 1st and 2nd diamonds
   Discord centered between 3rd and 4th diamonds
   Append to the end of arcana-sites.css or merge after v35/v33 social rail rules.
*/
@media (min-width: 861px) {
  section.hero#home > aside.social-rail > a[href*="t.me/"] {
    top: 62px !important;
  }

  section.hero#home > aside.social-rail > a[href*="discord"] {
    top: 200px !important;
  }
}


/* =============================================================
  ARCANA-MACE v37 | CLEAN SOCIAL RAIL | full build based on v36
  Less visual clutter: three small markers, 2 clean icon positions.
  No Blade, JavaScript, asset or URL changes.
============================================================= */
@media (min-width: 861px) {
  section.hero#home > aside.social-rail {
    background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2254%22%20height%3D%22300%22%20viewBox%3D%220%200%2054%20300%22%3E%0A%3Cdefs%3E%0A%3ClinearGradient%20id%3D%22rail%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23c4955f%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%22.19%22%20stop-color%3D%22%23c4955f%22%20stop-opacity%3D%22.43%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%23efd19b%22%20stop-opacity%3D%22.35%22%2F%3E%3Cstop%20offset%3D%22.81%22%20stop-color%3D%22%23c4955f%22%20stop-opacity%3D%22.43%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23c4955f%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%0A%3ClinearGradient%20id%3D%22gold%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23946f43%22%2F%3E%3Cstop%20offset%3D%22.45%22%20stop-color%3D%22%23e4c184%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23986e3f%22%2F%3E%3C%2FlinearGradient%3E%0A%3C%2Fdefs%3E%0A%3Cg%20fill%3D%22none%22%20stroke%3D%22url%28%23rail%29%22%20stroke-width%3D%22.8%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M27%200V66%22%2F%3E%3Cpath%20d%3D%22M27%20131V169%22%2F%3E%3Cpath%20d%3D%22M27%20234V300%22%2F%3E%3C%2Fg%3E%0A%3Cg%20fill%3D%22%2310212d%22%20stroke%3D%22url%28%23gold%29%22%20stroke-width%3D%221%22%3E%3Cpath%20d%3D%22M27%2041%20L32%2046%20L27%2051%20L22%2046Z%22%2F%3E%3Cpath%20d%3D%22M27%20249%20L32%20254%20L27%20259%20L22%20254Z%22%2F%3E%3C%2Fg%3E%0A%3Cpath%20d%3D%22M27%20146%20L31%20150%20L27%20154%20L23%20150Z%22%20fill%3D%22%23b9955e%22%20opacity%3D%22.82%22%2F%3E%0A%3Cg%20fill%3D%22%23e7c18a%22%3E%3Ccircle%20cx%3D%2227%22%20cy%3D%2246%22%20r%3D%22.7%22%2F%3E%3Ccircle%20cx%3D%2227%22%20cy%3D%22254%22%20r%3D%22.7%22%2F%3E%3C%2Fg%3E%0A%3C%2Fsvg%3E") !important;
    background-size:54px 300px !important;
    background-position:center !important;
    background-repeat:no-repeat !important;
    background-color:transparent !important;
    opacity: .91 !important;
  }
  section.hero#home > aside.social-rail > a {
    width: 44px !important;
    height: 44px !important;
    left: 5px !important;
    background-size: 26px 26px !important;
    opacity: .88 !important;
    filter: drop-shadow(0 2px 3px rgba(0,0,0,.45)) !important;
  }
  /* Icons are centered in equal open spaces between the ornamental markers. */
  section.hero#home > aside.social-rail > a[href*="t.me/"] {top: 76px !important;}
  section.hero#home > aside.social-rail > a[href*="discord"] {top: 180px !important;}
  section.hero#home > aside.social-rail > a:hover,
  section.hero#home > aside.social-rail > a:focus-visible {
    opacity: 1 !important;
    filter: drop-shadow(0 0 5px rgba(240,183,100,.62)) brightness(1.08) !important;
    transform: scale(1.1) !important;
    box-shadow: none !important;
  }
}
/* END v37 */


/* ═══════════ ARCANA-MACE v38 / TWO REALM STATUS CARDS ═══════════
   Replaces the four-part lower strip with two compact server windows.
   Online numbers: $server_status in Blade, placeholder is an em dash if unavailable.
   All other homepage styling (buttons, nav, side rails, languages) preserved.
*/
section.hero#home > .realm-strip.am38-server-strip {
  --am38-gold: #d6ad70;
  position:absolute !important;
  bottom:0 !important; left:0 !important; right:0 !important;
  width:100% !important;
  height:112px !important;
  min-height:112px !important;
  padding:12px clamp(20px,6.9vw,126px) !important;
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  align-items:center !important;
  justify-content:stretch !important;
  gap:clamp(14px,2.9vw,48px) !important;
  background:linear-gradient(180deg,rgba(4,10,16,.20),rgba(4,9,14,.87) 26%,#071018 100%) !important;
  border-top:1px solid rgba(198,157,91,.33) !important;
  border-bottom:0 !important;
  z-index:6 !important;
  overflow:visible !important;
}
section.hero#home .am38-server-card {
  min-width:0 !important; width:100% !important; max-width:none !important;
  height:86px !important; min-height:86px !important;
  position:relative !important;
  display:grid !important;
  grid-template-columns:55px minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:15px !important;
  margin:0 !important; padding:9px 19px 9px 15px !important;
  border:1px solid rgba(190,149,91,.35) !important;
  border-radius:3px !important;
  background:radial-gradient(ellipse at 12% 55%,rgba(104,65,39,.17),transparent 48%),linear-gradient(105deg,rgba(17,25,33,.94),rgba(8,13,21,.94)) !important;
  box-shadow:inset 0 1px rgba(255,228,165,.07),inset 0 -1px rgba(10,14,18,.75),0 6px 24px rgba(0,0,0,.26) !important;
  transition:border-color .25s ease,background-color .25s ease !important;
}
section.hero#home .am38-server-card::before,
section.hero#home .am38-server-card::after {
  content:'';position:absolute;width:16px;height:16px;pointer-events:none;
  border-color:rgba(210,169,104,.74);border-style:solid;
}
section.hero#home .am38-server-card::before {top:5px;left:5px;border-width:1px 0 0 1px;}
section.hero#home .am38-server-card::after {bottom:5px;right:5px;border-width:0 1px 1px 0;}
section.hero#home .am38-server-card:hover {border-color:rgba(238,195,119,.68) !important;}
section.hero#home .am38-server-crest {width:54px;height:54px;display:grid!important;place-items:center;flex:0 0 auto;}
section.hero#home .am38-server-crest img {display:block;width:52px;height:52px;object-fit:contain;filter:drop-shadow(0 3px 5px rgba(0,0,0,.5));}
section.hero#home .am38-server-info {min-width:0;display:flex;flex-direction:column;justify-content:center;gap:9px;align-items:flex-start;}
section.hero#home .am38-server-header {min-width:0;display:flex;align-items:center;gap:12px;max-width:100%;}
section.hero#home .am38-server-name {color:#ecd1a0;letter-spacing:.7px;font:600 clamp(15px,1.15vw,19px)/1.08 var(--serif,Georgia,serif);white-space:nowrap;text-shadow:0 2px 7px rgba(0,0,0,.64);}
section.hero#home .am38-server-name em {color:#e2b477;font-style:normal;font-size:.85em;}
section.hero#home .am38-server-chip {padding:3px 7px;line-height:1;font:700 9px/1.1 var(--sans,Arial,sans-serif);letter-spacing:.7px;color:#ffe1b4;white-space:nowrap;border:1px solid rgba(204,145,74,.48);border-radius:2px;background:linear-gradient(140deg,rgba(125,71,39,.75),rgba(57,35,30,.95));}
section.hero#home .am38-server-chip--craft {color:#e2d1b1;border-color:rgba(177,156,119,.47);background:rgba(50,55,61,.75);}
section.hero#home .am38-server-chronicle {display:block;font:500 10px/1.3 var(--sans,Arial,sans-serif);color:#a5a7ac;letter-spacing:.32px;white-space:nowrap;}
section.hero#home .am38-server-bullet {color:#bd9665;padding:0 4px;}
section.hero#home .am38-server-online {display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;border-left:1px solid rgba(195,151,92,.27);padding-left:clamp(16px,2vw,30px);margin-left:3px;min-width:78px;}
section.hero#home .am38-server-online-label {font:600 9px/1 var(--sans,Arial,sans-serif);letter-spacing:1.55px;color:#b5a17f;}
section.hero#home .am38-server-online strong {font:600 24px/1 var(--serif,Georgia,serif);color:#f7deb0;white-space:nowrap;}
@media(min-width:861px) and (max-width:1200px) {
  section.hero#home > .realm-strip.am38-server-strip {padding:10px 22px !important;gap:16px !important;}
  section.hero#home .am38-server-card {padding:8px 12px !important;gap:9px !important;grid-template-columns:46px minmax(0,1fr) auto !important;}
  section.hero#home .am38-server-crest,section.hero#home .am38-server-crest img {width:44px;height:44px;}
  section.hero#home .am38-server-online {padding-left:11px;min-width:62px;}
  section.hero#home .am38-server-name {font-size:15px;}
  section.hero#home .am38-server-chronicle {font-size:9px;letter-spacing:0;}
}
@media(max-width:860px) {
  section.hero#home > .realm-strip.am38-server-strip {
    height:166px !important;min-height:166px !important;
    padding:10px 14px !important;gap:8px !important;
    display:grid !important;grid-template-columns:minmax(0,1fr) !important;
    background:linear-gradient(180deg,rgba(5,12,19,.36),rgba(5,10,16,.95) 22%,#070e15) !important;
  }
  section.hero#home .am38-server-card {height:70px !important;min-height:70px !important;grid-template-columns:42px minmax(0,1fr) auto !important;gap:10px !important;padding:6px 13px 6px 10px !important;}
  section.hero#home .am38-server-crest,section.hero#home .am38-server-crest img {width:40px;height:40px;}
  section.hero#home .am38-server-header {gap:9px;}
  section.hero#home .am38-server-name {font-size:16px;}
  section.hero#home .am38-server-chronicle {font-size:9px;letter-spacing:0;}
  section.hero#home .am38-server-chip {font-size:8px;padding:3px 4px;}
  section.hero#home .am38-server-online {padding-left:11px;min-width:58px;gap:4px;}
  section.hero#home .am38-server-online strong {font-size:20px;}
  section.hero#home .am38-server-online-label {font-size:8px;letter-spacing:1px;}
  section.hero#home .hero-center {bottom:184px !important;}
}
@media(max-width:390px) {
  section.hero#home > .realm-strip.am38-server-strip {padding:9px 8px !important;}
  section.hero#home .am38-server-card {gap:6px !important;grid-template-columns:35px minmax(0,1fr) auto !important;padding:6px 8px !important;}
  section.hero#home .am38-server-crest,section.hero#home .am38-server-crest img {width:33px;height:33px;}
  section.hero#home .am38-server-name {font-size:14px;}
  section.hero#home .am38-server-chronicle {font-size:8px;}
  section.hero#home .am38-server-online {padding-left:8px;min-width:47px;}
}
/* ═══════════ END v38 ═══════════ */


/* ═════════════ ARCANA-MACE v39 / IMPERIAL REALMS ═════════════
   TWO slightly smaller premium server panels. Based on approved visual.
   Preserve v38 layout elsewhere, including v37 social links & v31 languages.
*/
section.hero#home > .realm-strip.am39-server-strip {
  position:absolute !important;
  left:0 !important;right:0 !important;bottom:0 !important;
  width:100% !important;
  height:132px !important; min-height:132px !important;
  padding:8px max(22px, calc((100vw - 1366px)/2)) 10px !important;
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  justify-content:center !important;align-items:center !important;
  gap:24px !important;
  background:linear-gradient(180deg,rgba(4,10,15,.18),rgba(5,11,17,.86) 23%,#080e16 100%) !important;
  border-top:1px solid rgba(192,143,76,.36) !important;
  border-bottom:0 !important;
  overflow:visible !important;
  z-index:6 !important;
}
section.hero#home .am39-server-card {
  display:grid !important;
  grid-template-columns:96px minmax(0,1fr) 95px !important;
  gap:8px !important;align-items:center !important;
  width:100% !important;height:112px !important;min-height:112px !important;
  margin:0 !important;padding:13px 29px 13px 27px !important;
  position:relative !important;
  border:0 !important;border-radius:0 !important;
  background:transparent url('../img/arcana-sites/servers-v39/imperial-frame.svg') center/100% 100% no-repeat !important;
  box-shadow:none !important;transform:none !important;
  isolation:isolate !important;
  transition:filter .3s ease !important;
}
section.hero#home .am39-server-card::before,
section.hero#home .am39-server-card::after {content:none !important;display:none !important;}
section.hero#home .am39-server-card:hover {
  border:0 !important;box-shadow:none !important;
  filter:brightness(1.13) drop-shadow(0 0 6px rgba(225,143,54,.22)) !important;
}
section.hero#home .am39-server-crest {display:grid;place-items:center;width:87px;height:94px;min-width:0;overflow:hidden;}
section.hero#home .am39-server-crest img {
  width:75px;height:91px;object-fit:contain;
  mix-blend-mode:screen;
  filter:contrast(1.15) saturate(1.18) drop-shadow(0 1px 6px rgba(241,160,60,.2));
}
section.hero#home .am39-server-info {
  min-width:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;
  gap:8px;padding:0 2px 0 17px;height:76px;
  border-left:1px solid rgba(191,135,69,.42);
}
section.hero#home .am39-server-title {display:flex;align-items:center;gap:13px;min-width:0;max-width:100%;}
section.hero#home .am39-server-name {
  display:block;white-space:nowrap;
  font:600 clamp(17px,1.26vw,23px)/1 Georgia,'Times New Roman',serif;
  letter-spacing:.6px;
  color:#f2d49c;
  text-shadow:0 1px 2px #04070b,0 0 7px rgba(229,153,70,.19);
}
section.hero#home .am39-server-name em {font-style:normal;color:#e2b676;font-size:.85em;}
section.hero#home .am39-server-chip {
  padding:3px 11px 4px;flex:0 0 auto;
  background:linear-gradient(180deg,#5e2a19 0%,#271116 100%);
  border:1px solid #ba7e3b;border-radius:7px 1px 7px 1px;
  box-shadow:inset 0 0 0 1px #3b1b14,0 0 8px rgba(188,88,30,.15);
  font:700 10px/1.05 Georgia,serif;letter-spacing:1.15px;
  color:#f9dbab;
}
section.hero#home .am39-server-chip--new {color:#ffe0ab;}
section.hero#home .am39-server-chronicle {
  display:block;min-width:0;white-space:nowrap;
  color:#d8d0c5;font:500 clamp(9px,.63vw,11px)/1.2 Georgia,serif;
  letter-spacing:1.05px;text-shadow:0 1px 2px #000;
}
section.hero#home .am39-server-chronicle i {
  color:#cfa25d;font-style:normal;margin:0 5px;
}
section.hero#home .am39-server-uptime {
  font:italic 15px/1.15 Georgia,'Times New Roman',serif;
  color:#dcb17a;white-space:nowrap;
}
section.hero#home .am39-server-uptime b {font-weight:400;color:#f5ce90;}
section.hero#home .am39-server-online {
  width:87px;display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:7px;border-left:1px solid rgba(199,147,79,.40);
  margin:0;padding-left:12px;
}
section.hero#home .am39-server-online span {
  font:700 10px/1.1 Georgia,serif;letter-spacing:1.5px;color:#e4bf7f;
}
section.hero#home .am39-server-online strong {
  font:600 32px/1 Georgia,'Times New Roman',serif;color:#f4cd8d;
  text-shadow:0 0 7px rgba(224,135,44,.21);
}
@media (min-width: 861px) and (max-width: 1450px) {
  section.hero#home > .realm-strip.am39-server-strip {padding:8px 30px !important;gap:18px !important;}
  section.hero#home .am39-server-card {grid-template-columns:80px minmax(0,1fr) 73px !important;padding:12px 25px !important;gap:4px !important;}
  section.hero#home .am39-server-crest {width:78px;height:91px;}
  section.hero#home .am39-server-crest img {width:75px;height:90px;}
  section.hero#home .am39-server-info {padding-left:12px;gap:8px;}
  section.hero#home .am39-server-title {gap:6px;}
  section.hero#home .am39-server-name {font-size:clamp(15px,1.4vw,20px);letter-spacing:0;}
  section.hero#home .am39-server-chip {font-size:9px;padding:3px 6px;}
  section.hero#home .am39-server-chronicle {font-size:9px;letter-spacing:.15px;}
  section.hero#home .am39-server-uptime {font-size:13px;}
  section.hero#home .am39-server-online {min-width:70px;width:70px;padding-left:7px;}
  section.hero#home .am39-server-online span {font-size:9px;letter-spacing:.8px;}
}
@media (min-width: 861px) and (max-width: 1040px) {
  section.hero#home > .realm-strip.am39-server-strip {height:131px !important;min-height:131px !important;padding:8px 15px !important;gap:9px !important;}
  section.hero#home .am39-server-card {height:110px !important;min-height:110px !important;grid-template-columns:63px minmax(0,1fr) 59px !important;gap:2px !important;padding:9px 18px !important;}
  section.hero#home .am39-server-crest {width:62px;height:85px;}
  section.hero#home .am39-server-crest img {width:60px;height:78px;}
  section.hero#home .am39-server-info {gap:5px;padding-left:9px;height:68px;}
  section.hero#home .am39-server-name {font-size:16px;}
  section.hero#home .am39-server-chip {font-size:8px;padding:2px 4px;}
  section.hero#home .am39-server-chronicle {font-size:8px;letter-spacing:0;}
  section.hero#home .am39-server-uptime {font-size:12px;}
  section.hero#home .am39-server-online {min-width:58px;width:58px;padding-left:4px;}
  section.hero#home .am39-server-online strong {font-size:25px;}
}
@media(max-width:860px) {
  section.hero#home > .realm-strip.am39-server-strip {
    height:201px !important;min-height:201px !important;
    display:grid !important;grid-template-columns:minmax(0,1fr) !important;
    gap:0 !important;padding:5px 8px !important;
    background:linear-gradient(180deg,rgba(5,11,17,.2),rgba(5,11,17,.89) 13%,#070e16 100%) !important;
  }
  section.hero#home .am39-server-card {
    height:92px !important;min-height:92px !important;
    width:100% !important;grid-template-columns:56px minmax(0,1fr) 49px !important;
    gap:3px !important;padding:7px 20px 7px 17px !important;
  }
  section.hero#home .am39-server-crest {width:54px;height:73px;}
  section.hero#home .am39-server-crest img {width:49px;height:71px;}
  section.hero#home .am39-server-info {padding-left:6px;gap:4px;height:61px;}
  section.hero#home .am39-server-name {font-size:clamp(11px,3.4vw,16px);letter-spacing:0;}
  section.hero#home .am39-server-title {gap:5px;}
  section.hero#home .am39-server-chip {font-size:7px;letter-spacing:0;padding:2px 4px;}
  section.hero#home .am39-server-chronicle {font-size:clamp(6px,1.95vw,9px);letter-spacing:0;}
  section.hero#home .am39-server-chronicle i {margin:0 2px;}
  section.hero#home .am39-server-uptime {font-size:11px;}
  section.hero#home .am39-server-online {width:48px;min-width:48px;padding-left:4px;gap:4px;}
  section.hero#home .am39-server-online span {font-size:7px;letter-spacing:0;}
  section.hero#home .am39-server-online strong {font-size:22px;}
  section.hero#home .hero-center {bottom:218px !important;}
}
@media(max-width:390px) {
  section.hero#home .am39-server-card {grid-template-columns:47px minmax(0,1fr) 42px !important;padding:5px 13px !important;}
  section.hero#home .am39-server-crest {width:46px;height:67px;}
  section.hero#home .am39-server-crest img {width:42px;height:64px;}
  section.hero#home .am39-server-name {font-size:12px;}
  section.hero#home .am39-server-chronicle {font-size:7px;}
  section.hero#home .am39-server-uptime {font-size:10px;}
  section.hero#home .am39-server-online {width:41px;min-width:41px;}
}
/* ═════════════ END v39 ═════════════ */


/* =================================================================
   ARCANA-MACE v41 / OBSIDIAN REALM BAR
   Fully replaces the visual style of the two realm cards only.
   Non-invasive: navigation, social rails, logos, languages untouched.
   ================================================================= */
section.hero#home > .realm-strip.am41-server-strip {
  position: absolute !important;
  box-sizing: border-box !important;
  bottom: 0 !important; top: auto !important;
  left: 0 !important; right: 0 !important; width: 100% !important;
  height: 113px !important; min-height: 113px !important;
  padding: 15px max(36px,calc((100vw - 1420px)/2)) !important;
  display: grid !important;
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  justify-content: stretch !important; align-items: center !important;
  gap: clamp(18px,3.6vw,54px) !important;
  border: 0 !important;
  border-top: 1px solid rgba(207,168,102,.3) !important;
  overflow: visible !important; z-index: 6 !important;
  background: linear-gradient(180deg,rgba(4,12,19,.32) 0%,rgba(4,10,17,.85) 24%,#070d14 100%) !important;
}
section.hero#home > .realm-strip.am41-server-strip::before {
  content: '' !important; pointer-events: none !important;
  position: absolute !important; top: -1px !important;left:20% !important;right:20% !important;
  height:1px !important;
  background: linear-gradient(90deg,transparent,rgba(238,190,105,.53) 50%,transparent) !important;
}
section.hero#home > .realm-strip.am41-server-strip .am41-card {
  position:relative !important; box-sizing:border-box !important;
  min-width:0 !important; width:100% !important; height:80px !important;
  margin:0 !important; padding:8px 19px 8px 15px !important;
  display:grid !important;
  grid-template-columns:62px minmax(0,1fr) 78px !important;
  align-items:center !important;
  gap:14px !important;
  overflow:hidden !important;
  border:1px solid rgba(197,154,94,.38) !important;
  border-radius:2px !important;
  background:radial-gradient(ellipse at 5% 5%,rgba(211,139,60,.12),transparent 53%),
             linear-gradient(105deg,rgba(20,30,38,.97),rgba(7,14,22,.98)) !important;
  box-shadow:inset 0 1px 0 rgba(240,200,132,.10),0 10px 26px rgba(0,0,0,.25) !important;
  transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease !important;
}
section.hero#home > .realm-strip.am41-server-strip .am41-card::before {
  content:'' !important; pointer-events:none !important;position:absolute !important;
  left:13px !important;right:13px !important;top:0 !important;height:1px !important;
  background:linear-gradient(90deg,transparent 0%,rgba(237,182,103,.48) 15%,rgba(237,182,103,.15) 67%,transparent 100%) !important;
}
section.hero#home > .realm-strip.am41-server-strip .am41-card::after {
  content:'' !important;position:absolute !important;left:0 !important;top:22% !important;bottom:22% !important;width:2px !important;
  background:linear-gradient(180deg,transparent,#e4ae65,transparent) !important;
  pointer-events:none !important;box-shadow:0 0 13px rgba(222,153,71,.3) !important;
}
section.hero#home .am41-card:hover {
  border-color:rgba(227,180,110,.70) !important;
  transform:translateY(-2px) !important;
  box-shadow:inset 0 1px 0 rgba(255,218,159,.19),0 9px 32px rgba(0,0,0,.37),0 0 13px rgba(208,132,67,.08) !important;
}
section.hero#home .am41-crest {
  width:60px !important; height:67px !important;display:grid !important;place-items:center !important;
}
section.hero#home .am41-crest img {
  display:block !important;width:51px !important;height:62px !important;
  object-fit:contain !important;mix-blend-mode:normal !important;
  filter:drop-shadow(0 3px 5px rgba(0,0,0,.5)) saturate(.9) !important;
}
section.hero#home .am41-info {
  min-width:0 !important; display:flex !important;flex-direction:column !important;
  justify-content:center !important;align-items:flex-start !important;gap:7px !important;
}
section.hero#home .am41-title {
  min-width:0 !important;max-width:100% !important;display:flex !important;
  align-items:center !important;gap:12px !important;white-space:nowrap !important;
}
section.hero#home .am41-name {
  color:#f0d4a2 !important;font:600 clamp(17px,1.35vw,23px)/1.05 'Cormorant Garamond',Georgia,serif !important;
  letter-spacing:.55px !important;white-space:nowrap !important;
  text-shadow:0 2px 6px rgba(0,0,0,.6) !important;
}
section.hero#home .am41-name em {color:#d5a766 !important;font-style:normal !important;font-size:.90em !important;}
section.hero#home .am41-tag {
  flex:0 0 auto !important; padding:4px 7px 3px !important;
  font:700 9px/1 'Manrope',Arial,sans-serif !important;letter-spacing:.6px !important;
  color:#e5c38d !important; border:1px solid rgba(200,144,77,.47) !important;
  background:rgba(113,66,38,.22) !important;border-radius:2px !important;
}
section.hero#home .am41-tag--craft {color:#d9d7cd !important;border-color:rgba(206,176,123,.38) !important;background:rgba(72,77,85,.22) !important;}
section.hero#home .am41-meta {display:flex !important;align-items:center !important;gap:9px !important;max-width:100% !important;min-width:0 !important;
  color:#adb3b9 !important;font:600 9px/1.15 'Manrope',Arial,sans-serif !important;letter-spacing:.85px !important;text-transform:uppercase !important;white-space:nowrap !important;}
section.hero#home .am41-star {font-size:9px !important;color:#bd9259 !important;}
section.hero#home .am41-uptime {font:500 9px/1.1 'Manrope',Arial,sans-serif !important;color:#b99b76 !important;letter-spacing:.2px !important;}
section.hero#home .am41-online {
  display:flex !important;align-items:center !important;justify-content:center !important;
  flex-direction:column !important;gap:5px !important;
  align-self:stretch !important;min-width:73px !important;
  border-left:1px solid rgba(197,156,99,.25) !important;
  padding-left:11px !important;
}
section.hero#home .am41-online > span {font:700 9px/1 'Manrope',Arial,sans-serif !important;letter-spacing:1.25px !important;color:#bb9e70 !important;}
section.hero#home .am41-online > strong {font:600 29px/1 'Cormorant Garamond',Georgia,serif !important;color:#f6deae !important;white-space:nowrap !important;}
@media (min-width:861px) and (max-width:1240px) {
  section.hero#home > .realm-strip.am41-server-strip {padding:13px 28px !important;gap:16px !important;}
  section.hero#home > .realm-strip.am41-server-strip .am41-card {gap:7px !important;grid-template-columns:51px minmax(0,1fr) 65px !important;padding:7px 12px !important;}
  section.hero#home .am41-crest {width:51px !important;}
  section.hero#home .am41-crest img {width:44px !important;}
  section.hero#home .am41-name {font-size:clamp(15px,1.45vw,19px) !important;letter-spacing:0 !important;}
  section.hero#home .am41-title {gap:6px !important;}
  section.hero#home .am41-meta {font-size:8px !important;gap:6px !important;letter-spacing:.25px !important;}
  section.hero#home .am41-online {min-width:59px !important;padding-left:5px !important;}
}
@media (max-width:860px) {
  section.hero#home > .realm-strip.am41-server-strip {
    height:174px !important;min-height:174px !important;
    padding:12px 14px !important;gap:8px !important;
    grid-template-columns: minmax(0,1fr) !important;
    background:linear-gradient(180deg,rgba(5,11,17,.35),rgba(5,11,17,.93) 18%,#070e15) !important;
  }
  section.hero#home > .realm-strip.am41-server-strip .am41-card {
    height:71px !important;grid-template-columns:45px minmax(0,1fr) 57px !important;
    gap:8px !important;padding:6px 12px 6px 9px !important;
  }
  section.hero#home .am41-crest {width:45px !important;height:60px !important;}
  section.hero#home .am41-crest img {width:39px !important;height:52px !important;}
  section.hero#home .am41-name {font-size:clamp(15px,3.9vw,19px) !important;letter-spacing:0 !important;}
  section.hero#home .am41-title {gap:7px !important;}
  section.hero#home .am41-tag {font-size:8px !important;padding:3px 5px 2px !important;}
  section.hero#home .am41-meta {font-size:8px !important;gap:5px !important;letter-spacing:.3px !important;}
  section.hero#home .am41-info {gap:6px !important;}
  section.hero#home .am41-online {min-width:53px !important;padding-left:7px !important;}
  section.hero#home .am41-online > span {font-size:8px !important;letter-spacing:.45px !important;}
  section.hero#home .am41-online > strong {font-size:25px !important;}
  section.hero#home .hero-center {bottom:192px !important;}
}
@media(max-width:390px) {
  section.hero#home > .realm-strip.am41-server-strip {padding:9px 8px !important;}
  section.hero#home > .realm-strip.am41-server-strip .am41-card {grid-template-columns:35px minmax(0,1fr) 48px !important;gap:6px !important;padding:5px 7px !important;}
  section.hero#home .am41-crest {width:34px !important;}
  section.hero#home .am41-crest img {width:32px !important;}
  section.hero#home .am41-name {font-size:14px !important;}
  section.hero#home .am41-meta {font-size:7px !important;gap:3px !important;letter-spacing:0 !important;}
  section.hero#home .am41-tag {padding:2px 3px !important;font-size:7px !important;}
  section.hero#home .am41-online {min-width:46px !important;padding-left:4px !important;}
}
@media (prefers-reduced-motion:reduce) {section.hero#home .am41-card {transition:none !important;}}
/* END ARCANA v41 */


/* ================================================================
 ARCANA-MACE v42 — TRANSPARENT REALM CRESTS / UNCROPPED
 Overrides only icon box geometry. Preserves complete v41 stylesheet.
 No opaque source images, no rectangular backplates.
 ================================================================ */
section.hero#home > .realm-strip.am41-server-strip .am41-card {
  overflow: visible !important;
}
section.hero#home > .realm-strip.am41-server-strip .am41-crest {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: center !important;
  flex-shrink: 0 !important;
  width: 61px !important;
  height: 66px !important;
  min-width: 0 !important;
  overflow: visible !important;
  background: none !important;
  box-shadow: none !important;
  border: 0 !important;
}
section.hero#home > .realm-strip.am41-server-strip .am41-crest img {
  display: block !important;
  width: 55px !important;
  height: 64px !important;
  max-width: 100% !important;
  max-height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  object-fit: contain !important;
  object-position: center !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  filter: drop-shadow(0 2px 3px rgba(0,0,0,.4)) !important;
}
@media (min-width: 861px) and (max-width: 1240px) {
  section.hero#home > .realm-strip.am41-server-strip .am41-crest {width: 49px !important; height: 61px !important;}
  section.hero#home > .realm-strip.am41-server-strip .am41-crest img {width: 46px !important; height: 57px !important;}
}
@media (max-width: 860px) {
  section.hero#home > .realm-strip.am41-server-strip .am41-crest {width: 44px !important; height: 57px !important;}
  section.hero#home > .realm-strip.am41-server-strip .am41-crest img {width: 41px !important; height: 53px !important;}
}
@media (max-width: 390px) {
  section.hero#home > .realm-strip.am41-server-strip .am41-crest {width: 34px !important; height: 48px !important;}
  section.hero#home > .realm-strip.am41-server-strip .am41-crest img {width: 32px !important; height: 44px !important;}
}
/* END ARCANA v42 */


/* ====================================================================
   ARCANA-MACE v43 / REFINED REALM BAR WITH ONLINE/OFFLINE BADGES
   Full stylesheet based on installed v42. Only bottom realm cards change.
   Badge colors are mapped to data-server-status; don't infer status from 0 players.
   ==================================================================== */
section.hero#home > .realm-strip.am43-server-strip {
  border-top: 1px solid rgba(213,166,91,.32) !important;
}
section.hero#home > .realm-strip.am43-server-strip .am43-card {
  border: 1px solid rgba(213,166,91,.55) !important;
  border-radius: 5px !important;
  background:
    linear-gradient(120deg,rgba(222,156,77,.11) 0%,transparent 21%),
    radial-gradient(ellipse at 58% 115%,rgba(33,53,71,.17),transparent 73%),
    linear-gradient(110deg,rgba(18,28,35,.97),rgba(4,13,22,.98)) !important;
  box-shadow:
    inset 0 1px 0 rgba(252,217,145,.12),
    inset 0 -1px 0 rgba(187,119,54,.08),
    0 7px 20px rgba(0,0,0,.24) !important;
}
section.hero#home > .realm-strip.am43-server-strip .am43-card::before {
  left:12px !important;right:12px !important;height:1px !important;
  background:linear-gradient(90deg,transparent,rgba(235,176,96,.46) 48%,transparent) !important;
}
section.hero#home > .realm-strip.am43-server-strip .am43-card:hover {
  border-color:rgba(235,187,111,.8) !important;
  box-shadow:inset 0 1px rgba(255,220,157,.13), 0 10px 23px rgba(0,0,0,.35),0 0 14px rgba(198,140,67,.08) !important;
}
section.hero#home > .realm-strip.am43-server-strip .am43-card .am41-info {
  gap:7px !important;
}
section.hero#home > .realm-strip.am43-server-strip .am43-card .am41-title {
  gap:11px !important;flex-wrap:nowrap !important;
}
section.hero#home > .realm-strip.am43-server-strip .am43-status {
  display:inline-flex !important;align-items:center !important;justify-content:center !important;
  gap:5px !important;
  padding:4px 9px 3px !important;
  border:1px solid !important;
  border-radius:3px !important;
  font:750 9px/1.1 'Manrope',Arial,sans-serif !important;
  letter-spacing:.45px !important;white-space:nowrap !important;
  text-shadow:0 1px 2px rgba(0,0,0,.45) !important;
  box-shadow:inset 0 1px rgba(255,255,255,.1),0 1px 4px rgba(0,0,0,.25) !important;
}
section.hero#home > .realm-strip.am43-server-strip .am43-status--online {
  color:#dcffc7 !important;
  border-color:rgba(135,200,101,.66) !important;
  background:linear-gradient(180deg,#2f7439 0%,#16532d 45%,#103a24 100%) !important;
}
section.hero#home > .realm-strip.am43-server-strip .am43-status--offline {
  color:#ffe1cf !important;
  border-color:rgba(237,133,108,.72) !important;
  background:linear-gradient(180deg,#8b302b 0%,#5a1b20 53%,#39131b 100%) !important;
}
section.hero#home > .realm-strip.am43-server-strip .am43-status-dot {
  display:inline-block !important; flex:0 0 5px !important;
  height:5px !important;width:5px !important;border-radius:50% !important;
  background:currentColor !important; box-shadow:0 0 6px currentColor !important;
}
/* Drawn as a CSS dot, not an image, so the status stays sharp on HiDPI. */
@media (min-width:861px) and (max-width:1240px) {
  section.hero#home > .realm-strip.am43-server-strip .am43-card .am41-title {gap:6px !important;}
  section.hero#home > .realm-strip.am43-server-strip .am43-status {font-size:8px !important;padding:4px 6px 3px !important;}
}
@media (max-width:860px) {
  section.hero#home > .realm-strip.am43-server-strip .am43-status {font-size:8px !important;padding:3px 6px !important;}
  section.hero#home > .realm-strip.am43-server-strip .am43-card .am41-title {gap:7px !important;}
}
@media (max-width:390px) {
  section.hero#home > .realm-strip.am43-server-strip .am43-status {font-size:7px !important; padding:3px 4px !important;gap:3px !important;}
  section.hero#home > .realm-strip.am43-server-strip .am43-status-dot {width:4px !important;height:4px !important;flex-basis:4px !important;}
  section.hero#home > .realm-strip.am43-server-strip .am43-card .am41-title {gap:5px !important;}
}
/* END ARCANA v43 */


/* ============================================================
   ARCANA-MACE v44 — SEVEN LINK HEADER
   Change only navigation layout. Other UI, artwork, cards intact.
   Main nav: Главная, О сервере, Пожертвования, Файлы,
             Регистрация, Статистика, Форум.
   ============================================================ */
@media (min-width: 1400px) {
  header.header nav#arcana-main-nav {
    gap: clamp(12px, 1.35vw, 23px) !important;
    white-space: nowrap !important;
  }
  header.header nav#arcana-main-nav > a,
  header.header nav#arcana-main-nav > button {
    font-size: clamp(10px, .68vw, 12px) !important;
    letter-spacing: .38px !important;
  }
}
/* Use the already-working mobile navigation at tablet / smaller desktop sizes
   so the two new links never overlap the RU selector or account artwork. */
@media (min-width: 861px) and (max-width: 1399px) {
  header.header .menu-button {
    display: block !important;
    color: #eed4a2 !important;
    font-size: 25px !important;
    margin-left: 12px !important;
  }
  header.header nav#arcana-main-nav {
    display: none !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: var(--am-header-height, 76px) !important;
    transform: none !important;
    width: 100% !important;
    height: auto !important;
    padding: 12px 26px !important;
    background: rgba(6,13,20,.97) !important;
    border-top: 1px solid rgba(215,179,117,.25) !important;
    border-bottom: 1px solid rgba(215,179,117,.35) !important;
    box-shadow: 0 25px 45px rgba(0,0,0,.55) !important;
    white-space: normal !important;
    z-index: 55 !important;
  }
  header.header nav#arcana-main-nav.open {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 0 !important;
  }
  header.header nav#arcana-main-nav > a,
  header.header nav#arcana-main-nav > button {
    display: block !important;
    height: 46px !important;
    padding: 14px 4px !important;
    text-align: left !important;
    font-size: 12px !important;
    letter-spacing: .7px !important;
  }
  header.header nav#arcana-main-nav > .am-nav-indicator {
    display: none !important;
  }
}
/* Existing mobile dropdown remains unchanged for <= 860px. */
/* END ARCANA-MACE v44 */


/* ================================================================
   ARCANA-MACE v45 | MEDIA / STREAMERS
   New independent section AFTER the hero. Does not alter existing
   hero, server bars, header, two action buttons or any other sections.
   ================================================================ */
section.am45-media {
  --am45-gold:#d8b97d;
  --am45-line:rgba(212,173,104,.38);
  --am45-bg:#0b1218;
  position:relative;
  overflow:hidden;
  isolation:isolate;
  padding:100px max(24px, calc((100vw - 1250px)/2)) 112px;
  background:
    radial-gradient(ellipse 65% 85% at 50% 10%, rgba(103,112,121,.25),transparent 74%),
    radial-gradient(ellipse at 8% 90%,rgba(156,100,61,.08),transparent 45%),
    linear-gradient(180deg,#0c141b 0%,#181e22 38%,#15191d 75%,#090e14 100%);
  border-top:1px solid rgba(218,182,118,.26);
  border-bottom:1px solid rgba(209,170,111,.28);
  color:#ddd7c9;
}
section.am45-media::before{
  content:"";position:absolute;inset:-75px;z-index:-2;pointer-events:none;
  background:url('../img/arcana-sites/arcana-clean-hero-v18.webp') center 22%/cover no-repeat;
  filter:grayscale(.95) blur(13px) brightness(.22);
  opacity:.64;
}
section.am45-media::after{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:
   radial-gradient(circle at 18% 18%, rgba(237,194,114,.45) 0 1px,transparent 2px),
   radial-gradient(circle at 83% 36%, rgba(237,194,114,.40) 0 1px,transparent 2px),
   radial-gradient(circle at 69% 83%, rgba(237,194,114,.30) 0 1px,transparent 2px),
   radial-gradient(circle at 30% 71%, rgba(237,194,114,.30) 0 1px,transparent 2px),
   linear-gradient(90deg, rgba(3,8,13,.30),transparent 22% 78%,rgba(3,8,13,.30));
}
.am45-media .am45-heading{text-align:center; margin:0 auto 36px;position:relative;z-index:1;}
.am45-media .am45-heading h2{
  margin:0;color:#efe4cd;font:500 clamp(46px,4.6vw,76px)/1.03 'Cormorant Garamond', Georgia,serif;
  letter-spacing:.115em;text-shadow:0 4px 21px rgba(0,0,0,.58);
}
.am45-media .am45-kicker{margin:14px 0 0;color:#c6b8a5;font:600 10px/1.5 'Manrope',Arial,sans-serif;letter-spacing:3.5px;}
.am45-media .am45-rule{position:relative;width:185px;height:17px;margin:15px auto 0;}
.am45-media .am45-rule::before{
  content:"";position:absolute;left:0;right:0;top:8px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(231,188,110,.73) 43%,rgba(231,188,110,.73) 57%,transparent);
}
.am45-media .am45-rule::after{
  content:"";position:absolute;left:50%;top:5px;width:7px;height:7px;
  transform:translateX(-50%) rotate(45deg);background:#1d2830;border:1px solid #d9ab61;
  box-shadow:0 0 12px rgba(230,179,100,.23);
}
.am45-media .am45-deck{position:relative;z-index:1;max-width:1210px;margin:auto;}
.am45-media .am45-stream-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 28px;
}
.am45-media .am45-stream-card{
  position:relative;min-width:0;overflow:hidden;aspect-ratio:16 / 9;
  border:1px solid rgba(203,165,105,.46);border-radius:4px;
  background:linear-gradient(145deg,rgba(29,32,38,.97),rgba(7,12,17,.97));
  box-shadow:0 12px 35px rgba(0,0,0,.28),inset 0 1px rgba(245,218,165,.07);
  transition:border-color .25s ease,transform .25s ease,box-shadow .25s ease;
}
.am45-media .am45-stream-card:hover{
  border-color:rgba(236,191,115,.85);transform:translateY(-3px);
  box-shadow:0 17px 44px rgba(0,0,0,.45),0 0 22px rgba(184,131,72,.10);
}
.am45-media .am45-stream-card::before{
  content:"";pointer-events:none;position:absolute;z-index:2;inset:9px;
  border:1px solid rgba(237,199,129,.095);
}
.am45-media .am45-stream-card[data-empty="true"]:nth-child(3n + 1){
  background:radial-gradient(circle at 78% 24%,rgba(72,50,80,.28),transparent 60%),linear-gradient(135deg,#22232c,#0a1017);
}
.am45-media .am45-stream-card[data-empty="true"]:nth-child(3n + 2){
  background:radial-gradient(circle at 25% 25%,rgba(64,88,113,.20),transparent 60%),linear-gradient(135deg,#202831,#0a1017);
}
.am45-media .am45-stream-card[data-empty="true"]:nth-child(3n){
  background:radial-gradient(circle at 70% 65%,rgba(83,51,52,.24),transparent 70%),linear-gradient(135deg,#23252b,#0a1017);
}
.am45-media .am45-stream-empty{
  position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;
  justify-content:center;gap:10px;padding:20px;text-align:center;
}
.am45-media .am45-stream-symbol{
  width:49px;height:49px;display:grid;place-items:center;border:1px solid rgba(208,166,94,.55);
  transform:rotate(45deg);border-radius:2px;color:#e1c28a;
  box-shadow:0 0 22px rgba(184,129,73,.07),inset 0 0 15px rgba(155,106,69,.07);
}
.am45-media .am45-stream-symbol svg{width:21px;height:21px;transform:rotate(-45deg);fill:currentColor;}
.am45-media .am45-stream-empty strong{
  margin-top:13px;font:600 11px/1.4 'Manrope',Arial,sans-serif;letter-spacing:1.8px;text-transform:uppercase;color:#d3b781;
}
.am45-media .am45-stream-empty span{
  color:rgba(216,215,212,.54);font:400 11px/1.5 'Manrope',Arial,sans-serif;
}
.am45-media .am45-stream-card img.am45-video-thumb{display:block;width:100%;height:100%;object-fit:cover;filter:brightness(.78);}
.am45-media .am45-video-cover{
  appearance:none;position:absolute;inset:0;width:100%;height:100%;cursor:pointer;
  display:flex;align-items:center;justify-content:center;flex-direction:column;gap:11px;
  background:linear-gradient(180deg,rgba(0,0,0,.14),rgba(0,0,0,.42));color:#fff;
  border:none;text-align:center;padding:12px;
}
.am45-media .am45-video-cover:focus-visible{outline:2px solid #f3cb87;outline-offset:-5px;}
.am45-media .am45-video-cover .am45-play{
  width:55px;height:55px;border:1px solid rgba(255,224,166,.76);
  border-radius:50%;display:grid;place-items:center;background:rgba(8,13,18,.70);
  color:#f6d39a;font-size:24px;box-shadow:0 0 16px rgba(243,194,104,.2);
}
.am45-media .am45-video-cover .am45-video-label{
  font:600 12px/1.4 'Manrope',Arial,sans-serif;text-shadow:0 2px 4px rgba(0,0,0,.86);
}
.am45-media .am45-stream-card iframe{position:absolute;inset:0;border:0;width:100%;height:100%;background:#080b10;z-index:4;}
.am45-media .am45-carousel-controls{
  display:flex;justify-content:space-between;position:absolute;left:-48px;right:-48px;
  top:45%;pointer-events:none;
}
.am45-media .am45-carousel-controls button{
  pointer-events:auto;display:grid;place-items:center;width:36px;height:44px;
  border:1px solid rgba(229,181,113,.47);color:#eccd95;background:rgba(10,15,22,.66);
  font:500 30px Georgia,serif;transition:background .2s;
}
.am45-media .am45-carousel-controls button:hover{background:rgba(101,67,33,.75)}
.am45-media .am45-carousel-controls[hidden]{display:none !important;}
.am45-media .am45-carousel-controls button[hidden]{display:none !important;}
.am45-media .am45-join-row{
  margin:72px auto 0;max-width:980px;display:flex;justify-content:center;align-items:center;gap:20px;
}
.am45-media .am45-join-row::before,.am45-media .am45-join-row::after{
  content:"";display:block;flex:1;height:1px;
  background:linear-gradient(90deg,transparent,rgba(204,161,91,.58));
}
.am45-media .am45-join-row::after{transform:rotate(180deg);}
.am45-media .am45-add-button{
  flex:0 0 auto;position:relative;isolation:isolate;
  min-width:360px;min-height:88px;padding:0 38px;
  display:inline-flex;align-items:center;justify-content:center;
  cursor:pointer;color:#ffe9bf;
  font:700 30px/1 'Cormorant Garamond',Georgia,serif;
  text-transform:uppercase;letter-spacing:2.9px;text-shadow:0 1px 1px rgba(46,18,6,.65),0 0 9px rgba(0,0,0,.45);
  background:linear-gradient(180deg,#6d120d 0%,#8c160f 15%,#57100d 48%,#33080a 100%);
  border:1px solid rgba(243,194,108,.82);
  clip-path:polygon(28px 0,calc(100% - 28px) 0,100% 50%,calc(100% - 28px) 100%,28px 100%,0 50%);
  box-shadow:0 10px 30px rgba(0,0,0,.38), inset 0 0 0 1px rgba(255,231,175,.18), inset 0 0 30px rgba(255,140,20,.17), 0 0 24px rgba(255,132,34,.16);
  transition:filter .22s,transform .22s,box-shadow .22s;
  overflow:visible;
}
.am45-media .am45-add-button:hover{filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 12px 34px rgba(0,0,0,.42), inset 0 0 0 1px rgba(255,236,191,.24), inset 0 0 36px rgba(255,154,35,.20), 0 0 30px rgba(255,128,24,.24);}
.am45-media .am45-add-button::before{
  content:"";position:absolute;inset:8px 22px;
  border:1px solid rgba(255,220,160,.22);pointer-events:none;
  clip-path:polygon(18px 0,calc(100% - 18px) 0,100% 50%,calc(100% - 18px) 100%,18px 100%,0 50%);
  z-index:-1;
}
.am45-media .am45-add-button::after{
  content:"";position:absolute;inset:-14px -20px;pointer-events:none;
  background:
    radial-gradient(circle at 50% 0,#ff3d31 0 6px,rgba(255,194,92,.95) 6px 9px,transparent 10px),
    radial-gradient(circle at 50% 100%,#ff3d31 0 6px,rgba(255,194,92,.95) 6px 9px,transparent 10px),
    linear-gradient(90deg,transparent 0,rgba(255,184,64,.78) 9%,rgba(255,245,203,.96) 16%,rgba(209,125,42,.92) 27%,transparent 34%,transparent 66%,rgba(209,125,42,.92) 73%,rgba(255,245,203,.96) 84%,rgba(255,184,64,.78) 91%,transparent 100%);
  background-repeat:no-repeat;
  background-size:22px 22px,22px 22px,100% 100%;
  background-position:center top,center bottom,center center;
  filter:drop-shadow(0 0 10px rgba(255,121,30,.35));
}
.am45-media .am45-add-button > span,.am45-media .am45-add-button > b{position:relative;z-index:2;}
.am45-media .am45-side{position:absolute;top:32%;height:210px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;color:#cfac6d;opacity:.75;}
.am45-media .am45-side--left{left:max(26px,calc((100vw - 1430px)/2));}
.am45-media .am45-side--right{right:max(26px,calc((100vw - 1430px)/2));}
.am45-media .am45-side span:first-child,.am45-media .am45-side span:last-child{height:55px;width:1px;background:linear-gradient(transparent,rgba(207,172,109,.58),transparent);}
.am45-media .am45-side i{display:block;width:8px;height:8px;border:1px solid #cfac6d;transform:rotate(45deg);}
/* Modal scope: prevent globally themed dialog rules from resizing it */
dialog.am45-submit-dialog{
  position:fixed;z-index:600;inset:0;margin:auto;width:min(460px,calc(100% - 26px));
  max-height:calc(100dvh - 36px);overflow-y:auto;padding:29px;
  background:linear-gradient(145deg,#152028,#090f15);color:#e9dfc9;
  border:1px solid rgba(223,179,111,.7);box-shadow:0 18px 80px rgba(0,0,0,.75);
  border-radius:4px;
}
dialog.am45-submit-dialog::backdrop{background:rgba(2,5,9,.79);backdrop-filter:blur(5px)}
dialog.am45-submit-dialog h3{font:500 34px Georgia,serif;color:#eddaa9;margin:5px 0 12px;}
dialog.am45-submit-dialog p{font:12px/1.7 'Manrope',Arial,sans-serif;color:#aeb4b8;margin:0 0 18px;}
dialog.am45-submit-dialog label{display:block;font:600 11px/1.3 'Manrope',Arial,sans-serif;letter-spacing:.3px;margin:14px 0 8px;}
dialog.am45-submit-dialog input{
  display:block;width:100%;height:45px;min-width:0;padding:0 12px;
  color:#f2e9dc;background:rgba(2,7,12,.62);border:1px solid rgba(215,171,98,.37);
  border-radius:2px;font:12px 'Manrope',Arial,sans-serif;
}
dialog.am45-submit-dialog input:focus-visible{outline:1px solid #dfb873;}
dialog.am45-submit-dialog .am45-form-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px;}
dialog.am45-submit-dialog .am45-form-actions button,dialog.am45-submit-dialog .am45-form-actions a{
  display:inline-flex;align-items:center;justify-content:center;min-height:42px;
  border:1px solid rgba(214,170,102,.55);padding:9px 13px;color:#e9d6ad;
  font:700 10px/1.3 'Manrope',Arial,sans-serif;letter-spacing:.3px;cursor:pointer;
  background:rgba(93,66,42,.32);
}
dialog.am45-submit-dialog .am45-form-actions a{background:rgba(20,29,36,.9);}
dialog.am45-submit-dialog .am45-modal-close{position:absolute;top:10px;right:12px;
  background:none;border:0;color:#d8c6a5;font-size:27px;cursor:pointer;}
dialog.am45-submit-dialog .am45-feedback{min-height:24px;margin:14px 0 0;color:#e4c790;}
@media (max-width:1420px){.am45-media .am45-side{display:none;}}
@media (max-width:1050px){
  section.am45-media{padding:75px 30px 90px;}
  .am45-media .am45-stream-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;}
  .am45-media .am45-carousel-controls{left:0;right:0;top:calc(100% + 16px);justify-content:center;gap:10px;}
  .am45-media .am45-join-row{margin-top:100px;}
  .am45-media .am45-add-button{min-width:320px;min-height:82px;font-size:27px;}
}
@media (max-width:640px){
  section.am45-media{padding:65px 17px 80px;}
  .am45-media .am45-heading h2{font-size:52px;}
  .am45-media .am45-kicker{font-size:9px;letter-spacing:2.6px;}
  .am45-media .am45-stream-grid{grid-template-columns:1fr;gap:15px;max-width:460px;margin:auto;}
  .am45-media .am45-add-button{min-width:min(100%,310px);min-height:74px;font-size:22px;letter-spacing:2.1px;padding:0 26px;}
  .am45-media .am45-join-row{margin-top:88px;gap:9px;}
  .am45-media .am45-add-button{min-width:224px;min-height:53px;font-size:17px;letter-spacing:1px;padding:11px;}
  .am45-media .am45-add-button::before{margin-right:8px;}
  .am45-media .am45-add-button::after{margin-left:8px;}
  .am45-media .am45-rule{margin-top:15px;}
}
@media (prefers-reduced-motion:reduce){.am45-media .am45-stream-card,.am45-media .am45-add-button{transition:none;}}
/* ========================= END v45 MEDIA ========================= */

/* ══════════ ARCANA-MACE v47 / TRUE RUBY ADD-STREAM BUTTON ══════════
   Real PNG derived from the original Start Game sprite: the same ornate
   gold metalwork + ruby crystals, minus old wording, divider and arrow.
   Text is live DOM text, which allows RU/EN/UA translations.
   This block overrides the flat gradient from v46; leave all other UI intact.
*/
.am45-media .am45-join-row{margin-top:68px !important;}
.am45-media .am45-add-button{
  box-sizing:border-box !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 auto !important;
  width:min(400px,92vw) !important;
  height:118px !important;
  min-width:0 !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 29px !important;
  border:0 !important;
  border-radius:0 !important;
  clip-path:none !important;
  background:transparent url('../img/arcana-sites/ui-v47/am-v47-add-stream-ruby-glow.png') center / 100% 100% no-repeat !important;
  box-shadow:none !important;
  color:#ffdf9c !important;
  font:700 26px/1.1 'Cormorant Garamond',Georgia,serif !important;
  letter-spacing:2px !important;
  text-align:center !important;
  text-shadow:0 2px 3px #180100,0 0 10px rgba(247,172,82,.34) !important;
  text-transform:uppercase !important;
  cursor:pointer !important;
  overflow:visible !important;
  filter:drop-shadow(0 8px 10px rgba(0,0,0,.48)) brightness(.96) !important;
  transform:translateZ(0) !important;
  transition:filter .23s ease,transform .23s ease !important;
  -webkit-tap-highlight-color:transparent !important;
}
.am45-media .am45-add-button::before,
.am45-media .am45-add-button::after{
  content:none !important;
  display:none !important;
  background:none !important;
  box-shadow:none !important;
  border:0 !important;
}
.am45-media .am45-add-button:hover,
.am45-media .am45-add-button:focus-visible{
  filter:drop-shadow(0 10px 14px rgba(255,106,23,.3)) brightness(1.10) !important;
  transform:translateY(-2px) !important;
}
.am45-media .am45-add-button:active{
  filter:brightness(.97) !important;
  transform:translateY(0) !important;
}
.am45-media .am45-add-button:focus-visible{
  outline:2px solid #fbd99c !important;
  outline-offset:2px !important;
}
@media (max-width:860px){
  .am45-media .am45-add-button{
    width:min(310px,90vw) !important;
    height:92px !important;
    padding:0 25px !important;
    font-size:21px !important;
    letter-spacing:1.4px !important;
  }
}
@media (max-width:390px){
  .am45-media .am45-add-button{
    width:min(280px,90vw) !important;
    height:83px !important;
    font-size:19px !important;
  }
}
@media (prefers-reduced-motion:reduce){
  .am45-media .am45-add-button{transition:none !important;}
}
/* ══════════ END v47 ══════════ */


/* =====================================================
 ARCANA-MACE v48 — REAL HOME RAILS REUSED IN MEDIA
 The same navigation and social anchors from the hero are cloned,
 preserving destinations and accessible names. Styling is an exact
 scoped copy of current homepage rails (v32–v37), followed by media
 positioning. Change only this media addition; hero remains intact.
===================================================== */
/* ═══════ ARCANA-MACE v32 — RIGHT SOCIAL RAIL ONLY ═══════
   Telegram / Discord. The existing anchors in main.blade.php remain untouched.
   Decorative lines and diamonds are SVG and cannot intercept clicks.
   Responsive: hidden below 861px to avoid covering artwork on phones.
*/
:is(section.am45-media, section.am51-community) > aside.social-rail {
  display:block !important;
  position:absolute !important;
  right:clamp(14px,4.6vw,92px) !important;
  top:50% !important;
  left:auto !important;
  bottom:auto !important;
  transform:translateY(-47%) !important;
  width:64px !important;
  height:342px !important;
  margin:0 !important;
  padding:0 !important;
  z-index:8 !important;
  overflow:visible !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent url('../img/arcana-sites/social-v32/am-rail-ornament.svg') center center / 64px 342px no-repeat !important;
  box-shadow:none !important;
  filter:none !important;
  pointer-events:none !important;
}
:is(section.am45-media, section.am51-community) > aside.social-rail::before,
:is(section.am45-media, section.am51-community) > aside.social-rail::after {
  content:none !important; display:none !important;
}
:is(section.am45-media, section.am51-community) > aside.social-rail > a {
  display:block !important;
  position:absolute !important;
  left:9px !important;
  width:46px !important;
  height:46px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  outline:0 !important;
  background-color:transparent !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
  background-size:31px 31px !important;
  color:transparent !important;
  font-size:0 !important;
  line-height:0 !important;
  box-shadow:none !important;
  text-shadow:none !important;
  opacity:.86 !important;
  filter:drop-shadow(0 2px 3px rgba(0,0,0,.45)) !important;
  transform:none !important;
  transition:opacity .2s ease,filter .2s ease,transform .2s ease !important;
  pointer-events:auto !important;
  cursor:pointer !important;
  -webkit-tap-highlight-color:transparent !important;
}
:is(section.am45-media, section.am51-community) > aside.social-rail > a[href*="t.me/"] {
  top:138px !important;
  background-image:url('../img/arcana-sites/social-v32/am-telegram.svg') !important;
}
:is(section.am45-media, section.am51-community) > aside.social-rail > a[href*="discord"] {
  top:220px !important;
  background-image:url('../img/arcana-sites/social-v32/am-discord.svg') !important;
}
:is(section.am45-media, section.am51-community) > aside.social-rail > a:hover,
:is(section.am45-media, section.am51-community) > aside.social-rail > a:focus-visible {
  background-color:transparent !important;
  opacity:1 !important;
  filter:drop-shadow(0 0 5px rgba(255,197,102,.64)) drop-shadow(0 2px 2px rgba(0,0,0,.35)) !important;
  transform:scale(1.12) !important;
  box-shadow:none !important;
}
/* Keyboard focus: gold dot below icon instead of an ugly rectangular outline. */
:is(section.am45-media, section.am51-community) > aside.social-rail > a:focus-visible::after {
  content:"" !important;
  display:block !important;
  position:absolute !important;
  width:4px !important;
  height:4px !important;
  bottom:1px !important;
  left:21px !important;
  border:1px solid #f8d49c !important;
  border-radius:50% !important;
  background:rgba(255,216,141,.55) !important;
}
@media (max-width:860px) {
  :is(section.am45-media, section.am51-community) > aside.social-rail {display:none !important;}
}
@media (prefers-reduced-motion:reduce) {
  :is(section.am45-media, section.am51-community) > aside.social-rail > a {transition:none !important;}
}
/* ═══════ END ARCANA-MACE v32 ═══════ */

/* ═══ ARCANA-MACE v33 · SOCIAL RAIL: HIGHER AND SLIMMER ═══
   Overrides v32 rail only. No changes to background, nav, languages or buttons.
   No square hover panels. Restores keyboard focus styling from v32. */
@media (min-width: 861px) {
  :is(section.am45-media, section.am51-community) > aside.social-rail {
    top: clamp(92px, 13.3svh, 135px) !important;
    right: clamp(14px, 2.3vw, 42px) !important;
    transform: none !important;
    width: 54px !important;
    height: 288px !important;
    background-size: 54px 288px !important;
    opacity: .94 !important;
  }
  :is(section.am45-media, section.am51-community) > aside.social-rail > a {
    left: 8px !important;
    width: 38px !important;
    height: 38px !important;
    background-size: 27px 27px !important;
  }
  :is(section.am45-media, section.am51-community) > aside.social-rail > a[href*="t.me/"] { top: 115px !important; }
  :is(section.am45-media, section.am51-community) > aside.social-rail > a[href*="discord"] { top: 184px !important; }
  :is(section.am45-media, section.am51-community) > aside.social-rail > a:focus-visible::after { left: 17px !important; }
}
/* ═══ END v33 ═══ */

/* ═════ ARCANA-MACE v34 · LEFT CHAPTER NAVIGATION ═════
   Only the four existing links in .section-rail are styled.
   No modification of hero imagery, Telegram/Discord, CMS routes or JavaScript.
   The active marker follows clicks on section anchors using modern :has().
*/
@media (min-width:861px) {
  :is(section.am45-media, section.am51-community) > aside.section-rail {
    position:absolute !important;
    display:flex !important;
    top:clamp(156px, 22svh, 226px) !important;
    left:clamp(18px, 5.35vw, 104px) !important;
    right:auto !important;
    bottom:auto !important;
    width:36px !important;
    height:236px !important;
    padding:29px 0 !important;
    margin:0 !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:space-around !important;
    gap:0 !important;
    z-index:9 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    overflow:visible !important;
    isolation:isolate !important;
    color:#d8ab70 !important;
  }
  :is(section.am45-media, section.am51-community) > aside.section-rail::before {
    content:"" !important;
    position:absolute !important;
    top:0 !important;
    bottom:0 !important;
    left:50% !important;
    width:1px !important;
    height:auto !important;
    z-index:-2 !important;
    background:linear-gradient(180deg,transparent 0%,#c5945d90 17%,#c5945d55 45%,#c5945d88 82%,transparent 100%) !important;
    filter:drop-shadow(0 0 4px #d79e6150) !important;
    transform:translateX(-50%) !important;
    pointer-events:none !important;
  }
  :is(section.am45-media, section.am51-community) > aside.section-rail > a {
    position:relative !important;
    display:flex !important;
    width:36px !important;
    height:39px !important;
    min-width:36px !important;
    flex:0 0 39px !important;
    align-items:center !important;
    justify-content:center !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    box-shadow:none !important;
    background:transparent !important;
    color:transparent !important;
    font-size:0 !important;
    line-height:0 !important;
    text-shadow:none !important;
    transform:none !important;
    text-decoration:none !important;
    outline:none !important;
    overflow:visible !important;
    cursor:pointer !important;
    -webkit-tap-highlight-color:transparent !important;
  }
  :is(section.am45-media, section.am51-community) > aside.section-rail > a::before {
    content:"" !important;
    display:block !important;
    position:relative !important;
    width:7px !important;
    height:7px !important;
    min-width:7px !important;
    margin:0 !important;
    border:1px solid #d2ab72 !important;
    border-radius:0 !important;
    box-sizing:border-box !important;
    background:#10212d !important;
    box-shadow:0 0 0 3px #08131d95,0 0 8px #d49a3e35 !important;
    transform:rotate(45deg) !important;
    transition:background .25s,border-color .25s,box-shadow .25s,scale .25s !important;
    pointer-events:none !important;
  }
  /* Small hover label appears beside the rail; it is NOT a permanent box. */
  :is(section.am45-media, section.am51-community) > aside.section-rail > a::after {
    content:attr(aria-label) !important;
    position:absolute !important;
    top:50% !important;
    left:34px !important;
    height:auto !important;
    width:max-content !important;
    max-width:175px !important;
    padding:7px 12px !important;
    border-left:1px solid #dcb77a9c !important;
    border-top:0 !important;border-right:0 !important;border-bottom:0 !important;
    border-radius:0 !important;
    background:linear-gradient(90deg,rgba(7,14,22,.92),rgba(7,14,22,.70)) !important;
    backdrop-filter:blur(4px) !important;
    color:#f4d7a1 !important;
    font:700 10px/1.2 Arial,sans-serif !important;
    text-transform:uppercase !important;
    letter-spacing:1.1px !important;
    white-space:nowrap !important;
    text-shadow:0 1px 4px #000c !important;
    box-shadow:none !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transform:translate(-6px,-50%) !important;
    transition:transform .2s ease,opacity .2s ease,visibility .2s ease !important;
  }
  :is(section.am45-media, section.am51-community) > aside.section-rail > a:hover::before,
  :is(section.am45-media, section.am51-community) > aside.section-rail > a:focus-visible::before {
    background:#f9ce7c !important;
    border-color:#ffe6aa !important;
    box-shadow:0 0 0 3px #101822cc,0 0 11px #efb24ca8,0 0 18px #f0a14780 !important;
    scale:1.2 !important;
  }
  :is(section.am45-media, section.am51-community) > aside.section-rail > a:hover::after,
  :is(section.am45-media, section.am51-community) > aside.section-rail > a:focus-visible::after {
    opacity:1 !important;
    visibility:visible !important;
    transform:translate(0,-50%) !important;
  }
  /* On initial view the first chapter is selected. :target updates upon link click. */
  body:not(:has(#world:target, #start:target, #community:target)) :is(section.am45-media, section.am51-community) > aside.section-rail > a[href="#home"]::before,
  body:has(#home:target) :is(section.am45-media, section.am51-community) > aside.section-rail > a[href="#home"]::before,
  body:has(#world:target) :is(section.am45-media, section.am51-community) > aside.section-rail > a[href="#world"]::before,
  body:has(#start:target) :is(section.am45-media, section.am51-community) > aside.section-rail > a[href="#start"]::before,
  body:has(#community:target) :is(section.am45-media, section.am51-community) > aside.section-rail > a[href="#community"]::before {
    background:#f1c47e !important;
    border-color:#ffdf9b !important;
    box-shadow:0 0 0 4px #151821b8,0 0 12px #ffc06fbb,0 0 19px #cc7c2e65 !important;
    scale:1.15 !important;
  }
}
@media (max-width:860px) {
  :is(section.am45-media, section.am51-community) > aside.section-rail {display:none !important;}
}
@media (prefers-reduced-motion:reduce) {
  :is(section.am45-media, section.am51-community) > aside.section-rail > a::before,
  :is(section.am45-media, section.am51-community) > aside.section-rail > a::after {transition:none !important;}
}
/* ═════ END v34 ═════ */

/* ═══════════ ARCANA-MACE v35 / SYMMETRIC SIDE RAILS ═══════════
   Only side-panel positioning/diamond geometry changes. No markup/JS edits.
   Shared top/height/inset give matching horizontal diamond coordinates.
   Four left chapter markers align precisely with four decorative right markers.
   Telegram and Discord remain clickable and retain their existing URLs.
   Reverts cleanly by replacing this complete CSS with ROLLBACK_V34.
*/
:root {
  --am35-rail-top: clamp(130px, 17.4svh, 174px);
  --am35-rail-height: 300px;
  --am35-rail-inset: clamp(18px, 3.25vw, 56px);
}
@media (min-width: 861px) {
  :is(section.am45-media, section.am51-community) > aside.section-rail,
  :is(section.am45-media, section.am51-community) > aside.social-rail {
    position: absolute !important;
    top: var(--am35-rail-top) !important;
    bottom: auto !important;
    width: 54px !important;
    height: var(--am35-rail-height) !important;
    transform: none !important;
    margin: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
  }
  /* Left: 4 real chapter links, centered at y=46,115.33,184.67,254 px */
  :is(section.am45-media, section.am51-community) > aside.section-rail {
    left: var(--am35-rail-inset) !important;
    right: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 26px 0 !important;
    gap: 0 !important;
    background: transparent !important;
  }
  :is(section.am45-media, section.am51-community) > aside.section-rail::before {
    top:0 !important;
    bottom:0 !important;
    left:50% !important;
    height:100% !important;
    width:1px !important;
    background:linear-gradient(180deg,
      rgba(197,148,93,0) 0%, rgba(197,148,93,.45) 16%,
      rgba(197,148,93,.45) 84%, rgba(197,148,93,0) 100%) !important;
    box-shadow:none !important;
  }
  :is(section.am45-media, section.am51-community) > aside.section-rail > a {
    width: 54px !important;
    height: 40px !important;
    min-width: 54px !important;
    flex: 0 0 40px !important;
    padding: 0 !important;
    margin: 0 !important;
    justify-content: center !important;
  }
  /* No change to existing left labels, glow, active chapter or click behavior. */
  :is(section.am45-media, section.am51-community) > aside.section-rail > a::after {
    left:45px !important;
  }
  /* Right: identical rail height and four diamonds, SVG embedded in CSS. */
  :is(section.am45-media, section.am51-community) > aside.social-rail {
    right: var(--am35-rail-inset) !important;
    left: auto !important;
    padding:0 !important;
    background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2254%22%20height%3D%22300%22%20viewBox%3D%220%200%2054%20300%22%3E%0A%3Cdefs%3E%0A%20%3ClinearGradient%20id%3D%22gold%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%238d663e%22%2F%3E%3Cstop%20offset%3D%22.45%22%20stop-color%3D%22%23f0d39a%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%239a693a%22%2F%3E%3C%2FlinearGradient%3E%0A%20%3ClinearGradient%20id%3D%22line%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%23c5945d%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%22.16%22%20stop-color%3D%22%23c5945d%22%20stop-opacity%3D%22.45%22%2F%3E%3Cstop%20offset%3D%22.84%22%20stop-color%3D%22%23c5945d%22%20stop-opacity%3D%22.45%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23c5945d%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%0A%3C%2Fdefs%3E%0A%3Cg%20stroke%3D%22url%28%23line%29%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M27%200V300%22%2F%3E%3C%2Fg%3E%0A%3Cg%20fill%3D%22%2310212d%22%20stroke%3D%22url%28%23gold%29%22%20stroke-width%3D%221.15%22%3E%0A%20%3Cpath%20d%3D%22M27%2041.05%20L31.95%2046%20L27%2050.95%20L22.05%2046Z%22%2F%3E%0A%20%3Cpath%20d%3D%22M27%20110.38%20L31.95%20115.33%20L27%20120.28%20L22.05%20115.33Z%22%2F%3E%0A%20%3Cpath%20d%3D%22M27%20179.72%20L31.95%20184.67%20L27%20189.62%20L22.05%20184.67Z%22%2F%3E%0A%20%3Cpath%20d%3D%22M27%20249.05%20L31.95%20254%20L27%20258.95%20L22.05%20254Z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%20fill%3D%22%23e0bd78%22%3E%3Ccircle%20cx%3D%2227%22%20cy%3D%2246%22%20r%3D%22.9%22%2F%3E%3Ccircle%20cx%3D%2227%22%20cy%3D%22115.33%22%20r%3D%22.9%22%2F%3E%3Ccircle%20cx%3D%2227%22%20cy%3D%22184.67%22%20r%3D%22.9%22%2F%3E%3Ccircle%20cx%3D%2227%22%20cy%3D%22254%22%20r%3D%22.9%22%2F%3E%3C%2Fg%3E%0A%3C%2Fsvg%3E") !important;
    background-color:transparent !important;
    background-repeat:no-repeat !important;
    background-position:center !important;
    background-size:54px 300px !important;
    opacity:.94 !important;
  }
  :is(section.am45-media, section.am51-community) > aside.social-rail > a {
    left: 8px !important;
    width: 38px !important;
    height: 38px !important;
    background-size:27px 27px !important;
  }
  :is(section.am45-media, section.am51-community) > aside.social-rail > a[href*="t.me/"] {top:120px !important;}
  :is(section.am45-media, section.am51-community) > aside.social-rail > a[href*="discord"] {top:192px !important;}
}
@media (max-width:860px) {
  :is(section.am45-media, section.am51-community) > aside.section-rail,
  :is(section.am45-media, section.am51-community) > aside.social-rail {display:none !important;}
}
/* ═══════════ END v35 ═══════════ */

/* Arcana-Mace v36 - right rail icon rebalance
   Telegram centered between 1st and 2nd diamonds
   Discord centered between 3rd and 4th diamonds
   Append to the end of arcana-sites.css or merge after v35/v33 social rail rules.
*/
@media (min-width: 861px) {
  :is(section.am45-media, section.am51-community) > aside.social-rail > a[href*="t.me/"] {
    top: 62px !important;
  }

  :is(section.am45-media, section.am51-community) > aside.social-rail > a[href*="discord"] {
    top: 200px !important;
  }
}


/* =============================================================
  ARCANA-MACE v37 | CLEAN SOCIAL RAIL | full build based on v36
  Less visual clutter: three small markers, 2 clean icon positions.
  No Blade, JavaScript, asset or URL changes.
============================================================= */
@media (min-width: 861px) {
  :is(section.am45-media, section.am51-community) > aside.social-rail {
    background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2254%22%20height%3D%22300%22%20viewBox%3D%220%200%2054%20300%22%3E%0A%3Cdefs%3E%0A%3ClinearGradient%20id%3D%22rail%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23c4955f%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%22.19%22%20stop-color%3D%22%23c4955f%22%20stop-opacity%3D%22.43%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%23efd19b%22%20stop-opacity%3D%22.35%22%2F%3E%3Cstop%20offset%3D%22.81%22%20stop-color%3D%22%23c4955f%22%20stop-opacity%3D%22.43%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23c4955f%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%0A%3ClinearGradient%20id%3D%22gold%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23946f43%22%2F%3E%3Cstop%20offset%3D%22.45%22%20stop-color%3D%22%23e4c184%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23986e3f%22%2F%3E%3C%2FlinearGradient%3E%0A%3C%2Fdefs%3E%0A%3Cg%20fill%3D%22none%22%20stroke%3D%22url%28%23rail%29%22%20stroke-width%3D%22.8%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M27%200V66%22%2F%3E%3Cpath%20d%3D%22M27%20131V169%22%2F%3E%3Cpath%20d%3D%22M27%20234V300%22%2F%3E%3C%2Fg%3E%0A%3Cg%20fill%3D%22%2310212d%22%20stroke%3D%22url%28%23gold%29%22%20stroke-width%3D%221%22%3E%3Cpath%20d%3D%22M27%2041%20L32%2046%20L27%2051%20L22%2046Z%22%2F%3E%3Cpath%20d%3D%22M27%20249%20L32%20254%20L27%20259%20L22%20254Z%22%2F%3E%3C%2Fg%3E%0A%3Cpath%20d%3D%22M27%20146%20L31%20150%20L27%20154%20L23%20150Z%22%20fill%3D%22%23b9955e%22%20opacity%3D%22.82%22%2F%3E%0A%3Cg%20fill%3D%22%23e7c18a%22%3E%3Ccircle%20cx%3D%2227%22%20cy%3D%2246%22%20r%3D%22.7%22%2F%3E%3Ccircle%20cx%3D%2227%22%20cy%3D%22254%22%20r%3D%22.7%22%2F%3E%3C%2Fg%3E%0A%3C%2Fsvg%3E") !important;
    background-size:54px 300px !important;
    background-position:center !important;
    background-repeat:no-repeat !important;
    background-color:transparent !important;
    opacity: .91 !important;
  }
  :is(section.am45-media, section.am51-community) > aside.social-rail > a {
    width: 44px !important;
    height: 44px !important;
    left: 5px !important;
    background-size: 26px 26px !important;
    opacity: .88 !important;
    filter: drop-shadow(0 2px 3px rgba(0,0,0,.45)) !important;
  }
  /* Icons are centered in equal open spaces between the ornamental markers. */
  :is(section.am45-media, section.am51-community) > aside.social-rail > a[href*="t.me/"] {top: 76px !important;}
  :is(section.am45-media, section.am51-community) > aside.social-rail > a[href*="discord"] {top: 180px !important;}
  :is(section.am45-media, section.am51-community) > aside.social-rail > a:hover,
  :is(section.am45-media, section.am51-community) > aside.social-rail > a:focus-visible {
    opacity: 1 !important;
    filter: drop-shadow(0 0 5px rgba(240,183,100,.62)) brightness(1.08) !important;
    transform: scale(1.1) !important;
    box-shadow: none !important;
  }
}
/* END v37 */



/* Media-specific positioning and responsive widths. */
@media (min-width:1200px){
  :is(section.am45-media, section.am51-community) > aside.am48-media-rail{
    top:clamp(188px, 27%, 275px) !important;
    z-index:4 !important;
    pointer-events:none !important;
  }
  :is(section.am45-media, section.am51-community) > aside.section-rail{
    left:var(--am35-rail-inset) !important;
    right:auto !important;
    transform:none !important;
  }
  :is(section.am45-media, section.am51-community) > aside.social-rail{
    right:var(--am35-rail-inset) !important;
    left:auto !important;
    transform:none !important;
  }
  :is(section.am45-media, section.am51-community) > aside.section-rail > a,
  :is(section.am45-media, section.am51-community) > aside.social-rail > a{
    pointer-events:auto !important;
  }
  :is(section.am45-media, section.am51-community) > aside.section-rail::before{
    content:"" !important;
  }
  :is(section.am45-media, section.am51-community) > aside.section-rail > a::after{
    left:45px !important;
  }
}
@media (min-width:1200px) and (max-width:1439px){
  /* Give side links their own clear strip: never cover video frames. */
  :is(section.am45-media, section.am51-community){padding-left:120px !important;padding-right:120px !important;}
}
@media (max-width:1199px){
  :is(section.am45-media, section.am51-community) > aside.am48-media-rail{display:none !important;}
}
/* ═══════════ END ARCANA v48 ═══════════ */


/* =============================================================
   ARCANA-MACE v49 — RANKING BELOW MEDIA | fully scoped styles
   Keeps original hero, media and server cards untouched.
   ============================================================= */
section.am49-ranking {
  --am49-gold:#d4b17c;
  --am49-mute:#a4a1a0;
  position:relative;isolation:isolate;overflow:hidden;
  padding:95px max(24px, calc((100vw - 1260px)/2)) 112px;
  color:#e2d9c8;
  background:radial-gradient(ellipse 62% 58% at 50% 9%,rgba(105,116,123,.18),transparent 75%),
    radial-gradient(ellipse 48% 56% at 12% 85%,rgba(147,89,45,.055),transparent 72%),
    linear-gradient(180deg,#0b1218 0%,#151b20 40%,#11171c 80%,#080f16 100%);
  border-top:1px solid rgba(212,174,111,.22);
  border-bottom:1px solid rgba(212,174,111,.19);
}
section.am49-ranking::before{
  content:"";position:absolute;inset:-60px;z-index:-2;pointer-events:none;
  background:url('../img/arcana-sites/arcana-clean-hero-v18.webp') center 38%/cover no-repeat;
  filter:grayscale(.95) brightness(.17) blur(17px);opacity:.65;
}
section.am49-ranking::after{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(circle at 15% 23%,rgba(237,198,125,.55) 0 1px,transparent 2px),
  radial-gradient(circle at 83% 42%,rgba(237,198,125,.4) 0 1px,transparent 2px),
  radial-gradient(circle at 47% 77%,rgba(237,198,125,.42) 0 1px,transparent 2px),
  linear-gradient(90deg,rgba(5,10,15,.28),transparent 22% 78%,rgba(5,10,15,.28));
}
.am49-ranking .am49-wrap{position:relative;z-index:2;max-width:1200px;margin:0 auto;}
.am49-ranking .am49-header{text-align:center;margin:0 auto 34px;}
.am49-ranking .am49-header h2{
  margin:0;color:#eee0c9;font:500 clamp(48px,4.6vw,73px)/1.08 'Cormorant Garamond',Georgia,serif;
  letter-spacing:.13em;text-shadow:0 6px 25px #000b;
}
.am49-ranking .am49-kicker{
  margin:11px 0 0;color:#bfb3a2;text-transform:uppercase;
  font:600 10px/1.5 'Manrope',Arial,sans-serif;letter-spacing:3.4px;
}
.am49-ranking .am49-heading-rule{position:relative;width:194px;height:19px;margin:13px auto 0;}
.am49-ranking .am49-heading-rule::before{content:"";position:absolute;top:9px;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(216,174,107,.6),transparent);}
.am49-ranking .am49-heading-rule::after{content:"";position:absolute;top:6px;left:calc(50% - 4px);width:8px;height:8px;
  transform:rotate(45deg);background:#1e2930;border:1px solid #d4ac6b;}
/* top server selector */
.am49-ranking .am49-server-tabs{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;
  max-width:790px;margin:0 auto 30px;padding:0 5px;
}
.am49-ranking .am49-server-tab{
  position:relative;min-width:0;min-height:52px;padding:12px 22px;
  border:1px solid rgba(191,153,99,.47);color:#b8b4b0;
  background:linear-gradient(180deg,rgba(57,59,62,.45),rgba(13,20,26,.84));
  clip-path:polygon(16px 0,calc(100% - 16px) 0,100% 50%,calc(100% - 16px) 100%,16px 100%,0 50%);
  text-transform:uppercase;letter-spacing:1.5px;
  font:600 14px/1.2 'Cormorant Garamond',Georgia,serif;
  transition:filter .2s,background .2s,color .2s;
}
.am49-ranking .am49-server-tab::after{content:"✦";position:absolute;bottom:-2px;left:50%;font-size:13px;
  color:#e9b875;transform:translateX(-50%);opacity:0;transition:opacity .2s;}
.am49-ranking .am49-server-tab:hover{color:#f1ddb5;filter:brightness(1.17);}
.am49-ranking .am49-server-tab[aria-selected="true"]{
  color:#f8deb0;border-color:#e6bb76;
  background:linear-gradient(180deg,rgba(123,95,66,.59),rgba(45,35,29,.78));
  box-shadow:inset 0 1px 0 rgba(255,228,169,.16);
}
.am49-ranking .am49-server-tab[aria-selected="true"]::after{opacity:1;}
/* top category segmented navigation */
.am49-ranking .am49-categories{
  display:grid;grid-template-columns:repeat(5,minmax(0,1fr));
  min-height:55px;margin:0;border-top:1px solid rgba(218,182,121,.2);
  border-bottom:1px solid rgba(218,182,121,.36);
  background:rgba(10,15,20,.50);
}
.am49-ranking .am49-cat{
  position:relative;padding:15px 8px;color:#aaa5a0;background:transparent;
  text-align:center;text-transform:uppercase;
  font:650 11px/1.3 'Manrope',Arial,sans-serif;letter-spacing:1px;
  border-right:1px solid rgba(229,184,118,.055);
  transition:color .2s,background .2s;
}
.am49-ranking .am49-cat:last-child{border:0;}
.am49-ranking .am49-cat:hover{color:#ead7b5;background:rgba(175,130,75,.1);}
.am49-ranking .am49-cat[aria-selected="true"]{
  color:#f5d49a;background:linear-gradient(180deg,rgba(152,125,84,.25),rgba(147,120,79,.12));
  box-shadow:inset 0 -2px 0 #cba264;
}
.am49-ranking .am49-table-shell{
  border:1px solid rgba(200,164,104,.24);border-top:0;
  background:linear-gradient(180deg,rgba(15,21,25,.76),rgba(9,14,19,.72));
  box-shadow:0 15px 60px rgba(0,0,0,.18);
  overflow-x:auto;min-height:322px;
}
.am49-ranking table.am49-table{border-collapse:collapse;width:100%;min-width:665px;table-layout:fixed;}
.am49-ranking .am49-table th{
  font:600 10px/1.4 'Manrope',Arial,sans-serif;
  color:#b7a99a;letter-spacing:1px;text-transform:uppercase;
  text-align:center;padding:15px 13px;border-bottom:1px solid rgba(218,182,121,.12);
  background:rgba(10,16,22,.38);
}
.am49-ranking .am49-table th:nth-child(2),.am49-ranking .am49-table td:nth-child(2){text-align:left;}
.am49-ranking .am49-table td{
  height:48px;padding:12px 13px;border-bottom:1px solid rgba(207,181,148,.11);
  color:#d4cfc5;text-align:center;font:500 12px/1.4 'Manrope',Arial,sans-serif;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.am49-ranking .am49-table tr:last-child td{border-bottom:0;}
.am49-ranking .am49-table tr:nth-child(even) td{background:rgba(235,225,209,.022);}
.am49-ranking .am49-table td:first-child{color:#d9b57b;font:600 15px Georgia,serif;}
.am49-ranking .am49-table td:nth-child(2){color:#f0dec3;}
.am49-ranking .am49-table .am49-empty-cell{white-space:normal;padding:50px 25px!important;text-align:center!important;height:235px;}
.am49-ranking .am49-no-data{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;}
.am49-ranking .am49-no-data .am49-empty-glyph{font:37px/1 Georgia,serif;color:#a68150;text-shadow:0 0 17px rgba(213,163,89,.16);}
.am49-ranking .am49-no-data strong{color:#e2d0ae;font:500 24px 'Cormorant Garamond',Georgia,serif;letter-spacing:1px;}
.am49-ranking .am49-no-data p{margin:0;color:#969da0;font:12px/1.6 'Manrope',Arial,sans-serif;}
.am49-ranking .am49-more-row{display:flex;align-items:center;justify-content:center;gap:25px;margin:45px auto 0;}
.am49-ranking .am49-more-row::before,.am49-ranking .am49-more-row::after{
  content:"";width:clamp(30px,15vw,265px);height:1px;
  background:linear-gradient(90deg,transparent,rgba(211,170,99,.38));
}
.am49-ranking .am49-more-row::after{transform:rotate(180deg);}
.am49-ranking a.am49-more{
  flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;
  min-width:300px;min-height:60px;padding:14px 35px;
  border:1px solid rgba(202,170,119,.68);color:#e5d0a9;
  background:linear-gradient(155deg,rgba(92,70,54,.59),rgba(31,28,29,.83));
  clip-path:polygon(20px 0,calc(100% - 20px) 0,100% 50%,calc(100% - 20px) 100%,20px 100%,0 50%);
  text-transform:uppercase;font:600 19px 'Cormorant Garamond',Georgia,serif;letter-spacing:1.8px;
  text-align:center;transition:filter .2s,transform .2s;
}
.am49-ranking a.am49-more:hover{color:#ffe9bd;filter:brightness(1.2);transform:translateY(-2px);}
.am49-ranking button:focus-visible,.am49-ranking a:focus-visible{outline:2px solid #ebc585;outline-offset:5px;}
@media(max-width:1420px){
  section.am49-ranking{padding-left:clamp(30px,9vw,140px);padding-right:clamp(30px,9vw,140px);}
}
@media(max-width:1050px){
  section.am49-ranking{padding:75px 30px 95px;}
  .am49-ranking .am49-server-tabs{gap:12px;}
}
@media(max-width:640px){
  section.am49-ranking{padding:68px 17px 85px;}
  .am49-ranking .am49-header h2{font-size:52px;}
  .am49-ranking .am49-kicker{font-size:9px;letter-spacing:2px;}
  .am49-ranking .am49-server-tabs{gap:7px;margin-bottom:25px;padding:0;}
  .am49-ranking .am49-server-tab{padding:13px 7px;font-size:11px;letter-spacing:.4px;}
  .am49-ranking .am49-categories{min-height:54px;}
  .am49-ranking .am49-cat{padding:15px 4px;font-size:8px;letter-spacing:0;}
  .am49-ranking .am49-table-shell{min-height:260px;}
  .am49-ranking .am49-empty-cell{height:195px!important;}
  .am49-ranking .am49-more-row{margin-top:35px;gap:8px;}
  .am49-ranking .am49-more-row::before,.am49-ranking .am49-more-row::after{display:none;}
  .am49-ranking a.am49-more{min-width:min(100%,305px);min-height:54px;font-size:16px;}
}
@media(prefers-reduced-motion:reduce){
  .am49-ranking button,.am49-ranking a{transition:none!important;}
}


/* v49: same side rails as the media section */
/* ═══════ ARCANA-MACE v32 — RIGHT SOCIAL RAIL ONLY ═══════
   Telegram / Discord. The existing anchors in main.blade.php remain untouched.
   Decorative lines and diamonds are SVG and cannot intercept clicks.
   Responsive: hidden below 861px to avoid covering artwork on phones.
*/
section.am49-ranking > aside.social-rail {
  display:block !important;
  position:absolute !important;
  right:clamp(14px,4.6vw,92px) !important;
  top:50% !important;
  left:auto !important;
  bottom:auto !important;
  transform:translateY(-47%) !important;
  width:64px !important;
  height:342px !important;
  margin:0 !important;
  padding:0 !important;
  z-index:8 !important;
  overflow:visible !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent url('../img/arcana-sites/social-v32/am-rail-ornament.svg') center center / 64px 342px no-repeat !important;
  box-shadow:none !important;
  filter:none !important;
  pointer-events:none !important;
}
section.am49-ranking > aside.social-rail::before,
section.am49-ranking > aside.social-rail::after {
  content:none !important; display:none !important;
}
section.am49-ranking > aside.social-rail > a {
  display:block !important;
  position:absolute !important;
  left:9px !important;
  width:46px !important;
  height:46px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  outline:0 !important;
  background-color:transparent !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
  background-size:31px 31px !important;
  color:transparent !important;
  font-size:0 !important;
  line-height:0 !important;
  box-shadow:none !important;
  text-shadow:none !important;
  opacity:.86 !important;
  filter:drop-shadow(0 2px 3px rgba(0,0,0,.45)) !important;
  transform:none !important;
  transition:opacity .2s ease,filter .2s ease,transform .2s ease !important;
  pointer-events:auto !important;
  cursor:pointer !important;
  -webkit-tap-highlight-color:transparent !important;
}
section.am49-ranking > aside.social-rail > a[href*="t.me/"] {
  top:138px !important;
  background-image:url('../img/arcana-sites/social-v32/am-telegram.svg') !important;
}
section.am49-ranking > aside.social-rail > a[href*="discord"] {
  top:220px !important;
  background-image:url('../img/arcana-sites/social-v32/am-discord.svg') !important;
}
section.am49-ranking > aside.social-rail > a:hover,
section.am49-ranking > aside.social-rail > a:focus-visible {
  background-color:transparent !important;
  opacity:1 !important;
  filter:drop-shadow(0 0 5px rgba(255,197,102,.64)) drop-shadow(0 2px 2px rgba(0,0,0,.35)) !important;
  transform:scale(1.12) !important;
  box-shadow:none !important;
}
/* Keyboard focus: gold dot below icon instead of an ugly rectangular outline. */
section.am49-ranking > aside.social-rail > a:focus-visible::after {
  content:"" !important;
  display:block !important;
  position:absolute !important;
  width:4px !important;
  height:4px !important;
  bottom:1px !important;
  left:21px !important;
  border:1px solid #f8d49c !important;
  border-radius:50% !important;
  background:rgba(255,216,141,.55) !important;
}
@media (max-width:860px) {
  section.am49-ranking > aside.social-rail {display:none !important;}
}
@media (prefers-reduced-motion:reduce) {
  section.am49-ranking > aside.social-rail > a {transition:none !important;}
}
/* ═══════ END ARCANA-MACE v32 ═══════ */

/* ═══ ARCANA-MACE v33 · SOCIAL RAIL: HIGHER AND SLIMMER ═══
   Overrides v32 rail only. No changes to background, nav, languages or buttons.
   No square hover panels. Restores keyboard focus styling from v32. */
@media (min-width: 861px) {
  section.am49-ranking > aside.social-rail {
    top: clamp(92px, 13.3svh, 135px) !important;
    right: clamp(14px, 2.3vw, 42px) !important;
    transform: none !important;
    width: 54px !important;
    height: 288px !important;
    background-size: 54px 288px !important;
    opacity: .94 !important;
  }
  section.am49-ranking > aside.social-rail > a {
    left: 8px !important;
    width: 38px !important;
    height: 38px !important;
    background-size: 27px 27px !important;
  }
  section.am49-ranking > aside.social-rail > a[href*="t.me/"] { top: 115px !important; }
  section.am49-ranking > aside.social-rail > a[href*="discord"] { top: 184px !important; }
  section.am49-ranking > aside.social-rail > a:focus-visible::after { left: 17px !important; }
}
/* ═══ END v33 ═══ */

/* ═════ ARCANA-MACE v34 · LEFT CHAPTER NAVIGATION ═════
   Only the four existing links in .section-rail are styled.
   No modification of hero imagery, Telegram/Discord, CMS routes or JavaScript.
   The active marker follows clicks on section anchors using modern :has().
*/
@media (min-width:861px) {
  section.am49-ranking > aside.section-rail {
    position:absolute !important;
    display:flex !important;
    top:clamp(156px, 22svh, 226px) !important;
    left:clamp(18px, 5.35vw, 104px) !important;
    right:auto !important;
    bottom:auto !important;
    width:36px !important;
    height:236px !important;
    padding:29px 0 !important;
    margin:0 !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:space-around !important;
    gap:0 !important;
    z-index:9 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    overflow:visible !important;
    isolation:isolate !important;
    color:#d8ab70 !important;
  }
  section.am49-ranking > aside.section-rail::before {
    content:"" !important;
    position:absolute !important;
    top:0 !important;
    bottom:0 !important;
    left:50% !important;
    width:1px !important;
    height:auto !important;
    z-index:-2 !important;
    background:linear-gradient(180deg,transparent 0%,#c5945d90 17%,#c5945d55 45%,#c5945d88 82%,transparent 100%) !important;
    filter:drop-shadow(0 0 4px #d79e6150) !important;
    transform:translateX(-50%) !important;
    pointer-events:none !important;
  }
  section.am49-ranking > aside.section-rail > a {
    position:relative !important;
    display:flex !important;
    width:36px !important;
    height:39px !important;
    min-width:36px !important;
    flex:0 0 39px !important;
    align-items:center !important;
    justify-content:center !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    box-shadow:none !important;
    background:transparent !important;
    color:transparent !important;
    font-size:0 !important;
    line-height:0 !important;
    text-shadow:none !important;
    transform:none !important;
    text-decoration:none !important;
    outline:none !important;
    overflow:visible !important;
    cursor:pointer !important;
    -webkit-tap-highlight-color:transparent !important;
  }
  section.am49-ranking > aside.section-rail > a::before {
    content:"" !important;
    display:block !important;
    position:relative !important;
    width:7px !important;
    height:7px !important;
    min-width:7px !important;
    margin:0 !important;
    border:1px solid #d2ab72 !important;
    border-radius:0 !important;
    box-sizing:border-box !important;
    background:#10212d !important;
    box-shadow:0 0 0 3px #08131d95,0 0 8px #d49a3e35 !important;
    transform:rotate(45deg) !important;
    transition:background .25s,border-color .25s,box-shadow .25s,scale .25s !important;
    pointer-events:none !important;
  }
  /* Small hover label appears beside the rail; it is NOT a permanent box. */
  section.am49-ranking > aside.section-rail > a::after {
    content:attr(aria-label) !important;
    position:absolute !important;
    top:50% !important;
    left:34px !important;
    height:auto !important;
    width:max-content !important;
    max-width:175px !important;
    padding:7px 12px !important;
    border-left:1px solid #dcb77a9c !important;
    border-top:0 !important;border-right:0 !important;border-bottom:0 !important;
    border-radius:0 !important;
    background:linear-gradient(90deg,rgba(7,14,22,.92),rgba(7,14,22,.70)) !important;
    backdrop-filter:blur(4px) !important;
    color:#f4d7a1 !important;
    font:700 10px/1.2 Arial,sans-serif !important;
    text-transform:uppercase !important;
    letter-spacing:1.1px !important;
    white-space:nowrap !important;
    text-shadow:0 1px 4px #000c !important;
    box-shadow:none !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transform:translate(-6px,-50%) !important;
    transition:transform .2s ease,opacity .2s ease,visibility .2s ease !important;
  }
  section.am49-ranking > aside.section-rail > a:hover::before,
  section.am49-ranking > aside.section-rail > a:focus-visible::before {
    background:#f9ce7c !important;
    border-color:#ffe6aa !important;
    box-shadow:0 0 0 3px #101822cc,0 0 11px #efb24ca8,0 0 18px #f0a14780 !important;
    scale:1.2 !important;
  }
  section.am49-ranking > aside.section-rail > a:hover::after,
  section.am49-ranking > aside.section-rail > a:focus-visible::after {
    opacity:1 !important;
    visibility:visible !important;
    transform:translate(0,-50%) !important;
  }
  /* On initial view the first chapter is selected. :target updates upon link click. */
  body:not(:has(#world:target, #start:target, #community:target)) section.am49-ranking > aside.section-rail > a[href="#home"]::before,
  body:has(#home:target) section.am49-ranking > aside.section-rail > a[href="#home"]::before,
  body:has(#world:target) section.am49-ranking > aside.section-rail > a[href="#world"]::before,
  body:has(#start:target) section.am49-ranking > aside.section-rail > a[href="#start"]::before,
  body:has(#community:target) section.am49-ranking > aside.section-rail > a[href="#community"]::before {
    background:#f1c47e !important;
    border-color:#ffdf9b !important;
    box-shadow:0 0 0 4px #151821b8,0 0 12px #ffc06fbb,0 0 19px #cc7c2e65 !important;
    scale:1.15 !important;
  }
}
@media (max-width:860px) {
  section.am49-ranking > aside.section-rail {display:none !important;}
}
@media (prefers-reduced-motion:reduce) {
  section.am49-ranking > aside.section-rail > a::before,
  section.am49-ranking > aside.section-rail > a::after {transition:none !important;}
}
/* ═════ END v34 ═════ */

/* ═══════════ ARCANA-MACE v35 / SYMMETRIC SIDE RAILS ═══════════
   Only side-panel positioning/diamond geometry changes. No markup/JS edits.
   Shared top/height/inset give matching horizontal diamond coordinates.
   Four left chapter markers align precisely with four decorative right markers.
   Telegram and Discord remain clickable and retain their existing URLs.
   Reverts cleanly by replacing this complete CSS with ROLLBACK_V34.
*/
:root {
  --am35-rail-top: clamp(130px, 17.4svh, 174px);
  --am35-rail-height: 300px;
  --am35-rail-inset: clamp(18px, 3.25vw, 56px);
}
@media (min-width: 861px) {
  section.am49-ranking > aside.section-rail,
  section.am49-ranking > aside.social-rail {
    position: absolute !important;
    top: var(--am35-rail-top) !important;
    bottom: auto !important;
    width: 54px !important;
    height: var(--am35-rail-height) !important;
    transform: none !important;
    margin: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
  }
  /* Left: 4 real chapter links, centered at y=46,115.33,184.67,254 px */
  section.am49-ranking > aside.section-rail {
    left: var(--am35-rail-inset) !important;
    right: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 26px 0 !important;
    gap: 0 !important;
    background: transparent !important;
  }
  section.am49-ranking > aside.section-rail::before {
    top:0 !important;
    bottom:0 !important;
    left:50% !important;
    height:100% !important;
    width:1px !important;
    background:linear-gradient(180deg,
      rgba(197,148,93,0) 0%, rgba(197,148,93,.45) 16%,
      rgba(197,148,93,.45) 84%, rgba(197,148,93,0) 100%) !important;
    box-shadow:none !important;
  }
  section.am49-ranking > aside.section-rail > a {
    width: 54px !important;
    height: 40px !important;
    min-width: 54px !important;
    flex: 0 0 40px !important;
    padding: 0 !important;
    margin: 0 !important;
    justify-content: center !important;
  }
  /* No change to existing left labels, glow, active chapter or click behavior. */
  section.am49-ranking > aside.section-rail > a::after {
    left:45px !important;
  }
  /* Right: identical rail height and four diamonds, SVG embedded in CSS. */
  section.am49-ranking > aside.social-rail {
    right: var(--am35-rail-inset) !important;
    left: auto !important;
    padding:0 !important;
    background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2254%22%20height%3D%22300%22%20viewBox%3D%220%200%2054%20300%22%3E%0A%3Cdefs%3E%0A%20%3ClinearGradient%20id%3D%22gold%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%238d663e%22%2F%3E%3Cstop%20offset%3D%22.45%22%20stop-color%3D%22%23f0d39a%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%239a693a%22%2F%3E%3C%2FlinearGradient%3E%0A%20%3ClinearGradient%20id%3D%22line%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%23c5945d%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%22.16%22%20stop-color%3D%22%23c5945d%22%20stop-opacity%3D%22.45%22%2F%3E%3Cstop%20offset%3D%22.84%22%20stop-color%3D%22%23c5945d%22%20stop-opacity%3D%22.45%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23c5945d%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%0A%3C%2Fdefs%3E%0A%3Cg%20stroke%3D%22url%28%23line%29%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M27%200V300%22%2F%3E%3C%2Fg%3E%0A%3Cg%20fill%3D%22%2310212d%22%20stroke%3D%22url%28%23gold%29%22%20stroke-width%3D%221.15%22%3E%0A%20%3Cpath%20d%3D%22M27%2041.05%20L31.95%2046%20L27%2050.95%20L22.05%2046Z%22%2F%3E%0A%20%3Cpath%20d%3D%22M27%20110.38%20L31.95%20115.33%20L27%20120.28%20L22.05%20115.33Z%22%2F%3E%0A%20%3Cpath%20d%3D%22M27%20179.72%20L31.95%20184.67%20L27%20189.62%20L22.05%20184.67Z%22%2F%3E%0A%20%3Cpath%20d%3D%22M27%20249.05%20L31.95%20254%20L27%20258.95%20L22.05%20254Z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%20fill%3D%22%23e0bd78%22%3E%3Ccircle%20cx%3D%2227%22%20cy%3D%2246%22%20r%3D%22.9%22%2F%3E%3Ccircle%20cx%3D%2227%22%20cy%3D%22115.33%22%20r%3D%22.9%22%2F%3E%3Ccircle%20cx%3D%2227%22%20cy%3D%22184.67%22%20r%3D%22.9%22%2F%3E%3Ccircle%20cx%3D%2227%22%20cy%3D%22254%22%20r%3D%22.9%22%2F%3E%3C%2Fg%3E%0A%3C%2Fsvg%3E") !important;
    background-color:transparent !important;
    background-repeat:no-repeat !important;
    background-position:center !important;
    background-size:54px 300px !important;
    opacity:.94 !important;
  }
  section.am49-ranking > aside.social-rail > a {
    left: 8px !important;
    width: 38px !important;
    height: 38px !important;
    background-size:27px 27px !important;
  }
  section.am49-ranking > aside.social-rail > a[href*="t.me/"] {top:120px !important;}
  section.am49-ranking > aside.social-rail > a[href*="discord"] {top:192px !important;}
}
@media (max-width:860px) {
  section.am49-ranking > aside.section-rail,
  section.am49-ranking > aside.social-rail {display:none !important;}
}
/* ═══════════ END v35 ═══════════ */

/* Arcana-Mace v36 - right rail icon rebalance
   Telegram centered between 1st and 2nd diamonds
   Discord centered between 3rd and 4th diamonds
   Append to the end of arcana-sites.css or merge after v35/v33 social rail rules.
*/
@media (min-width: 861px) {
  section.am49-ranking > aside.social-rail > a[href*="t.me/"] {
    top: 62px !important;
  }

  section.am49-ranking > aside.social-rail > a[href*="discord"] {
    top: 200px !important;
  }
}


/* =============================================================
  ARCANA-MACE v37 | CLEAN SOCIAL RAIL | full build based on v36
  Less visual clutter: three small markers, 2 clean icon positions.
  No Blade, JavaScript, asset or URL changes.
============================================================= */
@media (min-width: 861px) {
  section.am49-ranking > aside.social-rail {
    background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2254%22%20height%3D%22300%22%20viewBox%3D%220%200%2054%20300%22%3E%0A%3Cdefs%3E%0A%3ClinearGradient%20id%3D%22rail%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23c4955f%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%22.19%22%20stop-color%3D%22%23c4955f%22%20stop-opacity%3D%22.43%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%23efd19b%22%20stop-opacity%3D%22.35%22%2F%3E%3Cstop%20offset%3D%22.81%22%20stop-color%3D%22%23c4955f%22%20stop-opacity%3D%22.43%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23c4955f%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%0A%3ClinearGradient%20id%3D%22gold%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23946f43%22%2F%3E%3Cstop%20offset%3D%22.45%22%20stop-color%3D%22%23e4c184%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23986e3f%22%2F%3E%3C%2FlinearGradient%3E%0A%3C%2Fdefs%3E%0A%3Cg%20fill%3D%22none%22%20stroke%3D%22url%28%23rail%29%22%20stroke-width%3D%22.8%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M27%200V66%22%2F%3E%3Cpath%20d%3D%22M27%20131V169%22%2F%3E%3Cpath%20d%3D%22M27%20234V300%22%2F%3E%3C%2Fg%3E%0A%3Cg%20fill%3D%22%2310212d%22%20stroke%3D%22url%28%23gold%29%22%20stroke-width%3D%221%22%3E%3Cpath%20d%3D%22M27%2041%20L32%2046%20L27%2051%20L22%2046Z%22%2F%3E%3Cpath%20d%3D%22M27%20249%20L32%20254%20L27%20259%20L22%20254Z%22%2F%3E%3C%2Fg%3E%0A%3Cpath%20d%3D%22M27%20146%20L31%20150%20L27%20154%20L23%20150Z%22%20fill%3D%22%23b9955e%22%20opacity%3D%22.82%22%2F%3E%0A%3Cg%20fill%3D%22%23e7c18a%22%3E%3Ccircle%20cx%3D%2227%22%20cy%3D%2246%22%20r%3D%22.7%22%2F%3E%3Ccircle%20cx%3D%2227%22%20cy%3D%22254%22%20r%3D%22.7%22%2F%3E%3C%2Fg%3E%0A%3C%2Fsvg%3E") !important;
    background-size:54px 300px !important;
    background-position:center !important;
    background-repeat:no-repeat !important;
    background-color:transparent !important;
    opacity: .91 !important;
  }
  section.am49-ranking > aside.social-rail > a {
    width: 44px !important;
    height: 44px !important;
    left: 5px !important;
    background-size: 26px 26px !important;
    opacity: .88 !important;
    filter: drop-shadow(0 2px 3px rgba(0,0,0,.45)) !important;
  }
  /* Icons are centered in equal open spaces between the ornamental markers. */
  section.am49-ranking > aside.social-rail > a[href*="t.me/"] {top: 76px !important;}
  section.am49-ranking > aside.social-rail > a[href*="discord"] {top: 180px !important;}
  section.am49-ranking > aside.social-rail > a:hover,
  section.am49-ranking > aside.social-rail > a:focus-visible {
    opacity: 1 !important;
    filter: drop-shadow(0 0 5px rgba(240,183,100,.62)) brightness(1.08) !important;
    transform: scale(1.1) !important;
    box-shadow: none !important;
  }
}
/* END v37 */



/* Media-specific positioning and responsive widths. */
@media (min-width:1200px){
  section.am49-ranking > aside.am48-media-rail{
    top:clamp(188px, 27%, 275px) !important;
    z-index:4 !important;
    pointer-events:none !important;
  }
  section.am49-ranking > aside.section-rail{
    left:var(--am35-rail-inset) !important;
    right:auto !important;
    transform:none !important;
  }
  section.am49-ranking > aside.social-rail{
    right:var(--am35-rail-inset) !important;
    left:auto !important;
    transform:none !important;
  }
  section.am49-ranking > aside.section-rail > a,
  section.am49-ranking > aside.social-rail > a{
    pointer-events:auto !important;
  }
  section.am49-ranking > aside.section-rail::before{
    content:"" !important;
  }
  section.am49-ranking > aside.section-rail > a::after{
    left:45px !important;
  }
}
@media (min-width:1200px) and (max-width:1439px){
  /* Give side links their own clear strip: never cover video frames. */
  section.am49-ranking{padding-left:120px !important;padding-right:120px !important;}
}
@media (max-width:1199px){
  section.am49-ranking > aside.am48-media-rail{display:none !important;}
}
/* ═══════════ END ARCANA v48 ═══════════ */

/* v49 mobile: empty leaderboard stays centered instead of scrolling offscreen.
   Populated tables keep horizontal scrolling for complete ranking columns. */
@media(max-width:640px){
 .am49-ranking .am49-table-shell.am49-is-empty table.am49-table{min-width:100%;width:100%;table-layout:fixed;}
 .am49-ranking .am49-table-shell.am49-is-empty .am49-no-data{max-width:100%;}
 .am49-ranking .am49-table-shell.am49-is-empty .am49-empty-cell{padding:35px 10px!important;}
 .am49-ranking .am49-table-shell.am49-is-empty .am49-table th{font-size:8px;padding:13px 3px;letter-spacing:0;}
 .am49-ranking .am49-table-shell.am49-is-empty .am49-no-data strong{font-size:20px;}
 .am49-ranking .am49-table-shell.am49-is-empty .am49-no-data p{font-size:10px;}
}


/* ═══════════ Arcana-Mace v50 · ORIGINAL RUBY RANKING BUTTONS ═══════════
   The same real PNG artwork used for the "Добавить стрим" button.
   Labels are regular text so language selection and click handlers survive.
   No CSS-drawn imitation, rectangular overlay, or painted arrows.
*/
.am49-ranking .am49-server-tabs{
  max-width:830px !important;
  gap:20px !important;
  margin:0 auto 20px !important;
  padding:0 2px !important;
  align-items:center;
}
.am49-ranking button.am49-server-tab,
.am49-ranking a.am49-more{
  position:relative !important;
  isolation:isolate !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  box-sizing:border-box !important;
  min-width:0 !important;
  width:100% !important;
  height:100px !important;
  min-height:0 !important;
  padding:0 36px !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  outline:none !important;
  clip-path:none !important;
  box-shadow:none !important;
  overflow:visible !important;
  background:transparent url('../img/arcana-sites/ui-v47/am-v47-add-stream-ruby-glow.png') center center / 100% 100% no-repeat !important;
  color:#ffe1aa !important;
  text-shadow:0 1px 3px #210603,0 0 8px rgba(0,0,0,.82) !important;
  text-align:center !important;
  white-space:nowrap !important;
  font-family:'Cormorant Garamond',Georgia,serif !important;
  font-weight:700 !important;
  font-size:23px !important;
  line-height:1.1 !important;
  letter-spacing:1.15px !important;
  text-transform:uppercase !important;
  cursor:pointer !important;
  -webkit-tap-highlight-color:transparent;
  filter:drop-shadow(0 5px 9px rgba(0,0,0,.54)) brightness(.92) !important;
  transform:translateZ(0) !important;
  transition:filter .23s ease,transform .23s ease !important;
}
/* The image already contains the two rubies; hide the previous CSS diamond. */
.am49-ranking button.am49-server-tab::before,
.am49-ranking button.am49-server-tab::after,
.am49-ranking a.am49-more::before,
.am49-ranking a.am49-more::after{
  content:none !important;
  display:none !important;
}
.am49-ranking button.am49-server-tab[aria-selected='true'],
.am49-ranking button.am49-server-tab[aria-pressed='true']{
  filter:drop-shadow(0 5px 11px rgba(223,93,24,.25)) brightness(1.12) !important;
}
.am49-ranking button.am49-server-tab:hover,
.am49-ranking button.am49-server-tab:focus-visible,
.am49-ranking a.am49-more:hover,
.am49-ranking a.am49-more:focus-visible{
  color:#fff1c9 !important;
  filter:drop-shadow(0 7px 12px rgba(255,103,19,.43)) brightness(1.18) !important;
  transform:translateY(-2px) !important;
}
.am49-ranking button.am49-server-tab:focus-visible,
.am49-ranking a.am49-more:focus-visible{
  outline:2px solid rgba(251,208,134,.80) !important;
  outline-offset:1px !important;
}
.am49-ranking button.am49-server-tab:active,
.am49-ranking a.am49-more:active{
  filter:brightness(.96) !important;
  transform:translateY(0) !important;
}
.am49-ranking .am49-more-row{margin-top:28px !important;}
.am49-ranking a.am49-more{
  flex:0 0 auto !important;
  width:min(370px,100%) !important;
  height:108px !important;
  font-size:23px !important;
  padding:0 47px !important;
}
@media(max-width:1050px){
  .am49-ranking .am49-server-tabs{gap:12px !important;max-width:750px !important;}
  .am49-ranking button.am49-server-tab{height:89px !important;font-size:20px !important;}
  .am49-ranking a.am49-more{height:100px !important;}
}
@media(max-width:640px){
  .am49-ranking .am49-server-tabs{gap:4px !important;margin-bottom:18px !important;padding:0 !important;}
  .am49-ranking button.am49-server-tab{
    height:56px !important;
    font-size:11px !important;
    letter-spacing:.1px !important;
    padding:0 15px !important;
  }
  .am49-ranking a.am49-more{
    width:min(100%,310px) !important;
    height:85px !important;
    font-size:17px !important;
    letter-spacing:.8px !important;
    padding:0 25px !important;
  }
}
@media(max-width:370px){
  .am49-ranking button.am49-server-tab{font-size:10px !important;letter-spacing:0 !important;padding:0 8px !important;}
}
@media(prefers-reduced-motion:reduce){
  .am49-ranking button.am49-server-tab,.am49-ranking a.am49-more{transition:none !important;}
}
/* ═══════════ END v50 ═══════════ */


/* ══════════════════════ ARCANA-MACE v51 COMMUNITY ══════════════════════ */
section.am51-community{
  --am51-gold:#d7ac68;
  --am51-border:rgba(225,180,100,.58);
  position:relative;isolation:isolate;overflow:hidden;
  background:linear-gradient(180deg,rgba(7,13,19,.56) 0%,rgba(6,12,19,.50) 45%,#090f18 100%),url('../img/arcana-sites/community-v51/cathedral-haze.webp') center center/cover no-repeat,#09131e;
  padding:94px 90px 64px;
  min-height:720px;
  border-top:1px solid rgba(206,165,92,.35);
  color:#eee3cf;
}
section.am51-community:before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;
  background:radial-gradient(ellipse at 50% 0%,rgba(82,136,187,.15),transparent 44%),
  radial-gradient(ellipse at 50% 100%,rgba(31,73,104,.17),transparent 68%),
  linear-gradient(90deg,rgba(3,8,14,.58),transparent 28%,transparent 72%,rgba(3,8,14,.58));
}
.am51-community .am51-anchor{position:absolute;top:-70px;pointer-events:none;}
.am51-community .am51-inner{position:relative;z-index:1;width:min(100%,1310px);margin:0 auto;}
.am51-community .am51-heading{text-align:center;margin:0 auto 43px;}
.am51-community .am51-heading h2{font:500 clamp(43px,4vw,69px)/1.04 'Cormorant Garamond',Georgia,serif;
  color:#f4ddb2;letter-spacing:5px;margin:0 0 13px;text-shadow:0 3px 14px #000c;}
.am51-community .am51-heading p{font:700 10px/1.5 'Manrope',Arial,sans-serif;letter-spacing:4.8px;color:#c9b590;margin:0 0 20px;}
.am51-community .am51-heading-line{position:relative;width:min(390px,54vw);height:1px;margin:0 auto;
  background:linear-gradient(90deg,transparent,rgba(240,192,100,.82),transparent);}
.am51-community .am51-heading-line:after{content:'';position:absolute;left:50%;top:50%;height:11px;width:11px;
  transform:translate(-50%,-50%) rotate(45deg);border:1px solid #e8be7a;background:#0c1822;
  box-shadow:0 0 16px rgba(255,179,75,.58);}
.am51-community .am51-layout{display:grid;grid-template-columns:minmax(0,1.89fr) minmax(320px,.88fr);gap:19px;align-items:stretch;}
.am51-community .am51-forum-board{position:relative;min-height:392px;border:1px solid var(--am51-border);
  background:linear-gradient(140deg,rgba(18,31,44,.95),rgba(6,13,21,.96)),radial-gradient(ellipse at 75% 40%,#223e4c,transparent 80%);
  border-radius:14px;padding:16px 27px 12px;box-shadow:inset 0 0 0 7px rgba(7,13,20,.46),0 12px 42px #0008;}
.am51-community .am51-forum-board:before{content:"";position:absolute;inset:7px;border:1px solid rgba(209,158,82,.2);border-radius:9px;pointer-events:none;}
.am51-community .am51-forum-board:after{content:"";position:absolute;top:-2px;left:27%;right:27%;height:2px;background:linear-gradient(90deg,transparent,#ffd992,transparent);box-shadow:0 0 13px #eab263a6;pointer-events:none;}
.am51-community .am51-topics{position:relative;z-index:1;}
.am51-community .am51-topic{min-height:66px;display:grid;grid-template-columns:11px minmax(0,1fr) auto 16px;align-items:center;gap:15px;
  border-bottom:1px solid rgba(211,198,180,.17);color:#f0e6d3;text-decoration:none;transition:background .18s,color .18s;}
.am51-community .am51-topic:hover,.am51-community .am51-topic:focus-visible{background:rgba(139,108,63,.13);color:#ffe7b7;}
.am51-community .am51-topic-diamond{width:8px;height:8px;background:#e9be70;transform:rotate(45deg);box-shadow:0 0 10px rgba(247,173,72,.2);}
.am51-community .am51-topic-title{font:500 clamp(14px,1.23vw,18px)/1.3 'Cormorant Garamond',Georgia,serif;letter-spacing:.3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.am51-community .am51-topic-date{font:500 11px/1.4 'Manrope',Arial,sans-serif;color:#b2ac9f;white-space:nowrap;}
.am51-community .am51-topic-arrow{font:400 27px/1 Georgia,serif;color:#efbd72;transition:transform .2s;}
.am51-community .am51-topic:hover .am51-topic-arrow{transform:translateX(3px);}
.am51-community .am51-topics-empty{padding:130px 20px;margin:0;text-align:center;color:#d8c5a4;font:16px Georgia,serif;}
.am51-community .am51-snapshot-note{position:relative;z-index:1;font:10px/1.4 'Manrope',Arial,sans-serif;color:#a28f75;
  text-align:right;margin:11px 3px 0;letter-spacing:.3px;min-height:13px;}
.am51-community .am51-social-cards{display:grid;grid-template-rows:1fr 1fr;gap:17px;min-height:392px;}
.am51-community .am51-social-card{position:relative;isolation:isolate;display:flex;align-items:center;min-height:185px;overflow:hidden;
  border:1px solid rgba(215,168,94,.73);border-radius:13px;box-shadow:inset 0 0 0 5px #09121db0,0 14px 35px rgba(0,0,0,.38);
  text-decoration:none;color:#efdab5;background:linear-gradient(105deg,#101923 0%,#192534 58%,#1c1d23 100%);transition:filter .22s,transform .22s,border-color .22s;}
.am51-community .am51-social-card:hover,.am51-community .am51-social-card:focus-visible{filter:brightness(1.16);transform:translateY(-2px);border-color:#ffcc84;}
.am51-community .am51-social-card:before{content:"";position:absolute;inset:5px;border-radius:9px;border:1px solid rgba(236,190,111,.21);z-index:2;pointer-events:none;}
.am51-community .am51-card-art{position:absolute;z-index:0;inset:0;background-size:auto 120%;background-repeat:no-repeat;background-position:right center;filter:saturate(.95);opacity:.92;}
.am51-community .am51-social-telegram .am51-card-art{background-image:url('../img/arcana-sites/community-v51/telegram-art.webp');}
.am51-community .am51-social-discord .am51-card-art{background-image:url('../img/arcana-sites/community-v51/discord-art.webp');}
.am51-community .am51-social-content{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;
  width:55%;height:100%;padding:12px 0 10px 10px;text-align:center;text-shadow:0 3px 6px #000b;}
.am51-community .am51-social-symbol{width:46px;height:44px;margin-bottom:4px;display:grid;place-items:center;filter:drop-shadow(0 4px 7px #0009);}
.am51-community .am51-social-symbol svg{width:43px;height:43px;display:block;}
.am51-community .am51-social-content strong{font:700 27px/1.0 'Cormorant Garamond',Georgia,serif;letter-spacing:1px;}
.am51-community .am51-social-content small{font:600 13px/1.4 'Cormorant Garamond',Georgia,serif;letter-spacing:.8px;color:#ead1a0;margin-top:5px;}
.am51-community .am51-social-arrow{margin-top:9px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:1px solid #e6ba70;
  background:#101925a0;color:#ffe7a9;font:24px/1 Georgia,serif;transition:transform .2s;}
.am51-community .am51-social-card:hover .am51-social-arrow{transform:scale(1.12);}
.am51-community .am51-forum-button-row{position:relative;display:flex;align-items:center;justify-content:center;margin:32px auto 0;max-width:760px;}
.am51-community .am51-forum-button-row:before,.am51-community .am51-forum-button-row:after{content:"";height:1px;flex:1;
  background:linear-gradient(90deg,transparent,rgba(200,147,75,.65));}
.am51-community .am51-forum-button-row:after{transform:scaleX(-1);}
.am51-community a.am51-forum-button{display:flex;justify-content:center;align-items:center;text-align:center;position:relative;flex:0 0 auto;
  width:min(440px,80vw);height:122px;padding:0 52px;border:0;color:#ffe1ac;text-decoration:none;
  background:transparent url('../img/arcana-sites/ui-v47/am-v47-add-stream-ruby-glow.png') center/100% 100% no-repeat;
  font:700 28px/1 'Cormorant Garamond',Georgia,serif;letter-spacing:1.8px;text-shadow:0 2px 7px #180706;
  filter:drop-shadow(0 8px 14px #000b) brightness(.95);transition:filter .22s,transform .22s;}
.am51-community a.am51-forum-button:hover,.am51-community a.am51-forum-button:focus-visible{
  filter:drop-shadow(0 8px 19px rgba(255,126,30,.46)) brightness(1.15);transform:translateY(-2px);}
.am51-community a.am51-forum-button:focus-visible{outline:2px solid #ffdba0;outline-offset:2px;}
/* Mirror the genuine homepage rails, not a newly drawn imitation. */
section.am51-community > aside.am51-rail{position:absolute;z-index:6;top:31%;}
section.am51-community > aside.section-rail.am51-rail{left:4.1%;}
section.am51-community > aside.social-rail.am51-rail{right:3.7%;left:auto;}
/* No unrelated legacy homepage content under the new final section. */
body.am51-home > footer{background:#080e15;max-width:none;padding:20px max(24px,8%);border-top:1px solid rgba(215,169,98,.28);gap:22px;}
body.am51-home > footer>a:not(.brand){display:none;}
body.am51-home > footer p{margin-left:auto;width:auto;order:unset;}
@media(max-width:1440px){
 section.am51-community{padding-left:105px;padding-right:105px;}
 section.am51-community > aside.am51-rail{display:none!important;}
 .am51-community .am51-layout{grid-template-columns:minmax(0,1.7fr) minmax(290px,.8fr);}
}
@media(max-width:900px){
 section.am51-community{padding:76px 28px 64px;}
 .am51-community .am51-layout{grid-template-columns:minmax(0,1fr);max-width:760px;margin:auto;}
 .am51-community .am51-social-cards{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:1fr;min-height:auto;gap:14px;}
 .am51-community .am51-social-card{min-height:200px;}
 .am51-community .am51-social-content{width:66%;}
 .am51-community .am51-heading h2{font-size:50px;}
}
@media(max-width:600px){
 section.am51-community{padding:67px 15px 45px;}
 .am51-community .am51-heading{margin-bottom:33px;}
 .am51-community .am51-heading h2{font-size:42px;letter-spacing:2px;}
 .am51-community .am51-heading p{font-size:8px;letter-spacing:2.7px;}
 .am51-community .am51-forum-board{padding:10px 13px 9px;min-height:310px;}
 .am51-community .am51-topic{min-height:57px;grid-template-columns:9px minmax(0,1fr) 11px;gap:10px;}
 .am51-community .am51-topic-title{font-size:15px;}
 .am51-community .am51-topic-date{display:none;}
 .am51-community .am51-topic-arrow{font-size:22px;}
 .am51-community .am51-snapshot-note{font-size:9px;margin-top:10px;}
 .am51-community .am51-social-cards{grid-template-columns:1fr;gap:12px;}
 .am51-community .am51-social-card{min-height:162px;}
 .am51-community .am51-social-content{width:53%;}
 .am51-community .am51-social-content strong{font-size:24px;}
 .am51-community .am51-forum-button-row{margin-top:23px;}
 .am51-community a.am51-forum-button{width:min(100%,345px);height:96px;font-size:21px;letter-spacing:.7px;padding:0 30px;}
 body.am51-home > footer{padding:15px 20px;}
 body.am51-home > footer p{font-size:8px;}
}
@media(prefers-reduced-motion:reduce){.am51-community .am51-social-card,.am51-community a.am51-forum-button{transition:none;}}
/* ══════════════════════ END ARCANA-MACE v51 ══════════════════════ */

/* Download window: scoped to Start / Files, retaining native dialog behavior. */
dialog#start-dialog.am52-downloads{
 width:min(1180px,calc(100% - 32px));max-width:1180px;max-height:calc(100svh - 40px);
 margin:auto;padding:42px 30px 20px;overflow:auto;color:#e9e1d3;
 border:1px solid #ae8e5d;background:radial-gradient(ellipse at 50% 0%,#22232255,transparent 65%),#121414;
 box-shadow:inset 0 0 0 4px #131515,inset 0 0 0 5px #6d604342,0 25px 100px #000d;
 border-radius:0;
}
#start-dialog.am52-downloads::backdrop{background:#030506db;backdrop-filter:blur(6px)}
#start-dialog.am52-downloads:before,#start-dialog.am52-downloads:after{content:'◆';position:absolute;left:50%;transform:translateX(-50%);font:26px/1 Georgia,serif;color:#d7b27b;text-shadow:0 0 9px #bd965366;pointer-events:none}
#start-dialog.am52-downloads:before{top:1px}#start-dialog.am52-downloads:after{bottom:1px}
#start-dialog.am52-downloads .close-dialog{position:absolute;top:12px;right:18px;width:32px;height:32px;padding:0;border:0;background:none;color:#c5a879;font:300 34px/1 Georgia,serif;cursor:pointer}
#start-dialog.am52-downloads header{text-align:center;margin:0 0 32px}
#start-dialog.am52-downloads h2{margin:0;color:#e9e1d3;font:400 clamp(28px,4.2vw,52px)/1.15 Georgia,serif;letter-spacing:3px;text-transform:uppercase}
#start-dialog.am52-downloads header p{margin:15px 0 0;color:#949a9e;font:11px/1.5 Arial,sans-serif;letter-spacing:3px}
#start-dialog.am52-downloads .am52-rows{display:grid;gap:14px}
#start-dialog.am52-downloads .am52-row{display:grid;grid-template-columns: minmax(280px,1fr) minmax(0,1.65fr);align-items:center;gap:24px;min-height:106px;margin:0;padding:20px 26px;border:1px solid #82724c4d;background:linear-gradient(110deg,#25252255,#111313);box-shadow:inset 0 0 20px #0003}
#start-dialog.am52-downloads .am52-label{display:flex;align-items:center;gap:23px}
#start-dialog.am52-downloads .am52-label svg{width:45px;height:48px;flex:none;fill:#9e794132;stroke:#d4ae72;stroke-width:1.7;stroke-linejoin:round;filter:drop-shadow(0 2px 3px #000)}
#start-dialog.am52-downloads h3{margin:0;color:#e3dbcf;font:400 23px/1.2 Georgia,serif}
#start-dialog.am52-downloads .am52-label p{margin:9px 0 0;color:#90979e;font:10px/1.4 Arial,sans-serif;letter-spacing:.5px}
#start-dialog.am52-downloads .am52-mirrors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
#start-dialog.am52-downloads .am52-mirror{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;width:100%;height:48px;padding:0 13px;border:0;border-radius:0;background:transparent url('../img/arcana-sites/downloads-v52/mirror-frame.svg') center/100% 100% no-repeat;color:#c7c5bd;font:400 17px/1 Georgia,serif;letter-spacing:.7px;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:filter .2s,color .2s}
#start-dialog.am52-downloads .am52-mirror:hover{filter:brightness(1.4);color:#f0dbb3}
#start-dialog.am52-downloads .am52-mirror:focus-visible{outline:1px solid #ddbb7e;outline-offset:4px}
#start-dialog.am52-downloads .am52-status{min-height:14px;margin:12px 0 0;text-align:center;color:#bda780;font:11px/1.4 Arial,sans-serif}
@media(max-width:850px){#start-dialog.am52-downloads .am52-row{grid-template-columns:1fr;gap:18px;padding:18px 20px}#start-dialog.am52-downloads{padding:40px 20px 20px}#start-dialog.am52-downloads header{margin-bottom:24px}}
@media(max-width:480px){#start-dialog.am52-downloads{width:calc(100% - 20px);padding:40px 12px 20px}#start-dialog.am52-downloads h2{font-size:26px;letter-spacing:1px}#start-dialog.am52-downloads h3{font-size:20px}#start-dialog.am52-downloads .am52-label{gap:15px}#start-dialog.am52-downloads .am52-row{padding:17px 12px}#start-dialog.am52-downloads .am52-mirrors{gap:6px}#start-dialog.am52-downloads .am52-mirror{font-size:12px;height:42px;padding:0 5px;letter-spacing:0}}
@media(prefers-reduced-motion:reduce){#start-dialog.am52-downloads .am52-mirror{transition:none}}

/* v53: engraved gold mirror buttons, with individual service emblems. */
#start-dialog.am52-downloads .am52-mirror{
 height:66px;gap:10px;padding:0 21px;color:#e8d7b4;font-size:16px;letter-spacing:1px;
 text-shadow:0 2px 3px #000;background-image:url('../img/arcana-sites/downloads-v52/mirror-frame.svg');
 filter:drop-shadow(0 4px 4px #0007);transition:filter .22s ease,transform .22s ease,color .22s ease;
}
#start-dialog.am52-downloads .am52-mirror::before{content:'';display:block;flex:0 0 23px;width:23px;height:23px;background:center/contain no-repeat;filter:drop-shadow(0 2px 2px #0008);pointer-events:none}
#start-dialog.am52-downloads .am52-mirror[data-mirror='google']::before{background-image:url('../img/arcana-sites/downloads-v52/google.svg')}
#start-dialog.am52-downloads .am52-mirror[data-mirror='mega']::before{background-image:url('../img/arcana-sites/downloads-v52/mega.svg')}
#start-dialog.am52-downloads .am52-mirror[data-mirror='site']::before{background-image:url('../img/arcana-sites/downloads-v52/site.svg')}
#start-dialog.am52-downloads .am52-mirror:hover,#start-dialog.am52-downloads .am52-mirror:focus-visible{color:#fff0ca;filter:brightness(1.18) drop-shadow(0 0 7px #d5ae564d);transform:translateY(-2px)}
#start-dialog.am52-downloads .am52-mirror:active{transform:translateY(0);filter:brightness(.95)}
@media(max-width:1050px) and (min-width:851px){#start-dialog.am52-downloads .am52-mirror{font-size:13px;gap:6px;padding:0 14px}#start-dialog.am52-downloads .am52-mirror::before{width:18px;height:18px;flex-basis:18px}}
@media(max-width:480px){#start-dialog.am52-downloads .am52-mirror{height:53px;font-size:11px;letter-spacing:0;gap:5px;padding:0 10px}#start-dialog.am52-downloads .am52-mirror::before{width:16px;height:16px;flex-basis:16px}}
@media(max-width:360px){#start-dialog.am52-downloads .am52-mirrors{grid-template-columns:1fr}#start-dialog.am52-downloads .am52-mirror{font-size:15px;height:57px;gap:12px}#start-dialog.am52-downloads .am52-mirror::before{width:21px;height:21px;flex-basis:21px}}
@media(prefers-reduced-motion:reduce){#start-dialog.am52-downloads .am52-mirror{transition:none;transform:none}}

/* v54: reuse the existing Arcana ruby texture, without arrow or service icons. */
#start-dialog.am52-downloads .am52-mirror{
 background-image:url('../img/arcana-sites/ui-v47/am-v47-add-stream-ruby-glow.png');
 background-position:center;background-repeat:no-repeat;background-size:100% 100%;
 height:auto;min-height:58px;aspect-ratio:3.4 / 1;
 padding:0 15%;gap:0;color:#ffe6a4;font-family:Georgia,'Times New Roman',serif;
 font-size:16px;font-weight:600;letter-spacing:.8px;text-align:center;
 text-shadow:0 2px 3px #240000,0 0 8px #ffb53766;
 filter:drop-shadow(0 3px 5px #0006);
}
#start-dialog.am52-downloads .am52-mirror::before,#start-dialog.am52-downloads .am52-mirror::after{content:none;display:none}
#start-dialog.am52-downloads .am52-mirror:hover,#start-dialog.am52-downloads .am52-mirror:focus-visible{
 color:#fff4cf;filter:brightness(1.16) drop-shadow(0 0 6px #fa761455);
}
@media(min-width:851px) and (max-width:1050px){#start-dialog.am52-downloads .am52-mirror{font-size:13px;letter-spacing:.2px;min-height:51px}}
@media(max-width:480px){#start-dialog.am52-downloads .am52-mirrors{grid-template-columns:1fr;gap:4px;justify-items:center}#start-dialog.am52-downloads .am52-mirror{width:min(100%,260px);min-height:64px;font-size:17px;letter-spacing:1px}}

/* v55: fine gold modal frame with corner filigree and red faceted rubies. */
dialog#start-dialog.am52-downloads{
 border:0;padding-top:68px;padding-bottom:42px;
 background:
  url('../img/arcana-sites/frame-v55/tl.svg') left top 18px/24px 24px no-repeat,
  url('../img/arcana-sites/frame-v55/tr.svg') right top 18px/24px 24px no-repeat,
  url('../img/arcana-sites/frame-v55/bl.svg') left bottom 18px/24px 24px no-repeat,
  url('../img/arcana-sites/frame-v55/br.svg') right bottom 18px/24px 24px no-repeat,
  linear-gradient(90deg,#b59663,#ead3a0 50%,#b59663) center top 18px/100% 1px no-repeat,
  linear-gradient(90deg,#b59663,#ead3a0 50%,#b59663) center bottom 18px/100% 1px no-repeat,
  linear-gradient(#aa8b5b,#655338,#aa8b5b) left center/1px calc(100% - 36px) no-repeat,
  linear-gradient(#aa8b5b,#655338,#aa8b5b) right center/1px calc(100% - 36px) no-repeat,
  linear-gradient(#41403566,#41403566) center top 22px/calc(100% - 10px) 1px no-repeat,
  linear-gradient(#41403566,#41403566) center bottom 22px/calc(100% - 10px) 1px no-repeat,
  linear-gradient(#121414,#121414) center/calc(100% - 2px) calc(100% - 38px) no-repeat;
 box-shadow:none;filter:drop-shadow(0 18px 35px #0008);
}
#start-dialog.am52-downloads::before,#start-dialog.am52-downloads::after{
 content:'';position:absolute;left:50%;transform:translateX(-50%);width:52px;height:40px;
 background:url('../img/arcana-sites/frame-v55/ruby.svg') center/contain no-repeat;
 color:transparent;text-shadow:none;pointer-events:none;z-index:2;
}
#start-dialog.am52-downloads::before{top:0}
#start-dialog.am52-downloads::after{bottom:0}
#start-dialog.am52-downloads .close-dialog{top:31px;right:16px;font-size:30px;font-weight:normal;color:#d6bc86}
@media(max-width:480px){dialog#start-dialog.am52-downloads{padding-top:62px;padding-bottom:38px}#start-dialog.am52-downloads .close-dialog{right:9px;top:27px}}

/* ───────────────────────────────────────────────────────────────────
   ARCANA-MACE v57 / SERVER WIKI — полноценная страница в стиле сайта
   Переход без модального окна. Готово для CSS/JS шаблона Arcana.
   ─────────────────────────────────────────────────────────────────── */
body.am57-wiki-page{overflow:auto!important;background:#080b0e!important;min-height:100vh}
body.am57-wiki-page > :not(#am57-wiki-page):not(script):not(style){display:none!important}
#am57-wiki-page[hidden],#am57-wiki-page [hidden]{display:none!important}
#am57-wiki-page{--am57-gold:#ceab70;--am57-ink:#0a0d10;--am57-border:rgba(188,146,84,.27);--am57-soft:#a9aaa8;position:relative;isolation:isolate;overflow:clip;background:#090c0f;color:#e7dfd1;font:14px/1.65 'Manrope',Arial,sans-serif;min-height:100vh;}
#am57-wiki-page *,#am57-wiki-page *::before,#am57-wiki-page *::after{box-sizing:border-box}
#am57-wiki-page a,#am57-wiki-page button{transition:color .18s,border-color .18s,background-color .18s,opacity .18s,filter .18s,transform .18s}
#am57-wiki-page a{text-decoration:none;color:inherit}
#am57-wiki-page button{cursor:pointer;font:inherit}
#am57-wiki-page a:hover{color:#efd4a0}
#am57-wiki-page .am57-backdrop{position:absolute;inset:0 0 auto;height:1500px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 58% 35% at 51% 13%,rgba(109,46,31,.13),transparent 90%),radial-gradient(ellipse 58% 40% at 10% 30%,rgba(45,70,72,.13),transparent 90%),linear-gradient(180deg,#0a0d11 0%,#101314 66%,#0a0d10 100%)}
#am57-wiki-page .am57-top{position:relative;height:90px;z-index:4;border-bottom:1px solid #ac8b5240;background:linear-gradient(90deg,#0a0b0edb,#131315e8,#0a0b0edb)}
#am57-wiki-page .am57-top::after{content:'';position:absolute;bottom:-2px;width:min(1500px,92%);height:1px;left:50%;transform:translateX(-50%);background:linear-gradient(90deg,transparent,#aa8759,transparent);opacity:.45}
#am57-wiki-page .am57-top-inner{width:min(1580px,94%);height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:35px}
#am57-wiki-page .am57-logo{display:flex;align-items:center;gap:9px;font:600 26px/1 'Cormorant Garamond',Georgia,serif;letter-spacing:2px;white-space:nowrap;color:#ead1a2}
#am57-wiki-page .am57-logo i{font-style:normal;color:#876f4c}
#am57-wiki-page .am57-logo small{display:block;text-align:center;letter-spacing:3.1px;font:600 8px/1.5 'Manrope',Arial,sans-serif;color:#bba47e;margin-top:7px}
#am57-wiki-page .am57-mark{font:400 48px/1 Georgia,serif;color:#ddb987;filter:drop-shadow(0 0 9px #b55b3022)}
#am57-wiki-page .am57-top-links{display:flex;align-items:center;gap:clamp(15px,2.6vw,43px);height:100%}
#am57-wiki-page .am57-top-links a{display:grid;place-content:center;height:100%;position:relative;color:#a9a8a5;letter-spacing:1.3px;text-transform:uppercase;font-size:10px;font-weight:700;white-space:nowrap}
#am57-wiki-page .am57-top-links a:hover,#am57-wiki-page .am57-top-links a.am57-current{color:#ebca91}
#am57-wiki-page .am57-top-links a.am57-current::after{content:'';position:absolute;height:2px;background:#be9058;bottom:0;left:0;right:0}
#am57-wiki-page .am57-top-home{border:1px solid #b18a5259;padding:13px 17px;font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;white-space:nowrap;color:#d9c6a5}
#am57-wiki-page .am57-top-home:hover{border-color:#e3bd7b;background:#a27b4320}
#am57-wiki-page .am57-top-home span{margin-left:10px;color:#dbaf6e}
#am57-wiki-page .am57-main{width:min(1580px,94%);margin:0 auto;position:relative}
#am57-wiki-page .am57-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:13px;min-height:55px;color:#868d8c;font:10px/1.5 'Manrope',Arial,sans-serif;letter-spacing:.6px}
#am57-wiki-page .am57-breadcrumb span:nth-child(even){color:#95663e;font-size:11px}
#am57-wiki-page .am57-breadcrumb strong{color:#c9ad7e;font-weight:500}
#am57-wiki-page .am57-hero{position:relative;min-height:344px;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid #986a3d53;background:radial-gradient(ellipse at 50% 100%,#8e4d3026,transparent 65%),linear-gradient(90deg,#101214ee,#1216199c,#0c0f10e9),url('../img/arcana-sites/arcana-clean-hero-v18.webp') center 28%/cover no-repeat}
#am57-wiki-page .am57-hero::before{content:'';position:absolute;inset:7px;border:1px solid #b48c4b30;pointer-events:none}
#am57-wiki-page .am57-hero::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#090d10ab,transparent 26%,transparent 74%,#090d10ab),linear-gradient(0deg,#0b1013dd,transparent 30%,#0b1013aa);pointer-events:none}
#am57-wiki-page .am57-hero-inner{z-index:1;position:relative;padding:24px 20px 20px;text-align:center}
#am57-wiki-page .am57-eyebrow{display:flex;gap:16px;align-items:center;justify-content:center;color:#cf9e63;letter-spacing:3px;font-size:9px;font-weight:700}
#am57-wiki-page .am57-line{width:44px;height:1px;background:linear-gradient(90deg,transparent,#c89c64)}
#am57-wiki-page .am57-line:last-child{transform:rotate(180deg)}
#am57-wiki-page .am57-hero-overline{display:block;color:#b9b4a6;letter-spacing:4px;font-size:10px;margin-top:22px}
#am57-wiki-page .am57-hero h1{font:400 clamp(58px,6.5vw,96px)/1 'Cormorant Garamond',Georgia,serif;color:#f2e5cf;margin:3px 0 3px;letter-spacing:1px;text-shadow:0 5px 24px #000}
#am57-wiki-page .am57-hero h1 em{font-style:normal;color:#e7c08a}
#am57-wiki-page .am57-hero-diamond{color:#ac5d4d;font-size:13px;letter-spacing:11px}
#am57-wiki-page .am57-hero-diamond span{color:#d5a864}
#am57-wiki-page .am57-hero p{margin:9px 0 0;font-size:12px;line-height:1.85;color:#c6c0b5}
#am57-wiki-page .am57-switch-wrap{margin:30px auto 0;width:min(1100px,100%)}
#am57-wiki-page .am57-switch-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px;color:#bd9960;font-size:10px;letter-spacing:2.2px;font-weight:700}
#am57-wiki-page .am57-switch-hint{color:#858984;letter-spacing:.4px;text-transform:none;font-weight:400}
#am57-wiki-page .am57-realm-switch{display:grid;grid-template-columns:1fr 1fr;gap:16px}
#am57-wiki-page .am57-realm-switch button{position:relative;overflow:hidden;min-height:114px;border:1px solid #94724e59;background:linear-gradient(110deg,#1c2020,#0e1315);color:#d5d0c6;padding:14px 20px;text-align:left}
#am57-wiki-page .am57-realm-switch button::before{content:'';position:absolute;inset:6px;border:1px solid #99815b2b;pointer-events:none}
#am57-wiki-page .am57-realm-switch button:hover{border-color:#d6a366;filter:brightness(1.15)}
#am57-wiki-page .am57-realm-switch button[aria-pressed='true']{background:linear-gradient(105deg,#491c1f 0%,#23191a 58%,#111516);border-color:#c39a5e;box-shadow:0 3px 32px #a62f1b18,inset 0 0 35px #6d161b23}
#am57-wiki-page .am57-realm-switch button[aria-pressed='true']::after{content:'◆';color:#ce3937;position:absolute;right:21px;top:29px;font-size:26px;text-shadow:0 0 12px #ba2e37}
#am57-wiki-page .am57-realm-inner{position:relative;display:flex;flex-direction:column;gap:5px}
#am57-wiki-page .am57-realm-tag{font-size:9px;color:#a89473;letter-spacing:2px}
#am57-wiki-page .am57-realm-name{font:600 clamp(18px,2vw,27px)/1.25 'Cormorant Garamond',Georgia,serif;letter-spacing:1px;color:#d7c3a6}
#am57-wiki-page .am57-realm-switch button[aria-pressed='true'] .am57-realm-name{color:#fae2b3}
#am57-wiki-page .am57-realm-name b{font:600 26px/1 'Cormorant Garamond',Georgia,serif;color:#dcab70}
#am57-wiki-page .am57-realm-desc{font-size:10px;color:#95918a}
#am57-wiki-page .am57-summary{display:flex;justify-content:space-between;gap:45px;align-items:flex-end;margin:48px 0 30px;padding:0 0 29px;border-bottom:1px solid var(--am57-border)}
#am57-wiki-page .am57-subtitle{display:block;color:#ba9163;font:700 10px/1.5 'Manrope',Arial,sans-serif;letter-spacing:2.4px}
#am57-wiki-page .am57-summary h2{font:500 clamp(36px,4vw,53px)/1.05 'Cormorant Garamond',Georgia,serif;margin:5px 0 2px;color:#ede0c9}
#am57-wiki-page .am57-summary h2 i{font-style:normal;color:#dcb77c}
#am57-wiki-page .am57-summary p{margin:0;color:#8c9391;font-size:11px}
#am57-wiki-page .am57-quick-stats{display:grid;grid-template-columns:repeat(4,minmax(100px,1fr));width:min(580px,100%)}
#am57-wiki-page .am57-stat{min-width:0;border-left:1px solid #9b7c4d46;text-align:center;padding:0 10px}
#am57-wiki-page .am57-stat span{display:block;color:#a99b85;letter-spacing:1.8px;font-size:9px;font-weight:600;white-space:nowrap}
#am57-wiki-page .am57-stat strong{display:block;color:#ecc890;font:500 27px/1.3 'Cormorant Garamond',Georgia,serif;margin-top:5px}
#am57-wiki-page .am57-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:33px;align-items:start;margin-top:42px}
#am57-wiki-page .am57-sticky,#am57-wiki-page .am57-extra-sticky{position:sticky;top:24px}
#am57-wiki-page .am57-sidebar{border:1px solid #776c5742;background:linear-gradient(115deg,#161a1c,#101416);padding:18px 11px 20px}
#am57-wiki-page .am57-side-cap{display:flex;align-items:center;justify-content:space-between;margin:3px 12px 20px;color:#d7c198;font-size:10px;font-weight:700;letter-spacing:2.2px}
#am57-wiki-page .am57-side-cap span{color:#b3744e}
#am57-wiki-page .am57-searchbox{display:flex;align-items:center;gap:9px;padding:0 11px;margin:0 5px 14px;background:#0b1013;border:1px solid #89714755;color:#a58b61;height:43px}
#am57-wiki-page .am57-searchbox input{min-width:0;width:100%;border:0;background:transparent;outline:none;color:#e2d5c2;font:11px 'Manrope',Arial,sans-serif}
#am57-wiki-page .am57-searchbox input::placeholder{color:#787b78}
#am57-wiki-page .am57-categories{display:flex;flex-direction:column;gap:1px}
#am57-wiki-page .am57-category{position:relative;width:100%;text-align:left;display:flex;align-items:center;gap:11px;padding:10px 10px;border:1px solid transparent;background:transparent;color:#9faaa8;font:500 11px/1.45 'Manrope',Arial,sans-serif}
#am57-wiki-page .am57-category:hover{color:#e7cb9f;background:#ad84530d}
#am57-wiki-page .am57-category[aria-current=true]{background:linear-gradient(90deg,#68272951,#1c222234);color:#f4d5a4;border-color:#a0744d4c}
#am57-wiki-page .am57-category[aria-current=true]::before{content:'';width:2px;position:absolute;left:-12px;top:-1px;bottom:-1px;background:#d4a160}
#am57-wiki-page .am57-category-number{color:#98764b;font:600 12px/1 Georgia,serif;min-width:19px}
#am57-wiki-page .am57-category[aria-current=true] .am57-category-number{color:#e1a971}
#am57-wiki-page .am57-side-forum{display:flex;align-items:center;justify-content:space-between;gap:9px;margin:23px 6px 0;padding:14px 9px;border-top:1px solid #a9895b40;color:#b69b79;font-size:10px}
#am57-wiki-page .am57-side-forum span{color:#d2a164}
#am57-wiki-page .am57-content{min-width:0;background:linear-gradient(180deg,#1417196b,#0f13145e);border:1px solid #9d815333;padding:27px clamp(20px,2.3vw,43px) 42px}
#am57-wiki-page .am57-content-intro{border-bottom:1px solid #ae875245;margin-bottom:34px;padding:0 0 27px}
#am57-wiki-page .am57-content-intro>span{display:block;color:#af8c58;font-size:9px;letter-spacing:2.1px;font-weight:700}
#am57-wiki-page .am57-content-intro strong{display:block;font:500 39px/1.2 'Cormorant Garamond',Georgia,serif;color:#f0dfc1;margin:6px 0}
#am57-wiki-page .am57-content-intro p{margin:0;color:#8c9491;font-size:11px;line-height:1.8}
#am57-wiki-page .am57-chapter{padding-bottom:31px;margin-bottom:38px;border-bottom:1px solid #9e82513b;scroll-margin-top:20px}
#am57-wiki-page .am57-chapter:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
#am57-wiki-page .am57-chapter-head{display:flex;gap:18px;align-items:flex-start;margin-bottom:17px}
#am57-wiki-page .am57-chapter-index{display:grid;place-items:center;width:53px;height:55px;flex:none;font:500 28px/1 'Cormorant Garamond',Georgia,serif;color:#e5ba7a;background:linear-gradient(145deg,#342824,#13191a);border:1px solid #997b4e8c;box-shadow:inset 0 0 0 4px #0a0f109f}
#am57-wiki-page .am57-chapter-label{color:#ad8756;font-size:9px;letter-spacing:2px}
#am57-wiki-page .am57-chapter-head h2{font:500 clamp(28px,3vw,40px)/1.15 'Cormorant Garamond',Georgia,serif;margin:2px 0 0;color:#efe0c7}
#am57-wiki-page .am57-chapter-text{font:12px/1.9 'Manrope',Arial,sans-serif;color:#b8c0ba}
#am57-wiki-page .am57-chapter-text h3{font:600 23px/1.3 'Cormorant Garamond',Georgia,serif;color:#dbb984;margin:27px 0 12px}
#am57-wiki-page .am57-info-list{padding:0 0 0 20px;margin:0 0 20px;list-style:none}
#am57-wiki-page .am57-info-list li{position:relative;padding:4px 0;overflow-wrap:anywhere}
#am57-wiki-page .am57-info-list li::before{content:'✦';color:#a8774d;position:absolute;left:-19px;font-size:10px;top:5px}
#am57-wiki-page .am57-rate-table{margin:18px 0 24px;border:1px solid #91764965;overflow:auto;background:linear-gradient(125deg,#1f242228,#20171330)}
#am57-wiki-page .am57-rate-heading{font:500 19px/1.3 'Cormorant Garamond',Georgia,serif;margin:0;padding:12px 18px;color:#eed3a7;border-bottom:1px solid #91764965}
#am57-wiki-page .am57-rate-table table{width:100%;border-collapse:collapse;font:11px/1.4 'Manrope',Arial,sans-serif;text-align:left}
#am57-wiki-page .am57-rate-table th{padding:10px 18px;background:#6f53201c;color:#b79970;letter-spacing:1px;font-size:9px;text-transform:uppercase}
#am57-wiki-page .am57-rate-table td{padding:10px 18px;border-top:1px solid #9f83572b}
#am57-wiki-page .am57-rate-table td:last-child{font-weight:700;color:#ecc68d}
#am57-wiki-page .am57-command{display:flex;gap:15px;align-items:baseline;padding:11px 0;border-bottom:1px solid #8d775032;overflow-wrap:anywhere}
#am57-wiki-page .am57-command code{min-width:125px;color:#e7bd7f;font:600 11px/1.4 'Manrope',monospace}
#am57-wiki-page .am57-command span{color:#b9c1bc}
#am57-wiki-page .am57-image-grid{display:flex;flex-wrap:wrap;align-items:flex-start;gap:10px;margin:15px 0}
#am57-wiki-page .am57-image-thumb{display:grid;place-items:center;width:min(174px,100%);min-height:100px;padding:10px;border:1px solid #9c7e4b59;background:linear-gradient(#202521,#111617)}
#am57-wiki-page .am57-image-thumb:hover{border-color:#ddb477;transform:translateY(-2px)}
#am57-wiki-page .am57-image-thumb img{display:block;max-width:100%;height:auto;max-height:180px;object-fit:contain}
#am57-wiki-page .am57-empty{padding:25px;color:#d6b784;text-align:center;border:1px dashed #91764965}
#am57-wiki-page .am57-extra{position:relative}
#am57-wiki-page .am57-extra-kicker{display:block;text-align:center;color:#bc965c;font-size:10px;letter-spacing:1.7px;margin:9px 0 15px}
#am57-wiki-page .am57-extra-border{position:relative;background:linear-gradient(150deg,#1d2223,#121617 70%,#261819);border:1px solid #b28b5263;padding:28px 17px 20px;text-align:center;box-shadow:inset 0 0 0 5px #090e0f}
#am57-wiki-page .am57-extra-border::before,#am57-wiki-page .am57-extra-border::after{content:'';position:absolute;left:50%;transform:translateX(-50%);width:50px;height:1px;background:#cc9852}
#am57-wiki-page .am57-extra-border::before{top:8px}#am57-wiki-page .am57-extra-border::after{bottom:8px}
#am57-wiki-page .am57-extra-gem{color:#ce3533;text-shadow:0 0 20px #b73132;font-size:28px;line-height:1}
#am57-wiki-page .am57-extra-border h3{font:600 28px/1.05 'Cormorant Garamond',Georgia,serif;color:#e7d5b7;margin:14px 0 22px}
#am57-wiki-page .am57-extra-row{display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;padding:10px 0;border-top:1px solid #a78e6342;font-size:10px}
#am57-wiki-page .am57-extra-row span{color:#878d8b}#am57-wiki-page .am57-extra-row strong{color:#e2c59c;font-weight:600}
#am57-wiki-page .am57-ruby-cta{display:grid;place-items:center;min-height:62px;width:100%;margin-top:22px;background:url('../img/arcana-sites/ui-v47/am-v47-add-stream-ruby-glow.png') center/100% 100% no-repeat;color:#ffebbf!important;text-shadow:0 1px 3px #000;font:700 10px/1.2 'Manrope',Arial,sans-serif;letter-spacing:1.2px;filter:drop-shadow(0 7px 9px #0008)}
#am57-wiki-page .am57-ruby-cta:hover{filter:brightness(1.15) drop-shadow(0 6px 13px #d36f2828)}
#am57-wiki-page .am57-extra-sticky>p{font-size:11px;line-height:1.8;color:#858f8a;text-align:center;margin:22px 5px 7px}
#am57-wiki-page .am57-telegram{display:flex;justify-content:center;gap:10px;font-size:11px;color:#cba575}
#am57-wiki-page .am57-bottom{padding:40px 0 35px;text-align:center;color:#927c5d;font:700 10px 'Manrope',Arial,sans-serif;letter-spacing:2px}
#am57-wiki-page .am57-bottom>span{color:#a05845;margin:0 12px}
#am57-wiki-page .am57-bottom>div{display:flex;justify-content:center;gap:24px;margin:19px 0 0;color:#bd9e71;letter-spacing:1.1px}
#am57-wiki-page .am57-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #a487503f;background:#0a0e10;padding:26px max(3%,calc((100% - 1580px)/2));color:#b89d71}
#am57-wiki-page .am57-footer>a{font:600 19px/1 'Cormorant Garamond',Georgia,serif;letter-spacing:2px}
#am57-wiki-page .am57-footer small{font-size:10px;color:#828784}
#am57-wiki-page .am57-up{position:fixed;right:20px;bottom:25px;z-index:6;background:#271b1a;border:1px solid #b38d5c7e;width:40px;height:40px;font-size:23px;color:#e0bb81;box-shadow:0 6px 20px #0007}
#am57-wiki-page .am57-up:hover{background:#4f2620}
@media(min-width:1400px){#am57-wiki-page .am57-layout{grid-template-columns:260px minmax(0,1fr);gap:40px}}
@media(max-width:1199px){#am57-wiki-page .am57-layout{grid-template-columns:240px minmax(0,1fr);gap:24px}#am57-wiki-page .am57-extra{display:none}#am57-wiki-page .am57-summary{gap:20px}#am57-wiki-page .am57-top-home{display:none}}
@media(max-width:820px){#am57-wiki-page .am57-top{height:74px}#am57-wiki-page .am57-top-links{gap:16px}#am57-wiki-page .am57-top-links a{font-size:9px}#am57-wiki-page .am57-logo{font-size:19px}#am57-wiki-page .am57-mark{font-size:32px}#am57-wiki-page .am57-logo small{font-size:7px}#am57-wiki-page .am57-layout{display:block}#am57-wiki-page .am57-sidebar{position:relative;padding:12px;margin:0 0 18px}#am57-wiki-page .am57-side-cap{margin-bottom:9px}#am57-wiki-page .am57-searchbox{margin-bottom:10px}#am57-wiki-page .am57-categories{display:flex;flex-direction:row;overflow-x:auto;scrollbar-width:thin;padding-bottom:4px;gap:5px}#am57-wiki-page .am57-category{width:max-content;min-width:max-content;padding:9px 10px;border-color:#87704c3e}#am57-wiki-page .am57-category[aria-current=true]::before{display:none}#am57-wiki-page .am57-side-forum{display:none}#am57-wiki-page .am57-summary{align-items:flex-start;flex-direction:column;margin-top:35px;gap:20px}#am57-wiki-page .am57-quick-stats{width:100%}}
@media(max-width:560px){#am57-wiki-page .am57-main{width:calc(100% - 22px)}#am57-wiki-page .am57-top-inner{width:calc(100% - 22px)}#am57-wiki-page .am57-top-links a:nth-child(2),#am57-wiki-page .am57-top-links a:nth-child(3){display:none}#am57-wiki-page .am57-top-links{gap:18px}#am57-wiki-page .am57-hero{min-height:300px}#am57-wiki-page .am57-hero h1{font-size:66px}#am57-wiki-page .am57-hero p{font-size:10px}#am57-wiki-page .am57-eyebrow{letter-spacing:1.2px;font-size:8px}#am57-wiki-page .am57-line{width:22px}#am57-wiki-page .am57-switch-hint{display:none}#am57-wiki-page .am57-realm-switch{gap:7px}#am57-wiki-page .am57-realm-switch button{min-height:100px;padding:12px 10px}#am57-wiki-page .am57-realm-name{font-size:18px}#am57-wiki-page .am57-realm-name b{display:block;font-size:22px}#am57-wiki-page .am57-realm-desc{font-size:9px}#am57-wiki-page .am57-realm-tag{font-size:7px;letter-spacing:1px}#am57-wiki-page .am57-realm-switch button[aria-pressed='true']::after{font-size:15px;top:14px;right:9px}#am57-wiki-page .am57-quick-stats{grid-template-columns:repeat(4,minmax(0,1fr))}#am57-wiki-page .am57-stat{padding:0 5px}#am57-wiki-page .am57-stat span{font-size:7px;letter-spacing:.3px}#am57-wiki-page .am57-stat strong{font-size:20px}#am57-wiki-page .am57-content{padding:19px 13px 30px}#am57-wiki-page .am57-chapter-head{gap:10px}#am57-wiki-page .am57-chapter-index{width:42px;height:45px;font-size:24px}#am57-wiki-page .am57-chapter-head h2{font-size:29px}#am57-wiki-page .am57-command{display:block}#am57-wiki-page .am57-command code{display:block;margin-bottom:4px}#am57-wiki-page .am57-footer{display:block;text-align:center}#am57-wiki-page .am57-footer small{display:block;margin-top:12px}}
@media(prefers-reduced-motion:reduce){#am57-wiki-page *,#am57-wiki-page *::before,#am57-wiki-page *::after{transition:none!important;scroll-behavior:auto!important}}


/* ═══════ ARCANA-MACE v58 · SEAMLESS WIKI HERO + ORIGINAL RUBY REALM BUTTONS ═══════
   All selectors are scoped to #am57-wiki-page; homepage, Media, Ranking and Community untouched.
   Use original v18 hero (already on main site) + real v47 Add Stream PNG (bundled in REPLACE).
   Preserve data-am57-realm, aria-pressed and v57 URL/navigation/Search JS behavior.
*/
#am57-wiki-page{background:#090d11}
/* One uninterrupted site-wide image, darkened at the centre for text and fading under the content. */
#am57-wiki-page .am57-backdrop{
  top:0;right:0;bottom:auto;left:0;height:920px;
  z-index:-1;
  background:
    linear-gradient(180deg,rgba(6,11,15,.45) 0%,rgba(8,13,16,.36) 22%,rgba(9,13,17,.55) 42%,rgba(9,13,17,.88) 67%,#090d11 92%),
    radial-gradient(ellipse 27% 50% at 50% 22%,rgba(7,12,17,.48),transparent 100%),
    url('../img/arcana-sites/arcana-clean-hero-v18.webp') center 4% / cover no-repeat;
}
#am57-wiki-page .am57-top{
  border-bottom:0;
  background:linear-gradient(180deg,rgba(4,8,13,.67),rgba(4,8,13,.12));
}
#am57-wiki-page .am57-top::after{display:none}
#am57-wiki-page .am57-hero{
  min-height:355px;
  border:0;
  outline:0;
  overflow:visible;
  background:none;
  box-shadow:none;
}
#am57-wiki-page .am57-hero::before,#am57-wiki-page .am57-hero::after{content:none;display:none}
#am57-wiki-page .am57-hero-inner{padding:38px 18px 32px}
#am57-wiki-page .am57-hero h1{text-shadow:0 3px 16px #020506,0 7px 28px #020506}
#am57-wiki-page .am57-hero p{text-shadow:0 2px 10px #020507}
/* Replace the 2 wide flat cards with real Arcana ruby textured buttons. */
#am57-wiki-page .am57-switch-wrap{margin:0 auto;width:min(960px,100%)}
#am57-wiki-page .am57-switch-head{
  justify-content:center;
  margin:0 0 4px;
  font:700 10px/1.5 'Manrope',Arial,sans-serif;
  color:#e0ac69;
  letter-spacing:2.3px;
}
#am57-wiki-page .am57-switch-hint{display:none}
#am57-wiki-page .am57-realm-switch{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:28px;
}
#am57-wiki-page .am57-realm-switch .am58-realm-ruby{
  box-sizing:border-box;
  flex:0 1 335px;
  display:flex;
  justify-content:center;
  align-items:center;
  position:relative;
  width:335px;
  height:auto;
  aspect-ratio:2060 / 605;
  min-height:0;
  margin:0;
  padding:0 30px;
  overflow:visible;
  border:0;
  border-radius:0;
  outline-offset:2px;
  box-shadow:none;
  background:transparent url('../img/arcana-sites/ui-v47/am-v47-add-stream-ruby-glow.png') center/100% 100% no-repeat;
  color:#ffe2ac;
  text-align:center;
  cursor:pointer;
  filter:brightness(.89) drop-shadow(0 8px 10px rgba(0,0,0,.56));
  transform:translateZ(0);
  transition:filter .2s ease,transform .2s ease;
}
#am57-wiki-page .am57-realm-switch .am58-realm-ruby::before,
#am57-wiki-page .am57-realm-switch .am58-realm-ruby::after{
  content:none;display:none;
}
#am57-wiki-page .am57-realm-switch .am58-realm-ruby:hover{
  border:0;
  background:transparent url('../img/arcana-sites/ui-v47/am-v47-add-stream-ruby-glow.png') center/100% 100% no-repeat;
  filter:brightness(1.13) drop-shadow(0 8px 17px rgba(171,43,25,.36));
  transform:translateY(-2px);
}
#am57-wiki-page .am57-realm-switch .am58-realm-ruby[aria-pressed='true']{
  border:0;
  box-shadow:none;
  background:transparent url('../img/arcana-sites/ui-v47/am-v47-add-stream-ruby-glow.png') center/100% 100% no-repeat;
  filter:brightness(1.04) drop-shadow(0 9px 14px rgba(205,61,32,.25));
}
#am57-wiki-page .am57-realm-switch .am58-realm-ruby[aria-pressed='true']:hover{
  filter:brightness(1.18) drop-shadow(0 9px 17px rgba(205,61,32,.4));
}
#am57-wiki-page .am58-realm-label{
  position:relative;
  top:2px;
  display:block;
  white-space:nowrap;
  color:#ffe5b4;
  font:700 clamp(16px,1.6vw,22px)/1.1 'Cormorant Garamond',Georgia,serif;
  letter-spacing:1.05px;
  text-transform:uppercase;
  text-shadow:0 2px 3px #140000,0 0 9px rgba(248,176,91,.28);
  pointer-events:none;
}
#am57-wiki-page .am58-realm-label b{
  font:inherit;
  font-weight:700;
  color:#ffca74;
  letter-spacing:0;
}
#am57-wiki-page .am57-summary{margin-top:34px}
@media(max-width:820px){
  #am57-wiki-page .am57-backdrop{height:810px;background-position:center 4%}
  #am57-wiki-page .am57-hero{min-height:310px}
  #am57-wiki-page .am57-hero-inner{padding-top:22px}
  #am57-wiki-page .am57-realm-switch{gap:13px}
  #am57-wiki-page .am57-realm-switch .am58-realm-ruby{flex:0 1 295px;max-width:calc(50% - 7px);width:295px;padding:0 24px;min-height:0}
  #am57-wiki-page .am58-realm-label{font-size:clamp(14px,2.35vw,19px);letter-spacing:.4px}
}
@media(max-width:560px){
  #am57-wiki-page .am57-backdrop{height:700px;background-position:50% 0;background-size:auto 630px;background-color:#090d11}
  #am57-wiki-page .am57-hero{min-height:280px}
  #am57-wiki-page .am57-hero-inner{padding:20px 12px 20px}
  #am57-wiki-page .am57-hero h1{font-size:clamp(48px,14vw,66px)}
  #am57-wiki-page .am57-switch-head{font-size:8px;margin-bottom:9px}
  #am57-wiki-page .am57-realm-switch{flex-direction:column;gap:0}
  #am57-wiki-page .am57-realm-switch .am58-realm-ruby{flex:none;width:min(302px,88vw);max-width:100%;padding:0 24px}
  #am57-wiki-page .am58-realm-label{font-size:clamp(16px,4.1vw,20px);letter-spacing:.5px}
  #am57-wiki-page .am58-realm-label b{display:inline;font-size:inherit}
  #am57-wiki-page .am57-summary{margin-top:30px}
}
@media(prefers-reduced-motion:reduce){
  #am57-wiki-page .am57-realm-switch .am58-realm-ruby{transition:none}
}



/* v60 — Wiki navigation and chapter icons only. */
@media(min-width:821px){
 #am57-wiki-page .am57-top-inner{position:relative}
 #am57-wiki-page .am57-top-links{position:absolute;left:50%;transform:translateX(-50%);justify-content:center}
}
@media(min-width:821px) and (max-width:1099px){
 #am57-wiki-page .am57-logo{font-size:19px;transform:scale(.78);transform-origin:left center}
}
#am57-wiki-page .am57-category-icon{display:inline-flex;flex:0 0 19px;width:19px;height:19px;align-items:center;justify-content:center;color:#a68150;transition:color .18s ease,filter .18s ease}
#am57-wiki-page .am57-category-icon svg{display:block;width:17px;height:17px;max-width:none}
#am57-wiki-page .am57-category:hover .am57-category-icon{color:#e2b47c}
#am57-wiki-page .am57-category[aria-current=true] .am57-category-icon{color:#efbd83;filter:drop-shadow(0 0 4px #c977454a)}
#am57-wiki-page .am57-category-name{flex:1;min-width:0}


/* v61 — Wiki header synced visually with homepage header/buttons. */
#am57-wiki-page .am57-top{position:sticky;top:0;z-index:20;height:88px;background:linear-gradient(180deg,rgba(4,8,13,.86),rgba(4,8,13,.38));backdrop-filter:blur(2px)}
#am57-wiki-page .am57-top-inner{width:min(1880px,98%);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;height:100%}
#am57-wiki-page .am57-logo{font-size:22px;color:#e6cb96}
#am57-wiki-page .am57-mark{font-size:44px}
#am57-wiki-page .am57-logo small{font-size:7px;letter-spacing:4px;margin-top:5px}
#am57-wiki-page .am57-top-links{position:static;left:auto;transform:none;justify-self:center;display:flex;align-items:center;justify-content:center;gap:clamp(14px,1.45vw,28px);height:100%;white-space:nowrap}
#am57-wiki-page .am57-top-links a{height:100%;display:flex;align-items:center;justify-content:center;padding:0 2px;position:relative;color:#f4f0e6;font:700 12px/1 Arial,Helvetica,sans-serif;letter-spacing:.55px;text-transform:uppercase;text-shadow:0 2px 8px rgba(0,0,0,.9)}
#am57-wiki-page .am57-top-links a:hover,#am57-wiki-page .am57-top-links a.am57-current{color:#ffe1a3;text-shadow:0 0 9px rgba(245,192,94,.51),0 2px 7px #000}
#am57-wiki-page .am57-top-links a.am57-current::after{content:'';position:absolute;left:50%;transform:translateX(-50%);bottom:13px;width:min(92px,83%);height:2px;background:linear-gradient(90deg,transparent,#e3ac59 20%,#fff3cb 50%,#e3ac59 80%,transparent);box-shadow:0 0 10px rgba(242,171,72,.5)}
#am57-wiki-page .am61-top-actions{display:flex;align-items:center;gap:16px;justify-self:end}
#am57-wiki-page .am61-lang{appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:78px;height:37px;padding:6px 9px;border:1px solid rgba(211,167,99,.30);border-radius:3px;background:linear-gradient(135deg,rgba(13,20,28,.85),rgba(26,23,24,.84));box-shadow:0 2px 12px rgba(0,0,0,.22);color:#e8cb89;font:700 11px/1 Arial,Helvetica,sans-serif;letter-spacing:1px}
#am57-wiki-page .am61-lang:hover{border-color:rgba(255,199,107,.75);filter:brightness(1.1)}
#am57-wiki-page .am61-flag{width:26px;height:18px;display:block;border-radius:2px;box-shadow:0 1px 5px rgba(0,0,0,.5);background:linear-gradient(to bottom,#fff 0 33.33%,#2b61c4 33.33% 66.66%,#d64b43 66.66% 100%)}
#am57-wiki-page .am61-lang-code{min-width:18px}
#am57-wiki-page .am61-lang-caret{display:block;width:7px;height:7px;border:solid #daba78;border-width:0 1.5px 1.5px 0;transform:rotate(45deg) translateY(-1px);margin:0 1px 4px 0}
#am57-wiki-page .am61-cabinet{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:244px;height:60px;padding:1px 30px 0;background:transparent url('../img/arcana-sites/ui-v25/am-v25-account-ruby-glow.png') center/100% 100% no-repeat;color:#ffe2ac !important;font:700 10.5px/1 Arial,Helvetica,sans-serif;letter-spacing:.35px;text-transform:uppercase;white-space:nowrap;text-shadow:0 2px 3px #140000,0 0 8px rgba(248,176,91,.24);filter:brightness(.97) drop-shadow(0 5px 8px rgba(0,0,0,.4));transition:filter .2s ease,transform .2s ease}
#am57-wiki-page .am61-cabinet:hover{filter:brightness(1.08) drop-shadow(0 5px 10px rgba(171,43,25,.34));transform:translateY(-2px)}
#am57-wiki-page .am61-cabinet span{margin-left:0;color:#ffd18a;font-size:13px;line-height:1;transform:translateY(-.5px)}
@media (max-width:1360px){#am57-wiki-page .am57-top-inner{grid-template-columns:auto minmax(0,1fr) auto;gap:18px}#am57-wiki-page .am57-top-links{gap:14px}#am57-wiki-page .am57-top-links a{font-size:10.5px;letter-spacing:.35px}#am57-wiki-page .am61-cabinet{min-width:215px;height:54px;padding:1px 24px 0;font-size:9.5px;letter-spacing:.25px}#am57-wiki-page .am61-cabinet span{font-size:12px}}
@media (max-width:1120px){#am57-wiki-page .am57-top{height:auto;padding:10px 0 12px}#am57-wiki-page .am57-top-inner{grid-template-columns:1fr;justify-items:center;gap:10px;padding:0 10px}#am57-wiki-page .am57-top-links{flex-wrap:wrap;gap:10px 16px;height:auto}#am57-wiki-page .am57-top-links a{height:auto;padding:6px 0}#am57-wiki-page .am57-top-links a.am57-current::after{bottom:-3px}#am57-wiki-page .am61-top-actions{justify-self:center}}
@media (max-width:760px){#am57-wiki-page .am57-top{padding:10px 0}#am57-wiki-page .am57-logo{font-size:19px}#am57-wiki-page .am57-mark{font-size:34px}#am57-wiki-page .am57-top-links{gap:8px 12px}#am57-wiki-page .am57-top-links a{font-size:9px;letter-spacing:.25px}#am57-wiki-page .am61-top-actions{gap:10px}#am57-wiki-page .am61-lang{min-width:70px;height:33px;padding:4px 7px}#am57-wiki-page .am61-flag{width:23px;height:16px}#am57-wiki-page .am61-cabinet{min-width:180px;height:46px;padding:1px 18px 0;font-size:8.4px;letter-spacing:.18px}#am57-wiki-page .am61-cabinet span{font-size:11px}}
@media (max-width:560px){#am57-wiki-page .am57-top-links a:nth-child(1),#am57-wiki-page .am57-top-links a:nth-child(3),#am57-wiki-page .am57-top-links a:nth-child(5),#am57-wiki-page .am57-top-links a:nth-child(6){display:none}#am57-wiki-page .am57-top-links{gap:10px 14px}#am57-wiki-page .am61-cabinet{min-width:165px;height:42px;padding:1px 16px 0;font-size:7.9px;letter-spacing:.12px}#am57-wiki-page .am61-cabinet span{font-size:10px}#am57-wiki-page .am61-lang{min-width:66px;height:31px}}


/* ═════ Arcana-Mace v63 | WIKI READABILITY ONLY ═════
   Only Wiki text sizing; no changes to homepage, header, backgrounds or layout.
   Desktop: comfortable, Eirin-style body copy and chapter navigation.
*/
#am57-wiki-page .am57-side-cap{font-size:12px;letter-spacing:1.5px}
#am57-wiki-page .am57-category{font-size:13px;line-height:1.45;font-weight:600}
#am57-wiki-page .am57-searchbox input{font-size:12px}
#am57-wiki-page .am57-content-intro>span{font-size:10.5px}
#am57-wiki-page .am57-content-intro p{font-size:13px;line-height:1.75}
#am57-wiki-page .am57-chapter-label{font-size:10.5px}
#am57-wiki-page .am57-chapter-text{font-size:15px;line-height:1.85}
#am57-wiki-page .am57-info-list li{padding-top:6px;padding-bottom:6px}
#am57-wiki-page .am57-info-list li::before{font-size:11px;top:8px}
#am57-wiki-page .am57-rate-heading{font-size:21px}
#am57-wiki-page .am57-rate-table table{font-size:13.5px;line-height:1.5}
#am57-wiki-page .am57-rate-table th{font-size:11px}
#am57-wiki-page .am57-rate-table td{padding-top:12px;padding-bottom:12px}
#am57-wiki-page .am57-command code{font-size:13px}
#am57-wiki-page .am57-command span{font-size:14px;line-height:1.7}
@media(max-width:820px){
  #am57-wiki-page .am57-category{font-size:12px;line-height:1.35}
  #am57-wiki-page .am57-chapter-text{font-size:14px;line-height:1.8}
  #am57-wiki-page .am57-rate-table table{font-size:12.5px}
  #am57-wiki-page .am57-command span{font-size:13px}
}
@media(max-width:560px){
  #am57-wiki-page .am57-content-intro p{font-size:12px}
  #am57-wiki-page .am57-chapter-text{font-size:13.5px;line-height:1.75}
  #am57-wiki-page .am57-rate-table table{font-size:12px}
  #am57-wiki-page .am57-rate-table td,#am57-wiki-page .am57-rate-table th{padding-left:10px;padding-right:10px}
}


/* v64: original PNG already contains text, user icon and arrow.
   The old HTML label must not be painted over the rasterized label.
   CSS fallback also hides the duplicate if an older JS stays cached. */
#am57-wiki-page .am61-cabinet{font-size:0!important;letter-spacing:0!important}
#am57-wiki-page .am61-cabinet>span{display:none!important}


/* v65 — functional Wiki RU / EN / UA language menu.
   Applies solely to Wiki. Homepage v31 language selection is unchanged. */
#am57-wiki-page .am65-language{position:relative;z-index:50;flex:0 0 auto}
#am57-wiki-page .am65-language .am61-lang{cursor:pointer}
#am57-wiki-page .am65-language .am61-flag{width:26px;height:18px;display:block;object-fit:cover;background:none;border-radius:2px;flex:none}
#am57-wiki-page .am65-language[data-open="true"] .am61-lang{border-color:#dbad6b;filter:brightness(1.1)}
#am57-wiki-page .am65-language[data-open="true"] .am61-lang-caret{transform:rotate(225deg) translateY(-1px)}
#am57-wiki-page .am65-language-list{position:absolute;z-index:100;top:calc(100% + 7px);right:0;width:211px;padding:7px;border:1px solid rgba(195,148,79,.64);border-radius:5px;background:linear-gradient(150deg,rgba(8,14,23,.99),rgba(28,20,24,.99));box-shadow:0 18px 37px #000c;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-6px);transition:opacity .18s ease,transform .18s ease,visibility .18s}
#am57-wiki-page .am65-language[data-open="true"] .am65-language-list{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
#am57-wiki-page .am65-language-option{width:100%;min-height:42px;padding:8px 11px;display:flex;gap:10px;align-items:center;text-align:left;border:1px solid transparent;border-radius:3px;background:transparent;color:#ded1b9;font:600 12px/1.25 Arial,sans-serif;cursor:pointer}
#am57-wiki-page .am65-language-option img{width:26px;height:18px;flex:none;object-fit:cover;border-radius:2px}
#am57-wiki-page .am65-language-option span{margin-left:auto;font-size:9px;color:#a88b5d}
#am57-wiki-page .am65-language-option:hover,#am57-wiki-page .am65-language-option:focus-visible{color:#ffe1a3;background:rgba(125,76,43,.25);border-color:rgba(205,156,86,.25)}
#am57-wiki-page .am65-language-option[aria-pressed="true"]{color:#ffe2b0;background:linear-gradient(90deg,#65301f80,#251818);border-color:rgba(205,156,86,.42)}
#am57-wiki-page .am65-language-option:focus-visible{outline:1px solid #e9bd7e;outline-offset:1px}
@media(max-width:760px){#am57-wiki-page .am65-language .am61-flag{width:23px;height:16px}#am57-wiki-page .am65-language-list{width:185px}}
@media(prefers-reduced-motion:reduce){#am57-wiki-page .am65-language-list{transition:none}}


/* ARCANA-MACE v66 — WIKI HEADER TRANSPARENCY + CHAPTER TITLE ALIGNMENT ONLY
   No change to homepage or wiki controls / language logic. */
#am57-wiki-page .am57-top {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
#am57-wiki-page .am57-top::after {content:none !important;display:none !important;}
/* Move the whole Wiki navigation row to the right; preserve RU/account space. */
@media (min-width:1500px) {
  #am57-wiki-page .am57-top-links {
    transform:translateX(70px);
  }
}
@media (min-width:1361px) and (max-width:1499px) {
  #am57-wiki-page .am57-top-links {
    transform:translateX(35px);
  }
}
/* Section headers: remove redundant small chapter subtitles and vertically center title
   beside the 01/02/etc badge; long labels can wrap without overlapping it. */
#am57-wiki-page .am57-chapter-head {align-items:center;}
#am57-wiki-page .am57-chapter-info {min-width:0;min-height:55px;display:flex;align-items:center;}
#am57-wiki-page .am57-chapter-head h2 {margin:0;}
@media (max-width:560px) {
  #am57-wiki-page .am57-chapter-info {min-height:45px;}
}