/* Shared Arcana heritage skin. Native modules, forms and payment handlers stay native. */
body.dmn-arcana{--heritage-stone:url('assets/ui/Back.png');--heritage-ink:#100d0e;--heritage-line:#766956;--heritage-red:#57202a;--heritage-gold:#e3cfaa;background:radial-gradient(ellipse at 50% 240px,#37131b80,transparent 850px),#080708;color:#cec5b4}
body.dmn-arcana .site-shell{background:linear-gradient(90deg,#260e1370,transparent 12%,transparent 88%,#260e1370),var(--heritage-stone);border-color:#655544;box-shadow:0 0 80px #000}
body.dmn-arcana .utility-bar{background:#100d0e;color:#c6b799;border-color:#5f4c40;letter-spacing:1.6px}
body.dmn-arcana .cinematic-entry{height:425px;background:#160b10}
body.dmn-arcana .cinematic-entry .world-scene img{object-fit:cover;object-position:center;opacity:1;filter:none;transform:none}
body.dmn-arcana .cinematic-entry .world-scene video{left:30%;width:43%;height:100%;opacity:.78;filter:saturate(.82) brightness(.84);mask-image:radial-gradient(ellipse 67% 58% at 50% 52%,#000 30%,#0009 64%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 67% 58% at 50% 52%,#000 30%,#0009 64%,transparent 100%)}
body.dmn-arcana .cinematic-entry::after{background:linear-gradient(90deg,#0d040a30,transparent 45%,transparent 85%),linear-gradient(0deg,#090709b3,transparent 26%);pointer-events:none}
body.dmn-arcana .entry-brand{left:1.5%;top:22px;width:34%;max-width:440px}
body.dmn-arcana .entry-logo{width:360px;max-width:100%}
body.dmn-arcana .entry-realm-caption{left:auto;right:3%;top:auto;bottom:27px;max-width:26%;padding:9px 12px;background:linear-gradient(90deg,transparent,#08080cba);text-align:right}
body.dmn-arcana .entry-realm-caption strong{font-size:28px}
body.dmn-arcana .entry-realm-caption .entry-realm-rule{margin-left:auto}
body.dmn-arcana .entry-realm-caption p{font-size:12px;margin:5px 0}
body.dmn-arcana .legacy-nav{background:linear-gradient(#383333,#171415 28%,#100e10 72%,#282224),var(--heritage-stone);border:0}
body.dmn-arcana .legacy-nav>div>a{color:#d9c8a4;font-size:14px}
body.dmn-arcana .legacy-nav>div>a:hover,body.dmn-arcana .legacy-nav>div>a.active{color:#ffe5ad;background:none}
body.dmn-arcana .client-realm-strip{background:linear-gradient(90deg,#221015a0,#100e10,#221015a0);border-color:#5d4d40}
body.dmn-arcana .mu-server-list a.mu-server-row{background:#110d0e}
body.dmn-arcana .mu-server-list a.mu-server-row[aria-current=true]{background:#251218}
body.dmn-arcana main{padding-top:22px}
body.dmn-arcana .ranking-column{position:relative;gap:16px}
body.dmn-arcana .rail-title{font-size:16px;height:38px;--bar-height:38px;color:#e8d5af}
body.dmn-arcana .ranking-panel{background:linear-gradient(#151012df,#0c0b0cee),var(--heritage-stone);min-height:200px;box-shadow:0 5px 16px #0007}
body.dmn-arcana .ranking-header{margin:18px -2px 0;min-height:28px;padding:5px 7px;display:flex;align-items:center;justify-content:center;border:1px solid #906b5366;background:linear-gradient(90deg,#281019,#5b222bcc 50%,#281019),var(--heritage-stone);box-shadow:inset 0 0 0 2px #15090b,0 2px 5px #0009}
body.dmn-arcana .ranking-header h2{font-size:12px;color:#efdab8;font-weight:400;text-align:center}
body.dmn-arcana .ranking-period{font:8px/1.6 Tahoma;color:#ab9985;text-align:right;padding:8px 0 2px}
body.dmn-arcana .arcana-ranking-empty{color:#b1a697;padding:20px 4px;min-height:96px;font-size:10px}
body.dmn-arcana .ranking-foot a{color:#c8af82}
body.dmn-arcana .arcana-article,body.dmn-arcana .arcana-native-module,body.dmn-arcana .platform-section,body.dmn-arcana .partners-section{background:linear-gradient(#171214ed,#0c0b0df2),var(--heritage-stone)}
body.dmn-arcana .arcana-news-body,body.dmn-arcana .arcana-article p{color:#bfb4a3}
body.dmn-arcana .arcana-article h2,body.dmn-arcana .arcana-article h2 a{color:#e7d1aa}
body.dmn-arcana .article-meta{color:#aa9076;border-color:#674c3d55}
body.dmn-arcana .section-heading h1,body.dmn-arcana .section-heading h2{color:#e8d2ac}
body.dmn-arcana footer{background:linear-gradient(#221015,#100c0f);border-top:1px solid #6b4e43;color:#a9947e}
/* The same charcoal stone and crimson metal on every inner module. */
body.dmn-arcana #content.arcana-support .support-card,body.dmn-arcana .ucp-wrap .ucp-card,body.dmn-arcana .rnk-wrap .rnk-card{border:1px solid #75614d;background:linear-gradient(#21151aef,#100e10f2),var(--heritage-stone);box-shadow:inset 0 0 0 2px #09070999,0 4px 14px #0005;border-radius:0}
body.dmn-arcana .ucp-wrap .ucp-card-h,body.dmn-arcana .rnk-wrap .rnk-card-h{background:linear-gradient(90deg,#401a24,#201519);border-color:#866c4b66;padding:13px 15px}
body.dmn-arcana .ucp-wrap .ucp-action{background:linear-gradient(#493038,#2c1d24 49%,#21171d 51%,#342329);border-color:#78614e;box-shadow:inset 0 0 0 2px #100b0d99,0 3px 6px #0006}
body.dmn-arcana .ucp-wrap .ucp-action:hover{background:linear-gradient(#61353d,#39212b);border-color:#c6a774}
body.dmn-arcana .ucp-wrap .ucp-table td{color:#d6cbb8!important;border-bottom-color:#7f66552a!important}
body.dmn-arcana .ucp-wrap .ucp-table td.label{color:#aa9886!important}
body.dmn-arcana .ucp-wrap .ucp-badge{background:#28121b;border-color:#80694e;color:#d0b994}
body.dmn-arcana #content.arcana-support p,body.dmn-arcana .arcana-support .support-costs span{color:#bbae9d}
body.dmn-arcana #content.arcana-support .support-small{color:#a29280}
body.dmn-arcana #content.arcana-support .support-costs li,body.dmn-arcana #content.arcana-support .support-uses article,body.dmn-arcana #content.arcana-support dl>div{border-color:#94735830}
body.dmn-arcana .arcana-support .support-monthly dt,body.dmn-arcana .arcana-support .support-monthly dd{color:#c6b59d}
body.dmn-arcana #content.arcana-support .game-button,body.dmn-arcana .entry-actions .game-button,body.dmn-arcana .arcana-native-module .button-style,body.dmn-arcana .arcana-native-module button[type=submit],body.dmn-arcana .arcana-native-module input[type=submit],body.dmn-arcana .platform-section .game-button{background:linear-gradient(#514148,#2a2027 48%,#1b141b 51%,#33252d);border:1px solid #9d8668;color:#ecd8b5;border-radius:0;box-shadow:inset 0 0 0 2px #0d0a0cd9,0 4px 8px #0007}
body.dmn-arcana #content.arcana-support .support-paypal-button,body.dmn-arcana .entry-actions .entry-start{background:linear-gradient(#74363b,#4c1c28 48%,#31121e 51%,#4b1e29);border-color:#b0926e}
body.dmn-arcana .rnk-wrap .custom_button{background:linear-gradient(#46333c,#231b22 48%,#171218 51%,#30212c)!important;border-color:#876c57!important;color:#dfcaa9}
body.dmn-arcana .rnk-wrap .custom_button.selected,body.dmn-arcana .rnk-wrap .custom_button.active,body.dmn-arcana .rnk-wrap .custom_button[aria-pressed=true]{background:linear-gradient(#71333e,#371422)!important;border-color:#d4ab73!important;color:#ffdfad}
body.dmn-arcana .rnk-wrap table th,body.dmn-arcana .arcana-native-module table.add_to_card th{background:linear-gradient(#40232c,#20151b);border-color:#675345;color:#e5cba1}
body.dmn-arcana .rnk-wrap table td{background:#141014!important;border-color:#5a443b60!important;color:#d1c2ac}
body.dmn-arcana .rnk-wrap table tr:nth-child(even) td{background:#20151b!important}
body.dmn-arcana .arcana-native-module input:not([type=checkbox]):not([type=radio]):not([type=submit]),body.dmn-arcana .arcana-native-module select,body.dmn-arcana .arcana-native-module textarea{background:#100c10;border-color:#80654f;color:#e2d2b6;border-radius:0}
body.dmn-arcana .arcana-native-module .plans .plan{background:linear-gradient(#33202a,#130f14);border:1px solid #846c52;border-radius:0;color:#deccb0;box-shadow:inset 0 0 0 2px #10090c}
body.dmn-arcana .arcana-native-module .plans .price{background:linear-gradient(#652733,#2b1520);color:#edcf9e}
body.dmn-arcana .arcana-native-module .plans .select{background:linear-gradient(#4c3540,#231720);border:1px solid #a58a61;color:#eed7ac;border-radius:0}
body.dmn-arcana dialog.arcana-account-dialog,body.dmn-arcana dialog.mu-server-dialog,body.dmn-arcana #select_server{background:linear-gradient(#2c1720,#100d13),var(--heritage-stone);border-color:#8f7455;color:#d7c7ae}
body.dmn-arcana .platform-feature,body.dmn-arcana .platform-download{background:linear-gradient(#25171f,#110e13);border-color:#78604c}
body.dmn-arcana :focus-visible{outline:2px solid #d7b578;outline-offset:3px}
@media(min-width:1700px){body.dmn-arcana .cinematic-entry{height:450px}}
@media(max-width:1150px){body.dmn-arcana .entry-brand{width:37%}body.dmn-arcana .entry-actions{gap:7px}body.dmn-arcana .entry-actions .game-button{font-size:12px;padding:10px}body.dmn-arcana .entry-realm-caption strong{font-size:25px}}
@media(max-width:950px){body.dmn-arcana .cinematic-entry{height:380px}body.dmn-arcana .entry-brand{width:44%;left:1%}body.dmn-arcana .entry-logo{width:310px}body.dmn-arcana .entry-brand h1{margin:-10px 0 -25px}body.dmn-arcana .entry-realm-caption{max-width:34%;right:2%;bottom:25px}body.dmn-arcana .ranking-header h2{font-size:11px}}
@media(max-width:650px){body.dmn-arcana .cinematic-entry{height:420px}body.dmn-arcana .cinematic-entry .world-scene img{object-position:72% center;filter:brightness(.65)}body.dmn-arcana .cinematic-entry .world-scene video{left:0;width:100%;opacity:.3}body.dmn-arcana .entry-brand{top:12px;left:5%;width:90%;max-width:none}body.dmn-arcana .entry-logo{width:300px}body.dmn-arcana .entry-brand h1{margin:-10px 0 -32px}body.dmn-arcana .entry-actions{margin-top:12px}body.dmn-arcana .entry-realm-caption{bottom:24px;left:10%;right:10%;max-width:none;padding:0;text-align:center;background:none}body.dmn-arcana .entry-realm-caption .entry-realm-rule{margin:0 auto}body.dmn-arcana .entry-realm-caption>span:not(.entry-realm-rule){margin:9px 0 1px;font-size:8px}body.dmn-arcana .entry-realm-caption strong{font-size:23px}body.dmn-arcana .entry-realm-caption p{font-size:11px}body.dmn-arcana .rail-title{font-size:15px}body.dmn-arcana .ranking-panel{min-height:195px}body.dmn-arcana .ranking-header{margin-top:15px;padding:5px 2px}body.dmn-arcana .ranking-header h2{font-size:10px}body.dmn-arcana .arcana-ranking-empty{font-size:9px;padding-inline:0}}
/* Keep inherited body[data-mix] surfaces in the same stone palette. */
body.dmn-arcana[data-mix] main{background:linear-gradient(90deg,#210d1440,transparent 15%,transparent 85%,#210d1440),#100d0f}
body.dmn-arcana[data-mix] .game-panel,body.dmn-arcana[data-mix] .arcana-native-module{background:linear-gradient(#171214ed,#0c0b0df2),var(--heritage-stone)}
/* The narrow layout uses an explicit left inset, not a translated center origin. */
body.dmn-arcana .entry-brand{transform:none}

/* Fade to zero before every video edge; never expose the rectangular clip. */
body.dmn-arcana .cinematic-entry .world-scene video{
 -webkit-mask-image:radial-gradient(ellipse 50% 78% at 50% 50%,#000 36%,#000f 48%,#000c 60%,#0005 78%,transparent 96%),linear-gradient(180deg,transparent 0%,#0003 7%,#000b 17%,#000 28%,#000 73%,#000b 86%,#0003 95%,transparent 100%);
 mask-image:radial-gradient(ellipse 50% 78% at 50% 50%,#000 36%,#000f 48%,#000c 60%,#0005 78%,transparent 96%),linear-gradient(180deg,transparent 0%,#0003 7%,#000b 17%,#000 28%,#000 73%,#000b 86%,#0003 95%,transparent 100%);
 -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
 -webkit-mask-size:100% 100%;mask-size:100% 100%;
 -webkit-mask-composite:source-in;mask-composite:intersect;
}
