/* Fate Site V86 FULL RECOVERY — generated from last known-good cumulative files. */
/* ===== Core cumulative skin V68 ===== */
/* Fate unified recovery stylesheet V63. Contains full current theme and all required patches. */

/* ===== V45 ===== */
/*
 * Fate MU — Golden Unified v5
 * One continuous dark-brown portal frame with muted-gold accents.
 */
:root{
    --f5-page:#070503;
    --f5-shell:#0b0805;
    --f5-shell-2:#100b06;
    --f5-surface:#120d08;
    --f5-surface-hover:#181006;
    --f5-button:#171006;
    --f5-button-hover:#241707;
    --f5-gold:#c79a3f;
    --f5-gold-2:#e0b85f;
    --f5-yellow:#d0b66e;
    --f5-yellow-soft:#a99359;
    --f5-text:#d7c9a8;
    --f5-muted:#88795c;
    --f5-line:rgba(185,136,47,.22);
    --f5-line-strong:rgba(203,157,62,.48);
    --f5-shadow:rgba(0,0,0,.58);
}

html{min-width:320px;background:var(--f5-page)!important;scroll-behavior:smooth}
body{
    min-height:100vh!important;
    margin:0!important;
    overflow-x:hidden!important;
    color:var(--f5-text)!important;
    background:
        radial-gradient(ellipse at 50% -120px,rgba(112,72,19,.12),transparent 38%),
        linear-gradient(180deg,#080604 0%,#050402 100%)!important;
    font-family:Inter,"Segoe UI Variable","Segoe UI",Arial,sans-serif!important;
    font-size:14px!important;
    line-height:1.55!important;
    -webkit-font-smoothing:antialiased;
}
body:before,body:after{display:none!important}
*,*:before,*:after{box-sizing:border-box}
a{color:var(--f5-gold)!important;text-decoration:none!important;transition:color .2s ease,background .2s ease,box-shadow .2s ease,transform .2s ease,text-shadow .2s ease,opacity .2s ease}
a:hover{color:var(--f5-gold-2)!important}
img{max-width:100%;height:auto;border:0}
button,input,select,textarea{font:inherit}
.clearfix:after{content:"";display:table;clear:both}

/* Remove the old Season6 fixed canvas and decorations. */
#wrapper.site-shell,#wrapper{
    position:relative!important;
    width:min(calc(100% - 36px),1540px)!important;
    min-height:100vh!important;
    margin:0 auto!important;
    padding:0!important;
    overflow:visible!important;
    color:var(--f5-text)!important;
    background:var(--f5-shell)!important;
    border-left:1px solid rgba(161,111,35,.18)!important;
    border-right:1px solid rgba(161,111,35,.18)!important;
    border-radius:0!important;
    box-shadow:0 0 90px rgba(0,0,0,.45)!important;
}
#page-wrapper,#page-bgtop,#page-bgbtm,#page,.container{
    width:100%!important;min-width:0!important;height:auto!important;margin:0!important;padding:0!important;
    float:none!important;background:none!important;border:0!important;
}
#wrapper-bgtop,#wrapper-bgbtm,#logo-wrapper,#menu-wrapper,#banner,#header-wrapper,.topline,.server-command,.header-actions{display:none!important}

/* Header: logo on a clean dark surface, with no background picture. */
.site-header{
    position:relative!important;
    z-index:60!important;
    margin:0!important;
    padding:0!important;
    background:var(--f5-shell)!important;
    border:0!important;
}
.hero-scene{
    position:relative!important;
    height:220px!important;
    display:grid!important;
    place-items:center!important;
    overflow:hidden!important;
    background:
        radial-gradient(ellipse at 50% 38%,rgba(183,130,37,.13),transparent 29%),
        radial-gradient(ellipse at 50% 100%,rgba(95,58,15,.10),transparent 55%),
        linear-gradient(180deg,#0c0906 0%,#090604 100%)!important;
    border:0!important;
    box-shadow:inset 0 -42px 65px rgba(0,0,0,.28)!important;
}
.hero-scene:before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    opacity:.6;
    background:
        linear-gradient(90deg,transparent 0%,rgba(199,154,63,.025) 50%,transparent 100%),
        repeating-linear-gradient(90deg,transparent 0,transparent 99px,rgba(213,168,72,.012) 100px);
}
.hero-scene:after{display:none!important}
.brand{
    position:relative!important;
    z-index:2!important;
    display:grid!important;
    place-items:center!important;
    width:auto!important;height:auto!important;margin:0!important;padding:0!important;background:none!important;
}
.brand:before{
    content:"";
    position:absolute;
    width:440px;height:165px;border-radius:50%;
    background:radial-gradient(ellipse,rgba(199,151,54,.10),transparent 69%);
    filter:blur(9px);
}
.brand img{
    position:relative!important;
    z-index:1!important;
    width:auto!important;
    max-width:330px!important;
    max-height:172px!important;
    object-fit:contain!important;
    filter:sepia(.12) saturate(.9) drop-shadow(0 13px 20px rgba(0,0,0,.72)) drop-shadow(0 0 14px rgba(198,147,51,.14))!important;
    transition:transform .28s ease,filter .28s ease!important;
}
.brand:hover img{transform:translateY(-2px) scale(1.01)!important;filter:sepia(.08) saturate(1) drop-shadow(0 16px 25px rgba(0,0,0,.76)) drop-shadow(0 0 21px rgba(214,165,66,.23))!important}

/* Separate menu buttons, no enclosing menu box or button outlines. */
.navigation-row{
    position:relative!important;
    z-index:70!important;
    min-height:78px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
    padding:12px 34px 25px!important;
    background:linear-gradient(180deg,#0b0805 0%,#090604 100%)!important;
    border:0!important;
    box-shadow:none!important;
}
.navigation-row:after{
    content:"";
    position:absolute;
    left:5%;right:5%;bottom:9px;height:1px;
    background:linear-gradient(90deg,transparent 0%,rgba(148,99,27,.42) 12%,var(--f5-gold) 50%,rgba(148,99,27,.42) 88%,transparent 100%);
    box-shadow:0 0 10px rgba(195,143,42,.18);
}
.navigation-row:before{
    content:"";
    position:absolute;
    z-index:4;
    left:50%;bottom:4px;
    width:10px;height:10px;
    transform:translateX(-50%) rotate(45deg);
    background:linear-gradient(135deg,#efd174,#98691f);
    border:1px solid rgba(242,211,125,.65);
    box-shadow:0 0 10px rgba(219,172,73,.42),0 0 0 4px rgba(107,67,14,.10);
}
.main-navigation{width:100%!important;min-width:0!important;margin:0!important;padding:0!important;background:none!important;border:0!important}
.main-navigation ul{list-style:none!important;margin:0!important;padding:0!important}
.main-navigation>.nav{display:flex!important;align-items:center!important;justify-content:center!important;gap:18px!important;flex-wrap:wrap!important}
.main-navigation .nav>li{position:relative!important;margin:0!important;padding:0!important;background:none!important;border:0!important}
.main-navigation .nav>li>a{
    position:relative!important;
    min-width:138px!important;
    min-height:43px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0 22px!important;
    overflow:hidden!important;
    color:var(--f5-yellow)!important;
    background:linear-gradient(180deg,#1b130a 0%,#120c06 100%)!important;
    border:0!important;
    border-radius:3px!important;
    outline:0!important;
    box-shadow:inset 0 1px 0 rgba(255,224,145,.025),0 8px 22px rgba(0,0,0,.29)!important;
    font-size:11px!important;
    font-weight:800!important;
    line-height:1!important;
    letter-spacing:.10em!important;
    text-transform:uppercase!important;
    white-space:nowrap!important;
    text-shadow:0 1px 2px #000!important;
}
.main-navigation .nav>li>a:before{
    content:"";
    position:absolute;inset:0;
    opacity:0;
    background:radial-gradient(circle at 50% 120%,rgba(230,186,83,.25),transparent 58%);
    transition:opacity .24s ease;
}
.main-navigation .nav>li>a:after{
    content:"";
    position:absolute;left:18%;right:18%;bottom:0;height:1px;
    opacity:0;
    background:linear-gradient(90deg,transparent,var(--f5-gold-2),transparent);
    box-shadow:0 0 9px rgba(224,178,75,.48);
    transition:opacity .24s ease;
}
.main-navigation .nav>li>a:hover,.main-navigation .nav>li:hover>a,.main-navigation .nav>li>a.is-active{
    color:#efd27f!important;
    background:linear-gradient(180deg,#2a1c0c 0%,#180f06 100%)!important;
    box-shadow:0 0 24px rgba(189,135,37,.16),0 11px 25px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,226,150,.05)!important;
    text-shadow:0 0 9px rgba(226,178,75,.28),0 1px 2px #000!important;
    transform:translateY(-2px)!important;
}
.main-navigation .nav>li>a:hover:before,.main-navigation .nav>li:hover>a:before,.main-navigation .nav>li>a.is-active:before,
.main-navigation .nav>li>a:hover:after,.main-navigation .nav>li:hover>a:after,.main-navigation .nav>li>a.is-active:after{opacity:1}
.main-navigation .effect{
    position:absolute!important;z-index:1000!important;top:calc(100% + 9px)!important;right:0!important;left:auto!important;
    min-width:210px!important;display:block!important;margin:0!important;padding:7px!important;
    opacity:0!important;visibility:hidden!important;transform:translateY(-7px)!important;
    background:#100b06!important;border:1px solid var(--f5-line-strong)!important;border-radius:3px!important;
    box-shadow:0 24px 55px rgba(0,0,0,.72)!important;transition:.2s ease!important;
}
.main-navigation .has-submenu:hover>.effect,.main-navigation .has-submenu.submenu-open>.effect{opacity:1!important;visibility:visible!important;transform:translateY(0)!important}
.main-navigation .effect li a{display:block!important;padding:10px 12px!important;color:var(--f5-yellow-soft)!important;background:transparent!important;border:0!important;font-size:10px!important;text-transform:uppercase!important;letter-spacing:.06em!important}
.main-navigation .effect li a:hover{color:var(--f5-gold-2)!important;background:rgba(164,109,30,.10)!important;padding-left:15px!important}
.nav-toggle{display:none!important;width:46px!important;height:42px!important;padding:10px!important;border:0!important;border-radius:3px!important;background:#191006!important;box-shadow:0 5px 16px rgba(0,0,0,.35)!important}
.nav-toggle span{display:block!important;width:100%!important;height:2px!important;margin:4px 0!important;background:var(--f5-gold)!important}

/* One connected content canvas. Columns are separated only by subtle lines. */
.site-content-frame{
    position:relative!important;
    display:grid!important;
    grid-template-columns:270px minmax(0,1fr) 300px!important;
    gap:0!important;
    min-height:560px!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    background:linear-gradient(180deg,#0d0906 0%,#090604 100%)!important;
    border:0!important;
    box-shadow:none!important;
}
.site-content-frame:before{
    content:"";
    position:absolute;inset:0;pointer-events:none;z-index:0;
    background:radial-gradient(circle at 50% 0%,rgba(159,105,28,.045),transparent 39%);
}
.site-content-frame>*{position:relative;z-index:1;min-width:0!important}
.left-rail{
    grid-column:1!important;
    margin:0!important;padding:0!important;
    border-right:1px solid var(--f5-line)!important;
    background:rgba(9,6,4,.22)!important;
}
.site-content-frame>#content{
    grid-column:2!important;
    width:auto!important;min-width:0!important;margin:0!important;padding:0!important;float:none!important;
    background:transparent!important;border:0!important;
}
.inner-sidebar,#sidebar{
    grid-column:3!important;
    width:auto!important;min-width:0!important;margin:0!important;padding:0!important;float:none!important;
    border-left:1px solid var(--f5-line)!important;
    background:rgba(9,6,4,.22)!important;
}

/* Sidebar modules are sections of the same canvas, not cards. */
.portal-panel,#sidebar>.box-style2,.left-rail>.box-style2{
    position:relative!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    color:var(--f5-text)!important;
    background:transparent!important;
    border:0!important;
    border-bottom:1px solid var(--f5-line)!important;
    border-radius:0!important;
    box-shadow:none!important;
    transition:background .22s ease!important;
}
.portal-panel:last-child,#sidebar>.box-style2:last-child,.left-rail>.box-style2:last-child{border-bottom:0!important}
.portal-panel:before{display:none!important}
.portal-panel:hover{background:linear-gradient(90deg,rgba(139,87,19,.055),transparent 70%)!important;transform:none!important;box-shadow:none!important}
.portal-panel-title{
    min-height:50px!important;
    display:flex!important;align-items:center!important;gap:10px!important;
    margin:0!important;padding:0 17px!important;
    background:linear-gradient(90deg,rgba(119,73,18,.12),transparent 82%)!important;
    border:0!important;border-bottom:1px solid rgba(185,136,47,.13)!important;
}
.portal-panel-title .panel-mark{
    width:4px!important;height:18px!important;display:block!important;
    background:linear-gradient(180deg,var(--f5-gold-2),#795018)!important;
    border-radius:2px!important;
    box-shadow:0 0 8px rgba(203,154,56,.24)!important;
}
.portal-panel-title h2{
    flex:1!important;margin:0!important;padding:0!important;
    color:var(--f5-gold-2)!important;
    font-size:11px!important;font-weight:800!important;line-height:1.2!important;letter-spacing:.10em!important;text-transform:uppercase!important;
    text-shadow:0 1px 2px #000!important;
}
.portal-panel-title .panel-link{font-size:9px!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.06em!important;color:var(--f5-muted)!important}
.portal-panel-body{padding:14px 17px 17px!important;color:var(--f5-text)!important;background:transparent!important}
.portal-empty{padding:16px 0!important;color:var(--f5-muted)!important;text-align:center!important;font-size:11px!important}

/* Server status */
.server-status-list{display:grid!important;gap:0!important}
.server-status-row{
    min-height:42px!important;display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important;gap:9px!important;
    padding:9px 0!important;border-bottom:1px solid rgba(185,136,47,.08)!important;background:transparent!important;
}
.server-status-row:last-child{border-bottom:0!important}
.server-status-row:hover{background:linear-gradient(90deg,rgba(173,112,25,.07),transparent)!important}
.server-status-dot{width:7px!important;height:7px!important;border-radius:50%!important;background:#775f39!important;box-shadow:0 0 0 3px rgba(119,95,57,.10)!important}
.server-status-row.is-online .server-status-dot,.server-status-row.is-on .server-status-dot{background:#b6a24d!important;box-shadow:0 0 8px rgba(203,180,79,.42)!important}
.server-status-name{color:var(--f5-yellow)!important;font-size:11px!important;font-weight:700!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.server-status-online{color:var(--f5-muted)!important;font-size:9px!important;text-transform:uppercase!important}.server-status-online b{color:var(--f5-gold-2)!important;font-size:11px!important}

/* Rankings */
.ranking-output{min-height:52px!important;color:var(--f5-text)!important;font-size:11px!important}
.ranking-output table{width:100%!important;margin:0!important;border:0!important;border-collapse:collapse!important;background:transparent!important}
.ranking-output th{padding:7px 4px!important;color:var(--f5-muted)!important;border:0!important;border-bottom:1px solid rgba(185,136,47,.10)!important;background:transparent!important;font-size:8px!important;text-transform:uppercase!important}
.ranking-output td{padding:8px 4px!important;color:var(--f5-text)!important;border:0!important;border-bottom:1px solid rgba(185,136,47,.065)!important;background:transparent!important;font-size:10px!important}
.ranking-output tr:last-child td{border-bottom:0!important}
.ranking-output tr:hover td{color:var(--f5-gold-2)!important;background:rgba(139,84,18,.055)!important}
.ranking-switches{display:flex!important;flex-wrap:wrap!important;gap:5px!important;padding-top:10px!important}
.ranking-switches a{padding:4px 7px!important;color:var(--f5-muted)!important;background:#130d07!important;border:0!important;border-radius:2px!important;font-size:8px!important;text-transform:uppercase!important}
.ranking-switches a:hover{color:var(--f5-gold-2)!important;background:#211507!important}

/* Account panel */
.account-login-form{display:grid!important;gap:10px!important;margin:0!important}
.account-login-form label{display:grid!important;gap:4px!important;margin:0!important}.account-login-form label>span{display:none!important}
.input-main,input[type=text],input[type=password],input[type=email],input[type=number],select,textarea{
    width:100%!important;min-height:42px!important;margin:0!important;padding:9px 11px!important;
    color:var(--f5-text)!important;background:#090604!important;border:1px solid rgba(179,129,39,.28)!important;border-radius:3px!important;
    outline:0!important;box-shadow:inset 0 1px 8px rgba(0,0,0,.44)!important;
}
.input-main:focus,input:focus,select:focus,textarea:focus{border-color:rgba(211,164,67,.60)!important;box-shadow:0 0 0 2px rgba(177,121,28,.08),inset 0 1px 8px rgba(0,0,0,.45)!important}
.portal-button,input[type=submit],button[type=submit],.button-style,.button{
    min-height:40px!important;padding:0 16px!important;color:#1a1005!important;background:linear-gradient(180deg,#d2ae5a,#ad8134)!important;
    border:0!important;border-radius:3px!important;box-shadow:inset 0 1px 0 rgba(255,239,187,.24),0 8px 18px rgba(0,0,0,.30)!important;
    font-size:10px!important;font-weight:800!important;letter-spacing:.12em!important;text-transform:uppercase!important;cursor:pointer!important;
}
.portal-button:hover,input[type=submit]:hover,button[type=submit]:hover,.button-style:hover,.button:hover{background:linear-gradient(180deg,#e0be6d,#bd8e3a)!important;box-shadow:0 0 18px rgba(198,148,54,.18),0 9px 20px rgba(0,0,0,.36)!important;transform:translateY(-1px)!important}
.account-login-links{display:flex!important;justify-content:center!important;gap:7px!important;padding-top:11px!important;color:var(--f5-muted)!important;font-size:9px!important}
.account-welcome{display:flex!important;align-items:center!important;gap:10px!important;margin-bottom:12px!important}.account-welcome img{width:44px!important;height:44px!important;border-radius:3px!important;border:1px solid var(--f5-line-strong)!important}.account-welcome span{display:block!important;color:var(--f5-muted)!important;font-size:9px!important}.account-welcome strong{color:var(--f5-gold-2)!important}
.portal-list{list-style:none!important;margin:0!important;padding:0!important}.portal-list li{display:flex!important;justify-content:space-between!important;gap:10px!important;padding:8px 0!important;border-bottom:1px solid rgba(185,136,47,.07)!important;font-size:10px!important}.portal-list li:last-child{border-bottom:0!important}.portal-list b{color:var(--f5-gold-2)!important}
.account-links-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important;margin-top:12px!important}.account-links-grid a{padding:8px!important;text-align:center!important;color:var(--f5-yellow-soft)!important;background:#120c06!important;border:0!important;border-radius:2px!important;font-size:9px!important}.account-links-grid a:hover{color:var(--f5-gold-2)!important;background:#201406!important}
.account-logout{display:block!important;margin-top:10px!important;text-align:center!important;font-size:9px!important;text-transform:uppercase!important}.server-switch-button{padding:0 4px!important;color:var(--f5-gold)!important;background:none!important;border:0!important;cursor:pointer!important}

/* Event timer */
.event-timer-panel .portal-panel-title{
    position:relative!important;
    padding-right:48px!important;
}
 .event-timer-sort-toggle{
    position:absolute!important;
    right:13px!important;
    bottom:5px!important;
    z-index:5!important;
    width:22px!important;
    height:18px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
    padding:0!important;
    color:#d7a842!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    font-family:Georgia,"Times New Roman",serif!important;
    font-size:16px!important;
    font-weight:700!important;
    line-height:18px!important;
    text-decoration:none!important;
    text-shadow:0 1px 0 #000,0 0 6px rgba(222,166,62,.20)!important;
    cursor:pointer!important;
    user-select:none!important;
    -webkit-user-select:none!important;
    opacity:.78!important;
    transition:color .15s ease,opacity .15s ease,text-shadow .15s ease,transform .15s ease!important;
}
.event-timer-sort-toggle:hover,
.event-timer-sort-toggle:focus-visible{
    color:#ffd36a!important;
    opacity:1!important;
    text-shadow:0 1px 0 #000,0 0 8px rgba(232,178,72,.42)!important;
    outline:none!important;
}
.event-timer-sort-toggle:hover{transform:translateY(-1px)!important}
.event-timer-sort-toggle.is-active{
    color:#ffe092!important;
    opacity:1!important;
    text-shadow:0 1px 0 #000,0 0 9px rgba(239,188,80,.50)!important;
}
.event-timer-list{display:grid!important;gap:0!important}
.event-timer-list>div,.event-timer-list li{min-height:36px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;padding:8px 0!important;color:var(--f5-text)!important;border-bottom:1px solid rgba(185,136,47,.075)!important;font-size:10px!important;background:transparent!important}
.event-timer-list>div:last-child,.event-timer-list li:last-child{border-bottom:0!important}.event-timer-list>div:hover,.event-timer-list li:hover{color:var(--f5-gold-2)!important;background:linear-gradient(90deg,rgba(141,87,18,.06),transparent)!important}.event-timer-list b,.event-timer-list strong,.event-timer-list span:last-child{color:var(--f5-gold-2)!important}

/* Main content and news use the same connected background. */
.news-panel,.box-style1,.box-style2,#content>.box-style1,#content>.box-style2{
    width:100%!important;margin:0!important;padding:0!important;color:var(--f5-text)!important;
    background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;
}
.content-section-heading,.box-style1 .title,.box-style2 .title{
    min-height:66px!important;display:flex!important;align-items:center!important;gap:14px!important;margin:0!important;padding:0 22px!important;
    color:var(--f5-gold-2)!important;background:linear-gradient(90deg,rgba(130,79,17,.12),transparent 72%)!important;border:0!important;border-bottom:1px solid var(--f5-line)!important;
}
.content-section-heading .section-kicker{display:block!important;margin-bottom:1px!important;color:var(--f5-muted)!important;font-size:8px!important;text-transform:uppercase!important;letter-spacing:.18em!important}
.content-section-heading h1,.box-style1 .title h1,.box-style1 .title h2,.box-style2 .title h1,.box-style2 .title h2{margin:0!important;padding:0!important;color:var(--f5-gold-2)!important;font-size:15px!important;line-height:1.15!important;letter-spacing:.08em!important;text-transform:uppercase!important}
.heading-ornament{width:18px!important;height:1px!important;background:var(--f5-gold)!important}.heading-ornament.is-right{margin-left:auto!important}
.news-stream,#content_center,.box-style1 .entry,.box-style2 .entry,.box-style1 .content,.box-style2 .content{padding:0 22px!important;background:transparent!important}
.news-item{
    position:relative!important;margin:0!important;padding:21px 0!important;overflow:hidden!important;
    color:var(--f5-text)!important;background:transparent!important;border:0!important;border-bottom:1px solid rgba(185,136,47,.13)!important;border-radius:0!important;box-shadow:none!important;
    transition:background .22s ease,padding .22s ease!important;
}
.news-item:last-child{border-bottom:0!important}
.news-item:before{content:"";position:absolute;left:0;top:20%;bottom:20%;width:2px;opacity:0;background:linear-gradient(180deg,transparent,var(--f5-gold),transparent);box-shadow:0 0 9px rgba(208,160,61,.3);transition:opacity .22s ease!important}
.news-item:hover{padding-left:12px!important;padding-right:8px!important;background:linear-gradient(90deg,rgba(135,81,17,.07),transparent 78%)!important}.news-item:hover:before{opacity:1!important}
.news-header{display:grid!important;grid-template-columns:34px minmax(0,1fr) auto!important;align-items:center!important;gap:12px!important;margin:0 0 11px!important;padding:0!important;background:none!important;border:0!important}
.news-index{display:grid!important;place-items:center!important;width:30px!important;height:30px!important;color:var(--f5-gold)!important;background:#130d07!important;border:0!important;border-radius:2px!important;font-size:9px!important;font-weight:800!important}.news-category{display:block!important;color:var(--f5-muted)!important;font-size:8px!important;text-transform:uppercase!important;letter-spacing:.12em!important}.news-title-wrap h2{margin:2px 0 0!important;padding:0!important;font-size:16px!important;line-height:1.25!important}.news-title-wrap h2 a{color:var(--f5-gold-2)!important}.news-header time{color:var(--f5-muted)!important;font-size:8px!important;text-transform:uppercase!important;white-space:nowrap!important}
.news-body{color:var(--f5-text)!important;font-size:12px!important;line-height:1.7!important}.news-body img,.news-body iframe,.news-body video,.news-body picture,.news-body object,.news-body embed{display:none!important}.news-body p{margin:0 0 10px!important}.news-footer{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin-top:13px!important;padding-top:10px!important;color:var(--f5-muted)!important;border-top:1px solid rgba(185,136,47,.07)!important;font-size:9px!important}.news-footer a{font-size:9px!important;text-transform:uppercase!important;letter-spacing:.05em!important}
.pagination-wrap{padding:20px 0!important;text-align:center!important}.pagination-wrap a,.pagination-wrap span{display:inline-flex!important;min-width:28px!important;min-height:28px!important;align-items:center!important;justify-content:center!important;margin:2px!important;padding:0 7px!important;background:#130d07!important;border:0!important;border-radius:2px!important;font-size:9px!important}

/* General inner pages and plugin content. */
#content table{width:100%!important;border-collapse:collapse!important;background:transparent!important}#content th{padding:10px!important;color:var(--f5-gold-2)!important;background:#130d07!important;border:1px solid rgba(185,136,47,.12)!important;font-size:9px!important;text-transform:uppercase!important}#content td{padding:10px!important;color:var(--f5-text)!important;background:transparent!important;border:1px solid rgba(185,136,47,.09)!important}#content tr:hover td{background:rgba(136,82,17,.05)!important}
#content form,#content .form{color:var(--f5-text)!important}.ui-widget-content,.modal-body,#select_server{color:var(--f5-text)!important;background:#100b06!important;border-color:var(--f5-line-strong)!important}.modal-header{background:#171006!important;border-bottom:1px solid var(--f5-line)!important}.modal-header h2{color:var(--f5-gold-2)!important}

/* Footer inspired by the supplied reference. */
.site-footer,#footer{
    position:relative!important;
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    color:var(--f5-muted)!important;
    background:linear-gradient(180deg,#0d0906 0%,#080503 100%)!important;
    border:0!important;
    border-top:1px solid rgba(185,136,47,.22)!important;
    border-radius:0!important;
    box-shadow:none!important;
}
.footer-navigation{
    min-height:52px!important;
    display:flex!important;align-items:center!important;justify-content:center!important;gap:30px!important;flex-wrap:wrap!important;
    padding:10px 20px!important;
    background:linear-gradient(180deg,#151006 0%,#0d0905 100%)!important;
    border-bottom:1px solid rgba(190,143,48,.36)!important;
    box-shadow:inset 0 -1px 0 rgba(0,0,0,.5)!important;
}
.footer-navigation a{color:var(--f5-yellow)!important;font-size:9px!important;font-weight:700!important;text-transform:uppercase!important}.footer-navigation a:hover{color:var(--f5-gold-2)!important;text-shadow:0 0 9px rgba(216,170,71,.28)!important}
.footer-bottom{min-height:92px!important;display:grid!important;grid-template-columns:1fr auto 1fr!important;align-items:center!important;gap:24px!important;padding:16px 22px!important}
#copyright{margin:0!important;padding:0!important;text-align:center!important}#copyright p{margin:2px 0!important;color:var(--f5-muted)!important;font-size:9px!important}#copyright p:first-child{color:var(--f5-gold)!important;font-weight:700!important}.footer-game-label{color:#7d6a3e!important}
.footer-side{display:flex!important;align-items:center!important;gap:8px!important}.footer-side-left{justify-content:flex-start!important}.footer-side-right{justify-content:flex-end!important}.footer-community-button{display:inline-flex!important;min-width:120px!important;min-height:30px!important;align-items:center!important;justify-content:center!important;color:var(--f5-yellow-soft)!important;background:#120c06!important;border:1px solid rgba(185,136,47,.30)!important;border-radius:4px!important;font-size:9px!important;text-transform:uppercase!important}.footer-community-button:hover{color:var(--f5-gold-2)!important;background:#1b1106!important;border-color:rgba(213,166,66,.50)!important;box-shadow:0 0 15px rgba(190,138,40,.14)!important}.footer-side-right a{width:26px!important;height:26px!important;display:grid!important;place-items:center!important;color:#806f48!important;background:#120c06!important;border:0!important;border-radius:50%!important;font-size:8px!important;font-weight:800!important}.footer-side-right a:hover{color:var(--f5-gold-2)!important;background:#211507!important}

#loading{color:var(--f5-gold-2)!important;background:#100b06!important;border-color:var(--f5-line)!important}

@media(max-width:1320px){
    .site-content-frame{grid-template-columns:245px minmax(0,1fr) 275px!important}
    .main-navigation>.nav{gap:12px!important}.main-navigation .nav>li>a{min-width:118px!important;padding:0 16px!important}
}
@media(max-width:1060px){
    .hero-scene{height:190px!important}.brand img{max-height:148px!important;max-width:290px!important}
    .site-content-frame{grid-template-columns:235px minmax(0,1fr)!important}
    .inner-sidebar,#sidebar{grid-column:1/-1!important;display:grid!important;grid-template-columns:1fr 1fr!important;border-left:0!important;border-top:1px solid var(--f5-line)!important}
    #sidebar>.portal-panel:first-child{border-right:1px solid var(--f5-line)!important}
    .nav-toggle{display:block!important}.navigation-row{justify-content:flex-end!important;padding-bottom:22px!important}.main-navigation>.nav{position:absolute!important;top:calc(100% - 10px)!important;left:18px!important;right:18px!important;display:none!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;padding:10px!important;background:#0d0905!important;border:1px solid var(--f5-line-strong)!important;box-shadow:0 26px 55px rgba(0,0,0,.72)!important}.main-navigation.is-open>.nav{display:grid!important}.main-navigation .nav>li>a{min-width:0!important;width:100%!important}.main-navigation .effect{position:static!important;display:none!important;opacity:1!important;visibility:visible!important;transform:none!important;margin-top:5px!important;box-shadow:none!important}.main-navigation .has-submenu.submenu-open>.effect{display:block!important}
}
@media(max-width:760px){
    #wrapper.site-shell,#wrapper{width:100%!important;margin:0!important;border-left:0!important;border-right:0!important}
    .hero-scene{height:165px!important}.brand img{max-height:126px!important;max-width:250px!important}
    .navigation-row{min-height:68px!important;padding:10px 14px 22px!important}.navigation-row:after{left:3%;right:3%}
    .site-content-frame{display:flex!important;flex-direction:column!important;min-height:0!important}
    .site-content-frame>#content{order:1!important}.left-rail{order:2!important;border-right:0!important;border-top:1px solid var(--f5-line)!important}.inner-sidebar,#sidebar{order:3!important;display:block!important;border-top:1px solid var(--f5-line)!important}.inner-sidebar,#sidebar,#sidebar>.portal-panel:first-child{border-right:0!important;border-left:0!important}
    .content-section-heading{min-height:58px!important;padding:0 15px!important}.news-stream,#content_center,.box-style1 .entry,.box-style2 .entry,.box-style1 .content,.box-style2 .content{padding:0 15px!important}.news-item{padding:17px 0!important}.news-header{grid-template-columns:28px minmax(0,1fr)!important}.news-header time{display:none!important}.news-index{width:26px!important;height:26px!important}.news-title-wrap h2{font-size:14px!important}
    .footer-navigation{gap:14px!important}.footer-bottom{grid-template-columns:1fr!important;gap:12px!important;text-align:center!important}.footer-side-left,.footer-side-right{justify-content:center!important}
}
@media(max-width:440px){
    .main-navigation>.nav{grid-template-columns:1fr!important}.hero-scene{height:145px!important}.brand img{max-height:108px!important;max-width:220px!important}.portal-panel-title{padding:0 13px!important}.portal-panel-body{padding:12px 13px 14px!important}.account-links-grid{grid-template-columns:1fr!important}.news-footer{align-items:flex-start!important;flex-direction:column!important}.footer-navigation{justify-content:flex-start!important;padding-left:14px!important}
}


/* ========================================================================== 
   Fate MU — Golden Glossy v6
   Final overrides: one-color page, seamless header/menu, glossy controls,
   one rounded content frame, separate rounded footer.
   ========================================================================== */
:root{
    --f6-page:#080503;
    --f6-surface:#100a05;
    --f6-surface-deep:#0b0704;
    --f6-surface-light:#171006;
    --f6-gold:#c99a3e;
    --f6-gold-bright:#efca70;
    --f6-yellow:#d9b965;
    --f6-line:rgba(204,151,51,.25);
    --f6-line-strong:rgba(224,177,73,.48);
}

html,body{
    background:var(--f6-page)!important;
}
body{
    background-image:none!important;
}

/* No vertical rails, no wrapper canvas, no different color at the page sides. */
#wrapper.site-shell,#wrapper{
    width:100%!important;
    max-width:none!important;
    min-height:100vh!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    background:var(--f6-page)!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
}

/* Header and menu are one uninterrupted surface, ready for a future image. */
.site-header{
    width:min(calc(100% - 32px),1540px)!important;
    margin:0 auto!important;
    background:var(--f6-page)!important;
    border:0!important;
    box-shadow:none!important;
}
.hero-scene{
    height:220px!important;
    background:var(--f6-page)!important;
    border:0!important;
    box-shadow:none!important;
}
.hero-scene:before,.hero-scene:after{
    display:none!important;
}
.brand:before{
    width:470px!important;
    height:180px!important;
    opacity:.75!important;
    background:radial-gradient(ellipse,rgba(213,158,54,.17),rgba(153,91,18,.055) 42%,transparent 72%)!important;
    filter:blur(11px)!important;
}
.brand img{
    filter:sepia(.09) saturate(.98) drop-shadow(0 15px 24px rgba(0,0,0,.78)) drop-shadow(0 0 16px rgba(211,158,59,.17))!important;
}

/* No dark strip, line or diamond below the menu. */
.navigation-row{
    min-height:72px!important;
    padding:8px 26px 16px!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
}
.navigation-row:before,.navigation-row:after{
    display:none!important;
}
.main-navigation>.nav{
    gap:16px!important;
}

/* Glossy menu buttons without outlines. */
.main-navigation .nav>li>a{
    min-width:138px!important;
    min-height:45px!important;
    padding:0 22px!important;
    color:var(--f6-yellow)!important;
    background:
        linear-gradient(180deg,rgba(255,224,142,.11) 0%,rgba(255,224,142,.025) 39%,rgba(0,0,0,.08) 40%,rgba(0,0,0,.24) 100%),
        linear-gradient(180deg,#26180b 0%,#160d05 100%)!important;
    border:0!important;
    border-radius:7px!important;
    box-shadow:
        inset 0 1px 0 rgba(255,232,164,.15),
        inset 0 -1px 0 rgba(0,0,0,.72),
        0 8px 20px rgba(0,0,0,.38)!important;
    text-shadow:0 1px 2px #000,0 0 7px rgba(236,191,87,.10)!important;
}
.main-navigation .nav>li>a:before{
    inset:1px 1px 48% 1px!important;
    opacity:.55!important;
    border-radius:6px 6px 45% 45%!important;
    background:linear-gradient(180deg,rgba(255,237,179,.10),rgba(255,237,179,0))!important;
}
.main-navigation .nav>li>a:after{
    left:16%!important;
    right:16%!important;
    bottom:2px!important;
    height:1px!important;
    opacity:.28!important;
    background:linear-gradient(90deg,transparent,rgba(229,181,74,.72),transparent)!important;
    box-shadow:0 0 7px rgba(222,167,54,.26)!important;
}
.main-navigation .nav>li>a:hover,
.main-navigation .nav>li:hover>a,
.main-navigation .nav>li>a.is-active{
    color:#ffe19a!important;
    background:
        linear-gradient(180deg,rgba(255,235,170,.20) 0%,rgba(255,230,151,.055) 38%,rgba(0,0,0,.06) 39%,rgba(0,0,0,.18) 100%),
        linear-gradient(180deg,#3a250f 0%,#201205 100%)!important;
    box-shadow:
        inset 0 1px 0 rgba(255,241,196,.28),
        inset 0 -1px 0 rgba(0,0,0,.75),
        0 0 22px rgba(212,153,43,.24),
        0 11px 25px rgba(0,0,0,.48)!important;
    text-shadow:0 0 11px rgba(241,194,86,.48),0 1px 2px #000!important;
    transform:translateY(-2px)!important;
}

/* Main content is a separate, glossy, rounded frame. */
#page-wrapper{
    width:min(calc(100% - 32px),1540px)!important;
    margin:18px auto 30px!important;
    padding:0!important;
    background:transparent!important;
}
.site-content-frame{
    border:1px solid var(--f6-line)!important;
    border-radius:18px!important;
    overflow:hidden!important;
    background:
        linear-gradient(180deg,rgba(255,222,143,.035) 0%,rgba(255,222,143,0) 80px),
        linear-gradient(180deg,#120c07 0%,#0c0805 100%)!important;
    box-shadow:
        inset 0 1px 0 rgba(255,225,148,.075),
        inset 0 -1px 0 rgba(0,0,0,.75),
        0 20px 55px rgba(0,0,0,.42)!important;
}
.site-content-frame:before{
    background:
        linear-gradient(90deg,transparent,rgba(235,183,75,.035),transparent),
        radial-gradient(ellipse at 50% 0%,rgba(200,142,40,.075),transparent 38%)!important;
}
.left-rail,.inner-sidebar,#sidebar{
    background:linear-gradient(180deg,rgba(255,229,164,.012),rgba(0,0,0,.035))!important;
}
.left-rail{
    border-right:1px solid rgba(205,151,52,.18)!important;
}
.inner-sidebar,#sidebar{
    border-left:1px solid rgba(205,151,52,.18)!important;
}

/* Sections remain connected; only subtle separators identify them. */
.portal-panel,#sidebar>.box-style2,.left-rail>.box-style2{
    background:transparent!important;
    border-bottom:1px solid rgba(205,151,52,.13)!important;
    box-shadow:none!important;
}
.portal-panel:hover{
    background:linear-gradient(90deg,rgba(197,132,31,.075),rgba(197,132,31,.018) 58%,transparent)!important;
}

/* Stronger, glossy module titles that immediately catch the eye. */
.portal-panel-title{
    position:relative!important;
    min-height:54px!important;
    padding:0 17px 0 20px!important;
    overflow:hidden!important;
    background:
        linear-gradient(180deg,rgba(255,228,156,.075),rgba(255,228,156,0) 48%),
        linear-gradient(90deg,rgba(179,111,25,.24),rgba(113,65,13,.075) 66%,transparent)!important;
    border-bottom:1px solid rgba(221,168,67,.24)!important;
    box-shadow:inset 0 1px 0 rgba(255,228,151,.07)!important;
}
.portal-panel-title:before{
    content:""!important;
    position:absolute!important;
    left:0!important;
    top:0!important;
    bottom:0!important;
    width:3px!important;
    display:block!important;
    background:linear-gradient(180deg,transparent,var(--f6-gold-bright),#9b641d,transparent)!important;
    box-shadow:0 0 12px rgba(231,179,70,.38)!important;
}
.portal-panel-title:after{
    content:""!important;
    position:absolute!important;
    left:18px!important;
    right:18px!important;
    bottom:0!important;
    height:1px!important;
    display:block!important;
    background:linear-gradient(90deg,rgba(239,196,97,.55),rgba(204,144,43,.10),transparent)!important;
}
.portal-panel-title .panel-mark{
    width:10px!important;
    height:10px!important;
    flex:0 0 10px!important;
    transform:rotate(45deg)!important;
    border-radius:2px!important;
    background:linear-gradient(135deg,#ffe09a,#a66b1d)!important;
    box-shadow:0 0 11px rgba(232,181,77,.42)!important;
}
.portal-panel-title h2{
    color:#f0c96d!important;
    font-size:11px!important;
    letter-spacing:.12em!important;
    text-shadow:0 1px 2px #000,0 0 9px rgba(230,177,66,.24)!important;
}
.portal-panel-title .panel-link{
    color:#b79a58!important;
}
.portal-panel-title .panel-link:hover{
    color:#f2cc73!important;
    text-shadow:0 0 8px rgba(230,180,73,.35)!important;
}
.portal-panel-body{
    background:linear-gradient(180deg,rgba(255,229,166,.012),transparent 34px)!important;
}

/* Main content heading uses the same visual language. */
.content-section-heading,.box-style1 .title,.box-style2 .title{
    position:relative!important;
    min-height:66px!important;
    background:
        linear-gradient(180deg,rgba(255,229,162,.06),rgba(255,229,162,0) 50%),
        linear-gradient(90deg,rgba(169,105,23,.20),rgba(102,59,12,.055) 70%,transparent)!important;
    border-bottom:1px solid rgba(218,164,64,.22)!important;
    box-shadow:inset 0 1px 0 rgba(255,227,151,.06)!important;
}
.content-section-heading:before,.box-style1 .title:before,.box-style2 .title:before{
    content:""!important;
    position:absolute!important;
    left:0!important;
    top:13px!important;
    bottom:13px!important;
    width:3px!important;
    background:linear-gradient(180deg,transparent,#edc568,transparent)!important;
    box-shadow:0 0 11px rgba(231,177,65,.34)!important;
}

/* Inputs and action buttons also receive a light glossy finish. */
.input-main,input[type=text],input[type=password],input[type=email],input[type=number],select,textarea{
    background:
        linear-gradient(180deg,rgba(255,229,166,.026),transparent 45%),
        #090604!important;
    border-color:rgba(198,145,47,.28)!important;
    border-radius:7px!important;
    box-shadow:inset 0 1px 0 rgba(255,228,159,.045),inset 0 2px 9px rgba(0,0,0,.50)!important;
}
.portal-button,input[type=submit],button[type=submit],.button-style,.button{
    border-radius:7px!important;
    background:
        linear-gradient(180deg,rgba(255,246,204,.24) 0%,rgba(255,246,204,.055) 40%,rgba(0,0,0,.05) 41%),
        linear-gradient(180deg,#d3ac58,#9e7029)!important;
    box-shadow:inset 0 1px 0 rgba(255,249,218,.40),inset 0 -1px 0 rgba(68,38,5,.45),0 8px 20px rgba(0,0,0,.35)!important;
}

/* Footer is a separate rounded block, not attached to the main content. */
.site-footer,#footer{
    width:min(calc(100% - 32px),1540px)!important;
    margin:0 auto 26px!important;
    overflow:hidden!important;
    background:
        linear-gradient(180deg,rgba(255,227,153,.035),rgba(255,227,153,0) 56px),
        linear-gradient(180deg,#110b06 0%,#0a0704 100%)!important;
    border:1px solid rgba(203,149,50,.23)!important;
    border-radius:16px!important;
    box-shadow:inset 0 1px 0 rgba(255,226,150,.06),0 17px 42px rgba(0,0,0,.36)!important;
}
.footer-navigation{
    background:linear-gradient(180deg,rgba(255,227,157,.045),rgba(255,227,157,0)),#120c07!important;
    border-bottom:1px solid rgba(202,147,48,.22)!important;
}
.footer-community-button{
    border-radius:7px!important;
    background:linear-gradient(180deg,rgba(255,229,166,.06),transparent),#171006!important;
    box-shadow:inset 0 1px 0 rgba(255,231,170,.065),0 6px 16px rgba(0,0,0,.30)!important;
}
.footer-side-right a{
    background:linear-gradient(180deg,rgba(255,229,166,.07),transparent),#171006!important;
    box-shadow:inset 0 1px 0 rgba(255,231,170,.055),0 5px 13px rgba(0,0,0,.28)!important;
}

@media(max-width:1060px){
    .main-navigation>.nav{
        background:linear-gradient(180deg,#171006,#0e0905)!important;
        border-radius:12px!important;
    }
}
@media(max-width:760px){
    .site-header,#page-wrapper,.site-footer,#footer{
        width:calc(100% - 20px)!important;
    }
    #wrapper.site-shell,#wrapper{
        width:100%!important;
        border:0!important;
    }
    .site-content-frame{
        border-radius:14px!important;
    }
    .left-rail,.inner-sidebar,#sidebar{
        border-left:0!important;
        border-right:0!important;
    }
}

/* ========================================================================
   FATE GOLDEN PORTAL V7
   Fixes legacy Season6 page ornaments, restores the menu divider and turns
   the layout into one outer portal with separated, illuminated inner panels.
   ======================================================================== */
:root{
    --f7-page:#0b0704;
    --f7-frame-top:#1b1209;
    --f7-frame-bottom:#100a06;
    --f7-panel-top:#21170c;
    --f7-panel-mid:#181006;
    --f7-panel-bottom:#110b06;
    --f7-panel-hover:#281a0b;
    --f7-gold:#c99639;
    --f7-gold-bright:#f0ca70;
    --f7-gold-soft:#d2b568;
    --f7-text:#ddcfa9;
    --f7-muted:#9b8962;
    --f7-line:rgba(204,151,51,.30);
    --f7-line-hot:rgba(238,190,88,.62);
}

html,body{
    background:var(--f7-page)!important;
}
body{
    background:
        radial-gradient(ellipse at 50% -180px,rgba(167,105,25,.12),transparent 39%),
        linear-gradient(180deg,#0c0805 0%,#090603 100%)!important;
}

/* Keep the header ready for the user's future background artwork. */
.site-header,.hero-scene,.navigation-row{
    background-color:transparent!important;
}

/* Restore the decorative gold divider below the menu. */
.navigation-row{
    min-height:82px!important;
    padding:8px 26px 30px!important;
}
.navigation-row:after{
    content:""!important;
    position:absolute!important;
    display:block!important;
    left:4%!important;
    right:4%!important;
    bottom:11px!important;
    height:1px!important;
    background:linear-gradient(90deg,transparent 0%,rgba(145,91,19,.28) 8%,rgba(210,157,54,.78) 35%,var(--f7-gold-bright) 50%,rgba(210,157,54,.78) 65%,rgba(145,91,19,.28) 92%,transparent 100%)!important;
    box-shadow:0 0 12px rgba(211,157,53,.28)!important;
    opacity:1!important;
}
.navigation-row:before{
    content:""!important;
    position:absolute!important;
    display:block!important;
    z-index:4!important;
    left:50%!important;
    bottom:6px!important;
    width:10px!important;
    height:10px!important;
    transform:translateX(-50%) rotate(45deg)!important;
    background:linear-gradient(135deg,#ffe29a 0%,#c38b2d 52%,#71440f 100%)!important;
    border:1px solid rgba(255,226,151,.66)!important;
    border-radius:1px!important;
    box-shadow:0 0 13px rgba(232,181,76,.55),0 0 0 4px rgba(111,67,14,.10)!important;
    opacity:1!important;
}

/* More pronounced glass-and-metal menu finish. */
.main-navigation .nav>li>a{
    background:
        linear-gradient(180deg,rgba(255,238,187,.23) 0%,rgba(255,228,153,.075) 24%,rgba(255,255,255,.015) 43%,rgba(0,0,0,.16) 44%,rgba(0,0,0,.32) 100%),
        linear-gradient(180deg,#34230f 0%,#1b1006 100%)!important;
    box-shadow:
        inset 0 1px 0 rgba(255,244,205,.34),
        inset 0 -1px 0 rgba(43,24,4,.80),
        0 9px 22px rgba(0,0,0,.42),
        0 0 0 1px rgba(180,123,31,.10)!important;
}
.main-navigation .nav>li>a:before{
    display:block!important;
    inset:1px 2px 52% 2px!important;
    opacity:.78!important;
    background:linear-gradient(180deg,rgba(255,246,214,.18),rgba(255,235,177,.015))!important;
}
.main-navigation .nav>li>a:hover,
.main-navigation .nav>li:hover>a,
.main-navigation .nav>li>a.is-active{
    background:
        linear-gradient(180deg,rgba(255,245,211,.32) 0%,rgba(255,229,157,.12) 28%,rgba(255,255,255,.018) 44%,rgba(0,0,0,.10) 45%,rgba(0,0,0,.24) 100%),
        linear-gradient(180deg,#4a3214 0%,#251506 100%)!important;
    box-shadow:
        inset 0 1px 0 rgba(255,249,220,.48),
        inset 0 -1px 0 rgba(49,27,4,.82),
        0 0 26px rgba(220,158,44,.28),
        0 12px 27px rgba(0,0,0,.50)!important;
}

/* One common outer portal, with independent panels inside it. */
#page-wrapper{
    margin-top:18px!important;
}
.site-content-frame{
    grid-template-columns:270px minmax(0,1fr) 300px!important;
    gap:18px!important;
    padding:18px!important;
    overflow:visible!important;
    background:
        linear-gradient(180deg,rgba(255,229,163,.055) 0%,rgba(255,229,163,0) 110px),
        radial-gradient(ellipse at 50% 0%,rgba(179,112,25,.10),transparent 45%),
        linear-gradient(180deg,var(--f7-frame-top) 0%,var(--f7-frame-bottom) 100%)!important;
    border:1px solid rgba(209,156,55,.34)!important;
    border-radius:18px!important;
    box-shadow:
        inset 0 1px 0 rgba(255,232,172,.11),
        inset 0 -1px 0 rgba(0,0,0,.72),
        0 22px 60px rgba(0,0,0,.46),
        0 0 36px rgba(154,91,16,.055)!important;
}
.site-content-frame:before{
    border-radius:18px!important;
    background:
        linear-gradient(90deg,transparent,rgba(242,191,92,.035),transparent),
        radial-gradient(ellipse at 50% 0%,rgba(216,155,44,.08),transparent 42%)!important;
}
.left-rail,.inner-sidebar,#sidebar{
    display:flex!important;
    flex-direction:column!important;
    gap:18px!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
}
.site-content-frame>#content{
    display:block!important;
    padding:0!important;
    background:transparent!important;
}

/* The visible modules are separate inside the shared outer portal. */
.portal-panel,
#sidebar>.box-style2,
.left-rail>.box-style2,
#content>#box1,
#content>.news-panel{
    position:relative!important;
    margin:0!important;
    overflow:hidden!important;
    background:
        linear-gradient(180deg,rgba(255,231,171,.060) 0%,rgba(255,231,171,.012) 68px,transparent 110px),
        radial-gradient(circle at 50% -30px,rgba(195,126,28,.11),transparent 48%),
        linear-gradient(180deg,var(--f7-panel-top) 0%,var(--f7-panel-mid) 42%,var(--f7-panel-bottom) 100%)!important;
    border:1px solid var(--f7-line)!important;
    border-radius:12px!important;
    box-shadow:
        inset 0 1px 0 rgba(255,231,170,.10),
        inset 0 -1px 0 rgba(0,0,0,.70),
        0 13px 30px rgba(0,0,0,.34)!important;
    transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease!important;
}
.portal-panel{
    width:100%!important;
    border-bottom:1px solid var(--f7-line)!important;
}
.portal-panel:last-child,
#sidebar>.box-style2:last-child,
.left-rail>.box-style2:last-child{
    border-bottom:1px solid var(--f7-line)!important;
}
.portal-panel:hover,
#sidebar>.box-style2:hover,
.left-rail>.box-style2:hover,
#content>#box1:hover,
#content>.news-panel:hover{
    transform:translateY(-2px)!important;
    border-color:rgba(232,180,79,.48)!important;
    background:
        linear-gradient(180deg,rgba(255,235,183,.078) 0%,rgba(255,235,183,.018) 72px,transparent 120px),
        radial-gradient(circle at 50% -20px,rgba(212,145,37,.15),transparent 50%),
        linear-gradient(180deg,#281a0c 0%,#1a1108 43%,#120b06 100%)!important;
    box-shadow:
        inset 0 1px 0 rgba(255,237,187,.15),
        inset 0 -1px 0 rgba(0,0,0,.72),
        0 0 26px rgba(205,139,35,.10),
        0 17px 38px rgba(0,0,0,.42)!important;
}

/* Full-width, glossy and consistent module headings. */
.portal-panel-title{
    min-height:55px!important;
    padding:0 17px!important;
    overflow:hidden!important;
    background:
        linear-gradient(180deg,rgba(255,244,211,.17) 0%,rgba(255,226,151,.045) 35%,rgba(0,0,0,.035) 36%,rgba(0,0,0,.20) 100%),
        linear-gradient(90deg,#3a260f 0%,#261707 60%,#1a1006 100%)!important;
    border:0!important;
    border-radius:11px 11px 0 0!important;
    box-shadow:inset 0 1px 0 rgba(255,244,204,.22)!important;
}
.portal-panel-title:before{
    left:0!important;
    top:0!important;
    bottom:0!important;
    width:3px!important;
}
.portal-panel-title:after{
    left:0!important;
    right:0!important;
    bottom:0!important;
    height:1px!important;
    background:linear-gradient(90deg,rgba(243,198,100,.78),rgba(211,152,50,.30) 42%,rgba(146,88,18,.10) 76%,transparent 100%)!important;
    box-shadow:0 0 10px rgba(221,165,61,.20)!important;
}
.portal-panel-title h2{
    color:var(--f7-gold-bright)!important;
    font-family:Georgia,"Times New Roman",serif!important;
    font-size:12px!important;
    font-weight:700!important;
    letter-spacing:.075em!important;
    line-height:1.1!important;
    text-shadow:0 1px 0 rgba(0,0,0,.95),0 0 10px rgba(232,181,78,.18)!important;
    -webkit-text-stroke:0!important;
}
.portal-panel-title .panel-link{
    color:#c8aa65!important;
}
.portal-panel-body{
    padding:15px 17px 18px!important;
    background:linear-gradient(180deg,rgba(255,232,174,.018),transparent 42px)!important;
}

/* Remove every remaining legacy Season6 page ribbon and white text shadow. */
#content .title1,
#content .title2{
    position:relative!important;
    left:auto!important;
    top:auto!important;
    width:auto!important;
    height:auto!important;
    min-height:66px!important;
    display:flex!important;
    align-items:center!important;
    margin:0!important;
    padding:0 22px!important;
    overflow:hidden!important;
    background:
        linear-gradient(180deg,rgba(255,244,207,.17) 0%,rgba(255,226,151,.045) 38%,rgba(0,0,0,.04) 39%,rgba(0,0,0,.19) 100%),
        linear-gradient(90deg,#3a260f 0%,#251607 68%,#170e05 100%)!important;
    border:0!important;
    border-radius:11px 11px 0 0!important;
    box-shadow:inset 0 1px 0 rgba(255,243,202,.20)!important;
}
#content .title1:before,
#content .title2:before{
    content:""!important;
    position:absolute!important;
    left:0!important;
    top:0!important;
    bottom:0!important;
    width:3px!important;
    background:linear-gradient(180deg,transparent,#f1c96e,transparent)!important;
    box-shadow:0 0 11px rgba(235,183,79,.38)!important;
}
#content .title1:after,
#content .title2:after{
    content:""!important;
    position:absolute!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    height:1px!important;
    background:linear-gradient(90deg,rgba(243,198,100,.78),rgba(211,152,50,.28) 48%,transparent 100%)!important;
}
#content .title1 h1,
#content .title1 h2,
#content .title2 h1,
#content .title2 h2{
    margin:0!important;
    padding:0!important;
    color:var(--f7-gold-bright)!important;
    font-family:Georgia,"Times New Roman",serif!important;
    font-size:17px!important;
    font-weight:700!important;
    line-height:1.2!important;
    letter-spacing:.055em!important;
    text-transform:uppercase!important;
    text-shadow:0 1px 0 rgba(0,0,0,.96),0 0 11px rgba(235,184,79,.15)!important;
    -webkit-text-stroke:0!important;
}

/* Inner page section headings. This selector targets the h2.title itself. */
#content .box-style1,
#content .box-style2{
    margin:0!important;
    overflow:visible!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
}
#content .box-style1>.title,
#content .box-style2>.title,
#content h1.title,
#content h2.title,
#content h3.title{
    position:relative!important;
    min-height:58px!important;
    display:flex!important;
    align-items:center!important;
    margin:0!important;
    padding:0 22px!important;
    overflow:hidden!important;
    color:#e8c56f!important;
    background:
        linear-gradient(180deg,rgba(255,242,200,.11),rgba(255,224,147,.025) 43%,rgba(0,0,0,.10) 44%),
        linear-gradient(90deg,rgba(126,78,18,.28),rgba(75,43,9,.10) 72%,transparent)!important;
    border:0!important;
    border-bottom:1px solid rgba(214,160,60,.30)!important;
    font-family:Georgia,"Times New Roman",serif!important;
    font-size:18px!important;
    font-weight:700!important;
    line-height:1.2!important;
    text-shadow:0 1px 0 rgba(0,0,0,.96),0 0 10px rgba(234,183,77,.14)!important;
    -webkit-text-stroke:0!important;
}
#content .box-style1>.title:after,
#content .box-style2>.title:after,
#content h1.title:after,
#content h2.title:after,
#content h3.title:after{
    content:""!important;
    position:absolute!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    height:1px!important;
    background:linear-gradient(90deg,rgba(239,193,94,.66),rgba(192,132,37,.20) 54%,transparent)!important;
}
#content .box-style1>.entry,
#content .box-style2>.entry,
#content .box-style1>.content,
#content .box-style2>.content{
    margin:0!important;
    padding:22px!important;
    background:none!important;
}

/* Home news header gets the same complete glossy bar. */
.content-section-heading{
    min-height:66px!important;
    padding:0 22px!important;
    overflow:hidden!important;
    background:
        linear-gradient(180deg,rgba(255,244,209,.16) 0%,rgba(255,227,154,.04) 39%,rgba(0,0,0,.035) 40%,rgba(0,0,0,.19) 100%),
        linear-gradient(90deg,#3a260f 0%,#251607 66%,#170e05 100%)!important;
    border:0!important;
    border-radius:11px 11px 0 0!important;
    box-shadow:inset 0 1px 0 rgba(255,243,202,.20)!important;
}
.content-section-heading:after{
    content:""!important;
    position:absolute!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    height:1px!important;
    background:linear-gradient(90deg,rgba(243,198,100,.78),rgba(211,152,50,.28) 48%,transparent 100%)!important;
}
.content-section-heading h1{
    color:var(--f7-gold-bright)!important;
    font-family:Georgia,"Times New Roman",serif!important;
    text-shadow:0 1px 0 rgba(0,0,0,.96),0 0 11px rgba(235,184,79,.16)!important;
    -webkit-text-stroke:0!important;
}
.news-stream,#content_center{
    padding:5px 22px 22px!important;
}

/* Explicitly neutralize legacy image ornaments that can leak into plugins. */
#content .title1,
#content .title2,
#content .box-style1 .entry,
#content .box-style3 .entry,
#content .box-style4 .entry,
#wide-content .entry{
    background-image:none!important;
}
#content .box-style1 .title,
#content .box-style4 .title{
    text-shadow:0 1px 0 rgba(0,0,0,.96),0 0 10px rgba(234,183,77,.14)!important;
}

@media(max-width:1220px){
    .site-content-frame{
        grid-template-columns:245px minmax(0,1fr) 270px!important;
        gap:14px!important;
        padding:14px!important;
    }
}
@media(max-width:1000px){
    .site-content-frame{
        grid-template-columns:230px minmax(0,1fr)!important;
    }
    .inner-sidebar,#sidebar{
        grid-column:1/-1!important;
        display:grid!important;
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:14px!important;
        border:0!important;
    }
}
@media(max-width:760px){
    .navigation-row{
        padding-bottom:29px!important;
    }
    .site-content-frame{
        display:flex!important;
        flex-direction:column!important;
        gap:12px!important;
        padding:12px!important;
        border-radius:14px!important;
    }
    .left-rail,.inner-sidebar,#sidebar{
        display:flex!important;
        flex-direction:column!important;
        gap:12px!important;
    }
    .portal-panel-title,
    #content .title1,
    #content .title2,
    .content-section-heading{
        border-radius:10px 10px 0 0!important;
    }
}

/* ========================================================================== 
   Fate Golden Portal V8 — layout and readability corrections
   ========================================================================== */
:root{
    --v8-page:#070706;
    --v8-frame:#0d0d0b;
    --v8-frame-top:#12110e;
    --v8-panel:#12110e;
    --v8-panel-top:#1a1711;
    --v8-panel-hover:#1d1912;
    --v8-gold:#d6a94d;
    --v8-gold-bright:#f0ca72;
    --v8-gold-soft:#b89551;
    --v8-text:#ded0ad;
    --v8-muted:#a79368;
    --v8-line:rgba(210,158,59,.32);
}

/* Neutral dark base: remove the strong brown cast. */
html,body{
    background:var(--v8-page)!important;
}
body{
    background:
        radial-gradient(ellipse at 50% -180px,rgba(136,91,25,.07),transparent 38%),
        linear-gradient(180deg,#090908 0%,#060605 100%)!important;
    color:var(--v8-text)!important;
}
#wrapper.site-shell,#wrapper{
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
}

/* The page height now follows real content instead of old Season6 1300px rules. */
#page-wrapper,#page,.container,.site-content-frame,
.site-content-frame>#content,#content,#wide-content,
.left-rail,.inner-sidebar,#sidebar{
    min-height:0!important;
    height:auto!important;
}
#content,#wide-content{
    float:none!important;
}
#page-wrapper{
    padding-bottom:0!important;
}
.site-content-frame{
    align-items:start!important;
    min-height:0!important;
    background:
        linear-gradient(180deg,rgba(255,228,159,.025),transparent 130px),
        linear-gradient(180deg,var(--v8-frame-top),var(--v8-frame))!important;
    border-color:rgba(210,158,59,.28)!important;
    box-shadow:
        inset 0 1px 0 rgba(255,239,193,.065),
        0 18px 48px rgba(0,0,0,.42)!important;
}
.site-content-frame>#content,
.left-rail,.inner-sidebar,#sidebar{
    align-self:start!important;
}

/* Darker panels with a controlled glow — not an aggressive brown fill. */
.portal-panel,
#sidebar>.box-style2,
.left-rail>.box-style2,
#content>#box1,
#content>.news-panel{
    background:
        linear-gradient(180deg,rgba(255,232,173,.035),transparent 78px),
        linear-gradient(180deg,var(--v8-panel-top) 0%,var(--v8-panel) 46%,#0e0d0b 100%)!important;
    border-color:var(--v8-line)!important;
    box-shadow:
        inset 0 1px 0 rgba(255,237,188,.08),
        inset 0 -1px 0 rgba(0,0,0,.72),
        0 11px 27px rgba(0,0,0,.34)!important;
}
.portal-panel:hover,
#sidebar>.box-style2:hover,
.left-rail>.box-style2:hover,
#content>#box1:hover,
#content>.news-panel:hover{
    background:
        linear-gradient(180deg,rgba(255,235,181,.055),transparent 86px),
        linear-gradient(180deg,#211c13 0%,var(--v8-panel-hover) 48%,#12100c 100%)!important;
    border-color:rgba(231,183,84,.48)!important;
    box-shadow:
        inset 0 1px 0 rgba(255,240,199,.12),
        0 0 24px rgba(201,143,42,.09),
        0 15px 34px rgba(0,0,0,.39)!important;
}

/* Glossy headings with clean, non-duplicated text. */
.portal-panel-title,
.content-section-heading,
#content .title1,
#content .title2{
    background:
        linear-gradient(180deg,rgba(255,246,215,.18) 0%,rgba(255,226,148,.055) 36%,rgba(0,0,0,.05) 37%,rgba(0,0,0,.24) 100%),
        linear-gradient(90deg,#34230f 0%,#211609 62%,#15110b 100%)!important;
    border-bottom:1px solid rgba(224,174,73,.36)!important;
    box-shadow:inset 0 1px 0 rgba(255,242,202,.20)!important;
}
.portal-panel-title:after,
.content-section-heading:after,
#content .title1:after,
#content .title2:after{
    left:0!important;
    right:0!important;
    width:auto!important;
    background:linear-gradient(90deg,rgba(245,201,106,.74),rgba(203,145,44,.30) 55%,rgba(203,145,44,.08) 88%,transparent)!important;
}
.portal-panel-title h2,
.content-section-heading h1,
#content .title1 h1,#content .title1 h2,
#content .title2 h1,#content .title2 h2,
#content .box-style1>.title,#content .box-style2>.title,
#content h1.title,#content h2.title,#content h3.title{
    color:var(--v8-gold-bright)!important;
    text-shadow:0 1px 1px rgba(0,0,0,.95)!important;
    -webkit-text-stroke:0!important;
    filter:none!important;
}
/* Kill the inherited white emboss that looked like duplicated lettering. */
#content h1,#content h2,#content h3,#content h4,#content h5,#content h6,
#content a,#content p,#content span,#content td,#content th,
.portal-panel h1,.portal-panel h2,.portal-panel h3,.portal-panel a,
.portal-panel span,.portal-panel td,.portal-panel th{
    -webkit-text-stroke:0!important;
}

/* Server state: red when offline, green when online. */
.server-status-row.is-on .server-status-dot{
    background:#55c978!important;
    box-shadow:0 0 0 3px rgba(85,201,120,.12),0 0 10px rgba(85,201,120,.48)!important;
}
.server-status-row.is-off .server-status-dot{
    background:#d45555!important;
    box-shadow:0 0 0 3px rgba(212,85,85,.11),0 0 10px rgba(212,85,85,.40)!important;
}
.server-status-row.is-on .server-status-online,
.server-status-row.is-on .server-status-online b{
    color:#70dd91!important;
}
.server-status-row.is-off .server-status-online,
.server-status-row.is-off .server-status-online b{
    color:#ef7474!important;
}
.server-status-name{font-size:12px!important}
.server-status-online{font-size:10px!important;font-weight:800!important;letter-spacing:.035em!important}

/* Larger, clearer ranking and event text. */
.ranking-output{font-size:12px!important}
.ranking-output table{table-layout:auto!important}
.ranking-output th{
    padding:9px 5px!important;
    color:#d5bc7c!important;
    background:rgba(119,78,21,.12)!important;
    border-bottom:1px solid rgba(219,166,66,.22)!important;
    font-size:9.5px!important;
    font-weight:800!important;
    letter-spacing:.055em!important;
}
.ranking-output td{
    padding:9px 5px!important;
    color:#dfd0a9!important;
    font-size:11.5px!important;
}
.ranking-output td a{font-size:11.5px!important;color:#e2b957!important}
.ranking-output sup,.ranking-output sub{font-size:8px!important}

/* Server selector buttons below rankings match the gold Login button. */
.ranking-switches{
    gap:7px!important;
    padding-top:13px!important;
}
.ranking-switches a{
    min-height:32px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0 13px!important;
    color:#211505!important;
    background:
        linear-gradient(180deg,rgba(255,247,211,.25),rgba(255,226,151,.04) 38%,rgba(0,0,0,.08) 39%),
        linear-gradient(180deg,#ddb95f,#aa7928)!important;
    border:1px solid rgba(244,206,119,.44)!important;
    border-radius:5px!important;
    box-shadow:inset 0 1px 0 rgba(255,247,215,.38),0 7px 15px rgba(0,0,0,.28)!important;
    font-size:9.5px!important;
    font-weight:900!important;
    letter-spacing:.07em!important;
    text-shadow:none!important;
}
.ranking-switches a:hover,
.ranking-switches a.active{
    color:#160e03!important;
    background:
        linear-gradient(180deg,rgba(255,251,228,.33),rgba(255,232,167,.07) 38%,rgba(0,0,0,.06) 39%),
        linear-gradient(180deg,#edcb76,#bd8b35)!important;
    box-shadow:inset 0 1px 0 rgba(255,250,224,.50),0 0 18px rgba(222,167,63,.24),0 8px 18px rgba(0,0,0,.33)!important;
}

/* Make old module buttons consistent everywhere. */
#content .button-style,#content .button,#content button[type=submit],#content input[type=submit],
#sidebar .button-style,#sidebar .button,#sidebar button[type=submit],#sidebar input[type=submit],
.portal-button{
    color:#1b1104!important;
    background:
        linear-gradient(180deg,rgba(255,248,218,.26),rgba(255,229,157,.04) 38%,rgba(0,0,0,.08) 39%),
        linear-gradient(180deg,#ddb95f,#aa7928)!important;
    border:1px solid rgba(244,206,119,.42)!important;
    border-radius:5px!important;
    text-shadow:none!important;
}

.event-timer-list>div,.event-timer-list li,
#events>div,#events li{
    min-height:40px!important;
    padding:9px 0!important;
    color:#ddcda6!important;
    font-size:11.5px!important;
}
.event-timer-list b,.event-timer-list strong,.event-timer-list span,
#events b,#events strong,#events span,
#events .time,#events .event-time,#events [class*=time]{
    color:#e7b94f!important;
    opacity:1!important;
    font-size:11px!important;
    font-weight:800!important;
}

/* Home news: remove 01/02 badges and use the full width cleanly. */
.news-index{display:none!important}
.news-header{
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:14px!important;
}
.news-title-wrap h2{font-size:18px!important}
.news-category{color:#b89a5a!important;font-size:9px!important}
.news-body{font-size:13px!important;line-height:1.72!important}
.news-item{padding:22px 0!important}

/* Read-more page rebuilt without old ribbons and fixed 600px containers. */
.news-detail-panel{overflow:hidden!important}
.news-detail-wrap{
    width:100%!important;
    margin:0!important;
    padding:0!important;
}
.news-detail-article{width:100%!important;margin:0!important;padding:0!important}
.news-detail-header{
    padding:25px 26px 22px!important;
    background:
        linear-gradient(180deg,rgba(255,240,196,.08),transparent 100%),
        linear-gradient(90deg,rgba(128,82,20,.17),transparent 74%)!important;
    border-bottom:1px solid rgba(218,164,62,.25)!important;
}
.news-detail-kicker{
    display:block!important;
    margin-bottom:7px!important;
    color:#b99b5b!important;
    font-size:9px!important;
    font-weight:800!important;
    letter-spacing:.15em!important;
    text-transform:uppercase!important;
}
.news-detail-header h1{
    margin:0!important;
    color:var(--v8-gold-bright)!important;
    font-family:Georgia,"Times New Roman",serif!important;
    font-size:25px!important;
    line-height:1.25!important;
    text-shadow:0 1px 1px rgba(0,0,0,.95)!important;
}
.news-detail-meta{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:8px 20px!important;
    margin-top:13px!important;
    color:#ad986a!important;
    font-size:10px!important;
}
.news-detail-body{
    width:100%!important;
    padding:27px 28px 32px!important;
    color:#decfac!important;
    font-size:13px!important;
    line-height:1.75!important;
    overflow-wrap:anywhere!important;
}
.news-detail-body>*{max-width:100%}
.news-detail-body img,.news-detail-body iframe,.news-detail-body video,.news-detail-body table{
    max-width:100%!important;
}
.news-detail-body table{width:100%}
.news-detail-body h1,.news-detail-body h2,.news-detail-body h3{
    color:#e4bd63!important;
    text-shadow:none!important;
}

/* Pagination and old controls. */
#pagination a,#pagination span,.pagination a,.pagination span,.pagination-wrap a,.pagination-wrap span{
    min-width:32px!important;
    min-height:32px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0 10px!important;
    color:#d9ba72!important;
    background:linear-gradient(180deg,#25190b,#151008)!important;
    border:1px solid rgba(211,158,57,.28)!important;
    border-radius:5px!important;
    text-shadow:none!important;
}
#pagination a:hover,.pagination a:hover,.pagination-wrap a:hover,
#pagination .on,.pagination .active,.pagination-wrap .active{
    color:#211505!important;
    background:linear-gradient(180deg,#e0bb61,#ac7a29)!important;
}

@media(max-width:760px){
    .news-detail-header{padding:20px 17px 18px!important}
    .news-detail-header h1{font-size:20px!important}
    .news-detail-body{padding:21px 17px 25px!important;font-size:12.5px!important}
    .ranking-output th{font-size:9px!important}
    .ranking-output td,.ranking-output td a{font-size:11px!important}
}

/* ========================================================================== */
/* Fate Golden Portal V9 — final layout and readability corrections            */
/* ========================================================================== */
:root{
    --v9-page:#070706;
    --v9-frame:#0d0d0b;
    --v9-frame-top:#11100d;
    --v9-panel:#12110e;
    --v9-panel-top:#1a1711;
    --v9-panel-hover:#211c13;
    --v9-gold:#d7aa4f;
    --v9-gold-bright:#f0cd77;
    --v9-gold-deep:#9a6b24;
    --v9-text:#dfd2af;
    --v9-muted:#a69469;
    --v9-line:rgba(216,165,67,.30);
    --v9-line-strong:rgba(231,185,91,.48);
}

html,body{
    min-height:100%!important;
    background:var(--v9-page)!important;
}
body{
    background:
        radial-gradient(ellipse at 50% -220px,rgba(145,99,29,.065),transparent 38%),
        linear-gradient(180deg,#090908 0%,#060605 100%)!important;
    color:var(--v9-text)!important;
}
#wrapper.site-shell,#wrapper{
    width:100%!important;
    min-height:0!important;
    margin:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
}
.site-header,#page-wrapper,.site-footer{
    width:min(calc(100% - 34px),1540px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
}

/* No inherited fixed heights: the frame grows only with real content. */
#page-wrapper,#page,.container,.site-content-frame,
.site-content-frame>#content,#content,#wide-content,
.left-rail,.inner-sidebar,#sidebar,
#content>#box1,#content_center,
.portal-panel,.portal-panel-body,.ranking-body{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
}
#page-wrapper{margin-top:18px!important;margin-bottom:24px!important;padding:0!important}
#page{overflow:visible!important}

/* One common outer frame, with independent panels inside it. */
.site-content-frame{
    display:grid!important;
    grid-template-columns:minmax(245px,280px) minmax(0,1fr) minmax(270px,305px)!important;
    grid-auto-rows:max-content!important;
    align-items:start!important;
    gap:18px!important;
    padding:18px!important;
    overflow:visible!important;
    background:
        linear-gradient(180deg,rgba(255,238,187,.025),transparent 115px),
        linear-gradient(180deg,var(--v9-frame-top),var(--v9-frame))!important;
    border:1px solid rgba(208,155,54,.26)!important;
    border-radius:18px!important;
    box-shadow:inset 0 1px 0 rgba(255,239,196,.055),0 20px 52px rgba(0,0,0,.44)!important;
}
.site-content-frame:before{
    border-radius:inherit!important;
    background:radial-gradient(circle at 50% 0,rgba(199,145,43,.055),transparent 37%)!important;
}
.left-rail{grid-column:1!important;display:flex!important;flex-direction:column!important;gap:16px!important}
.site-content-frame>#content{grid-column:2!important;min-width:0!important;padding:0!important;margin:0!important}
.inner-sidebar,#sidebar{grid-column:3!important;display:flex!important;flex-direction:column!important;gap:16px!important;padding:0!important;margin:0!important}

/* Dark neutral panels, not the aggressive brown from the previous version. */
.portal-panel,#sidebar>.box-style2,.left-rail>.box-style2,
#content>#box1,#content>.news-panel,#content>.box-style1,#content>.box-style2,
#wide-content>.box-style1,#wide-content>.box-style2{
    position:relative!important;
    width:100%!important;
    margin:0!important;
    overflow:hidden!important;
    background:
        linear-gradient(180deg,rgba(255,237,185,.045),transparent 80px),
        linear-gradient(180deg,var(--v9-panel-top) 0%,var(--v9-panel) 46%,#0e0d0b 100%)!important;
    border:1px solid var(--v9-line)!important;
    border-radius:13px!important;
    box-shadow:inset 0 1px 0 rgba(255,239,198,.085),inset 0 -1px 0 rgba(0,0,0,.7),0 10px 26px rgba(0,0,0,.31)!important;
    transition:background .22s ease,border-color .22s ease,box-shadow .22s ease,transform .22s ease!important;
}
.portal-panel:hover,#sidebar>.box-style2:hover,.left-rail>.box-style2:hover,
#content>#box1:hover,#content>.news-panel:hover,#content>.box-style1:hover,#content>.box-style2:hover{
    background:
        linear-gradient(180deg,rgba(255,238,191,.065),transparent 90px),
        linear-gradient(180deg,#211d15 0%,var(--v9-panel-hover) 48%,#12100d 100%)!important;
    border-color:var(--v9-line-strong)!important;
    box-shadow:inset 0 1px 0 rgba(255,242,205,.13),0 0 26px rgba(205,149,45,.10),0 15px 34px rgba(0,0,0,.38)!important;
    transform:translateY(-1px)!important;
}
.portal-panel:last-child{margin-bottom:0!important}

/* Complete glossy headings with no missing line segments or duplicate emboss. */
.portal-panel-title,.content-section-heading,
#content .title1,#content .title2,
#content .box-style1>.title,#content .box-style2>.title,
#content h1.title,#content h2.title,#content h3.title{
    position:relative!important;
    left:auto!important;right:auto!important;top:auto!important;
    width:100%!important;
    min-height:56px!important;
    height:auto!important;
    margin:0!important;
    padding:0 18px!important;
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    overflow:hidden!important;
    color:var(--v9-gold-bright)!important;
    background:
        linear-gradient(180deg,rgba(255,247,218,.20) 0%,rgba(255,226,149,.065) 35%,rgba(0,0,0,.04) 36%,rgba(0,0,0,.25) 100%),
        linear-gradient(90deg,#34240f 0%,#211609 62%,#15110b 100%)!important;
    background-image:
        linear-gradient(180deg,rgba(255,247,218,.20) 0%,rgba(255,226,149,.065) 35%,rgba(0,0,0,.04) 36%,rgba(0,0,0,.25) 100%),
        linear-gradient(90deg,#34240f 0%,#211609 62%,#15110b 100%)!important;
    border:0!important;
    border-bottom:1px solid rgba(226,176,77,.37)!important;
    border-radius:12px 12px 0 0!important;
    box-shadow:inset 0 1px 0 rgba(255,244,207,.20)!important;
    text-indent:0!important;
}
.portal-panel-title:before,.content-section-heading:before,
#content .title1:before,#content .title2:before{
    content:""!important;
    position:absolute!important;
    left:0!important;top:0!important;bottom:0!important;
    width:4px!important;
    background:linear-gradient(180deg,#ffe39a,#c68c2e 55%,transparent)!important;
    box-shadow:0 0 14px rgba(229,176,75,.55)!important;
}
.portal-panel-title:after,.content-section-heading:after,
#content .title1:after,#content .title2:after,
#content .box-style1>.title:after,#content .box-style2>.title:after,
#content h1.title:after,#content h2.title:after,#content h3.title:after{
    content:""!important;
    position:absolute!important;
    left:0!important;right:0!important;bottom:0!important;
    width:auto!important;height:1px!important;
    background:linear-gradient(90deg,rgba(247,203,111,.78),rgba(205,147,45,.34) 58%,rgba(205,147,45,.09) 90%,transparent)!important;
}
.portal-panel-title .panel-mark{
    flex:0 0 auto!important;
    width:9px!important;height:9px!important;
    background:linear-gradient(135deg,#ffe092,#a36c20)!important;
    border:1px solid rgba(255,229,159,.52)!important;
    border-radius:2px!important;
    transform:rotate(45deg)!important;
    box-shadow:0 0 9px rgba(230,176,72,.42)!important;
}
.portal-panel-title h2,.content-section-heading h1,
#content .title1 h1,#content .title1 h2,#content .title2 h1,#content .title2 h2,
#content .box-style1>.title,#content .box-style2>.title,
#content h1.title,#content h2.title,#content h3.title{
    position:relative!important;
    width:auto!important;height:auto!important;
    margin:0!important;padding:0!important;
    color:var(--v9-gold-bright)!important;
    background:none!important;border:0!important;
    font-family:Georgia,"Times New Roman",serif!important;
    font-size:14px!important;font-weight:700!important;line-height:1.2!important;
    letter-spacing:.035em!important;text-transform:uppercase!important;
    text-shadow:0 1px 1px rgba(0,0,0,.95),0 0 10px rgba(218,166,64,.13)!important;
    -webkit-text-stroke:0!important;
    filter:none!important;
}
.portal-panel-title .panel-link{margin-left:auto!important;color:#ddbd6d!important;font-size:10px!important;font-weight:800!important}
.portal-panel-title .panel-link:hover{color:#ffe092!important;text-shadow:0 0 8px rgba(235,188,86,.4)!important}
.portal-panel-body,#sidebar>.box-style2>.entry,#content .box-style1>.entry,#content .box-style2>.entry{
    padding:16px 18px 18px!important;
    background:transparent!important;
}

/* Completely remove legacy ribbon/decorative images on inner pages. */
#content .title1,#content .title2,#content .box-style1>.title,#content .box-style2>.title,
#content .entry,#content_center,#wide-content .entry{
    background-image:none!important;
}
#content .title1 *,#content .title2 *,#content .box-style1>.title *,#content .box-style2>.title *{
    -webkit-text-stroke:0!important;
}
#content h1,#content h2,#content h3,#content h4,#content h5,#content h6,
#content a,#content p,#content span,#content td,#content th,
.portal-panel h1,.portal-panel h2,.portal-panel h3,.portal-panel a,
.portal-panel span,.portal-panel td,.portal-panel th{
    -webkit-text-stroke:0!important;
    filter:none!important;
}

/* Server status: unmistakable red offline and green online. */
.server-status-row{min-height:44px!important;padding:9px 0!important}
.server-status-row.is-on .server-status-dot,.server-status-row.is-online .server-status-dot{
    background:#55d47c!important;
    box-shadow:0 0 0 3px rgba(85,212,124,.13),0 0 12px rgba(85,212,124,.55)!important;
}
.server-status-row.is-off .server-status-dot,.server-status-row.is-offline .server-status-dot{
    background:#e15858!important;
    box-shadow:0 0 0 3px rgba(225,88,88,.12),0 0 12px rgba(225,88,88,.48)!important;
}
.server-status-row.is-on .server-status-online,.server-status-row.is-on .server-status-online b,
.server-status-row.is-online .server-status-online,.server-status-row.is-online .server-status-online b,.online{
    color:#6fe296!important;
}
.server-status-row.is-off .server-status-online,.server-status-row.is-off .server-status-online b,
.server-status-row.is-offline .server-status-online,.server-status-row.is-offline .server-status-online b,.offline{
    color:#f17878!important;
}
.server-status-name{font-size:12.5px!important;color:#e9c66f!important}
.server-status-online{font-size:10.5px!important;font-weight:900!important;letter-spacing:.04em!important}

/* Clearer ranking table headers and values. */
.ranking-output{font-size:12px!important;min-height:0!important}
.ranking-output table,.portal-ranking-table{width:100%!important;table-layout:auto!important;border-collapse:collapse!important}
.ranking-output thead,.portal-ranking-table thead{
    background:linear-gradient(180deg,rgba(183,127,35,.16),rgba(102,69,22,.08))!important;
}
.ranking-output th,.portal-ranking-table th{
    padding:10px 5px!important;
    color:#e5c779!important;
    background:transparent!important;
    border:0!important;
    border-bottom:1px solid rgba(225,174,74,.26)!important;
    font-size:10px!important;
    font-weight:900!important;
    line-height:1.2!important;
    letter-spacing:.055em!important;
    text-transform:uppercase!important;
    text-shadow:0 1px 1px #000!important;
}
.ranking-output td,.portal-ranking-table td{
    padding:9px 5px!important;
    color:#e1d2ae!important;
    border:0!important;
    border-bottom:1px solid rgba(218,164,62,.08)!important;
    font-size:11.5px!important;
    line-height:1.25!important;
    vertical-align:middle!important;
}
.ranking-output tr:last-child td,.portal-ranking-table tr:last-child td{border-bottom:0!important}
.ranking-output tbody tr:hover td,.portal-ranking-table tbody tr:hover td{background:rgba(180,123,35,.075)!important;color:#f1d58b!important}
.rank-number{width:34px!important;white-space:nowrap!important;text-align:left!important}
.rank-name{min-width:72px!important}
.rank-name a{color:#e3b957!important;font-size:11.5px!important;font-weight:700!important}
.rank-stat{white-space:nowrap!important;text-align:right!important}
.rank-head-extra{display:block!important;margin-top:2px!important;color:#a98d57!important;font-size:7.5px!important;font-weight:800!important;letter-spacing:.07em!important}
.rank-primary{display:block!important;color:#eadab7!important;font-size:11.5px!important;font-weight:700!important}
.rank-secondary{display:block!important;margin-top:2px!important;color:#bd9a52!important;font-size:8.5px!important;font-weight:700!important}
.rank-secondary b{color:#d6ad57!important;font-size:7px!important;letter-spacing:.04em!important}
.guild-mark{width:16px!important;height:16px!important;margin-left:3px!important;vertical-align:middle!important;border:1px solid rgba(211,161,63,.24)!important;background:#0b0a08!important;image-rendering:pixelated!important}

/* Ranking server selectors use exactly the same glossy language as Login. */
.ranking-switches{
    width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(auto-fit,minmax(86px,1fr))!important;
    gap:8px!important;
    padding-top:14px!important;
}
.ranking-switches a,
.portal-button,#content input[type=submit],#content input[type=button],#content button[type=submit],
#content .button-style,#content .button,#content .btn,
#sidebar input[type=submit],#sidebar input[type=button],#sidebar button[type=submit],
#sidebar .button-style,#sidebar .button,#sidebar .btn{
    min-height:38px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0 15px!important;
    color:#1b1104!important;
    background:
        linear-gradient(180deg,rgba(255,250,224,.29),rgba(255,230,157,.06) 38%,rgba(0,0,0,.08) 39%),
        linear-gradient(180deg,#ddb95f,#aa7928)!important;
    border:1px solid rgba(244,207,119,.46)!important;
    border-radius:6px!important;
    box-shadow:inset 0 1px 0 rgba(255,249,220,.42),0 7px 16px rgba(0,0,0,.29)!important;
    font-size:9.5px!important;
    font-weight:900!important;
    line-height:1!important;
    letter-spacing:.075em!important;
    text-align:center!important;
    text-transform:uppercase!important;
    text-shadow:none!important;
    cursor:pointer!important;
}
.ranking-switches a:hover,.ranking-switches a.active,
.portal-button:hover,#content input[type=submit]:hover,#content input[type=button]:hover,#content button[type=submit]:hover,
#content .button-style:hover,#content .button:hover,#content .btn:hover,
#sidebar input[type=submit]:hover,#sidebar input[type=button]:hover,#sidebar button[type=submit]:hover,
#sidebar .button-style:hover,#sidebar .button:hover,#sidebar .btn:hover{
    color:#130c02!important;
    background:
        linear-gradient(180deg,rgba(255,253,234,.36),rgba(255,235,174,.08) 38%,rgba(0,0,0,.06) 39%),
        linear-gradient(180deg,#edcb76,#bd8b35)!important;
    box-shadow:inset 0 1px 0 rgba(255,252,231,.54),0 0 19px rgba(224,169,63,.25),0 9px 19px rgba(0,0,0,.34)!important;
    transform:translateY(-1px)!important;
}

/* Event timer: larger labels and clearly golden countdowns. */
.event-timer-list,#events{width:100%!important}
.event-timer-list>div,.event-timer-list li,#events>div,#events li{
    min-height:42px!important;
    padding:10px 0!important;
    color:#e0d1ad!important;
    border-bottom:1px solid rgba(217,164,63,.09)!important;
    font-size:11.5px!important;
    font-weight:650!important;
}
#events>div>span:first-child,.event-timer-list>div>span:first-child{color:#e5d6b0!important;font-size:11.5px!important}
#events small,#events .event-countdown,#events .time,#events .event-time,#events [class*=time],
.event-timer-list small,.event-timer-list b,.event-timer-list strong,.event-timer-list span:last-child{
    color:#e8b94c!important;
    opacity:1!important;
    font-size:11px!important;
    font-weight:900!important;
    text-shadow:0 0 8px rgba(219,166,63,.16)!important;
}

/* Home news: no 01/02 badges, no image column and no fixed widths. */
.news-index,.news-number,.news-item-number,.news-counter{display:none!important}
.news-stream,#content_center{width:100%!important;margin:0!important;padding:0!important}
.news-item{width:100%!important;margin:0!important;padding:21px 22px!important;border-bottom:1px solid rgba(219,165,65,.10)!important;background:transparent!important}
.news-item:last-child{border-bottom:0!important}
.news-header{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:14px!important;align-items:start!important}
.news-title-wrap h2{margin:3px 0 0!important;font-size:18px!important;line-height:1.3!important}
.news-title-wrap h2 a{color:#e8bd61!important;text-shadow:0 1px 1px #000!important}
.news-category{color:#ad9257!important;font-size:9px!important;font-weight:800!important;letter-spacing:.12em!important;text-transform:uppercase!important}
.news-header time{color:#a78e58!important;font-size:10px!important;white-space:nowrap!important}
.news-body{width:100%!important;margin-top:13px!important;color:#d9caA5!important;font-size:13px!important;line-height:1.72!important;overflow-wrap:anywhere!important}
.news-body [style*="width"]{max-width:100%}
.news-footer{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin-top:15px!important;padding-top:12px!important;border-top:1px solid rgba(218,164,62,.09)!important;font-size:10px!important}
.news-footer a{font-weight:800!important;text-transform:uppercase!important;letter-spacing:.045em!important}

/* Full news page: clean header/content, no old ribbon and no duplicated lead. */
.news-read-content,.news-detail-panel,.news-detail-wrap,.news-detail-article{width:100%!important;margin:0!important;padding:0!important}
.news-detail-header{
    padding:25px 26px 22px!important;
    background:linear-gradient(180deg,rgba(255,240,197,.075),transparent 100%),linear-gradient(90deg,rgba(128,82,20,.15),transparent 76%)!important;
    border-bottom:1px solid rgba(220,167,67,.24)!important;
}
.news-detail-header h1{margin:0!important;color:var(--v9-gold-bright)!important;font-size:25px!important;line-height:1.25!important;text-shadow:0 1px 1px #000!important}
.news-detail-meta{display:flex!important;flex-wrap:wrap!important;gap:8px 20px!important;margin-top:13px!important;color:#ad986a!important;font-size:10px!important}
.news-detail-body{width:100%!important;padding:27px 28px 32px!important;color:#dfd0ad!important;font-size:13px!important;line-height:1.75!important;overflow-wrap:anywhere!important}
.news-detail-body>*{max-width:100%}
.news-detail-body img,.news-detail-body iframe,.news-detail-body video,.news-detail-body table{max-width:100%!important}
.news-detail-body table{width:100%}

/* Old paginator and miscellaneous module controls. */
#pagination a,#pagination span,.pagination a,.pagination span,.pagination-wrap a,.pagination-wrap span{
    min-width:34px!important;min-height:34px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
    padding:0 11px!important;color:#d9ba72!important;background:linear-gradient(180deg,#25190b,#151008)!important;
    border:1px solid rgba(211,158,57,.29)!important;border-radius:6px!important;text-shadow:none!important;
}
#pagination a:hover,.pagination a:hover,.pagination-wrap a:hover,#pagination .on,.pagination .active,.pagination-wrap .active{
    color:#211505!important;background:linear-gradient(180deg,#e0bb61,#ac7a29)!important;
}

@media(max-width:1120px){
    .site-content-frame{grid-template-columns:minmax(230px,260px) minmax(0,1fr)!important}
    .inner-sidebar,#sidebar{grid-column:1/-1!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:760px){
    .site-header,#page-wrapper,.site-footer{width:min(calc(100% - 20px),1540px)!important}
    .site-content-frame{display:flex!important;flex-direction:column!important;gap:13px!important;padding:12px!important;border-radius:14px!important}
    .left-rail,.inner-sidebar,#sidebar{width:100%!important;display:flex!important;flex-direction:column!important;gap:13px!important}
    .site-content-frame>#content{width:100%!important;order:-1!important}
    .portal-panel-title,.content-section-heading,#content .title1,#content .title2{min-height:52px!important;padding:0 15px!important}
    .news-item{padding:18px 16px!important}
    .news-header{grid-template-columns:1fr!important}
    .news-header time{margin-top:-4px!important}
    .news-detail-header{padding:20px 17px 18px!important}
    .news-detail-header h1{font-size:20px!important}
    .news-detail-body{padding:21px 17px 25px!important;font-size:12.5px!important}
}

/* ======================================================================
   Fate Golden Portal V10 — Registration / Files / Rankings refinements
   ====================================================================== */

/* Inner-page shell: consistent spacing, no legacy title offsets. */
#content .portal-page{
    width:100%!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
}
#content .portal-page-content{
    width:100%!important;
    margin:0!important;
    padding:16px!important;
    background:transparent!important;
}

/* Main page title and every secondary section title use the same glossy language. */
#content .portal-page-title,
#content .portal-section>.portal-section-title{
    position:relative!important;
    width:100%!important;
    min-height:54px!important;
    margin:0!important;
    padding:0 22px 0 42px!important;
    display:flex!important;
    align-items:center!important;
    overflow:hidden!important;
    color:#f3d17d!important;
    background:
        linear-gradient(180deg,rgba(255,248,218,.22) 0%,rgba(255,226,149,.075) 35%,rgba(0,0,0,.08) 36%,rgba(0,0,0,.28) 100%),
        linear-gradient(90deg,#34240f 0%,#211609 62%,#15110b 100%)!important;
    border:0!important;
    border-bottom:1px solid rgba(232,183,84,.42)!important;
    border-radius:12px 12px 0 0!important;
    box-shadow:inset 0 1px 0 rgba(255,245,209,.20),inset 0 -1px 0 rgba(0,0,0,.52)!important;
    text-indent:0!important;
}
#content .portal-page-title:before,
#content .portal-section>.portal-section-title:before{
    content:""!important;
    position:absolute!important;
    left:18px!important;
    top:50%!important;
    width:10px!important;
    height:10px!important;
    transform:translateY(-50%) rotate(45deg)!important;
    background:linear-gradient(135deg,#ffe39b,#a66f20)!important;
    border:1px solid rgba(255,230,160,.55)!important;
    border-radius:2px!important;
    box-shadow:0 0 10px rgba(231,178,72,.42)!important;
}
#content .portal-page-title:after,
#content .portal-section>.portal-section-title:after{
    content:""!important;
    position:absolute!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    height:1px!important;
    background:linear-gradient(90deg,rgba(250,207,116,.80),rgba(205,147,45,.34) 62%,transparent)!important;
}
#content .portal-page-title h1,
#content .portal-section>.portal-section-title{
    color:#f3d17d!important;
    font-family:Georgia,"Times New Roman",serif!important;
    font-size:15px!important;
    font-weight:700!important;
    line-height:1.2!important;
    letter-spacing:.035em!important;
    text-transform:uppercase!important;
    text-shadow:0 1px 1px #000,0 0 11px rgba(220,168,66,.16)!important;
}
#content .portal-page-title h1{
    margin:0!important;
    padding:0!important;
    background:none!important;
    border:0!important;
}

/* Secondary blocks start inside the content area instead of touching the far left edge. */
#content .portal-section{
    width:100%!important;
    margin:0 0 16px!important;
    overflow:hidden!important;
    background:linear-gradient(180deg,#12110e,#0e0d0b)!important;
    border:1px solid rgba(216,165,67,.28)!important;
    border-radius:13px!important;
    box-shadow:inset 0 1px 0 rgba(255,239,198,.07),0 10px 25px rgba(0,0,0,.28)!important;
}
#content .portal-section:last-child{margin-bottom:0!important}
#content .portal-section>.entry{
    margin:0!important;
    padding:18px!important;
    background:transparent!important;
}

/* Registration form: compact centered action and clean rows. */
.registration-page .registration-section .entry{padding:16px 18px 18px!important}
.registration-page .form,
.registration-page form,
.registration-page table{width:100%!important;margin:0!important}
.registration-page table{border-collapse:collapse!important}
.registration-page table td{padding:11px 12px!important}
.registration-page table td:first-child{width:150px!important;color:#e6cf91!important;font-weight:650!important}
.registration-page .form-actions-row td{
    padding:16px 12px 3px!important;
    text-align:center!important;
    border-top:1px solid rgba(218,164,62,.08)!important;
}
.registration-page .registration-submit{
    width:156px!important;
    min-width:156px!important;
    max-width:156px!important;
    min-height:41px!important;
    height:41px!important;
    margin:0 auto!important;
    padding:0 20px!important;
    display:inline-flex!important;
    font-size:10px!important;
    font-weight:900!important;
}

/* Downloads: headings are aligned, and content is not stuck to the left edge. */
.downloads-list{display:flex!important;flex-direction:column!important;gap:16px!important}
.downloads-page .download-section{margin:0!important}
.downloads-page .download-section>.entry{padding:18px 22px!important}
.downloads-page .download-section table td:first-child{padding-left:4px!important;color:#d9c9a5!important}
.downloads-page .download-section table td:last-child{padding-right:4px!important}

/* Ranking server tabs — remove the original Season6 artwork completely. */
.rankings-page .rankings-entry{padding:18px!important}
.rankings-page .portal-server-tabs,
.rankings-page .tabrow{
    width:100%!important;
    display:flex!important;
    align-items:flex-end!important;
    justify-content:center!important;
    flex-wrap:wrap!important;
    gap:8px!important;
    margin:0 0 12px!important;
    padding:0 0 11px!important;
    list-style:none!important;
    background:none!important;
    border:0!important;
    border-bottom:1px solid rgba(215,163,61,.18)!important;
}
.rankings-page .portal-server-tabs li,
.rankings-page .tabrow li{
    float:none!important;
    width:auto!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    background:none!important;
    border:0!important;
}
.rankings-page .portal-server-tabs li a,
.rankings-page .tabrow li a{
    min-width:112px!important;
    min-height:39px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0 18px!important;
    color:#1a1003!important;
    background:
        linear-gradient(180deg,rgba(255,250,224,.30),rgba(255,230,157,.06) 38%,rgba(0,0,0,.08) 39%),
        linear-gradient(180deg,#dbb65b,#a87324)!important;
    border:1px solid rgba(244,207,119,.43)!important;
    border-radius:6px!important;
    box-shadow:inset 0 1px 0 rgba(255,249,220,.42),0 6px 15px rgba(0,0,0,.27)!important;
    font-size:10px!important;
    font-weight:900!important;
    line-height:1!important;
    letter-spacing:.055em!important;
    text-transform:uppercase!important;
    text-shadow:none!important;
}
.rankings-page .portal-server-tabs li.selected a,
.rankings-page .tabrow li.selected a,
.rankings-page .portal-server-tabs li a:hover,
.rankings-page .tabrow li a:hover{
    color:#110a01!important;
    background:
        linear-gradient(180deg,rgba(255,253,234,.38),rgba(255,235,174,.09) 38%,rgba(0,0,0,.06) 39%),
        linear-gradient(180deg,#efce79,#bd8a33)!important;
    box-shadow:inset 0 1px 0 rgba(255,252,231,.56),0 0 18px rgba(224,169,63,.24),0 8px 18px rgba(0,0,0,.31)!important;
    transform:translateY(-1px)!important;
}

/* Ranking category buttons — replace old red/brown buttons and use bold labels. */
.rankings-page .ranking-control-grid{
    width:100%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex-wrap:wrap!important;
    gap:8px!important;
    margin:0!important;
    padding:4px 0 14px!important;
    text-align:center!important;
}
.rankings-page .custom_button,
.rankings-page .ranking-control-grid>a{
    min-width:116px!important;
    min-height:38px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
    padding:0 15px!important;
    color:#1b1104!important;
    background:
        linear-gradient(180deg,rgba(255,250,224,.28),rgba(255,230,157,.055) 38%,rgba(0,0,0,.08) 39%),
        linear-gradient(180deg,#d9b35a,#a67427)!important;
    border:1px solid rgba(243,205,116,.42)!important;
    border-radius:6px!important;
    box-shadow:inset 0 1px 0 rgba(255,249,220,.40),0 6px 15px rgba(0,0,0,.27)!important;
    font-family:Inter,"Segoe UI",Arial,sans-serif!important;
    font-size:10px!important;
    font-weight:900!important;
    line-height:1!important;
    letter-spacing:.035em!important;
    text-align:center!important;
    text-transform:uppercase!important;
    text-shadow:none!important;
}
.rankings-page .custom_button:hover,
.rankings-page .custom_button.active,
.rankings-page .ranking-control-grid>a:hover{
    color:#110a01!important;
    background:
        linear-gradient(180deg,rgba(255,253,234,.37),rgba(255,235,174,.085) 38%,rgba(0,0,0,.055) 39%),
        linear-gradient(180deg,#efcd76,#bd8932)!important;
    box-shadow:inset 0 1px 0 rgba(255,252,231,.55),0 0 18px rgba(224,169,63,.24),0 8px 18px rgba(0,0,0,.32)!important;
    transform:translateY(-1px)!important;
}
.rankings-page .ranking-results{
    width:100%!important;
    margin:0!important;
    padding:0!important;
    overflow-x:auto!important;
}

/* Main rankings table: gold hover instead of the legacy gray bar. */
.rankings-page .ranking-results table,
.rankings-page .rankings table{
    width:100%!important;
    border-collapse:collapse!important;
}
.rankings-page .ranking-results table thead th,
.rankings-page .rankings table thead th{
    color:#efcf7d!important;
    background:linear-gradient(180deg,rgba(185,128,35,.17),rgba(93,62,19,.10))!important;
    border-color:rgba(220,167,67,.17)!important;
    font-size:10px!important;
    font-weight:900!important;
    letter-spacing:.055em!important;
    text-transform:uppercase!important;
}
.rankings-page .ranking-results table tbody td,
.rankings-page .rankings table tbody td{
    color:#e0d1ad!important;
    background:#12110e!important;
    border-color:rgba(218,164,62,.09)!important;
    transition:background .18s ease,color .18s ease,box-shadow .18s ease!important;
}
.rankings-page .ranking-results table tbody tr:nth-child(even) td,
.rankings-page .rankings table tbody tr:nth-child(even) td{
    background:#15130f!important;
}
.rankings-page .ranking-results table tbody tr:hover td,
.rankings-page .rankings table tbody tr:hover td{
    color:#f4d783!important;
    background:linear-gradient(90deg,rgba(181,123,34,.19),rgba(92,61,18,.10))!important;
    box-shadow:inset 0 1px 0 rgba(240,196,104,.07),inset 0 -1px 0 rgba(240,196,104,.05)!important;
}

/* Hide any leftover ALL links even if an older partial is cached. */
.ranking-panel .panel-link{display:none!important}

@media(max-width:760px){
    #content .portal-page-content{padding:12px!important}
    #content .portal-page-title,
    #content .portal-section>.portal-section-title{min-height:50px!important;padding-left:38px!important;padding-right:14px!important}
    #content .portal-page-title:before,
    #content .portal-section>.portal-section-title:before{left:15px!important;width:9px!important;height:9px!important}
    #content .portal-section>.entry{padding:14px!important}
    .registration-page table,.registration-page tbody,.registration-page tr,.registration-page td{display:block!important;width:100%!important}
    .registration-page table td:first-child{width:100%!important;padding-bottom:5px!important}
    .registration-page table td+td{padding-top:5px!important}
    .registration-page .form-actions-row td{padding-top:15px!important}
    .rankings-page .custom_button,.rankings-page .ranking-control-grid>a{min-width:calc(50% - 4px)!important}
}


/* V10.1 — centered panel headings, no diamonds/ALL, clean News title. */
.portal-panel-title{
    justify-content:center!important;
    text-align:center!important;
    padding-left:18px!important;
    padding-right:18px!important;
}
.portal-panel-title .panel-mark,
.portal-panel-title .panel-link{
    display:none!important;
}
.portal-panel-title h2{
    width:100%!important;
    text-align:center!important;
}
.content-section-heading.news-section-heading{
    justify-content:center!important;
    text-align:center!important;
    padding-left:18px!important;
    padding-right:18px!important;
}
.content-section-heading.news-section-heading:before,
.content-section-heading.news-section-heading .heading-ornament,
.content-section-heading.news-section-heading .section-kicker{
    display:none!important;
}
.content-section-heading.news-section-heading h1{
    width:100%!important;
    text-align:center!important;
}

/* =========================================================
   V11 — compact rankings dashboard matching the requested UI
   ========================================================= */
.rankings-page .rankings-section>.portal-section-title{display:none!important}
.rankings-page .rankings-entry{padding:14px!important}
.rankings-page .ranking-dashboard{display:block!important;width:100%!important}

/* Compact primary ranking categories. */
.rankings-page .ranking-main-tabs{
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    flex-wrap:wrap!important;
    gap:6px!important;
    margin:0!important;
    padding:0 0 12px!important;
    border-bottom:1px solid rgba(215,163,61,.17)!important;
}
.rankings-page .ranking-main-tabs .custom_button,
.rankings-page .ranking-main-tabs>a{
    min-width:0!important;
    min-height:34px!important;
    height:34px!important;
    padding:0 13px!important;
    border-radius:4px!important;
    font-size:9px!important;
    font-weight:900!important;
    letter-spacing:.035em!important;
    white-space:nowrap!important;
}

/* Character filters live directly below the ranking categories. */
.rankings-page .ranking-class-tabs{
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    flex-wrap:wrap!important;
    gap:3px 14px!important;
    min-height:42px!important;
    margin:0!important;
    padding:8px 8px!important;
    border-bottom:1px solid rgba(215,163,61,.15)!important;
    transition:opacity .18s ease,max-height .18s ease,padding .18s ease!important;
}
.rankings-page .ranking-class-tabs.is-hidden{
    display:none!important;
}
.rankings-page .ranking-class-tabs a{
    position:relative!important;
    display:inline-flex!important;
    align-items:center!important;
    min-height:27px!important;
    padding:0 7px!important;
    color:#ddb85f!important;
    background:transparent!important;
    border:0!important;
    border-radius:4px!important;
    font-size:9px!important;
    font-weight:800!important;
    line-height:1!important;
    white-space:nowrap!important;
    text-transform:none!important;
    box-shadow:none!important;
}
.rankings-page .ranking-class-tabs a:hover,
.rankings-page .ranking-class-tabs a.active{
    color:#f4d888!important;
    background:rgba(44,78,95,.32)!important;
    box-shadow:inset 0 0 0 1px rgba(85,168,207,.42),0 0 12px rgba(45,139,185,.10)!important;
}

/* Server selector and search share one compact toolbar. */
.rankings-page .ranking-tools-row{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:14px!important;
    margin:10px 0 12px!important;
    padding:8px 10px!important;
    background:linear-gradient(180deg,rgba(29,23,14,.94),rgba(15,13,10,.96))!important;
    border:1px solid rgba(215,163,61,.23)!important;
    border-radius:6px!important;
    box-shadow:inset 0 1px 0 rgba(255,235,180,.035)!important;
}
.rankings-page .ranking-server-picker{
    display:flex!important;
    align-items:center!important;
    gap:9px!important;
    min-width:0!important;
}
.rankings-page .ranking-tool-label{
    color:#e8bd58!important;
    font-size:9px!important;
    font-weight:900!important;
    letter-spacing:.04em!important;
    text-transform:uppercase!important;
    white-space:nowrap!important;
}
.rankings-page .ranking-tools-row .portal-server-tabs,
.rankings-page .ranking-tools-row .tabrow{
    width:auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    flex-wrap:wrap!important;
    gap:6px!important;
    margin:0!important;
    padding:0!important;
    background:none!important;
    border:0!important;
}
.rankings-page .ranking-tools-row .portal-server-tabs li a,
.rankings-page .ranking-tools-row .tabrow li a{
    min-width:88px!important;
    min-height:31px!important;
    height:31px!important;
    padding:0 12px!important;
    border-radius:4px!important;
    font-size:9px!important;
}
.rankings-page .ranking-inline-search{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:6px!important;
    width:auto!important;
    margin:0!important;
}
.rankings-page .ranking-inline-search input[type=text]{
    width:186px!important;
    min-width:150px!important;
    height:32px!important;
    margin:0!important;
    padding:0 11px!important;
    color:#e2d3af!important;
    background:#0d0c09!important;
    border:1px solid rgba(205,151,49,.26)!important;
    border-radius:4px!important;
    box-shadow:inset 0 1px 5px rgba(0,0,0,.34)!important;
    font-size:10px!important;
}
.rankings-page .ranking-inline-search input[type=text]:focus{
    border-color:rgba(225,176,77,.58)!important;
    box-shadow:inset 0 1px 5px rgba(0,0,0,.34),0 0 12px rgba(208,153,49,.10)!important;
}
.rankings-page .ranking-inline-search button{
    min-width:86px!important;
    width:auto!important;
    min-height:32px!important;
    height:32px!important;
    margin:0!important;
    padding:0 14px!important;
    font-size:9px!important;
    font-weight:900!important;
}

/* The table starts immediately after the compact controls. */
.rankings-page .ranking-results{margin-top:0!important}
.rankings-page .ranking-results>br:first-child{display:none!important}
.rankings-page .ranking-results .ranking-table{margin-top:0!important}

@media(max-width:900px){
    .rankings-page .ranking-tools-row{align-items:stretch!important;flex-direction:column!important}
    .rankings-page .ranking-server-picker{justify-content:center!important}
    .rankings-page .ranking-inline-search{justify-content:center!important;width:100%!important}
    .rankings-page .ranking-inline-search input[type=text]{width:min(100%,280px)!important;flex:1 1 180px!important}
}
@media(max-width:600px){
    .rankings-page .rankings-entry{padding:10px!important}
    .rankings-page .ranking-main-tabs{gap:5px!important}
    .rankings-page .ranking-main-tabs .custom_button,
    .rankings-page .ranking-main-tabs>a{min-width:calc(50% - 3px)!important;padding:0 8px!important}
    .rankings-page .ranking-class-tabs{gap:4px 8px!important;padding:7px 3px!important}
    .rankings-page .ranking-class-tabs a{font-size:8.5px!important}
    .rankings-page .ranking-server-picker{align-items:flex-start!important;flex-direction:column!important;gap:6px!important}
    .rankings-page .ranking-tools-row .portal-server-tabs,
    .rankings-page .ranking-tools-row .tabrow{width:100%!important}
    .rankings-page .ranking-tools-row .portal-server-tabs li,
    .rankings-page .ranking-tools-row .tabrow li{flex:1 1 auto!important}
    .rankings-page .ranking-tools-row .portal-server-tabs li a,
    .rankings-page .ranking-tools-row .tabrow li a{width:100%!important;min-width:74px!important}
    .rankings-page .ranking-inline-search{align-items:stretch!important}
    .rankings-page .ranking-inline-search button{min-width:78px!important}
}

/* =========================================================
   V12 — ranking/search cleanup and footer separator
   ========================================================= */

/* Remove the vertical golden stripe from every panel/page heading. */
.portal-panel-title:before,
.content-section-heading:before,
#content .title1:before,
#content .title2:before,
#content .portal-page-title:before,
#content .portal-section>.portal-section-title:before,
#content .box-style1>.title:before,
#content .box-style2>.title:before,
#content h1.title:before,
#content h2.title:before,
#content h3.title:before{
    display:none!important;
    content:none!important;
}

/* News keeps a centered label with a line on both sides. */
.content-section-heading.news-section-heading{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:15px!important;
    padding:0 20px!important;
}
.content-section-heading.news-section-heading:after{
    display:none!important;
}
.content-section-heading.news-section-heading h1{
    width:100%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:15px!important;
    white-space:nowrap!important;
}
.content-section-heading.news-section-heading h1:before,
.content-section-heading.news-section-heading h1:after{
    content:""!important;
    display:block!important;
    flex:1 1 auto!important;
    height:1px!important;
    background:linear-gradient(90deg,transparent,rgba(226,173,70,.55))!important;
    box-shadow:0 0 8px rgba(210,153,48,.08)!important;
}
.content-section-heading.news-section-heading h1:after{
    background:linear-gradient(90deg,rgba(226,173,70,.55),transparent)!important;
}

/* Kill the legacy white/gray row hover and replace it with the Top Players gold hover. */
.rankings-page .ranking-results .ranking-table tbody tr,
.rankings-page .ranking-results .ranking-table tbody tr:hover,
.rankings-search-page .ranking-table tbody tr,
.rankings-search-page .ranking-table tbody tr:hover{
    background:transparent!important;
    background-color:transparent!important;
}
.rankings-page .ranking-results .ranking-table tbody tr:hover td,
.rankings-search-page .ranking-table tbody tr:hover td{
    color:#f4d783!important;
    background:linear-gradient(90deg,rgba(181,123,34,.20),rgba(92,61,18,.11))!important;
    box-shadow:inset 0 1px 0 rgba(240,196,104,.08),inset 0 -1px 0 rgba(240,196,104,.055)!important;
}
.rankings-page .ranking-results .ranking-table tbody tr:hover a,
.rankings-search-page .ranking-table tbody tr:hover a{
    color:#ffe092!important;
}

/* Server tabs: remove old Season6 pseudo pieces and guarantee a complete button. */
.rankings-page .ranking-tools-row .portal-server-tabs,
.rankings-page .ranking-tools-row .tabrow{
    height:auto!important;
    min-height:32px!important;
    line-height:normal!important;
    overflow:visible!important;
}
.rankings-page .ranking-tools-row .portal-server-tabs:before,
.rankings-page .ranking-tools-row .tabrow:before,
.rankings-page .ranking-tools-row .portal-server-tabs li:before,
.rankings-page .ranking-tools-row .portal-server-tabs li:after,
.rankings-page .ranking-tools-row .tabrow li:before,
.rankings-page .ranking-tools-row .tabrow li:after{
    display:none!important;
    content:none!important;
}
.rankings-page .ranking-tools-row .portal-server-tabs li,
.rankings-page .ranking-tools-row .tabrow li{
    position:relative!important;
    bottom:auto!important;
    z-index:auto!important;
    line-height:normal!important;
    overflow:visible!important;
}
.rankings-page .ranking-tools-row .portal-server-tabs li a,
.rankings-page .ranking-tools-row .tabrow li a{
    box-sizing:border-box!important;
    height:32px!important;
    min-height:32px!important;
    padding-top:0!important;
    padding-bottom:0!important;
    overflow:hidden!important;
}

/* Cache age text is intentionally hidden even if an old EJS file remains cached. */
.rankings-page .ranking-results .ranking-cache-time,
.rankings-page .ranking-results [data-cache-time],
.rankings-page .ranking-results .cache-time{
    display:none!important;
}

/* Search page uses the same compact hierarchy as Rankings. */
.rankings-search-page .ranking-search-section>.portal-section-title{
    justify-content:center!important;
    text-align:center!important;
    padding:0 18px!important;
}
.rankings-search-page .ranking-search-section>.portal-section-title:after{
    left:18px!important;
    right:18px!important;
}
.rankings-search-page .ranking-search-entry{
    padding:16px!important;
}
.rankings-search-page .ranking-search-form{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:10px!important;
    align-items:center!important;
    width:100%!important;
    margin:0 0 18px!important;
    padding:11px!important;
    background:linear-gradient(180deg,rgba(27,23,17,.96),rgba(13,12,10,.98))!important;
    border:1px solid rgba(215,163,61,.20)!important;
    border-radius:7px!important;
}
.rankings-search-page .ranking-search-form input{
    height:38px!important;
    min-height:38px!important;
}
.rankings-search-page .ranking-search-submit{
    width:104px!important;
    min-width:104px!important;
    height:38px!important;
    min-height:38px!important;
    margin:0!important;
    padding:0 15px!important;
    font-weight:900!important;
}
.rankings-search-page .ranking-search-results-section{
    width:100%!important;
    margin:0 0 15px!important;
    overflow:hidden!important;
    background:#100f0c!important;
    border:1px solid rgba(215,163,61,.17)!important;
    border-radius:8px!important;
}
.rankings-search-page .ranking-search-results-section:last-child{
    margin-bottom:0!important;
}
.rankings-search-page .ranking-search-results-section h3{
    margin:0!important;
    padding:12px 15px!important;
    color:#efcf7d!important;
    background:linear-gradient(180deg,rgba(201,145,43,.13),rgba(72,48,17,.07))!important;
    border-bottom:1px solid rgba(215,163,61,.17)!important;
    font-family:Georgia,"Times New Roman",serif!important;
    font-size:14px!important;
    font-weight:700!important;
    letter-spacing:.04em!important;
    text-transform:uppercase!important;
}
.rankings-search-page .ranking-search-table-wrap{
    overflow-x:auto!important;
}
.rankings-search-page .search-ranking-table{
    width:100%!important;
    margin:0!important;
    background:none!important;
}
.rankings-search-page .search-ranking-table th,
.rankings-search-page .search-ranking-table td{
    padding:11px 14px!important;
    text-align:center!important;
    background-image:none!important;
}
.rankings-search-page .search-ranking-table th{
    color:#efcf7d!important;
    background:rgba(133,88,25,.08)!important;
    font-size:10px!important;
    font-weight:900!important;
    text-transform:uppercase!important;
}
.rankings-search-page .search-ranking-table td{
    color:#decda8!important;
    background:#12110e!important;
    font-size:12px!important;
}

/* Decorative line between the common content frame and the separate footer. */
.content-footer-separator{
    position:relative!important;
    width:min(calc(100% - 34px),1540px)!important;
    height:25px!important;
    margin:0 auto 4px!important;
}
.content-footer-separator:before{
    content:""!important;
    position:absolute!important;
    left:5%!important;
    right:5%!important;
    top:12px!important;
    height:1px!important;
    background:linear-gradient(90deg,transparent,rgba(214,158,54,.55) 18%,rgba(239,194,99,.78) 50%,rgba(214,158,54,.55) 82%,transparent)!important;
    box-shadow:0 0 9px rgba(212,154,49,.10)!important;
}
.content-footer-separator span{
    position:absolute!important;
    left:50%!important;
    top:8px!important;
    width:9px!important;
    height:9px!important;
    transform:translateX(-50%) rotate(45deg)!important;
    background:linear-gradient(135deg,#f8d477,#a96f20)!important;
    border:1px solid rgba(255,226,146,.55)!important;
    box-shadow:0 0 12px rgba(222,169,65,.42)!important;
}

@media(max-width:700px){
    .content-section-heading.news-section-heading{gap:9px!important;padding:0 12px!important}
    .content-section-heading.news-section-heading h1{gap:9px!important}
    .rankings-search-page .ranking-search-form{grid-template-columns:1fr!important}
    .rankings-search-page .ranking-search-submit{width:132px!important;min-width:132px!important;margin:0 auto!important}
    .content-footer-separator{width:min(calc(100% - 20px),1540px)!important}
}

/* ========================================================================
   FATE EQUIPMENT BOARD V13
   Character equipment page: responsive item slots with earrings support.
   ======================================================================== */

.fate-character-equipment-table {
    width: 100%;
    margin-top: 16px;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    overflow: visible;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.fate-character-equipment-table > thead > tr > th {
    height: 52px;
    padding: 0 24px !important;
    text-align: center !important;
    font-size: 17px !important;
    font-weight: 800 !important;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    color: #f4cf72 !important;
    border: 1px solid rgba(194, 139, 39, .38) !important;
    border-bottom-color: rgba(224, 172, 70, .62) !important;
    border-radius: 14px 14px 0 0;
    background:
        linear-gradient(180deg, rgba(255, 219, 135, .12) 0%, rgba(122, 75, 17, .14) 38%, rgba(13, 11, 9, .96) 100%) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 236, 183, .15),
        inset 0 -1px 0 rgba(255, 188, 61, .12),
        0 8px 24px rgba(0, 0, 0, .18);
    text-shadow: 0 1px 0 #000, 0 0 13px rgba(244, 190, 76, .18) !important;
}

.fate-character-equipment-table > tbody > tr > td,
.fate-character-equipment-table > tr > td {
    padding: 18px !important;
    background: linear-gradient(180deg, rgba(17, 15, 13, .97), rgba(8, 8, 9, .99)) !important;
    border: 1px solid rgba(160, 112, 28, .30) !important;
    border-top: 0 !important;
    border-radius: 0 0 16px 16px;
}

#inventoryc.fate-equipment-board {
    position: relative !important;
    display: block !important;
    width: min(100%, 980px) !important;
    height: auto !important;
    margin: 0 auto !important;
    padding: 20px !important;
    text-align: initial !important;
    background:
        radial-gradient(circle at 50% 43%, rgba(166, 113, 26, .09), transparent 36%),
        radial-gradient(circle at 50% 55%, rgba(53, 72, 105, .08), transparent 50%),
        linear-gradient(145deg, rgba(21, 19, 17, .98), rgba(9, 9, 11, .99)) !important;
    border: 1px solid rgba(183, 130, 36, .38);
    border-radius: 18px;
    box-shadow:
        inset 0 1px 0 rgba(255, 232, 173, .08),
        inset 0 0 54px rgba(0, 0, 0, .36),
        0 16px 38px rgba(0, 0, 0, .24);
    overflow: hidden;
    isolation: isolate;
}

#inventoryc.fate-equipment-board::before {
    content: "";
    position: absolute;
    inset: 12% 27%;
    z-index: -1;
    border: 1px solid rgba(196, 142, 42, .08);
    border-radius: 50%;
    box-shadow:
        0 0 0 38px rgba(196, 142, 42, .025),
        0 0 70px rgba(198, 142, 36, .05);
    transform: rotate(12deg);
    pointer-events: none;
}

#inventoryc.fate-equipment-board > img {
    display: none !important;
}

.fate-equipment-grid {
    display: grid;
    grid-template-columns: 1.05fr .86fr 1.18fr .86fr 1.05fr;
    grid-template-rows: 148px 112px 148px 132px;
    grid-template-areas:
        "pet pendant helm wings wings"
        "earl ringl armor ringr earr"
        "weapon weapon armor shield shield"
        "gloves pants penta penta boots";
    gap: 14px;
    width: 100%;
}

.fate-equipment-slot {
    position: relative;
    min-width: 0;
    overflow: hidden;
    border: 1px solid rgba(176, 125, 31, .42);
    border-radius: 14px;
    background:
        linear-gradient(145deg, rgba(26, 24, 22, .96), rgba(13, 14, 18, .98) 54%, rgba(9, 9, 11, .99));
    box-shadow:
        inset 0 1px 0 rgba(255, 235, 184, .08),
        inset 0 0 22px rgba(0, 0, 0, .22),
        0 7px 18px rgba(0, 0, 0, .22);
    transition:
        transform .22s ease,
        border-color .22s ease,
        box-shadow .22s ease,
        background .22s ease;
}

.fate-equipment-slot::after {
    content: "";
    position: absolute;
    inset: 5px;
    border: 1px solid rgba(225, 178, 78, .08);
    border-radius: 10px;
    pointer-events: none;
}

.fate-equipment-slot::before {
    content: "✦";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -56%);
    color: rgba(207, 171, 94, .13);
    font-size: 30px;
    line-height: 1;
    text-shadow: 0 0 18px rgba(216, 165, 56, .08);
    transition: opacity .2s ease, color .2s ease;
}

.fate-equipment-slot.is-filled::before {
    opacity: .18;
}

.fate-equipment-slot:hover {
    z-index: 2;
    transform: translateY(-3px);
    border-color: rgba(237, 186, 72, .82);
    background:
        radial-gradient(circle at 50% 35%, rgba(217, 164, 57, .08), transparent 55%),
        linear-gradient(145deg, rgba(32, 28, 23, .98), rgba(15, 15, 18, .99) 56%, rgba(9, 9, 11, 1));
    box-shadow:
        inset 0 1px 0 rgba(255, 239, 195, .14),
        inset 0 0 28px rgba(200, 143, 33, .05),
        0 0 0 1px rgba(232, 177, 61, .08),
        0 12px 26px rgba(0, 0, 0, .34),
        0 0 22px rgba(209, 150, 40, .10);
}

.fate-equipment-label {
    position: absolute;
    z-index: 3;
    left: 8px;
    right: 8px;
    bottom: 9px;
    display: block;
    overflow: hidden;
    text-align: center;
    color: #d8bd7c;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1px;
    line-height: 18px;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-shadow: 0 1px 0 #000, 0 0 8px rgba(218, 164, 52, .13);
    pointer-events: none;
}

.fate-equipment-slot:hover .fate-equipment-label {
    color: #f4d47c;
}

/* Override all legacy absolute-size rules for the old equipment IDs. */
#inventoryc .fate-equipment-item,
#inventoryc #in_weapon,
#inventoryc #in_shield,
#inventoryc #in_helm,
#inventoryc #in_armor,
#inventoryc #in_pants,
#inventoryc #in_gloves,
#inventoryc #in_boots,
#inventoryc #in_wings,
#inventoryc #in_zoo,
#inventoryc #in_pendant,
#inventoryc #in_ring1,
#inventoryc #in_ring2,
#inventoryc #in_pentagram,
#inventoryc #in_ear1,
#inventoryc #in_ear2 {
    position: absolute !important;
    z-index: 2;
    inset: 12px 10px 31px !important;
    width: auto !important;
    height: auto !important;
    top: 12px !important;
    right: 10px !important;
    bottom: 31px !important;
    left: 10px !important;
    margin: 0 !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: contain !important;
    filter: drop-shadow(0 7px 7px rgba(0, 0, 0, .50));
    transition: transform .22s ease, filter .22s ease;
}

.fate-equipment-slot:hover .fate-equipment-item {
    transform: scale(1.035);
    filter:
        drop-shadow(0 8px 8px rgba(0, 0, 0, .55))
        drop-shadow(0 0 7px rgba(221, 169, 57, .12));
}

.fate-slot-pet { grid-area: pet; }
.fate-slot-pendant { grid-area: pendant; }
.fate-slot-helm { grid-area: helm; }
.fate-slot-wings { grid-area: wings; }
.fate-slot-earring-left { grid-area: earl; }
.fate-slot-ring-left { grid-area: ringl; }
.fate-slot-armor { grid-area: armor; }
.fate-slot-ring-right { grid-area: ringr; }
.fate-slot-earring-right { grid-area: earr; }
.fate-slot-weapon { grid-area: weapon; }
.fate-slot-shield { grid-area: shield; }
.fate-slot-gloves { grid-area: gloves; }
.fate-slot-pants { grid-area: pants; }
.fate-slot-pentagram { grid-area: penta; }
.fate-slot-boots { grid-area: boots; }

/* Large/tall pieces get more breathing room. */
#inventoryc .fate-slot-armor .fate-equipment-item,
#inventoryc .fate-slot-weapon .fate-equipment-item,
#inventoryc .fate-slot-shield .fate-equipment-item,
#inventoryc .fate-slot-wings .fate-equipment-item {
    inset: 10px 13px 32px !important;
    top: 10px !important;
    right: 13px !important;
    bottom: 32px !important;
    left: 13px !important;
}

/* Small jewellery slots: tighter padding but never crop the item. */
#inventoryc .fate-slot-pendant .fate-equipment-item,
#inventoryc .fate-slot-ring-left .fate-equipment-item,
#inventoryc .fate-slot-ring-right .fate-equipment-item,
#inventoryc .fate-slot-earring-left .fate-equipment-item,
#inventoryc .fate-slot-earring-right .fate-equipment-item {
    inset: 11px 9px 30px !important;
    top: 11px !important;
    right: 9px !important;
    bottom: 30px !important;
    left: 9px !important;
}

@media (max-width: 880px) {
    #inventoryc.fate-equipment-board {
        padding: 14px !important;
    }

    .fate-equipment-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        grid-template-rows: 132px 132px 106px 126px 132px 116px;
        grid-template-areas:
            "pet helm wings"
            "pendant armor shield"
            "earl armor earr"
            "ringl weapon ringr"
            "gloves pants boots"
            "penta penta penta";
        gap: 11px;
    }
}

@media (max-width: 560px) {
    .fate-character-equipment-table > tbody > tr > td,
    .fate-character-equipment-table > tr > td {
        padding: 10px !important;
    }

    #inventoryc.fate-equipment-board {
        padding: 10px !important;
        border-radius: 14px;
    }

    .fate-equipment-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-rows: repeat(2, 130px) 198px repeat(5, 118px);
        grid-template-areas:
            "helm wings"
            "weapon shield"
            "armor armor"
            "gloves pants"
            "boots pet"
            "pendant penta"
            "ringl ringr"
            "earl earr";
        gap: 9px;
    }

    .fate-equipment-label {
        font-size: 9px;
        letter-spacing: .65px;
    }
}

/* ========================================================================== 
   FATE EQUIPMENT V14 — works with both DMN inventory branches (#inventoryc
   and the older #inventory). The legacy silhouette is replaced by a responsive
   equipment grid; every item is contained inside its own slot.
   ========================================================================== */

.fate-character-equipment-table,
.fate-character-equipment-table > tbody,
.fate-character-equipment-table > tbody > tr,
.fate-character-equipment-table > tbody > tr > td {
    width: 100% !important;
}

#inventoryc.fate-equipment-board-v14 {
    position: relative !important;
    display: block !important;
    box-sizing: border-box !important;
    width: min(100%, 980px) !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 8px auto 0 !important;
    padding: 16px !important;
    overflow: visible !important;
    text-align: initial !important;
    background:
        radial-gradient(circle at 50% 44%, rgba(202, 151, 55, .075), transparent 35%),
        linear-gradient(145deg, #151311 0%, #0d0e11 52%, #09090b 100%) !important;
    border: 1px solid rgba(190, 139, 43, .42) !important;
    border-radius: 17px !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 238, 194, .09),
        inset 0 0 48px rgba(0, 0, 0, .36),
        0 16px 34px rgba(0, 0, 0, .24) !important;
}

#inventoryc.fate-equipment-board-v14 > img,
#inventoryc.fate-equipment-board-v14 > .character-image,
#inventoryc.fate-equipment-board-v14 > [class*="silhouette"] {
    display: none !important;
}

.fate-equipment-grid-v14 {
    display: grid !important;
    grid-template-columns: minmax(112px, 1.05fr) minmax(88px, .76fr) minmax(130px, 1.18fr) minmax(88px, .76fr) minmax(112px, 1.05fr) !important;
    grid-template-rows: 150px 112px 150px 128px !important;
    grid-template-areas:
        "pet pendant helm wings wings"
        "earl ringl armor ringr earr"
        "weapon weapon armor shield shield"
        "gloves pants penta penta boots" !important;
    gap: 12px !important;
    width: 100% !important;
    height: auto !important;
}

.fate-equipment-slot-v14 {
    position: relative !important;
    box-sizing: border-box !important;
    min-width: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
    border: 1px solid rgba(176, 126, 32, .48) !important;
    border-radius: 13px !important;
    background:
        linear-gradient(155deg, rgba(31, 28, 23, .98), rgba(17, 17, 20, .99) 52%, rgba(10, 10, 12, 1)) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 235, 184, .08),
        inset 0 0 22px rgba(0, 0, 0, .22),
        0 7px 18px rgba(0, 0, 0, .22) !important;
    transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease, filter .2s ease !important;
}

.fate-equipment-slot-v14::after {
    content: "";
    position: absolute;
    inset: 5px;
    border: 1px solid rgba(232, 184, 83, .07);
    border-radius: 9px;
    pointer-events: none;
}

.fate-equipment-slot-v14.is-empty::before {
    content: attr(data-symbol);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -57%);
    color: rgba(218, 187, 121, .17);
    font-size: 28px;
    line-height: 1;
    text-shadow: 0 0 18px rgba(219, 164, 52, .08);
}

.fate-equipment-slot-v14:hover {
    z-index: 3;
    transform: translateY(-3px);
    border-color: rgba(242, 191, 77, .88) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 241, 202, .15),
        inset 0 0 28px rgba(203, 151, 42, .05),
        0 12px 25px rgba(0, 0, 0, .34),
        0 0 22px rgba(218, 160, 43, .13) !important;
}

.fate-equipment-slot-v14 .fate-equipment-item-v14,
#inventoryc.fate-equipment-board-v14 #in_weapon,
#inventoryc.fate-equipment-board-v14 #in_shield,
#inventoryc.fate-equipment-board-v14 #in_helm,
#inventoryc.fate-equipment-board-v14 #in_armor,
#inventoryc.fate-equipment-board-v14 #in_pants,
#inventoryc.fate-equipment-board-v14 #in_gloves,
#inventoryc.fate-equipment-board-v14 #in_boots,
#inventoryc.fate-equipment-board-v14 #in_wings,
#inventoryc.fate-equipment-board-v14 #in_zoo,
#inventoryc.fate-equipment-board-v14 #in_pendant,
#inventoryc.fate-equipment-board-v14 #in_ring1,
#inventoryc.fate-equipment-board-v14 #in_ring2,
#inventoryc.fate-equipment-board-v14 #in_pentagram,
#inventoryc.fate-equipment-board-v14 #in_ear1,
#inventoryc.fate-equipment-board-v14 #in_ear2,
#inventoryc.fate-equipment-board-v14 #wings,
#inventoryc.fate-equipment-board-v14 #helm,
#inventoryc.fate-equipment-board-v14 #pendant,
#inventoryc.fate-equipment-board-v14 #sword,
#inventoryc.fate-equipment-board-v14 #shield,
#inventoryc.fate-equipment-board-v14 #armor,
#inventoryc.fate-equipment-board-v14 #pants,
#inventoryc.fate-equipment-board-v14 #gloves,
#inventoryc.fate-equipment-board-v14 #boots,
#inventoryc.fate-equipment-board-v14 #ring_left,
#inventoryc.fate-equipment-board-v14 #ring_right {
    position: absolute !important;
    z-index: 2 !important;
    top: 10px !important;
    right: 10px !important;
    bottom: 30px !important;
    left: 10px !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    background-color: transparent !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: contain !important;
    filter: drop-shadow(0 7px 7px rgba(0, 0, 0, .52));
    transition: transform .2s ease, filter .2s ease !important;
}

.fate-equipment-slot-v14:hover .fate-equipment-item-v14 {
    transform: scale(1.035);
    filter: drop-shadow(0 8px 8px rgba(0, 0, 0, .56)) drop-shadow(0 0 8px rgba(225, 172, 59, .13));
}

.fate-equipment-label-v14 {
    position: absolute;
    z-index: 4;
    right: 7px;
    bottom: 7px;
    left: 7px;
    overflow: hidden;
    color: #d9be7a;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .9px;
    line-height: 18px;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-shadow: 0 1px 0 #000, 0 0 8px rgba(218, 164, 52, .14);
    pointer-events: none;
}

.fate-slot-v14-pet { grid-area: pet; }
.fate-slot-v14-pendant { grid-area: pendant; }
.fate-slot-v14-helm { grid-area: helm; }
.fate-slot-v14-wings { grid-area: wings; }
.fate-slot-v14-earl { grid-area: earl; }
.fate-slot-v14-ringl { grid-area: ringl; }
.fate-slot-v14-armor { grid-area: armor; }
.fate-slot-v14-ringr { grid-area: ringr; }
.fate-slot-v14-earr { grid-area: earr; }
.fate-slot-v14-weapon { grid-area: weapon; }
.fate-slot-v14-shield { grid-area: shield; }
.fate-slot-v14-gloves { grid-area: gloves; }
.fate-slot-v14-pants { grid-area: pants; }
.fate-slot-v14-penta { grid-area: penta; }
.fate-slot-v14-boots { grid-area: boots; }

@media (max-width: 900px) {
    .fate-equipment-grid-v14 {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        grid-template-rows: 132px 132px 108px 126px 132px 112px !important;
        grid-template-areas:
            "pet helm wings"
            "pendant armor shield"
            "earl armor earr"
            "ringl weapon ringr"
            "gloves pants boots"
            "penta penta penta" !important;
        gap: 10px !important;
    }
}

@media (max-width: 560px) {
    #inventoryc.fate-equipment-board-v14 {
        padding: 9px !important;
        border-radius: 13px !important;
    }

    .fate-equipment-grid-v14 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-template-rows: 124px 124px 184px repeat(5, 112px) !important;
        grid-template-areas:
            "helm wings"
            "weapon shield"
            "armor armor"
            "gloves pants"
            "boots pet"
            "pendant penta"
            "ringl ringr"
            "earl earr" !important;
        gap: 8px !important;
    }

    .fate-equipment-label-v14 {
        font-size: 9px;
        letter-spacing: .55px;
    }
}

/* ========================================================================== 
   FATE EQUIPMENT V15 — allow the character page to grow with the equipment.
   Old Season6 containers used overflow clipping/fixed layout calculations.
   ========================================================================== */
body.fate-equipment-page,
body.fate-equipment-page #wrapper,
body.fate-equipment-page #page-wrapper,
body.fate-equipment-page #page,
body.fate-equipment-page .container,
body.fate-equipment-page .site-content-frame,
body.fate-equipment-page #content,
body.fate-equipment-page #content > #box1,
body.fate-equipment-page #content .box-style1,
body.fate-equipment-page #content .box-style1 > .entry,
body.fate-equipment-page .fate-character-equipment-table,
body.fate-equipment-page .fate-character-equipment-table > tbody,
body.fate-equipment-page .fate-character-equipment-table > tbody > tr,
body.fate-equipment-page .fate-character-equipment-table > tbody > tr > td,
body.fate-equipment-page .fate-character-equipment-table > tr,
body.fate-equipment-page .fate-character-equipment-table > tr > td {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    clip: auto !important;
    clip-path: none !important;
}

body.fate-equipment-page #page-wrapper,
body.fate-equipment-page #page,
body.fate-equipment-page .site-content-frame {
    contain: none !important;
}

body.fate-equipment-page .site-content-frame {
    grid-auto-rows: auto !important;
    align-items: start !important;
    padding-bottom: 18px !important;
}

body.fate-equipment-page .site-content-frame > #content,
body.fate-equipment-page #content > #box1,
body.fate-equipment-page #content .box-style1,
body.fate-equipment-page #content .box-style1 > .entry {
    position: relative !important;
    min-height: 0 !important;
    transform: none !important;
}

body.fate-equipment-page #content > #box1:hover,
body.fate-equipment-page #content .box-style1:hover {
    transform: none !important;
}

body.fate-equipment-page .fate-character-equipment-table {
    display: table !important;
    table-layout: auto !important;
    width: 100% !important;
    margin-bottom: 4px !important;
}

body.fate-equipment-page .fate-character-equipment-table > tbody {
    display: table-row-group !important;
}

body.fate-equipment-page .fate-character-equipment-table > tbody > tr,
body.fate-equipment-page .fate-character-equipment-table > tr {
    display: table-row !important;
}

body.fate-equipment-page .fate-character-equipment-table > tbody > tr > td,
body.fate-equipment-page .fate-character-equipment-table > tr > td {
    display: table-cell !important;
    padding-bottom: 18px !important;
}

body.fate-equipment-page #inventoryc.fate-equipment-board-v14 {
    width: min(100%, 980px) !important;
    margin-bottom: 0 !important;
}

@media (max-width: 760px) {
    body.fate-equipment-page .site-content-frame {
        min-height: 0 !important;
    }
}

/* ========================================================================== 
   FATE EQUIPMENT V16 — compact equipment board.
   Weapon and shield use tall vertical slots; all cells and item artwork are
   reduced to fit the character page without dominating the content area.
   ========================================================================== */
body.fate-equipment-page #inventoryc.fate-equipment-board-v14 {
    width: min(100%, 760px) !important;
    padding: 12px !important;
    border-radius: 15px !important;
}

body.fate-equipment-page .fate-equipment-grid-v14 {
    grid-template-columns: minmax(96px, 1fr) minmax(82px, .82fr) minmax(128px, 1.28fr) minmax(82px, .82fr) minmax(96px, 1fr) !important;
    grid-template-rows: 108px 82px 92px 92px !important;
    grid-template-areas:
        "pet pendant helm wings wings"
        "earl ringl armor ringr earr"
        "weapon gloves armor boots shield"
        "weapon pants penta penta shield" !important;
    gap: 9px !important;
}

body.fate-equipment-page .fate-equipment-slot-v14 {
    border-radius: 11px !important;
}

body.fate-equipment-page .fate-equipment-slot-v14::after {
    inset: 4px !important;
    border-radius: 7px !important;
}

body.fate-equipment-page .fate-equipment-slot-v14.is-empty::before {
    font-size: 22px !important;
}

body.fate-equipment-page .fate-equipment-slot-v14 .fate-equipment-item-v14,
body.fate-equipment-page #inventoryc.fate-equipment-board-v14 #in_weapon,
body.fate-equipment-page #inventoryc.fate-equipment-board-v14 #in_shield,
body.fate-equipment-page #inventoryc.fate-equipment-board-v14 #in_helm,
body.fate-equipment-page #inventoryc.fate-equipment-board-v14 #in_armor,
body.fate-equipment-page #inventoryc.fate-equipment-board-v14 #in_pants,
body.fate-equipment-page #inventoryc.fate-equipment-board-v14 #in_gloves,
body.fate-equipment-page #inventoryc.fate-equipment-board-v14 #in_boots,
body.fate-equipment-page #inventoryc.fate-equipment-board-v14 #in_wings,
body.fate-equipment-page #inventoryc.fate-equipment-board-v14 #in_zoo,
body.fate-equipment-page #inventoryc.fate-equipment-board-v14 #in_pendant,
body.fate-equipment-page #inventoryc.fate-equipment-board-v14 #in_ring1,
body.fate-equipment-page #inventoryc.fate-equipment-board-v14 #in_ring2,
body.fate-equipment-page #inventoryc.fate-equipment-board-v14 #in_pentagram,
body.fate-equipment-page #inventoryc.fate-equipment-board-v14 #in_ear1,
body.fate-equipment-page #inventoryc.fate-equipment-board-v14 #in_ear2,
body.fate-equipment-page #inventoryc.fate-equipment-board-v14 #wings,
body.fate-equipment-page #inventoryc.fate-equipment-board-v14 #helm,
body.fate-equipment-page #inventoryc.fate-equipment-board-v14 #pendant,
body.fate-equipment-page #inventoryc.fate-equipment-board-v14 #sword,
body.fate-equipment-page #inventoryc.fate-equipment-board-v14 #shield,
body.fate-equipment-page #inventoryc.fate-equipment-board-v14 #armor,
body.fate-equipment-page #inventoryc.fate-equipment-board-v14 #pants,
body.fate-equipment-page #inventoryc.fate-equipment-board-v14 #gloves,
body.fate-equipment-page #inventoryc.fate-equipment-board-v14 #boots,
body.fate-equipment-page #inventoryc.fate-equipment-board-v14 #ring_left,
body.fate-equipment-page #inventoryc.fate-equipment-board-v14 #ring_right {
    top: 7px !important;
    right: 7px !important;
    bottom: 25px !important;
    left: 7px !important;
}

body.fate-equipment-page .fate-slot-v14-weapon .fate-equipment-item-v14,
body.fate-equipment-page .fate-slot-v14-shield .fate-equipment-item-v14 {
    top: 8px !important;
    right: 10px !important;
    bottom: 25px !important;
    left: 10px !important;
}

body.fate-equipment-page .fate-equipment-label-v14 {
    right: 5px !important;
    bottom: 4px !important;
    left: 5px !important;
    font-size: 9px !important;
    letter-spacing: .7px !important;
    line-height: 17px !important;
}

body.fate-equipment-page .fate-equipment-slot-v14:hover {
    transform: translateY(-2px) !important;
}

@media (max-width: 820px) {
    body.fate-equipment-page #inventoryc.fate-equipment-board-v14 {
        width: min(100%, 620px) !important;
        padding: 10px !important;
    }

    body.fate-equipment-page .fate-equipment-grid-v14 {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        grid-template-rows: 100px 98px 78px 88px 88px 78px !important;
        grid-template-areas:
            "pet helm wings"
            "pendant armor earr"
            "earl armor ringr"
            "weapon gloves shield"
            "weapon pants shield"
            "ringl penta boots" !important;
        gap: 8px !important;
    }
}

@media (max-width: 560px) {
    body.fate-equipment-page #inventoryc.fate-equipment-board-v14 {
        width: 100% !important;
        padding: 8px !important;
    }

    body.fate-equipment-page .fate-equipment-grid-v14 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-template-rows: 92px 82px 82px 142px 84px 84px 84px 72px 72px !important;
        grid-template-areas:
            "helm wings"
            "weapon shield"
            "weapon shield"
            "armor armor"
            "gloves pants"
            "boots pet"
            "pendant penta"
            "ringl ringr"
            "earl earr" !important;
        gap: 7px !important;
    }

    body.fate-equipment-page .fate-equipment-label-v14 {
        font-size: 8px !important;
        letter-spacing: .45px !important;
    }
}

/* ========================================================================== 
   FATE EQUIPMENT V17 — extra compact board, Pentagram removed completely.
   ========================================================================== */
body.fate-equipment-page #inventoryc.fate-equipment-board-v14,
body.fate-equipment-page #inventoryc.fate-equipment-board-v17 {
    width: min(100%, 600px) !important;
    padding: 9px !important;
    border-radius: 13px !important;
}

body.fate-equipment-page .fate-equipment-grid-v14 {
    grid-template-columns: minmax(72px, 1fr) minmax(58px, .72fr) minmax(96px, 1.18fr) minmax(58px, .72fr) minmax(72px, 1fr) !important;
    grid-template-rows: 76px 60px 64px 64px !important;
    grid-template-areas:
        "pet pendant helm wings wings"
        "earl ringl armor ringr earr"
        "weapon gloves armor boots shield"
        "weapon pants armor boots shield" !important;
    gap: 7px !important;
}

body.fate-equipment-page .fate-slot-v14-penta {
    display: none !important;
}

body.fate-equipment-page .fate-equipment-slot-v14 {
    border-radius: 9px !important;
    box-shadow:
        inset 0 1px 0 rgba(255,235,184,.07),
        inset 0 0 16px rgba(0,0,0,.20),
        0 4px 11px rgba(0,0,0,.18) !important;
}

body.fate-equipment-page .fate-equipment-slot-v14::after {
    inset: 3px !important;
    border-radius: 6px !important;
}

body.fate-equipment-page .fate-equipment-slot-v14.is-empty::before {
    font-size: 17px !important;
}

body.fate-equipment-page .fate-equipment-slot-v14 .fate-equipment-item-v14,
body.fate-equipment-page #inventoryc.fate-equipment-board-v14 #in_weapon,
body.fate-equipment-page #inventoryc.fate-equipment-board-v14 #in_shield,
body.fate-equipment-page #inventoryc.fate-equipment-board-v14 #in_helm,
body.fate-equipment-page #inventoryc.fate-equipment-board-v14 #in_armor,
body.fate-equipment-page #inventoryc.fate-equipment-board-v14 #in_pants,
body.fate-equipment-page #inventoryc.fate-equipment-board-v14 #in_gloves,
body.fate-equipment-page #inventoryc.fate-equipment-board-v14 #in_boots,
body.fate-equipment-page #inventoryc.fate-equipment-board-v14 #in_wings,
body.fate-equipment-page #inventoryc.fate-equipment-board-v14 #in_zoo,
body.fate-equipment-page #inventoryc.fate-equipment-board-v14 #in_pendant,
body.fate-equipment-page #inventoryc.fate-equipment-board-v14 #in_ring1,
body.fate-equipment-page #inventoryc.fate-equipment-board-v14 #in_ring2,
body.fate-equipment-page #inventoryc.fate-equipment-board-v14 #in_ear1,
body.fate-equipment-page #inventoryc.fate-equipment-board-v14 #in_ear2,
body.fate-equipment-page #inventoryc.fate-equipment-board-v14 #wings,
body.fate-equipment-page #inventoryc.fate-equipment-board-v14 #helm,
body.fate-equipment-page #inventoryc.fate-equipment-board-v14 #pendant,
body.fate-equipment-page #inventoryc.fate-equipment-board-v14 #sword,
body.fate-equipment-page #inventoryc.fate-equipment-board-v14 #shield,
body.fate-equipment-page #inventoryc.fate-equipment-board-v14 #armor,
body.fate-equipment-page #inventoryc.fate-equipment-board-v14 #pants,
body.fate-equipment-page #inventoryc.fate-equipment-board-v14 #gloves,
body.fate-equipment-page #inventoryc.fate-equipment-board-v14 #boots,
body.fate-equipment-page #inventoryc.fate-equipment-board-v14 #ring_left,
body.fate-equipment-page #inventoryc.fate-equipment-board-v14 #ring_right {
    top: 5px !important;
    right: 5px !important;
    bottom: 20px !important;
    left: 5px !important;
    filter: drop-shadow(0 4px 4px rgba(0,0,0,.48)) !important;
}

body.fate-equipment-page .fate-slot-v14-weapon .fate-equipment-item-v14,
body.fate-equipment-page .fate-slot-v14-shield .fate-equipment-item-v14,
body.fate-equipment-page .fate-slot-v14-armor .fate-equipment-item-v14 {
    top: 5px !important;
    right: 7px !important;
    bottom: 20px !important;
    left: 7px !important;
}

body.fate-equipment-page .fate-equipment-label-v14 {
    right: 3px !important;
    bottom: 2px !important;
    left: 3px !important;
    font-size: 7.5px !important;
    letter-spacing: .45px !important;
    line-height: 15px !important;
}

body.fate-equipment-page .fate-equipment-slot-v14:hover {
    transform: translateY(-1px) !important;
}

@media (max-width: 820px) {
    body.fate-equipment-page #inventoryc.fate-equipment-board-v14,
    body.fate-equipment-page #inventoryc.fate-equipment-board-v17 {
        width: min(100%, 510px) !important;
        padding: 8px !important;
    }

    body.fate-equipment-page .fate-equipment-grid-v14 {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        grid-template-rows: 72px 70px 54px 60px 60px 54px !important;
        grid-template-areas:
            "pet helm wings"
            "pendant armor earr"
            "earl armor ringr"
            "weapon gloves shield"
            "weapon pants shield"
            "ringl boots boots" !important;
        gap: 6px !important;
    }
}

@media (max-width: 420px) {
    body.fate-equipment-page #inventoryc.fate-equipment-board-v14,
    body.fate-equipment-page #inventoryc.fate-equipment-board-v17 {
        padding: 6px !important;
    }

    body.fate-equipment-page .fate-equipment-grid-v14 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-template-rows: 66px 54px 54px 102px 58px 58px 58px 52px 52px 52px !important;
        grid-template-areas:
            "helm wings"
            "weapon shield"
            "weapon shield"
            "armor armor"
            "gloves pants"
            "boots pet"
            "pendant ringl"
            "ringr earl"
            "earr earr"
            "earr earr" !important;
        gap: 5px !important;
    }

    body.fate-equipment-page .fate-equipment-label-v14 {
        font-size: 7px !important;
        letter-spacing: .3px !important;
    }
}

/* ========================================================================== 
   FATE EQUIPMENT V18 — miniature 3-row equipment panel, no Talisman/Pentagram.
   Reference layout: five compact slots / four centered slots / five slots.
   ========================================================================== */
body.fate-equipment-page #inventoryc.fate-equipment-board-v14,
body.fate-equipment-page #inventoryc.fate-equipment-board-v17,
body.fate-equipment-page #inventoryc.fate-equipment-board-v18 {
    width: min(100%, 430px) !important;
    margin: 12px auto 6px !important;
    padding: 17px 18px 15px !important;
    overflow: visible !important;
    border: 1px solid rgba(211,160,55,.62) !important;
    border-radius: 12px !important;
    background:
        radial-gradient(circle at 50% 42%, rgba(104,70,18,.10), transparent 48%),
        linear-gradient(145deg, rgba(15,11,7,.98), rgba(8,7,6,.98)) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,230,163,.08),
        inset 0 0 28px rgba(0,0,0,.34),
        0 10px 28px rgba(0,0,0,.28),
        0 0 22px rgba(191,131,30,.07) !important;
}

body.fate-equipment-page .fate-equipment-grid-v14 {
    display: grid !important;
    grid-template-columns: repeat(10, minmax(0, 1fr)) !important;
    grid-template-rows: repeat(3, 91px) !important;
    grid-template-areas: none !important;
    gap: 8px 5px !important;
    align-items: stretch !important;
}

/* Top row — five equal slots. */
body.fate-equipment-page .fate-slot-v14-pet     {grid-column:1 / span 2 !important;grid-row:1 !important}
body.fate-equipment-page .fate-slot-v14-earl    {grid-column:3 / span 2 !important;grid-row:1 !important}
body.fate-equipment-page .fate-slot-v14-helm    {grid-column:5 / span 2 !important;grid-row:1 !important}
body.fate-equipment-page .fate-slot-v14-earr    {grid-column:7 / span 2 !important;grid-row:1 !important}
body.fate-equipment-page .fate-slot-v14-wings   {grid-column:9 / span 2 !important;grid-row:1 !important}

/* Middle row — four slots centered after removing Talisman. */
body.fate-equipment-page .fate-slot-v14-weapon  {grid-column:2 / span 2 !important;grid-row:2 !important}
body.fate-equipment-page .fate-slot-v14-pendant {grid-column:4 / span 2 !important;grid-row:2 !important}
body.fate-equipment-page .fate-slot-v14-armor   {grid-column:6 / span 2 !important;grid-row:2 !important}
body.fate-equipment-page .fate-slot-v14-shield  {grid-column:8 / span 2 !important;grid-row:2 !important}

/* Bottom row — five equal slots. */
body.fate-equipment-page .fate-slot-v14-gloves  {grid-column:1 / span 2 !important;grid-row:3 !important}
body.fate-equipment-page .fate-slot-v14-ringl   {grid-column:3 / span 2 !important;grid-row:3 !important}
body.fate-equipment-page .fate-slot-v14-pants   {grid-column:5 / span 2 !important;grid-row:3 !important}
body.fate-equipment-page .fate-slot-v14-ringr   {grid-column:7 / span 2 !important;grid-row:3 !important}
body.fate-equipment-page .fate-slot-v14-boots   {grid-column:9 / span 2 !important;grid-row:3 !important}

body.fate-equipment-page .fate-slot-v14-penta,
body.fate-equipment-page #in_pentagram,
body.fate-equipment-page .openPentaModal {
    display: none !important;
}

body.fate-equipment-page .fate-equipment-slot-v14 {
    position: relative !important;
    min-width: 0 !important;
    width: auto !important;
    height: 91px !important;
    padding: 20px 0 0 !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
}

/* The bordered item cell begins below the label, like in the reference. */
body.fate-equipment-page .fate-equipment-slot-v14::after {
    content: "" !important;
    position: absolute !important;
    z-index: 0 !important;
    inset: 20px 0 0 !important;
    pointer-events: none !important;
    border: 1px solid rgba(164,112,25,.52) !important;
    border-radius: 7px !important;
    background:
        radial-gradient(circle at 50% 44%, rgba(115,78,24,.09), transparent 58%),
        linear-gradient(155deg, rgba(18,14,10,.98), rgba(7,7,7,.98)) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,224,142,.045),
        inset 0 0 15px rgba(0,0,0,.34),
        0 3px 8px rgba(0,0,0,.20) !important;
    transition:border-color .18s ease, box-shadow .18s ease, background .18s ease, transform .18s ease !important;
}

body.fate-equipment-page .fate-equipment-slot-v14:hover::after {
    border-color: rgba(229,178,68,.88) !important;
    background:
        radial-gradient(circle at 50% 44%, rgba(161,109,29,.16), transparent 62%),
        linear-gradient(155deg, rgba(24,18,11,.99), rgba(9,8,7,.99)) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,236,180,.09),
        inset 0 0 18px rgba(0,0,0,.28),
        0 5px 12px rgba(0,0,0,.28),
        0 0 13px rgba(212,151,39,.15) !important;
    transform: translateY(-1px) !important;
}

body.fate-equipment-page .fate-equipment-slot-v14.is-empty::before {
    z-index: 1 !important;
    top: 48px !important;
    bottom: auto !important;
    left: 50% !important;
    transform: translate(-50%,-50%) !important;
    color: rgba(207,160,67,.24) !important;
    font-size: 13px !important;
    line-height: 1 !important;
    text-shadow: 0 0 8px rgba(196,139,37,.08) !important;
}

body.fate-equipment-page .fate-equipment-label-v14 {
    z-index: 2 !important;
    top: 0 !important;
    right: 0 !important;
    bottom: auto !important;
    left: 0 !important;
    height: 18px !important;
    color: #d9a944 !important;
    font-family: Arial, sans-serif !important;
    font-size: 8px !important;
    font-weight: 800 !important;
    line-height: 18px !important;
    letter-spacing: .55px !important;
    text-align: center !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    text-shadow: 0 1px 0 #000, 0 0 6px rgba(216,160,46,.16) !important;
}

body.fate-equipment-page .fate-equipment-slot-v14 .fate-equipment-item-v14,
body.fate-equipment-page #inventoryc.fate-equipment-board-v14 #in_weapon,
body.fate-equipment-page #inventoryc.fate-equipment-board-v14 #in_shield,
body.fate-equipment-page #inventoryc.fate-equipment-board-v14 #in_helm,
body.fate-equipment-page #inventoryc.fate-equipment-board-v14 #in_armor,
body.fate-equipment-page #inventoryc.fate-equipment-board-v14 #in_pants,
body.fate-equipment-page #inventoryc.fate-equipment-board-v14 #in_gloves,
body.fate-equipment-page #inventoryc.fate-equipment-board-v14 #in_boots,
body.fate-equipment-page #inventoryc.fate-equipment-board-v14 #in_wings,
body.fate-equipment-page #inventoryc.fate-equipment-board-v14 #in_zoo,
body.fate-equipment-page #inventoryc.fate-equipment-board-v14 #in_pendant,
body.fate-equipment-page #inventoryc.fate-equipment-board-v14 #in_ring1,
body.fate-equipment-page #inventoryc.fate-equipment-board-v14 #in_ring2,
body.fate-equipment-page #inventoryc.fate-equipment-board-v14 #in_ear1,
body.fate-equipment-page #inventoryc.fate-equipment-board-v14 #in_ear2,
body.fate-equipment-page #inventoryc.fate-equipment-board-v14 #wings,
body.fate-equipment-page #inventoryc.fate-equipment-board-v14 #helm,
body.fate-equipment-page #inventoryc.fate-equipment-board-v14 #pendant,
body.fate-equipment-page #inventoryc.fate-equipment-board-v14 #sword,
body.fate-equipment-page #inventoryc.fate-equipment-board-v14 #shield,
body.fate-equipment-page #inventoryc.fate-equipment-board-v14 #armor,
body.fate-equipment-page #inventoryc.fate-equipment-board-v14 #pants,
body.fate-equipment-page #inventoryc.fate-equipment-board-v14 #gloves,
body.fate-equipment-page #inventoryc.fate-equipment-board-v14 #boots,
body.fate-equipment-page #inventoryc.fate-equipment-board-v14 #ring_left,
body.fate-equipment-page #inventoryc.fate-equipment-board-v14 #ring_right {
    z-index: 1 !important;
    position: absolute !important;
    top: 25px !important;
    right: 5px !important;
    bottom: 5px !important;
    left: 5px !important;
    width: auto !important;
    height: auto !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    border: 0 !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    filter: drop-shadow(0 3px 4px rgba(0,0,0,.55)) !important;
    transition:filter .18s ease, transform .18s ease !important;
}

body.fate-equipment-page .fate-equipment-slot-v14:hover .fate-equipment-item-v14 {
    transform: scale(1.035) !important;
    filter: drop-shadow(0 4px 5px rgba(0,0,0,.62)) brightness(1.08) !important;
}

/* Weapon and shield remain vertical but fit entirely inside the miniature cells. */
body.fate-equipment-page .fate-slot-v14-weapon .fate-equipment-item-v14,
body.fate-equipment-page .fate-slot-v14-shield .fate-equipment-item-v14 {
    top: 24px !important;
    right: 7px !important;
    bottom: 4px !important;
    left: 7px !important;
}

@media (max-width: 700px) {
    body.fate-equipment-page #inventoryc.fate-equipment-board-v14,
    body.fate-equipment-page #inventoryc.fate-equipment-board-v17,
    body.fate-equipment-page #inventoryc.fate-equipment-board-v18 {
        width: min(100%, 390px) !important;
        padding: 14px 12px 12px !important;
    }

    body.fate-equipment-page .fate-equipment-grid-v14 {
        grid-template-rows: repeat(3, 84px) !important;
        gap: 6px 4px !important;
    }

    body.fate-equipment-page .fate-equipment-slot-v14 {
        height: 84px !important;
    }

    body.fate-equipment-page .fate-equipment-label-v14 {
        font-size: 7px !important;
        letter-spacing: .28px !important;
    }
}

@media (max-width: 430px) {
    body.fate-equipment-page #inventoryc.fate-equipment-board-v14,
    body.fate-equipment-page #inventoryc.fate-equipment-board-v17,
    body.fate-equipment-page #inventoryc.fate-equipment-board-v18 {
        width: 100% !important;
        padding: 11px 8px 10px !important;
    }

    body.fate-equipment-page .fate-equipment-grid-v14 {
        grid-template-rows: repeat(3, 76px) !important;
        gap: 5px 3px !important;
    }

    body.fate-equipment-page .fate-equipment-slot-v14 {
        height: 76px !important;
        padding-top: 17px !important;
    }

    body.fate-equipment-page .fate-equipment-slot-v14::after {
        inset: 17px 0 0 !important;
        border-radius: 5px !important;
    }

    body.fate-equipment-page .fate-equipment-label-v14 {
        height: 15px !important;
        font-size: 6.2px !important;
        line-height: 15px !important;
        letter-spacing: .12px !important;
    }

    body.fate-equipment-page .fate-equipment-slot-v14 .fate-equipment-item-v14 {
        top: 21px !important;
        right: 3px !important;
        bottom: 3px !important;
        left: 3px !important;
    }
}

/* ========================================================================== 
   FATE CHARACTER SHOWCASE V19 — profile / inventory / guild composition.
   ========================================================================== */
body.fate-equipment-page .fate-character-showcase-v19{
    width:100%!important;
    display:grid!important;
    grid-template-columns:150px minmax(440px,1fr) 150px!important;
    gap:12px!important;
    align-items:stretch!important;
    margin:14px 0 4px!important;
    padding:0!important;
}

body.fate-equipment-page .fate-character-profile-v19,
body.fate-equipment-page .fate-character-inventory-v19,
body.fate-equipment-page .fate-character-guild-v19{
    position:relative!important;
    min-width:0!important;
    min-height:390px!important;
    overflow:hidden!important;
    border:1px solid rgba(187,132,38,.32)!important;
    border-radius:9px!important;
    background:
        radial-gradient(circle at 50% 18%,rgba(171,118,31,.07),transparent 44%),
        linear-gradient(155deg,rgba(17,15,13,.98),rgba(8,8,8,.99))!important;
    box-shadow:
        inset 0 1px 0 rgba(255,229,163,.035),
        inset 0 0 28px rgba(0,0,0,.35),
        0 10px 24px rgba(0,0,0,.22)!important;
}

body.fate-equipment-page .fate-character-profile-v19,
body.fate-equipment-page .fate-character-guild-v19{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    padding:20px 12px!important;
    text-align:center!important;
}

body.fate-equipment-page .fate-character-profile-v19:hover,
body.fate-equipment-page .fate-character-guild-v19:hover,
body.fate-equipment-page .fate-character-inventory-v19:hover{
    border-color:rgba(218,164,59,.55)!important;
    box-shadow:
        inset 0 1px 0 rgba(255,232,173,.055),
        inset 0 0 32px rgba(0,0,0,.30),
        0 12px 30px rgba(0,0,0,.28),
        0 0 18px rgba(195,137,37,.08)!important;
}

body.fate-equipment-page .fate-character-avatar-v19{
    width:104px!important;
    height:104px!important;
    display:grid!important;
    place-items:center!important;
    margin:0 auto 16px!important;
    overflow:hidden!important;
    border:1px solid rgba(221,166,63,.66)!important;
    border-radius:50%!important;
    background:#090909!important;
    box-shadow:
        inset 0 0 20px rgba(0,0,0,.40),
        0 0 0 4px rgba(123,82,21,.12),
        0 8px 20px rgba(0,0,0,.34)!important;
}

body.fate-equipment-page .fate-character-avatar-v19 img{
    width:100%!important;
    height:100%!important;
    display:block!important;
    object-fit:cover!important;
    object-position:center!important;
    filter:saturate(.92) contrast(1.04) brightness(.93)!important;
}

body.fate-equipment-page .fate-character-profile-v19 h3{
    max-width:100%!important;
    margin:0 0 7px!important;
    overflow:hidden!important;
    color:#d8b66c!important;
    font-family:Georgia,"Times New Roman",serif!important;
    font-size:16px!important;
    font-weight:700!important;
    line-height:1.15!important;
    letter-spacing:.03em!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    text-shadow:0 1px 0 #000,0 0 10px rgba(211,158,51,.13)!important;
}

body.fate-equipment-page .fate-character-profile-v19>span{
    max-width:100%!important;
    color:#8f805f!important;
    font-size:9px!important;
    font-weight:700!important;
    letter-spacing:.08em!important;
    text-transform:uppercase!important;
}

body.fate-equipment-page .fate-character-inventory-v19{
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    padding:14px 10px 10px!important;
}

body.fate-equipment-page .fate-character-inventory-title-v19,
body.fate-equipment-page .fate-character-side-title-v19{
    color:#d3ad62!important;
    font-family:Georgia,"Times New Roman",serif!important;
    font-weight:700!important;
    text-align:center!important;
    text-transform:uppercase!important;
    text-shadow:0 1px 0 #000,0 0 10px rgba(207,154,49,.12)!important;
}

body.fate-equipment-page .fate-character-inventory-title-v19{
    position:relative!important;
    min-height:28px!important;
    margin:0 10px 4px!important;
    font-size:13px!important;
    line-height:28px!important;
    letter-spacing:.08em!important;
}

body.fate-equipment-page .fate-character-inventory-title-v19:after{
    content:""!important;
    position:absolute!important;
    right:12%!important;
    bottom:0!important;
    left:12%!important;
    height:1px!important;
    background:linear-gradient(90deg,transparent,rgba(202,148,47,.42),transparent)!important;
}

body.fate-equipment-page .fate-character-side-title-v19{
    margin:0 0 14px!important;
    color:#c99d47!important;
    font-family:Arial,sans-serif!important;
    font-size:10px!important;
    letter-spacing:.12em!important;
}

body.fate-equipment-page .fate-character-guild-mark-v19{
    width:76px!important;
    height:76px!important;
    display:grid!important;
    place-items:center!important;
    margin:0 auto 13px!important;
    border:1px solid rgba(197,143,43,.30)!important;
    border-radius:10px!important;
    background:rgba(8,8,8,.58)!important;
    box-shadow:inset 0 0 16px rgba(0,0,0,.35)!important;
}

body.fate-equipment-page .fate-character-guild-mark-v19 img{
    width:64px!important;
    height:64px!important;
    display:block!important;
    image-rendering:auto!important;
}

body.fate-equipment-page .fate-character-guild-name-v19{
    max-width:100%!important;
    margin:0 0 10px!important;
    overflow:hidden!important;
    color:#dfc17a!important;
    font-family:Georgia,"Times New Roman",serif!important;
    font-size:15px!important;
    font-weight:700!important;
    line-height:1.2!important;
    text-decoration:none!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
}

body.fate-equipment-page .fate-character-guild-name-v19:hover{
    color:#f0ce7b!important;
    text-shadow:0 0 10px rgba(218,165,56,.22)!important;
}

body.fate-equipment-page .fate-character-guild-meta-v19{
    display:block!important;
    max-width:100%!important;
    margin:3px 0 0!important;
    overflow:hidden!important;
    color:#897a5c!important;
    font-size:8px!important;
    line-height:1.35!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
}

body.fate-equipment-page .fate-character-no-guild-v19{
    color:#d8c08a!important;
    font-family:Georgia,"Times New Roman",serif!important;
    font-size:15px!important;
    font-weight:700!important;
    line-height:1.35!important;
    text-shadow:0 1px 0 #000!important;
}

/* The equipment board becomes the compact center content, without a second heavy frame. */
body.fate-equipment-page .fate-character-inventory-v19 #inventoryc.fate-equipment-board-v14,
body.fate-equipment-page .fate-character-inventory-v19 #inventoryc.fate-equipment-board-v17,
body.fate-equipment-page .fate-character-inventory-v19 #inventoryc.fate-equipment-board-v18{
    width:min(100%,430px)!important;
    margin:5px auto 0!important;
    padding:8px 10px 9px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
}

body.fate-equipment-page .fate-character-inventory-v19 .fate-equipment-grid-v14{
    grid-template-rows:repeat(3,82px)!important;
    gap:6px 4px!important;
}

body.fate-equipment-page .fate-character-inventory-v19 .fate-equipment-slot-v14{
    height:82px!important;
    padding-top:18px!important;
}

body.fate-equipment-page .fate-character-inventory-v19 .fate-equipment-slot-v14::after{
    inset:18px 0 0!important;
    border-color:rgba(165,112,25,.40)!important;
    border-radius:6px!important;
    background:
        radial-gradient(circle at 50% 44%,rgba(105,71,22,.08),transparent 60%),
        linear-gradient(155deg,rgba(18,16,14,.98),rgba(8,8,8,.99))!important;
}

body.fate-equipment-page .fate-character-inventory-v19 .fate-equipment-label-v14{
    height:16px!important;
    font-size:7px!important;
    line-height:16px!important;
    letter-spacing:.42px!important;
}

body.fate-equipment-page .fate-character-inventory-v19 .fate-equipment-slot-v14 .fate-equipment-item-v14{
    top:22px!important;
    right:4px!important;
    bottom:4px!important;
    left:4px!important;
}

@media(max-width:1180px){
    body.fate-equipment-page .fate-character-showcase-v19{
        grid-template-columns:128px minmax(390px,1fr) 128px!important;
        gap:9px!important;
    }
    body.fate-equipment-page .fate-character-avatar-v19{width:88px!important;height:88px!important}
    body.fate-equipment-page .fate-character-profile-v19 h3{font-size:14px!important}
}

@media(max-width:920px){
    body.fate-equipment-page .fate-character-showcase-v19{
        grid-template-columns:1fr 1fr!important;
    }
    body.fate-equipment-page .fate-character-inventory-v19{
        grid-column:1/-1!important;
        grid-row:1!important;
        min-height:0!important;
    }
    body.fate-equipment-page .fate-character-profile-v19,
    body.fate-equipment-page .fate-character-guild-v19{
        min-height:190px!important;
    }
}

@media(max-width:560px){
    body.fate-equipment-page .fate-character-showcase-v19{
        display:flex!important;
        flex-direction:column!important;
    }
    body.fate-equipment-page .fate-character-profile-v19,
    body.fate-equipment-page .fate-character-guild-v19{
        min-height:170px!important;
    }
    body.fate-equipment-page .fate-character-inventory-v19{
        padding:12px 5px 8px!important;
    }
}

/* ========================================================================== 
   FATE EQUIPMENT V20 — shaped character layout, matching the reference.
   The slots use individual sizes and positions instead of an equal grid.
   ========================================================================== */
body.fate-equipment-page .fate-character-showcase-v19{
    grid-template-columns:150px minmax(500px,1fr) 150px!important;
    gap:12px!important;
}

body.fate-equipment-page .fate-character-profile-v19,
body.fate-equipment-page .fate-character-inventory-v19,
body.fate-equipment-page .fate-character-guild-v19{
    min-height:470px!important;
}

body.fate-equipment-page .fate-character-inventory-v19{
    padding:14px 12px 12px!important;
}

body.fate-equipment-page .fate-character-inventory-v19 #inventoryc.fate-equipment-board-v14,
body.fate-equipment-page .fate-character-inventory-v19 #inventoryc.fate-equipment-board-v17,
body.fate-equipment-page .fate-character-inventory-v19 #inventoryc.fate-equipment-board-v18,
body.fate-equipment-page .fate-character-inventory-v19 #inventoryc.fate-equipment-board-v20{
    width:min(100%,500px)!important;
    height:auto!important;
    aspect-ratio:500 / 390!important;
    margin:8px auto 0!important;
    padding:0!important;
    overflow:visible!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
}

body.fate-equipment-page .fate-character-inventory-v19 .fate-equipment-grid-v14{
    position:relative!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    grid-template-columns:none!important;
    grid-template-rows:none!important;
    grid-template-areas:none!important;
    gap:0!important;
}

body.fate-equipment-page .fate-character-inventory-v19 .fate-equipment-slot-v14{
    position:absolute!important;
    display:block!important;
    width:auto!important;
    height:auto!important;
    min-width:0!important;
    min-height:0!important;
    padding:0!important;
    margin:0!important;
    overflow:visible!important;
    transform:none!important;
}

body.fate-equipment-page .fate-character-inventory-v19 .fate-equipment-slot-v14::after{
    inset:0!important;
    border:1px solid rgba(155,106,28,.42)!important;
    border-radius:7px!important;
    background:
        radial-gradient(circle at 50% 42%,rgba(124,83,23,.10),transparent 58%),
        linear-gradient(155deg,rgba(20,18,16,.98),rgba(8,8,8,.99))!important;
    box-shadow:
        inset 0 1px 0 rgba(255,231,168,.045),
        inset 0 0 15px rgba(0,0,0,.34),
        0 4px 10px rgba(0,0,0,.22)!important;
}

body.fate-equipment-page .fate-character-inventory-v19 .fate-equipment-slot-v14:hover::after{
    border-color:rgba(224,172,64,.82)!important;
    background:
        radial-gradient(circle at 50% 42%,rgba(173,116,29,.16),transparent 62%),
        linear-gradient(155deg,rgba(27,22,16,.99),rgba(10,9,8,.99))!important;
    box-shadow:
        inset 0 1px 0 rgba(255,238,192,.10),
        inset 0 0 20px rgba(0,0,0,.28),
        0 6px 15px rgba(0,0,0,.30),
        0 0 14px rgba(211,151,40,.13)!important;
    transform:translateY(-1px)!important;
}

body.fate-equipment-page .fate-character-inventory-v19 .fate-equipment-label-v14{
    top:auto!important;
    right:2px!important;
    bottom:3px!important;
    left:2px!important;
    height:14px!important;
    font-size:6.5px!important;
    line-height:14px!important;
    letter-spacing:.28px!important;
    color:#c9aa69!important;
}

body.fate-equipment-page .fate-character-inventory-v19 .fate-equipment-slot-v14 .fate-equipment-item-v14{
    top:5px!important;
    right:5px!important;
    bottom:19px!important;
    left:5px!important;
    background-size:contain!important;
}

body.fate-equipment-page .fate-character-inventory-v19 .fate-equipment-slot-v14.is-empty::before{
    top:43%!important;
    font-size:14px!important;
}

/* Top equipment row. */
body.fate-equipment-page .fate-slot-v14-pet{
    top:3%!important;left:2%!important;width:19%!important;height:19%!important;
}
body.fate-equipment-page .fate-slot-v14-earl{
    top:7%!important;left:24%!important;width:11%!important;height:14%!important;
}
body.fate-equipment-page .fate-slot-v14-helm{
    top:3%!important;left:39%!important;width:22%!important;height:19%!important;
}
body.fate-equipment-page .fate-slot-v14-earr{
    top:7%!important;left:65%!important;width:11%!important;height:14%!important;
}
body.fate-equipment-page .fate-slot-v14-wings{
    top:3%!important;right:2%!important;width:19%!important;height:19%!important;
}

/* Tall side items and large central armor. */
body.fate-equipment-page .fate-slot-v14-weapon{
    top:29%!important;left:2%!important;width:19%!important;height:39%!important;
}
body.fate-equipment-page .fate-slot-v14-armor{
    top:26%!important;left:39%!important;width:22%!important;height:43%!important;
}
body.fate-equipment-page .fate-slot-v14-shield{
    top:29%!important;right:2%!important;width:19%!important;height:39%!important;
}

/* Small jewellery between the tall equipment pieces. */
body.fate-equipment-page .fate-slot-v14-pendant{
    top:30%!important;left:24%!important;width:11%!important;height:14%!important;
}
body.fate-equipment-page .fate-slot-v14-ringl{
    top:53%!important;left:24%!important;width:11%!important;height:14%!important;
}
body.fate-equipment-page .fate-slot-v14-ringr{
    top:53%!important;left:65%!important;width:11%!important;height:14%!important;
}

/* Bottom row. */
body.fate-equipment-page .fate-slot-v14-gloves{
    top:76%!important;left:2%!important;width:19%!important;height:20%!important;
}
body.fate-equipment-page .fate-slot-v14-pants{
    top:76%!important;left:39%!important;width:22%!important;height:20%!important;
}
body.fate-equipment-page .fate-slot-v14-boots{
    top:76%!important;right:2%!important;width:19%!important;height:20%!important;
}

/* Jewellery is intentionally smaller and rounder, like in the reference. */
body.fate-equipment-page .fate-slot-v14-earl::after,
body.fate-equipment-page .fate-slot-v14-earr::after,
body.fate-equipment-page .fate-slot-v14-pendant::after,
body.fate-equipment-page .fate-slot-v14-ringl::after,
body.fate-equipment-page .fate-slot-v14-ringr::after{
    border-radius:50%!important;
}

body.fate-equipment-page .fate-slot-v14-earl .fate-equipment-label-v14,
body.fate-equipment-page .fate-slot-v14-earr .fate-equipment-label-v14,
body.fate-equipment-page .fate-slot-v14-pendant .fate-equipment-label-v14,
body.fate-equipment-page .fate-slot-v14-ringl .fate-equipment-label-v14,
body.fate-equipment-page .fate-slot-v14-ringr .fate-equipment-label-v14{
    bottom:-15px!important;
    font-size:5.8px!important;
    line-height:12px!important;
}

body.fate-equipment-page .fate-slot-v14-earl .fate-equipment-item-v14,
body.fate-equipment-page .fate-slot-v14-earr .fate-equipment-item-v14,
body.fate-equipment-page .fate-slot-v14-pendant .fate-equipment-item-v14,
body.fate-equipment-page .fate-slot-v14-ringl .fate-equipment-item-v14,
body.fate-equipment-page .fate-slot-v14-ringr .fate-equipment-item-v14{
    top:7px!important;right:7px!important;bottom:7px!important;left:7px!important;
}

body.fate-equipment-page .fate-slot-v14-weapon .fate-equipment-item-v14,
body.fate-equipment-page .fate-slot-v14-shield .fate-equipment-item-v14{
    top:7px!important;right:7px!important;bottom:20px!important;left:7px!important;
}

body.fate-equipment-page .fate-slot-v14-penta,
body.fate-equipment-page #in_pentagram,
body.fate-equipment-page .openPentaModal{
    display:none!important;
}

@media(max-width:1180px){
    body.fate-equipment-page .fate-character-showcase-v19{
        grid-template-columns:126px minmax(430px,1fr) 126px!important;
    }
}

@media(max-width:920px){
    body.fate-equipment-page .fate-character-showcase-v19{
        grid-template-columns:1fr 1fr!important;
    }
    body.fate-equipment-page .fate-character-inventory-v19{
        grid-column:1/-1!important;
        min-height:440px!important;
    }
    body.fate-equipment-page .fate-character-profile-v19,
    body.fate-equipment-page .fate-character-guild-v19{
        min-height:180px!important;
    }
}

@media(max-width:560px){
    body.fate-equipment-page .fate-character-inventory-v19{
        padding:12px 5px 8px!important;
        min-height:0!important;
    }
    body.fate-equipment-page .fate-character-inventory-v19 #inventoryc.fate-equipment-board-v20,
    body.fate-equipment-page .fate-character-inventory-v19 #inventoryc.fate-equipment-board-v18,
    body.fate-equipment-page .fate-character-inventory-v19 #inventoryc.fate-equipment-board-v17,
    body.fate-equipment-page .fate-character-inventory-v19 #inventoryc.fate-equipment-board-v14{
        width:100%!important;
        max-width:430px!important;
    }
}

/* ========================================================================== 
   V21 — server-rendered shaped equipment layout (no JS slot migration)
   ========================================================================== */
.fate-character-inventory-v21{
    padding:14px 12px 16px!important;
    min-width:0!important;
    min-height:470px!important;
    overflow:visible!important;
}

.fate-character-inventory-v21 .fate-character-inventory-title-v19{
    margin:0 0 8px!important;
    padding:0 0 10px!important;
    text-align:center!important;
    color:#dfbe72!important;
    font-size:15px!important;
    font-weight:800!important;
    letter-spacing:.8px!important;
    text-transform:uppercase!important;
    border-bottom:1px solid rgba(175,121,29,.24)!important;
    text-shadow:0 0 12px rgba(213,157,49,.12)!important;
}

#inventoryc.fate-equipment-board-v21{
    position:relative!important;
    display:block!important;
    width:min(100%,500px)!important;
    aspect-ratio:500 / 380!important;
    height:auto!important;
    min-height:0!important;
    margin:8px auto 0!important;
    padding:0!important;
    overflow:visible!important;
    border:0!important;
    border-radius:0!important;
    background:
        radial-gradient(circle at 50% 49%,rgba(144,96,25,.055),transparent 36%),
        radial-gradient(circle at 50% 48%,rgba(0,0,0,.02),rgba(0,0,0,.20) 75%,rgba(0,0,0,.34))!important;
    box-shadow:none!important;
}

#inventoryc.fate-equipment-board-v21::before{
    content:""!important;
    position:absolute!important;
    inset:15% 25%!important;
    border:1px solid rgba(164,112,27,.08)!important;
    border-radius:50%!important;
    box-shadow:0 0 45px rgba(172,115,24,.045),inset 0 0 45px rgba(0,0,0,.20)!important;
    pointer-events:none!important;
}

#inventoryc.fate-equipment-board-v21 .fate-equipment-slot-v21{
    position:absolute!important;
    display:block!important;
    box-sizing:border-box!important;
    float:none!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    z-index:2!important;
    border:1px solid rgba(151,103,27,.48)!important;
    border-radius:8px!important;
    background:
        linear-gradient(145deg,rgba(27,24,20,.98),rgba(14,14,15,.99) 52%,rgba(8,8,9,1))!important;
    box-shadow:
        inset 0 1px 0 rgba(255,237,190,.065),
        inset 0 0 15px rgba(0,0,0,.28),
        0 5px 13px rgba(0,0,0,.25)!important;
    transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,filter .18s ease!important;
}

#inventoryc.fate-equipment-board-v21 .fate-equipment-slot-v21::before{
    content:""!important;
    position:absolute!important;
    inset:4px!important;
    z-index:1!important;
    border:1px solid rgba(230,184,87,.055)!important;
    border-radius:5px!important;
    pointer-events:none!important;
}

#inventoryc.fate-equipment-board-v21 .fate-equipment-slot-v21:hover{
    z-index:5!important;
    transform:translateY(-2px)!important;
    border-color:rgba(226,172,61,.88)!important;
    background:
        radial-gradient(circle at 50% 42%,rgba(154,102,24,.12),transparent 64%),
        linear-gradient(145deg,rgba(34,28,20,.99),rgba(15,14,13,.99) 58%,rgba(8,8,8,1))!important;
    box-shadow:
        inset 0 1px 0 rgba(255,240,199,.12),
        inset 0 0 19px rgba(0,0,0,.25),
        0 8px 17px rgba(0,0,0,.32),
        0 0 15px rgba(211,151,40,.12)!important;
}

#inventoryc.fate-equipment-board-v21 .fate-equipment-item-v21{
    position:absolute!important;
    top:6px!important;
    right:6px!important;
    bottom:20px!important;
    left:6px!important;
    z-index:3!important;
    width:auto!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    background-color:transparent!important;
    background-repeat:no-repeat!important;
    background-position:center center!important;
    background-size:contain!important;
    filter:drop-shadow(0 5px 5px rgba(0,0,0,.52))!important;
    transition:transform .18s ease,filter .18s ease!important;
}

#inventoryc.fate-equipment-board-v21 .fate-equipment-slot-v21:hover .fate-equipment-item-v21{
    transform:scale(1.035)!important;
    filter:drop-shadow(0 6px 6px rgba(0,0,0,.56)) drop-shadow(0 0 7px rgba(220,164,53,.13))!important;
}

#inventoryc.fate-equipment-board-v21 .fate-equipment-label-v21{
    position:absolute!important;
    right:3px!important;
    bottom:3px!important;
    left:3px!important;
    z-index:4!important;
    display:block!important;
    overflow:hidden!important;
    height:14px!important;
    color:#d7b86f!important;
    font-size:7px!important;
    font-weight:800!important;
    line-height:14px!important;
    letter-spacing:.35px!important;
    text-align:center!important;
    text-transform:uppercase!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
    text-shadow:0 1px 2px rgba(0,0,0,.8)!important;
}

#inventoryc.fate-equipment-board-v21 .fate-equipment-empty-v21{
    position:absolute!important;
    top:44%!important;
    left:50%!important;
    z-index:3!important;
    transform:translate(-50%,-50%)!important;
    color:rgba(206,171,98,.18)!important;
    font-family:Georgia,serif!important;
    font-size:24px!important;
    line-height:1!important;
    text-shadow:0 0 15px rgba(203,145,36,.08)!important;
}

/* Exact shaped composition from the supplied reference. */
#inventoryc.fate-equipment-board-v21 .fate-slot-v21-pet{
    top:4%!important;left:9%!important;width:15%!important;height:20%!important;
}
#inventoryc.fate-equipment-board-v21 .fate-slot-v21-helm{
    top:4%!important;left:40%!important;width:20%!important;height:20%!important;
}
#inventoryc.fate-equipment-board-v21 .fate-slot-v21-wings{
    top:4%!important;left:69%!important;width:23%!important;height:20%!important;
}

#inventoryc.fate-equipment-board-v21 .fate-slot-v21-weapon{
    top:31%!important;left:9%!important;width:15%!important;height:40%!important;
}
#inventoryc.fate-equipment-board-v21 .fate-slot-v21-pendant{
    top:32%!important;left:29%!important;width:10%!important;height:13%!important;
}
#inventoryc.fate-equipment-board-v21 .fate-slot-v21-earl{
    top:51%!important;left:29%!important;width:10%!important;height:13%!important;
}
#inventoryc.fate-equipment-board-v21 .fate-slot-v21-armor{
    top:27%!important;left:40%!important;width:20%!important;height:45%!important;
}
#inventoryc.fate-equipment-board-v21 .fate-slot-v21-earr{
    top:51%!important;left:61%!important;width:10%!important;height:13%!important;
}
#inventoryc.fate-equipment-board-v21 .fate-slot-v21-shield{
    top:31%!important;left:76%!important;width:15%!important;height:40%!important;
}

#inventoryc.fate-equipment-board-v21 .fate-slot-v21-gloves{
    top:78%!important;left:9%!important;width:15%!important;height:18%!important;
}
#inventoryc.fate-equipment-board-v21 .fate-slot-v21-ringl{
    top:80%!important;left:29%!important;width:10%!important;height:13%!important;
}
#inventoryc.fate-equipment-board-v21 .fate-slot-v21-pants{
    top:78%!important;left:40%!important;width:20%!important;height:18%!important;
}
#inventoryc.fate-equipment-board-v21 .fate-slot-v21-ringr{
    top:80%!important;left:61%!important;width:10%!important;height:13%!important;
}
#inventoryc.fate-equipment-board-v21 .fate-slot-v21-boots{
    top:78%!important;left:76%!important;width:15%!important;height:18%!important;
}

/* Jewellery slots are compact circles. */
#inventoryc.fate-equipment-board-v21 .fate-slot-v21-pendant,
#inventoryc.fate-equipment-board-v21 .fate-slot-v21-earl,
#inventoryc.fate-equipment-board-v21 .fate-slot-v21-earr,
#inventoryc.fate-equipment-board-v21 .fate-slot-v21-ringl,
#inventoryc.fate-equipment-board-v21 .fate-slot-v21-ringr{
    border-radius:50%!important;
    overflow:visible!important;
}
#inventoryc.fate-equipment-board-v21 .fate-slot-v21-pendant::before,
#inventoryc.fate-equipment-board-v21 .fate-slot-v21-earl::before,
#inventoryc.fate-equipment-board-v21 .fate-slot-v21-earr::before,
#inventoryc.fate-equipment-board-v21 .fate-slot-v21-ringl::before,
#inventoryc.fate-equipment-board-v21 .fate-slot-v21-ringr::before{
    border-radius:50%!important;
}
#inventoryc.fate-equipment-board-v21 .fate-slot-v21-pendant .fate-equipment-item-v21,
#inventoryc.fate-equipment-board-v21 .fate-slot-v21-earl .fate-equipment-item-v21,
#inventoryc.fate-equipment-board-v21 .fate-slot-v21-earr .fate-equipment-item-v21,
#inventoryc.fate-equipment-board-v21 .fate-slot-v21-ringl .fate-equipment-item-v21,
#inventoryc.fate-equipment-board-v21 .fate-slot-v21-ringr .fate-equipment-item-v21{
    top:7px!important;right:7px!important;bottom:7px!important;left:7px!important;
}
#inventoryc.fate-equipment-board-v21 .fate-slot-v21-pendant .fate-equipment-label-v21,
#inventoryc.fate-equipment-board-v21 .fate-slot-v21-earl .fate-equipment-label-v21,
#inventoryc.fate-equipment-board-v21 .fate-slot-v21-earr .fate-equipment-label-v21,
#inventoryc.fate-equipment-board-v21 .fate-slot-v21-ringl .fate-equipment-label-v21,
#inventoryc.fate-equipment-board-v21 .fate-slot-v21-ringr .fate-equipment-label-v21{
    right:-14px!important;bottom:-16px!important;left:-14px!important;
    font-size:6px!important;
    line-height:12px!important;
}

#inventoryc.fate-equipment-board-v21 .fate-slot-v21-weapon .fate-equipment-item-v21,
#inventoryc.fate-equipment-board-v21 .fate-slot-v21-shield .fate-equipment-item-v21,
#inventoryc.fate-equipment-board-v21 .fate-slot-v21-armor .fate-equipment-item-v21{
    top:7px!important;right:7px!important;bottom:21px!important;left:7px!important;
}

@media(max-width:1180px){
    .fate-character-showcase-v19{
        grid-template-columns:126px minmax(430px,1fr) 126px!important;
    }
}

@media(max-width:920px){
    .fate-character-showcase-v19{
        grid-template-columns:1fr 1fr!important;
    }
    .fate-character-inventory-v21{
        grid-column:1/-1!important;
        order:-1!important;
        min-height:0!important;
    }
}

@media(max-width:560px){
    .fate-character-inventory-v21{
        padding:12px 4px 14px!important;
    }
    #inventoryc.fate-equipment-board-v21{
        width:100%!important;
        max-width:430px!important;
    }
    #inventoryc.fate-equipment-board-v21 .fate-equipment-label-v21{
        font-size:5.7px!important;
        letter-spacing:.15px!important;
    }
}


/* ================================================================
   V23 — brighter ML / GR accents (no red)
   ================================================================ */
:root{
    --f23-ml:#59d8ff;
    --f23-ml-soft:#a5ebff;
    --f23-gr:#d3adff;
    --f23-gr-soft:#ead8ff;
}

/* Main Rankings labels and values. */
.ranking-table .rank-extra-label,
.ranking-table .rank-extra-value,
.ranking-output .rank-extra-label,
.ranking-output .rank-extra-value{
    display:inline-block!important;
    margin-left:3px!important;
    font-weight:900!important;
    line-height:1!important;
    letter-spacing:.025em!important;
    vertical-align:super!important;
    opacity:1!important;
}
.ranking-table .rank-extra-label,
.ranking-output .rank-extra-label{
    font-size:9px!important;
}
.ranking-table .rank-extra-value,
.ranking-output .rank-extra-value{
    font-size:10px!important;
}

/* ML — bright ice blue. */
.rank-extra-ml,
.rank-extra-ml b,
.ranking-table .rank-extra-ml,
.ranking-output .rank-extra-ml,
.portal-ranking-table .rank-extra-ml,
.sidebar_rank .rank-extra-ml{
    color:var(--f23-ml)!important;
    text-shadow:0 0 7px rgba(89,216,255,.38)!important;
}
.ranking-table tbody tr:hover .rank-extra-ml,
.ranking-output tbody tr:hover .rank-extra-ml,
.portal-ranking-table tbody tr:hover .rank-extra-ml{
    color:var(--f23-ml-soft)!important;
    text-shadow:0 0 10px rgba(89,216,255,.58)!important;
}

/* GR — bright soft violet. */
.rank-extra-gr,
.rank-extra-gr b,
.ranking-table .rank-extra-gr,
.ranking-output .rank-extra-gr,
.portal-ranking-table .rank-extra-gr,
.sidebar_rank .rank-extra-gr{
    color:var(--f23-gr)!important;
    text-shadow:0 0 7px rgba(211,173,255,.34)!important;
}
.ranking-table tbody tr:hover .rank-extra-gr,
.ranking-output tbody tr:hover .rank-extra-gr,
.portal-ranking-table tbody tr:hover .rank-extra-gr{
    color:var(--f23-gr-soft)!important;
    text-shadow:0 0 10px rgba(211,173,255,.54)!important;
}

/* Sidebar: keep extra statistics readable without making rows taller. */
.portal-ranking-table .rank-head-extra{
    margin-top:2px!important;
    font-size:8px!important;
    font-weight:900!important;
}
.portal-ranking-table .rank-secondary{
    margin-top:2px!important;
    font-size:9px!important;
    font-weight:800!important;
}
.portal-ranking-table .rank-secondary b{
    font-size:7.5px!important;
    font-weight:900!important;
}


/* ================================================================
   V24 — hard sidebar ML / GR color fix
   The sidebar has older generic .rank-secondary rules, so color by
   the actual statistic column as well as by semantic classes.
   ================================================================ */

/* ML header + ML value line (3rd statistic column). */
table.sidebar_rank.portal-ranking-table thead th:nth-child(3) .rank-head-extra,
table.sidebar_rank.portal-ranking-table tbody td:nth-child(3) .rank-secondary,
table.sidebar_rank.portal-ranking-table tbody td:nth-child(3) .rank-secondary b,
table.sidebar_rank thead th:nth-child(3) .rank-head-extra,
table.sidebar_rank tbody td:nth-child(3) .rank-secondary,
table.sidebar_rank tbody td:nth-child(3) .rank-secondary b{
    color:#59d8ff!important;
    -webkit-text-fill-color:#59d8ff!important;
    text-shadow:0 0 7px rgba(89,216,255,.46)!important;
}

/* GR header + GR value line (4th statistic column). */
table.sidebar_rank.portal-ranking-table thead th:nth-child(4) .rank-head-extra,
table.sidebar_rank.portal-ranking-table tbody td:nth-child(4) .rank-secondary,
table.sidebar_rank.portal-ranking-table tbody td:nth-child(4) .rank-secondary b,
table.sidebar_rank thead th:nth-child(4) .rank-head-extra,
table.sidebar_rank tbody td:nth-child(4) .rank-secondary,
table.sidebar_rank tbody td:nth-child(4) .rank-secondary b{
    color:#d3adff!important;
    -webkit-text-fill-color:#d3adff!important;
    text-shadow:0 0 7px rgba(211,173,255,.42)!important;
}

/* Slightly brighter on row hover. */
table.sidebar_rank.portal-ranking-table tbody tr:hover td:nth-child(3) .rank-secondary,
table.sidebar_rank.portal-ranking-table tbody tr:hover td:nth-child(3) .rank-secondary b,
table.sidebar_rank tbody tr:hover td:nth-child(3) .rank-secondary,
table.sidebar_rank tbody tr:hover td:nth-child(3) .rank-secondary b{
    color:#a5ebff!important;
    -webkit-text-fill-color:#a5ebff!important;
    text-shadow:0 0 10px rgba(89,216,255,.65)!important;
}

table.sidebar_rank.portal-ranking-table tbody tr:hover td:nth-child(4) .rank-secondary,
table.sidebar_rank.portal-ranking-table tbody tr:hover td:nth-child(4) .rank-secondary b,
table.sidebar_rank tbody tr:hover td:nth-child(4) .rank-secondary,
table.sidebar_rank tbody tr:hover td:nth-child(4) .rank-secondary b{
    color:#ead8ff!important;
    -webkit-text-fill-color:#ead8ff!important;
    text-shadow:0 0 10px rgba(211,173,255,.62)!important;
}

/* ================================================================
   V25 — grand opening timer in the upper-right header area
   ================================================================ */
.site-header .hero-scene{
    position:relative!important;
    isolation:isolate!important;
}

.site-header .fate-launch-timer{
    position:absolute!important;
    z-index:8!important;
    right:clamp(34px,6vw,96px)!important;
    bottom:24px!important;
    width:286px!important;
    min-height:88px!important;
    padding:11px 12px 12px!important;
    margin:0!important;
    border:1px solid rgba(183,132,36,.72)!important;
    border-radius:15px!important;
    background:
        linear-gradient(180deg,rgba(91,64,27,.48) 0%,rgba(31,20,10,.94) 18%,rgba(10,8,6,.98) 100%)!important;
    box-shadow:
        inset 0 1px 0 rgba(255,226,157,.22),
        inset 0 -1px 0 rgba(0,0,0,.75),
        0 10px 28px rgba(0,0,0,.48),
        0 0 24px rgba(180,123,26,.08)!important;
    overflow:hidden!important;
    transform:translateZ(0)!important;
}

.site-header .fate-launch-timer::before{
    content:""!important;
    position:absolute!important;
    top:0!important;
    left:8%!important;
    width:84%!important;
    height:1px!important;
    background:linear-gradient(90deg,transparent,rgba(255,222,146,.82),transparent)!important;
    box-shadow:0 0 11px rgba(255,196,79,.42)!important;
    pointer-events:none!important;
}

.site-header .fate-launch-timer::after{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    border-radius:inherit!important;
    background:linear-gradient(115deg,rgba(255,255,255,.055),transparent 32%,transparent 68%,rgba(224,160,46,.035))!important;
    pointer-events:none!important;
}

.site-header .fate-launch-timer #timer_div_title,
.site-header .fate-launch-timer__title{
    position:relative!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    z-index:2!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    height:auto!important;
    min-height:17px!important;
    margin:0 0 8px!important;
    padding:0 8px 7px!important;
    border-bottom:1px solid rgba(173,120,31,.32)!important;
    color:#e6bd62!important;
    font-family:Georgia,"Times New Roman",serif!important;
    font-size:11px!important;
    font-weight:800!important;
    line-height:1.15!important;
    letter-spacing:.11em!important;
    text-align:center!important;
    text-transform:uppercase!important;
    text-shadow:0 1px 0 #000,0 0 10px rgba(231,177,70,.22)!important;
}

.site-header .fate-launch-timer #timer_div_time,
.site-header .fate-launch-timer__grid{
    position:relative!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    z-index:2!important;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:6px!important;
    width:100%!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
}

.site-header .fate-launch-timer .timmer_inner_block,
.site-header .fate-launch-timer__unit{
    position:relative!important;
    float:none!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    height:48px!important;
    min-width:0!important;
    margin:0!important;
    padding:5px 2px 4px!important;
    border:1px solid rgba(157,107,25,.46)!important;
    border-radius:8px!important;
    background:linear-gradient(180deg,rgba(71,49,21,.75),rgba(15,11,7,.95))!important;
    box-shadow:
        inset 0 1px 0 rgba(255,221,142,.12),
        inset 0 -8px 16px rgba(0,0,0,.28)!important;
    opacity:1!important;
    filter:none!important;
    overflow:hidden!important;
}

.site-header .fate-launch-timer .timmer_inner_block::before{
    content:""!important;
    position:absolute!important;
    top:0!important;
    left:10%!important;
    width:80%!important;
    height:1px!important;
    background:linear-gradient(90deg,transparent,rgba(255,218,132,.42),transparent)!important;
}

.site-header .fate-launch-timer #timer_div_time .timmer_inner_block .count,
.site-header .fate-launch-timer__unit .count{
    order:1!important;
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    color:#fff0bd!important;
    font-family:Georgia,"Times New Roman",serif!important;
    font-size:21px!important;
    font-weight:800!important;
    line-height:22px!important;
    text-align:center!important;
    text-shadow:0 1px 0 #000,0 0 9px rgba(224,166,61,.28)!important;
}

.site-header .fate-launch-timer #timer_div_time .timmer_inner_block .title,
.site-header .fate-launch-timer__unit .title{
    order:2!important;
    display:block!important;
    width:100%!important;
    margin:2px 0 0!important;
    padding:0!important;
    color:#a98a50!important;
    font-size:7px!important;
    font-weight:800!important;
    line-height:9px!important;
    letter-spacing:.08em!important;
    text-align:center!important;
    text-transform:uppercase!important;
}

.site-header .fate-launch-timer:hover{
    border-color:rgba(223,170,62,.9)!important;
    box-shadow:
        inset 0 1px 0 rgba(255,230,167,.29),
        inset 0 -1px 0 rgba(0,0,0,.75),
        0 12px 32px rgba(0,0,0,.55),
        0 0 28px rgba(207,146,34,.14)!important;
}

@media(max-width:1050px){
    .site-header .fate-launch-timer{
        right:24px!important;
        width:266px!important;
    }
}

@media(max-width:760px){
    .site-header .hero-scene{
        height:auto!important;
        min-height:250px!important;
        padding:24px 16px 18px!important;
        display:flex!important;
        flex-direction:column!important;
        justify-content:center!important;
        gap:18px!important;
    }
    .site-header .fate-launch-timer{
        position:relative!important;
        right:auto!important;
        bottom:auto!important;
        width:min(100%,286px)!important;
        margin:0 auto!important;
    }
}


/* ================================================================
   V26 — Character information panel
   ================================================================ */
.fate-character-page-shell-v26{
    margin-bottom:20px!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
}

.fate-character-page-shell-v26 > .entry{
    padding:0!important;
}

.fate-character-info-v26{
    margin:0 0 18px!important;
    overflow:hidden!important;
    border:1px solid rgba(162,116,31,.50)!important;
    border-radius:14px!important;
    background:
        radial-gradient(circle at 50% -30%,rgba(187,132,37,.12),transparent 48%),
        linear-gradient(180deg,#14120f 0%,#0e0d0b 100%)!important;
    box-shadow:
        inset 0 1px 0 rgba(255,224,147,.08),
        0 12px 28px rgba(0,0,0,.30)!important;
}

.fate-character-section-title-v26{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:48px!important;
    padding:0 24px!important;
    color:#ffdb7e!important;
    font-family:Georgia,"Times New Roman",serif!important;
    font-size:15px!important;
    font-weight:800!important;
    line-height:1.2!important;
    letter-spacing:.045em!important;
    text-align:center!important;
    text-transform:uppercase!important;
    text-shadow:0 1px 0 #000,0 0 12px rgba(230,173,63,.18)!important;
    background:
        linear-gradient(180deg,rgba(67,49,24,.76) 0%,rgba(31,24,14,.92) 54%,rgba(19,16,12,.98) 100%)!important;
    border-bottom:1px solid rgba(192,139,38,.52)!important;
    box-shadow:inset 0 1px 0 rgba(255,226,157,.13)!important;
}

.fate-character-section-title-v26::before,
.fate-character-section-title-v26::after{
    content:""!important;
    flex:1 1 auto!important;
    height:1px!important;
    max-width:170px!important;
    margin:0 18px!important;
    background:linear-gradient(90deg,transparent,rgba(222,168,65,.65))!important;
}

.fate-character-section-title-v26::after{
    background:linear-gradient(90deg,rgba(222,168,65,.65),transparent)!important;
}

.fate-character-info-grid-v26{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    padding:12px!important;
    gap:8px!important;
}

.fate-character-info-row-v26{
    display:grid!important;
    grid-template-columns:minmax(125px,38%) minmax(0,1fr)!important;
    align-items:center!important;
    min-height:49px!important;
    overflow:hidden!important;
    border:1px solid rgba(108,80,29,.33)!important;
    border-radius:9px!important;
    background:linear-gradient(100deg,rgba(25,22,17,.94),rgba(15,14,12,.96))!important;
    transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease!important;
}

.fate-character-info-row-v26:hover{
    transform:translateY(-1px)!important;
    border-color:rgba(202,148,44,.68)!important;
    background:linear-gradient(100deg,rgba(63,45,20,.76),rgba(28,22,14,.97))!important;
    box-shadow:inset 3px 0 0 rgba(231,177,65,.68),0 6px 17px rgba(0,0,0,.24)!important;
}

.fate-character-info-label-v26,
.fate-character-info-value-v26{
    display:flex!important;
    align-items:center!important;
    min-width:0!important;
    min-height:49px!important;
    padding:10px 14px!important;
    font-size:13px!important;
    line-height:1.35!important;
}

.fate-character-info-label-v26{
    color:#c7a759!important;
    font-weight:700!important;
    border-right:1px solid rgba(108,80,29,.30)!important;
}

.fate-character-info-value-v26{
    color:#f4df9c!important;
    font-weight:600!important;
    overflow-wrap:anywhere!important;
}

.fate-character-stats-title-v26{
    border-top:1px solid rgba(192,139,38,.25)!important;
}

.fate-character-stats-v26{
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:9px!important;
    padding:12px!important;
}

.fate-character-stat-v26{
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:72px!important;
    padding:10px 8px!important;
    overflow:hidden!important;
    border:1px solid rgba(126,91,28,.48)!important;
    border-radius:10px!important;
    background:linear-gradient(180deg,rgba(29,25,18,.98),rgba(12,12,11,.98))!important;
    box-shadow:inset 0 1px 0 rgba(255,222,143,.06)!important;
    transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease!important;
}

.fate-character-stat-v26:hover{
    transform:translateY(-2px)!important;
    border-color:rgba(218,161,51,.77)!important;
    background:linear-gradient(180deg,rgba(55,40,19,.92),rgba(18,15,11,.99))!important;
    box-shadow:0 8px 20px rgba(0,0,0,.28),0 0 17px rgba(212,153,42,.09)!important;
}

.fate-character-stat-label-v26{
    color:#a99055!important;
    font-size:10px!important;
    font-weight:800!important;
    line-height:1.2!important;
    letter-spacing:.06em!important;
    text-transform:uppercase!important;
}

.fate-character-stat-value-v26{
    margin-top:6px!important;
    color:#ffdc78!important;
    font-size:18px!important;
    font-weight:800!important;
    line-height:1!important;
    text-shadow:0 0 9px rgba(224,165,54,.16)!important;
}

.fate-character-status-v26{
    display:inline-flex!important;
    align-items:center!important;
    gap:8px!important;
    font-weight:800!important;
}

.fate-character-status-dot-v26{
    width:8px!important;
    height:8px!important;
    flex:0 0 8px!important;
    border-radius:50%!important;
    box-shadow:0 0 10px currentColor!important;
    background:currentColor!important;
}

.fate-character-status-v26.is-online{
    color:#5be287!important;
}

.fate-character-status-v26.is-offline{
    color:#ef6464!important;
}

/* Hide obsolete legacy character headers/menu if a plugin injects them. */
.fate-character-page-shell-v26 .title1,
.fate-character-page-shell-v26 > .title,
.fate-character-page-shell-v26 .character-menu-title,
.fate-character-page-shell-v26 th[colspan="2"]{
    display:none!important;
}

@media(max-width:900px){
    .fate-character-info-grid-v26{
        grid-template-columns:1fr!important;
    }
    .fate-character-stats-v26{
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
    }
}

@media(max-width:560px){
    .fate-character-section-title-v26{
        padding:0 10px!important;
        font-size:13px!important;
    }
    .fate-character-section-title-v26::before,
    .fate-character-section-title-v26::after{
        margin:0 8px!important;
    }
    .fate-character-info-row-v26{
        grid-template-columns:1fr!important;
    }
    .fate-character-info-label-v26{
        min-height:auto!important;
        padding-bottom:4px!important;
        border-right:0!important;
    }
    .fate-character-info-value-v26{
        min-height:auto!important;
        padding-top:4px!important;
    }
    .fate-character-stats-v26{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
}


/* ================================================================
   V27 — Character information in two columns
   ================================================================ */
.fate-character-info-v27{
    margin:0 0 18px!important;
    overflow:hidden!important;
    border:1px solid rgba(160,116,35,.50)!important;
    border-radius:14px!important;
    background:linear-gradient(180deg,#12110f 0%,#0d0c0a 100%)!important;
    box-shadow:inset 0 1px 0 rgba(255,226,157,.07),0 12px 28px rgba(0,0,0,.28)!important;
}
.fate-character-info-columns-v27{
    display:grid!important;
    grid-template-columns:minmax(0,1.28fr) minmax(270px,.72fr)!important;
    align-items:stretch!important;
}
.fate-character-info-column-v27{min-width:0!important;background:transparent!important}
.fate-character-main-column-v27{border-right:1px solid rgba(151,108,31,.32)!important}
.fate-character-section-title-v27{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:48px!important;
    padding:0 20px!important;
    color:#f1cf73!important;
    font-family:Georgia,"Times New Roman",serif!important;
    font-size:14px!important;
    font-weight:800!important;
    letter-spacing:.045em!important;
    text-align:center!important;
    text-transform:uppercase!important;
    text-shadow:0 1px 0 #000,0 0 10px rgba(224,172,66,.15)!important;
    background:linear-gradient(180deg,rgba(60,45,24,.68),rgba(24,20,14,.94))!important;
    border-bottom:1px solid rgba(186,134,42,.40)!important;
    box-shadow:inset 0 1px 0 rgba(255,226,157,.09)!important;
}
.fate-character-section-title-v27:before,
.fate-character-section-title-v27:after{
    content:""!important;
    flex:1 1 auto!important;
    height:1px!important;
    margin:0 14px!important;
    background:linear-gradient(90deg,transparent,rgba(210,158,57,.46))!important;
}
.fate-character-section-title-v27:after{background:linear-gradient(90deg,rgba(210,158,57,.46),transparent)!important}
.fate-character-info-list-v27,
.fate-character-stats-list-v27{
    display:grid!important;
    gap:7px!important;
    padding:11px!important;
}
.fate-character-info-row-v27,
.fate-character-stat-row-v27{
    display:grid!important;
    grid-template-columns:minmax(132px,42%) minmax(0,1fr)!important;
    align-items:center!important;
    min-height:45px!important;
    overflow:hidden!important;
    border:1px solid rgba(105,78,31,.28)!important;
    border-radius:8px!important;
    background:linear-gradient(100deg,rgba(24,22,18,.95),rgba(14,14,12,.97))!important;
    transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease!important;
}
.fate-character-info-row-v27:hover,
.fate-character-stat-row-v27:hover{
    transform:translateY(-1px)!important;
    border-color:rgba(191,142,52,.58)!important;
    background:linear-gradient(100deg,rgba(49,39,22,.80),rgba(20,18,14,.98))!important;
    box-shadow:inset 3px 0 0 rgba(215,163,62,.58),0 6px 16px rgba(0,0,0,.22)!important;
}
.fate-character-info-label-v27,
.fate-character-info-value-v27,
.fate-character-stat-label-v27,
.fate-character-stat-value-v27{
    display:flex!important;
    align-items:center!important;
    min-width:0!important;
    min-height:45px!important;
    padding:9px 13px!important;
    font-size:13px!important;
    line-height:1.3!important;
}
.fate-character-info-label-v27,
.fate-character-stat-label-v27{
    color:#c5a45e!important;
    font-weight:700!important;
    border-right:1px solid rgba(105,78,31,.26)!important;
}
.fate-character-info-value-v27,
.fate-character-stat-value-v27{
    color:#a9cbc7!important;
    font-weight:700!important;
    overflow-wrap:anywhere!important;
    text-shadow:0 0 8px rgba(94,157,154,.09)!important;
}
.fate-character-stat-value-v27{justify-content:flex-start!important;font-size:14px!important}
.fate-character-status-v27{display:inline-flex!important;align-items:center!important;gap:8px!important;font-weight:800!important}
.fate-character-status-dot-v27{width:8px!important;height:8px!important;flex:0 0 8px!important;border-radius:50%!important;background:currentColor!important;box-shadow:0 0 9px currentColor!important}
.fate-character-status-v27.is-online{color:#5bd98a!important}
.fate-character-status-v27.is-offline{color:#e56666!important}
.fate-character-stats-empty-v27{padding:22px!important;color:#8e826c!important;text-align:center!important;font-size:12px!important}

@media(max-width:880px){
    .fate-character-info-columns-v27{grid-template-columns:1fr!important}
    .fate-character-main-column-v27{border-right:0!important;border-bottom:1px solid rgba(151,108,31,.32)!important}
}
@media(max-width:520px){
    .fate-character-section-title-v27{padding:0 8px!important;font-size:12px!important}
    .fate-character-section-title-v27:before,.fate-character-section-title-v27:after{margin:0 7px!important}
    .fate-character-info-row-v27,.fate-character-stat-row-v27{grid-template-columns:1fr!important}
    .fate-character-info-label-v27,.fate-character-stat-label-v27{min-height:auto!important;padding-bottom:4px!important;border-right:0!important}
    .fate-character-info-value-v27,.fate-character-stat-value-v27{min-height:auto!important;padding-top:4px!important}
}

/* ================================================================
   V28 — uniform thin hover outline + class-specific equipment slots
   ================================================================ */
.fate-character-info-row-v27:hover,
.fate-character-stat-row-v27:hover{
    transform:translateY(-1px)!important;
    border-color:rgba(202,151,58,.72)!important;
    background:linear-gradient(100deg,rgba(42,34,21,.76),rgba(18,17,14,.98))!important;
    box-shadow:
        0 0 0 1px rgba(202,151,58,.12),
        0 6px 16px rgba(0,0,0,.20)!important;
}

/* Keep every rounded edge equally thin; remove old left-side accent. */
.fate-character-info-row-v27,
.fate-character-stat-row-v27{
    outline:0!important;
    border-width:1px!important;
}

/* Hidden class-only slots leave their designed position empty, so all other
   equipment cells stay exactly where they are. */
#inventoryc.fate-equipment-board-v21 .fate-equipment-slot-v21[hidden],
#inventoryc.fate-equipment-board-v21 .is-class-hidden{
    display:none!important;
}

/* ================================================================
   V30 — muted ML + distinct soft lilac GR
   ML keeps the same soft cyan as Character Stats.
   GR returns to a violet family, but with a calm, non-acidic tone.
   ================================================================ */
:root{
    --f29-ml:#a9cbc7;
    --f29-ml-hover:#c0ddd9;
    --f29-gr:#b39ab8;
    --f29-gr-hover:#c5aec9;
}

/* Main Rankings: labels and values. */
.rank-extra-ml,
.rank-extra-ml b,
.ranking-table .rank-extra-ml,
.ranking-output .rank-extra-ml,
.portal-ranking-table .rank-extra-ml,
.sidebar_rank .rank-extra-ml{
    color:var(--f29-ml)!important;
    -webkit-text-fill-color:var(--f29-ml)!important;
    text-shadow:0 0 7px rgba(94,157,154,.14)!important;
}
.rank-extra-gr,
.rank-extra-gr b,
.ranking-table .rank-extra-gr,
.ranking-output .rank-extra-gr,
.portal-ranking-table .rank-extra-gr,
.sidebar_rank .rank-extra-gr{
    color:var(--f29-gr)!important;
    -webkit-text-fill-color:var(--f29-gr)!important;
    text-shadow:0 0 7px rgba(139,104,146,.13)!important;
}

/* Sidebar Top Players uses generic rank-secondary rules, so target columns too. */
table.sidebar_rank.portal-ranking-table thead th:nth-child(3) .rank-head-extra,
table.sidebar_rank.portal-ranking-table tbody td:nth-child(3) .rank-secondary,
table.sidebar_rank.portal-ranking-table tbody td:nth-child(3) .rank-secondary b,
table.sidebar_rank thead th:nth-child(3) .rank-head-extra,
table.sidebar_rank tbody td:nth-child(3) .rank-secondary,
table.sidebar_rank tbody td:nth-child(3) .rank-secondary b{
    color:var(--f29-ml)!important;
    -webkit-text-fill-color:var(--f29-ml)!important;
    text-shadow:0 0 7px rgba(94,157,154,.14)!important;
}
table.sidebar_rank.portal-ranking-table thead th:nth-child(4) .rank-head-extra,
table.sidebar_rank.portal-ranking-table tbody td:nth-child(4) .rank-secondary,
table.sidebar_rank.portal-ranking-table tbody td:nth-child(4) .rank-secondary b,
table.sidebar_rank thead th:nth-child(4) .rank-head-extra,
table.sidebar_rank tbody td:nth-child(4) .rank-secondary,
table.sidebar_rank tbody td:nth-child(4) .rank-secondary b{
    color:var(--f29-gr)!important;
    -webkit-text-fill-color:var(--f29-gr)!important;
    text-shadow:0 0 7px rgba(139,104,146,.13)!important;
}

/* Slightly brighter only on row hover, still muted. */
.ranking-table tbody tr:hover .rank-extra-ml,
.ranking-output tbody tr:hover .rank-extra-ml,
.portal-ranking-table tbody tr:hover .rank-extra-ml,
table.sidebar_rank tbody tr:hover td:nth-child(3) .rank-secondary,
table.sidebar_rank tbody tr:hover td:nth-child(3) .rank-secondary b{
    color:var(--f29-ml-hover)!important;
    -webkit-text-fill-color:var(--f29-ml-hover)!important;
}
.ranking-table tbody tr:hover .rank-extra-gr,
.ranking-output tbody tr:hover .rank-extra-gr,
.portal-ranking-table tbody tr:hover .rank-extra-gr,
table.sidebar_rank tbody tr:hover td:nth-child(4) .rank-secondary,
table.sidebar_rank tbody tr:hover td:nth-child(4) .rank-secondary b{
    color:var(--f29-gr-hover)!important;
    -webkit-text-fill-color:var(--f29-gr-hover)!important;
}

/* ================================================================
   V33 — complete Hide Info privacy
   - Character stats show locks instead of values.
   - Equipment keeps the designed slot layout, but item images and tooltips
     are removed and every available class slot displays a padlock.
   ================================================================ */
.fate-character-stat-lock-v33{
    position:relative!important;
    display:inline-block!important;
    width:18px!important;
    height:14px!important;
    margin-left:1px!important;
    border:1px solid rgba(214,174,91,.82)!important;
    border-radius:3px!important;
    background:linear-gradient(180deg,#d7b568 0%,#a8792d 52%,#76501c 100%)!important;
    box-shadow:
        inset 0 1px 0 rgba(255,244,207,.38),
        inset 0 -2px 3px rgba(54,31,5,.28),
        0 0 9px rgba(196,139,38,.15)!important;
}
.fate-character-stat-lock-v33::before{
    content:""!important;
    position:absolute!important;
    left:50%!important;
    top:-8px!important;
    width:10px!important;
    height:10px!important;
    transform:translateX(-50%)!important;
    border:2px solid #b9934e!important;
    border-bottom:0!important;
    border-radius:8px 8px 0 0!important;
    box-sizing:border-box!important;
}
.fate-character-stat-lock-v33::after{
    content:""!important;
    position:absolute!important;
    top:4px!important;
    left:50%!important;
    width:3px!important;
    height:5px!important;
    transform:translateX(-50%)!important;
    border-radius:2px!important;
    background:rgba(35,22,7,.75)!important;
}

#inventoryc.fate-equipment-board-v21.is-hide-active-v33 .fate-equipment-slot-v21{
    cursor:default!important;
    border-color:rgba(151,103,27,.42)!important;
    background:
        radial-gradient(circle at 50% 42%,rgba(146,98,26,.07),transparent 58%),
        linear-gradient(145deg,rgba(24,22,19,.98),rgba(12,12,13,.99) 56%,rgba(7,7,8,1))!important;
}
#inventoryc.fate-equipment-board-v21.is-hide-active-v33 .fate-equipment-slot-v21:hover{
    transform:none!important;
    border-color:rgba(202,151,58,.62)!important;
    box-shadow:
        inset 0 1px 0 rgba(255,240,199,.08),
        inset 0 0 18px rgba(0,0,0,.28),
        0 5px 13px rgba(0,0,0,.25),
        0 0 12px rgba(195,137,35,.09)!important;
}
#inventoryc.fate-equipment-board-v21.is-hide-active-v33 .fate-equipment-item-v21,
#inventoryc.fate-equipment-board-v21.is-hide-active-v33 [data-info]{
    display:none!important;
    pointer-events:none!important;
}
.fate-equipment-lock-v33{
    position:absolute!important;
    z-index:4!important;
    top:43%!important;
    left:50%!important;
    width:24px!important;
    height:19px!important;
    transform:translate(-50%,-50%)!important;
    border:1px solid rgba(214,174,91,.84)!important;
    border-radius:4px!important;
    background:linear-gradient(180deg,#d9b86d 0%,#a97a2d 50%,#75501c 100%)!important;
    box-shadow:
        inset 0 1px 0 rgba(255,246,215,.42),
        inset 0 -3px 5px rgba(51,29,4,.32),
        0 3px 8px rgba(0,0,0,.40),
        0 0 11px rgba(202,148,44,.15)!important;
}
.fate-equipment-lock-v33::before{
    content:""!important;
    position:absolute!important;
    left:50%!important;
    top:-12px!important;
    width:14px!important;
    height:14px!important;
    transform:translateX(-50%)!important;
    border:3px solid #b9944f!important;
    border-bottom:0!important;
    border-radius:10px 10px 0 0!important;
    box-sizing:border-box!important;
    filter:drop-shadow(0 1px 1px rgba(0,0,0,.45))!important;
}
.fate-equipment-lock-v33::after{
    content:""!important;
    position:absolute!important;
    top:5px!important;
    left:50%!important;
    width:4px!important;
    height:7px!important;
    transform:translateX(-50%)!important;
    border-radius:2px!important;
    background:rgba(35,22,7,.78)!important;
    box-shadow:0 0 2px rgba(255,225,153,.16)!important;
}

/* Smaller lock for jewellery cells, preserving the circular layout. */
#inventoryc.fate-equipment-board-v21 .fate-slot-v21-pendant .fate-equipment-lock-v33,
#inventoryc.fate-equipment-board-v21 .fate-slot-v21-earl .fate-equipment-lock-v33,
#inventoryc.fate-equipment-board-v21 .fate-slot-v21-earr .fate-equipment-lock-v33,
#inventoryc.fate-equipment-board-v21 .fate-slot-v21-ringl .fate-equipment-lock-v33,
#inventoryc.fate-equipment-board-v21 .fate-slot-v21-ringr .fate-equipment-lock-v33{
    top:50%!important;
    width:16px!important;
    height:13px!important;
    border-radius:3px!important;
}
#inventoryc.fate-equipment-board-v21 .fate-slot-v21-pendant .fate-equipment-lock-v33::before,
#inventoryc.fate-equipment-board-v21 .fate-slot-v21-earl .fate-equipment-lock-v33::before,
#inventoryc.fate-equipment-board-v21 .fate-slot-v21-earr .fate-equipment-lock-v33::before,
#inventoryc.fate-equipment-board-v21 .fate-slot-v21-ringl .fate-equipment-lock-v33::before,
#inventoryc.fate-equipment-board-v21 .fate-slot-v21-ringr .fate-equipment-lock-v33::before{
    top:-8px!important;
    width:10px!important;
    height:10px!important;
    border-width:2px!important;
}
#inventoryc.fate-equipment-board-v21 .fate-slot-v21-pendant .fate-equipment-lock-v33::after,
#inventoryc.fate-equipment-board-v21 .fate-slot-v21-earl .fate-equipment-lock-v33::after,
#inventoryc.fate-equipment-board-v21 .fate-slot-v21-earr .fate-equipment-lock-v33::after,
#inventoryc.fate-equipment-board-v21 .fate-slot-v21-ringl .fate-equipment-lock-v33::after,
#inventoryc.fate-equipment-board-v21 .fate-slot-v21-ringr .fate-equipment-lock-v33::after{
    top:3px!important;
    width:3px!important;
    height:5px!important;
}


/* ================================================================
   V34 — Hide location uses the same gold padlock as hidden stats
   ================================================================ */
.fate-location-lock-v34,
.fate-ranking-location-lock-v34{
    vertical-align:middle!important;
    margin:0!important;
    transform:translateY(1px)!important;
}
.fate-character-info-value-v27 .fate-location-lock-v34{
    margin-left:2px!important;
}
.rank-location-cell-v34{
    text-align:center!important;
}
.rank-location-cell-v34 .fate-ranking-location-lock-v34{
    display:inline-block!important;
}

/* ================================================================
   V37 — MU item tooltip in Fate dark-gold portal style
   ================================================================ */
#tooltip{
    z-index:11050!important;
    min-width:218px!important;
    max-width:330px!important;
    padding:10px 12px 11px!important;
    border:1px solid rgba(201,154,67,.72)!important;
    border-radius:8px!important;
    background:
        linear-gradient(180deg,rgba(33,29,27,.98) 0%,rgba(18,16,18,.985) 42%,rgba(13,12,15,.99) 100%)!important;
    box-shadow:
        inset 0 1px 0 rgba(255,228,164,.10),
        inset 0 0 0 1px rgba(70,48,20,.24),
        0 10px 28px rgba(0,0,0,.62),
        0 0 16px rgba(184,129,39,.12)!important;
    opacity:1!important;
    color:#d7c7a3!important;
    font-family:Tahoma,Arial,sans-serif!important;
    font-size:12px!important;
    font-weight:400!important;
    line-height:1.34!important;
    text-align:center!important;
    text-shadow:0 1px 1px rgba(0,0,0,.65)!important;
    overflow:hidden!important;
    backdrop-filter:blur(4px)!important;
    -webkit-backdrop-filter:blur(4px)!important;
}
#tooltip::before{
    content:""!important;
    position:absolute!important;
    left:12px!important;
    right:12px!important;
    top:0!important;
    height:1px!important;
    background:linear-gradient(90deg,transparent,rgba(244,202,111,.72),transparent)!important;
    pointer-events:none!important;
}
#tooltip::after{
    content:""!important;
    position:absolute!important;
    inset:3px!important;
    border:1px solid rgba(206,158,69,.11)!important;
    border-radius:5px!important;
    pointer-events:none!important;
}
#tooltip h3,
#tooltip .body,
#tooltip .url,
#tooltip div{
    position:relative!important;
    z-index:1!important;
    margin:0!important;
}
#tooltip .body{
    padding:0!important;
    color:#d7c7a3!important;
    line-height:1.34!important;
}
#tooltip h3{
    padding:0 0 5px!important;
    color:#e8bf64!important;
    font-size:13px!important;
    font-weight:700!important;
    letter-spacing:.15px!important;
}
#tooltip .url{
    display:none!important;
}
#tooltip table{
    width:100%!important;
    margin:0!important;
    border:0!important;
    border-collapse:collapse!important;
    background:transparent!important;
}
#tooltip td,
#tooltip th{
    padding:0!important;
    border:0!important;
    background:transparent!important;
    color:inherit!important;
    text-align:center!important;
}
#tooltip img{
    max-width:100%!important;
    height:auto!important;
    border:0!important;
}
#tooltip a{
    color:#e5bd68!important;
    text-decoration:none!important;
}
#tooltip .body hr{
    height:1px!important;
    margin:6px 0!important;
    border:0!important;
    background:linear-gradient(90deg,transparent,rgba(184,135,47,.48),transparent)!important;
}
/* Soften the red class-restriction strip generated inside item information. */
#tooltip .body [style*="background-color: red"],
#tooltip .body [style*="background-color:red"],
#tooltip .body [style*="background: red"],
#tooltip .body [style*="background:red"]{
    margin:5px -5px 4px!important;
    padding:2px 6px!important;
    border-top:1px solid rgba(224,97,80,.30)!important;
    border-bottom:1px solid rgba(224,97,80,.24)!important;
    border-radius:3px!important;
    background:linear-gradient(90deg,#711516,#8d1c1c,#711516)!important;
    color:#f3d5c7!important;
}
@media(max-width:640px){
    #tooltip{
        min-width:190px!important;
        max-width:min(310px,calc(100vw - 24px))!important;
        padding:9px 10px!important;
        font-size:11px!important;
    }
}


/* ================================================================
   V38 — cleaner item tooltips and slightly smaller main gear artwork
   ================================================================ */
/* Keep the slots unchanged; only add breathing room around the artwork. */
#inventoryc.fate-equipment-board-v21 .fate-slot-v21-weapon .fate-equipment-item-v21,
#inventoryc.fate-equipment-board-v21 .fate-slot-v21-shield .fate-equipment-item-v21{
    top:12px!important;
    right:12px!important;
    bottom:27px!important;
    left:12px!important;
}
#inventoryc.fate-equipment-board-v21 .fate-slot-v21-armor .fate-equipment-item-v21{
    top:12px!important;
    right:12px!important;
    bottom:27px!important;
    left:12px!important;
}
/* Keep the hover elegant without restoring the former oversized appearance. */
#inventoryc.fate-equipment-board-v21 .fate-slot-v21-weapon:hover .fate-equipment-item-v21,
#inventoryc.fate-equipment-board-v21 .fate-slot-v21-shield:hover .fate-equipment-item-v21,
#inventoryc.fate-equipment-board-v21 .fate-slot-v21-armor:hover .fate-equipment-item-v21{
    transform:scale(1.02)!important;
}


/* ================================================================
   V39 — reduce Weapon, Shield and Armor artwork by another 20%
   Slot dimensions and positions remain unchanged.
   ================================================================ */
#inventoryc.fate-equipment-board-v21 .fate-slot-v21-weapon .fate-equipment-item-v21,
#inventoryc.fate-equipment-board-v21 .fate-slot-v21-shield .fate-equipment-item-v21,
#inventoryc.fate-equipment-board-v21 .fate-slot-v21-armor .fate-equipment-item-v21{
    transform:scale(.80)!important;
    transform-origin:center center!important;
}
#inventoryc.fate-equipment-board-v21 .fate-slot-v21-weapon:hover .fate-equipment-item-v21,
#inventoryc.fate-equipment-board-v21 .fate-slot-v21-shield:hover .fate-equipment-item-v21,
#inventoryc.fate-equipment-board-v21 .fate-slot-v21-armor:hover .fate-equipment-item-v21{
    transform:scale(.82)!important;
}


/* ================================================================
   V40 — additional artwork scaling requested by user
   Pet -10%; Armor -10% from V39; Weapon and Shield -5% from V39.
   Slot dimensions and positions remain unchanged.
   ================================================================ */
#inventoryc.fate-equipment-board-v21 .fate-slot-v21-pet .fate-equipment-item-v21{
    transform:scale(.90)!important;
    transform-origin:center center!important;
}
#inventoryc.fate-equipment-board-v21 .fate-slot-v21-armor .fate-equipment-item-v21{
    transform:scale(.72)!important;
    transform-origin:center center!important;
}
#inventoryc.fate-equipment-board-v21 .fate-slot-v21-weapon .fate-equipment-item-v21,
#inventoryc.fate-equipment-board-v21 .fate-slot-v21-shield .fate-equipment-item-v21{
    transform:scale(.76)!important;
    transform-origin:center center!important;
}
#inventoryc.fate-equipment-board-v21 .fate-slot-v21-pet:hover .fate-equipment-item-v21{
    transform:scale(.92)!important;
}
#inventoryc.fate-equipment-board-v21 .fate-slot-v21-armor:hover .fate-equipment-item-v21{
    transform:scale(.74)!important;
}
#inventoryc.fate-equipment-board-v21 .fate-slot-v21-weapon:hover .fate-equipment-item-v21,
#inventoryc.fate-equipment-board-v21 .fate-slot-v21-shield:hover .fate-equipment-item-v21{
    transform:scale(.78)!important;
}


/* ================================================================
   V43 — Elf ammunition-specific artwork scale
   Bow and Crossbow retain the normal hand-weapon size.
   Only Arrows and Bolts are reduced by 20% relative to hand weapons.
   Slot dimensions and positions remain unchanged.
   ================================================================ */
#inventoryc.fate-equipment-board-v21 .fate-elf-ranged-weapon-v43 .fate-equipment-item-v21{
    transform:scale(.76)!important;
    transform-origin:center center!important;
}
#inventoryc.fate-equipment-board-v21 .fate-elf-ranged-weapon-v43:hover .fate-equipment-item-v21{
    transform:scale(.78)!important;
}
#inventoryc.fate-equipment-board-v21 .fate-elf-ammo-v43 .fate-equipment-item-v21{
    transform:scale(.61)!important;
    transform-origin:center center!important;
}
#inventoryc.fate-equipment-board-v21 .fate-elf-ammo-v43:hover .fate-equipment-item-v21{
    transform:scale(.63)!important;
}


/* ================================================================
   V44 — Elf ammunition artwork reduced by an additional 10%
   Only Arrows and Bolts are affected. Bow/Crossbow and slot sizes stay unchanged.
   ================================================================ */
#inventoryc.fate-equipment-board-v21 .fate-elf-ammo-v43 .fate-equipment-item-v21{
    transform:scale(.55)!important;
    transform-origin:center center!important;
}
#inventoryc.fate-equipment-board-v21 .fate-elf-ammo-v43:hover .fate-equipment-item-v21{
    transform:scale(.57)!important;
}

/* =========================================================
   V45 — Select Server modal
   ========================================================= */
#lean_overlay{
    background:rgba(0,0,0,.78)!important;
    backdrop-filter:blur(2px);
    -webkit-backdrop-filter:blur(2px);
}

#select_server{
    width:404px!important;
    max-width:calc(100vw - 28px)!important;
    padding:0 0 18px!important;
    overflow:hidden!important;
    color:#e6d4ad!important;
    background:
        radial-gradient(circle at 50% -25%,rgba(197,142,35,.16),transparent 48%),
        linear-gradient(180deg,#171008 0%,#0d0905 100%)!important;
    border:1px solid rgba(205,151,42,.72)!important;
    border-radius:11px!important;
    box-shadow:
        0 24px 65px rgba(0,0,0,.78),
        0 0 0 1px rgba(255,216,112,.06) inset,
        0 0 24px rgba(181,119,12,.12)!important;
}

#select_server:before{
    content:"";
    display:block;
    height:2px;
    background:linear-gradient(90deg,transparent,#8e5d0e 18%,#f0c25e 50%,#8e5d0e 82%,transparent);
    opacity:.9;
}

#select_server .modal-header{
    position:relative!important;
    padding:17px 48px 15px 18px!important;
    background:linear-gradient(180deg,rgba(48,32,13,.97),rgba(25,16,7,.97))!important;
    border:0!important;
    border-bottom:1px solid rgba(194,136,30,.48)!important;
    border-radius:0!important;
    box-shadow:0 -1px rgba(255,222,134,.05) inset!important;
}

#select_server .modal-header h2{
    margin:0!important;
    color:#f0c65f!important;
    font-family:Georgia,"Times New Roman",serif!important;
    font-size:28px!important;
    line-height:1.15!important;
    font-weight:700!important;
    letter-spacing:.2px!important;
    text-shadow:0 1px 0 #000,0 0 14px rgba(225,166,47,.2)!important;
}

#select_server .close{
    top:14px!important;
    right:14px!important;
    width:22px!important;
    height:22px!important;
    border:1px solid rgba(207,156,55,.55)!important;
    border-radius:50%!important;
    background:linear-gradient(180deg,#3a2a14,#171006)!important;
    box-shadow:0 1px 0 rgba(255,230,162,.14) inset,0 2px 7px rgba(0,0,0,.55)!important;
    opacity:.88!important;
}
#select_server .close:before,
#select_server .close:after{
    content:"";
    position:absolute;
    left:5px;
    top:9px;
    width:10px;
    height:2px;
    border-radius:2px;
    background:#d7b36a;
}
#select_server .close:before{transform:rotate(45deg)}
#select_server .close:after{transform:rotate(-45deg)}
#select_server .close:hover{
    border-color:#e4b94f!important;
    background:linear-gradient(180deg,#5a401d,#211408)!important;
    opacity:1!important;
}

#select_server > .form{
    margin:16px 18px 0!important;
}

#select_server .form > span,
#select_server .form > span[style]{
    display:block!important;
    margin:0 0 7px!important;
    color:#cbb88c!important;
    font-size:13px!important;
}

#select_server select,
#select_server .form select{
    box-sizing:border-box!important;
    width:100%!important;
    height:42px!important;
    margin:0!important;
    padding:0 38px 0 14px!important;
    color:#f1dfb8!important;
    font-size:14px!important;
    background-color:#090704!important;
    background-image:
      linear-gradient(45deg,transparent 50%,#d6aa48 50%),
      linear-gradient(135deg,#d6aa48 50%,transparent 50%),
      linear-gradient(180deg,#171109,#090704)!important;
    background-position:
      calc(100% - 17px) 17px,
      calc(100% - 12px) 17px,
      0 0!important;
    background-size:5px 5px,5px 5px,100% 100%!important;
    background-repeat:no-repeat!important;
    border:1px solid rgba(204,145,30,.78)!important;
    border-radius:7px!important;
    outline:none!important;
    box-shadow:
      0 0 0 1px rgba(255,223,135,.035) inset,
      0 4px 12px rgba(0,0,0,.34)!important;
    appearance:none!important;
    -webkit-appearance:none!important;
    cursor:pointer!important;
}

#select_server select:hover{
    border-color:#e6b647!important;
    box-shadow:0 0 0 1px rgba(255,222,128,.06) inset,0 0 14px rgba(192,125,16,.12)!important;
}

#select_server select:focus{
    border-color:#f0c25e!important;
    box-shadow:0 0 0 2px rgba(218,159,41,.16),0 0 18px rgba(207,139,20,.16)!important;
}

#select_server select option{
    color:#ead9b4!important;
    background:#120d07!important;
    padding:9px 12px!important;
}
#select_server select option:checked{
    color:#151006!important;
    background:#d7a83e!important;
}

@media (max-width:480px){
    #select_server .modal-header h2{font-size:24px!important}
    #select_server > .form{margin-left:14px!important;margin-right:14px!important}
}

/* ===== V48 ===== */
/* V48: exact Account Panel text sizing and currency colors. */
.account-panel .account-welcome-row-v47{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    margin:0 0 12px!important;
}

.account-panel .account-welcome-line-v47{
    display:flex!important;
    align-items:center!important;
    min-width:0!important;
    gap:7px!important;
    margin:0!important;
    padding:2px 0 3px!important;
    white-space:nowrap!important;
    overflow:visible!important;
    line-height:1.45!important;
}

/* Only Welcome is enlarged. */
.account-panel .account-welcome-label-v47{
    display:inline-block!important;
    flex:0 0 auto!important;
    margin:0!important;
    padding:1px 0 2px!important;
    color:#9b896c!important;
    font-size:15px!important;
    font-weight:400!important;
    line-height:1.4!important;
    vertical-align:middle!important;
}

/* Login stays smaller and is no longer clipped. */
.account-panel .account-login-name-v47{
    display:inline-block!important;
    min-width:0!important;
    max-width:175px!important;
    margin:0!important;
    padding:1px 0 3px!important;
    overflow:visible!important;
    color:#e7c266!important;
    font-size:18px!important;
    font-weight:800!important;
    line-height:1.4!important;
    letter-spacing:.01em!important;
    vertical-align:middle!important;
    white-space:nowrap!important;
    text-overflow:clip!important;
    text-shadow:0 1px 0 #000,0 0 8px rgba(218,164,56,.10)!important;
}

/* Keep the proper gear button from V47. */
.account-panel .account-settings-button-v47{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:29px!important;
    height:29px!important;
    min-width:29px!important;
    padding:0!important;
    color:#d7ad4c!important;
    background:radial-gradient(circle at 35% 28%,rgba(255,225,143,.08),rgba(17,11,6,.98) 70%)!important;
    border:1px solid rgba(184,132,34,.62)!important;
    border-radius:50%!important;
    box-shadow:inset 0 1px 0 rgba(255,230,157,.07),0 2px 7px rgba(0,0,0,.38)!important;
    text-decoration:none!important;
}
.account-panel .account-settings-button-v47 span{
    display:block!important;
    font-family:"Segoe UI Symbol","Arial Unicode MS",Arial,sans-serif!important;
    font-size:16px!important;
    font-weight:400!important;
    line-height:1!important;
}
.account-panel .account-settings-button-v47:hover{
    color:#f0ca67!important;
    border-color:rgba(222,171,62,.88)!important;
    box-shadow:0 0 13px rgba(195,143,38,.16),inset 0 1px 0 rgba(255,235,172,.10)!important;
}

/* Restore compact row sizes. */
.account-panel .account-balance-list-v47 li{
    padding:8px 0!important;
    font-size:10px!important;
}
.account-panel .account-balance-list-v47 li>span,
.account-panel .account-balance-list-v47 li>b{
    font-size:10px!important;
    font-weight:700!important;
}

/* Current server keeps its normal site colors. */
.account-panel .account-balance-list-v47 .account-server-row-v47>span{
    color:#ece0bd!important;
}
.account-panel .account-balance-list-v47 .account-server-row-v47>b{
    color:#e9b938!important;
}

/* Color BOTH the currency name and amount. */
.account-panel .account-balance-list-v47 .balance-wcoin-c-v47>span,
.account-panel .account-balance-list-v47 .balance-wcoin-c-v47>b{
    color:#edbd52!important;
}
.account-panel .account-balance-list-v47 .balance-wcoin-p-v47>span,
.account-panel .account-balance-list-v47 .balance-wcoin-p-v47>b{
    color:#70d6e8!important;
}
.account-panel .account-balance-list-v47 .balance-goblin-v47>span,
.account-panel .account-balance-list-v47 .balance-goblin-v47>b{
    color:#c6e95c!important;
}

.account-panel .account-links-grid-v47{
    grid-template-columns:1fr 1fr!important;
    gap:6px!important;
    margin-top:12px!important;
}
.account-panel .account-links-grid-v47 a{
    padding:8px!important;
    font-size:9px!important;
}

@media(max-width:340px){
    .account-panel .account-welcome-label-v47{font-size:14px!important}
    .account-panel .account-login-name-v47{font-size:17px!important;max-width:145px!important}
}

/* ===== V50 ===== */
/* V50: compact settings page */
.settings-page-content{padding-top:0!important}
.settings-page-box{margin:0!important;padding:0!important}
.settings-main-title,
.settings-card-title{
  position:relative!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  text-align:center!important;
}
.settings-main-title{min-height:56px!important;padding:0 18px!important;margin:0 0 14px!important}
.settings-main-title h1{
  margin:0!important;font-size:12px!important;line-height:1.1!important;letter-spacing:.12em!important;
  color:#efc868!important;text-transform:uppercase!important;
}
.settings-card{margin-bottom:14px!important;border-radius:16px!important;overflow:hidden!important}
.settings-card-title{min-height:48px!important;padding:0 16px!important;margin:0!important}
.settings-card-title,
.settings-card h2.title{
  font-size:10px!important;letter-spacing:.12em!important;color:#efc868!important;text-transform:uppercase!important;
}
.settings-entry{padding:16px 18px!important}
.settings-form table{width:100%!important;border-collapse:collapse!important}
.settings-form td{padding:9px 10px!important;vertical-align:middle!important}
.settings-form .settings-label{width:150px!important;color:#e8dcb5!important;font-size:12px!important;line-height:1.45!important}
.settings-form input[type="text"],
.settings-form input[type="password"],
.settings-form input[type="email"],
.settings-form textarea,
.settings-form select{
  width:100%!important;min-height:40px!important;border-radius:8px!important;
  border:1px solid rgba(121,84,25,.36)!important;
  background:linear-gradient(180deg, rgba(7,6,5,.98), rgba(3,3,3,.98))!important;
  color:#e8f4f2!important;padding:10px 12px!important;font-size:13px!important;
  box-shadow:inset 0 0 0 1px rgba(255,229,173,.03)!important;
}
.settings-form input:focus,
.settings-form textarea:focus,
.settings-form select:focus{
  outline:none!important;border-color:rgba(189,143,49,.75)!important;
  box-shadow:0 0 0 2px rgba(177,127,29,.10), 0 0 14px rgba(177,127,29,.09)!important;
}
.settings-submit,
.settings-form .button-style{
  min-width:150px!important;min-height:42px!important;padding:10px 20px!important;
  border-radius:8px!important;border:1px solid rgba(228,190,95,.52)!important;
  background:linear-gradient(180deg,#efd48a 0%,#caa24c 48%,#a97d2b 100%)!important;
  color:#171107!important;font-size:11px!important;font-weight:800!important;letter-spacing:.10em!important;
  text-transform:uppercase!important;box-shadow:inset 0 1px 0 rgba(255,246,210,.36),0 6px 14px rgba(0,0,0,.16)!important;
}
.settings-submit:hover,
.settings-form .button-style:hover{
  filter:brightness(1.03)!important;transform:translateY(-1px)!important;
}
.settings-help{color:#cdbd8f!important;font-size:12px!important;line-height:1.5!important}

/* make global settings areas compact if original classes still appear */
#content .title1 h1{font-size:12px!important;letter-spacing:.12em!important}
#content .box-style1>.title,
#content .box-style1 h2.title{font-size:10px!important;letter-spacing:.12em!important}

@media (max-width: 800px){
  .settings-main-title{min-height:50px!important}
  .settings-card-title{min-height:44px!important}
  .settings-form td{display:block!important;width:100%!important;padding:7px 0!important}
  .settings-form .settings-label{width:auto!important;padding-top:4px!important}
  .settings-submit,.settings-form .button-style{width:100%!important;min-width:0!important}
}

/* ===== V51 ===== */
/* V51: settings submit buttons reduced to ranking-search size */
.settings-submit,
.settings-form .button-style,
#password_change_form .button-style,
#email_change_form .button-style,
#recover_master_key .button-style{
  min-width:86px!important;
  width:86px!important;
  max-width:86px!important;
  min-height:32px!important;
  height:32px!important;
  padding:0 14px!important;
  font-size:9px!important;
  font-weight:900!important;
  line-height:32px!important;
  letter-spacing:.10em!important;
  border-radius:6px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-shadow:inset 0 1px 0 rgba(255,246,210,.34),0 4px 10px rgba(0,0,0,.14)!important;
}
.settings-form td .settings-submit,
.settings-form td .button-style{vertical-align:middle!important}
@media (max-width: 800px){
  .settings-submit,
  .settings-form .button-style,
  #password_change_form .button-style,
  #email_change_form .button-style,
  #recover_master_key .button-style{
    width:86px!important;min-width:86px!important;max-width:86px!important;
  }
}

/* ===== V54 ===== */
/* V54: Submit rows span the complete settings form and center correctly. */
.settings-form table{
    width:100%!important;
    table-layout:fixed!important;
}
.settings-form .settings-submit-row{
    display:table-row!important;
    width:auto!important;
}
.settings-form .settings-submit-cell{
    display:table-cell!important;
    width:auto!important;
    padding:12px 10px 4px!important;
    text-align:center!important;
    vertical-align:middle!important;
}
.settings-form .settings-submit-cell .settings-submit,
.settings-form .settings-submit-cell .button-style{
    display:inline-flex!important;
    float:none!important;
    position:static!important;
    margin:0 auto!important;
}
@media (max-width:800px){
    .settings-form .settings-submit-row{
        display:table-row!important;
    }
    .settings-form .settings-submit-cell{
        display:table-cell!important;
        width:auto!important;
        padding:12px 0 4px!important;
        text-align:center!important;
    }
}

/* ===== V55 ===== */
/* V55: sidebar action styling and Buy Credits moved to Account Panel page */
.account-panel .account-links-grid-v55{
    grid-template-columns:1fr!important;
    gap:8px!important;
    margin-top:12px!important;
}
.account-panel .account-panel-link-v55{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:34px!important;
    padding:8px 10px!important;
    border-radius:6px!important;
    border:1px solid rgba(203,160,66,.46)!important;
    background:
      linear-gradient(180deg, rgba(41,27,12,.98) 0%, rgba(21,14,7,.98) 100%)!important;
    box-shadow:inset 0 1px 0 rgba(255,239,193,.10), 0 3px 10px rgba(0,0,0,.22)!important;
    color:#e2bf66!important;
    font-size:10px!important;
    font-weight:800!important;
    letter-spacing:.08em!important;
    text-transform:uppercase!important;
    text-decoration:none!important;
}
.account-panel .account-panel-link-v55:hover{
    color:#f2d07a!important;
    border-color:rgba(224,183,85,.82)!important;
    box-shadow:0 0 14px rgba(189,138,39,.16), inset 0 1px 0 rgba(255,244,214,.12)!important;
    transform:translateY(-1px)!important;
}
.account-panel .account-logout-v55{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:32px!important;
    margin-top:8px!important;
    padding:8px 10px!important;
    border-radius:6px!important;
    border:1px solid rgba(181,137,44,.36)!important;
    background:linear-gradient(180deg, rgba(16,11,6,.98), rgba(9,7,4,.98))!important;
    box-shadow:inset 0 1px 0 rgba(255,240,199,.05), 0 2px 8px rgba(0,0,0,.20)!important;
    color:#cda958!important;
    font-size:10px!important;
    font-weight:800!important;
    letter-spacing:.08em!important;
    text-transform:uppercase!important;
    text-decoration:none!important;
}
.account-panel .account-logout-v55:hover{
    color:#efc96b!important;
    border-color:rgba(222,173,67,.72)!important;
    box-shadow:0 0 12px rgba(184,129,30,.12), inset 0 1px 0 rgba(255,247,219,.08)!important;
    transform:translateY(-1px)!important;
}

/* ensure the sidebar no longer reserves space for the removed second button */
.account-panel .account-links-grid-v47 a + a{display:none!important}

/* Optional: slightly emphasize the new Buy Credits option tile inside character options */
#character-info a[href$="donate"] p,
#character-info a[href*="/donate"] p{
    color:#f0c96a!important;
}

/* ===== V56 ===== */
/* V56: Account Panel / Logout buttons styled like Top Players rows */
.account-panel .account-links-grid-v55{
    display:block!important;
    width:100%!important;
    margin-top:12px!important;
}

.account-panel .account-panel-link-v55,
.account-panel .account-logout-v55{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:70%!important;
    min-width:0!important;
    max-width:none!important;
    min-height:32px!important;
    height:32px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding:0 12px!important;
    color:#e3b957!important;
    background:rgba(15,10,6,.68)!important;
    border:1px solid rgba(218,164,62,.11)!important;
    border-radius:3px!important;
    box-shadow:inset 0 1px 0 rgba(255,232,176,.025)!important;
    font-size:9.5px!important;
    font-weight:800!important;
    line-height:1!important;
    letter-spacing:.07em!important;
    text-align:center!important;
    text-transform:uppercase!important;
    text-decoration:none!important;
    transition:background .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}

.account-panel .account-panel-link-v55{
    margin-top:0!important;
    margin-bottom:7px!important;
}

.account-panel .account-logout-v55{
    margin-top:0!important;
    margin-bottom:0!important;
}

.account-panel .account-panel-link-v55:hover,
.account-panel .account-logout-v55:hover{
    color:#f1d58b!important;
    background:rgba(180,123,35,.075)!important;
    border-color:rgba(218,164,62,.22)!important;
    box-shadow:inset 3px 0 0 rgba(211,159,60,.52),0 0 10px rgba(190,135,36,.07)!important;
    transform:none!important;
}

@media(max-width:340px){
    .account-panel .account-panel-link-v55,
    .account-panel .account-logout-v55{
        width:78%!important;
    }
}

/* ===== V57 ===== */
/* V57: Account Panel + Logout buttons in x1000-style gold button, 15% narrower */
.account-panel .account-links-grid-v55{
    display:block!important;
    width:100%!important;
    margin-top:12px!important;
}

.account-panel .account-panel-link-v55,
.account-panel .account-logout-v55{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:55%!important;
    min-width:0!important;
    max-width:none!important;
    min-height:28px!important;
    height:28px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding:0 10px!important;
    border-radius:6px!important;
    border:1px solid rgba(231,193,98,.52)!important;
    background:linear-gradient(180deg, #e9d087 0%, #d5b158 40%, #bd8f35 72%, #a8771f 100%)!important;
    box-shadow:inset 0 1px 0 rgba(255,245,206,.42), 0 3px 8px rgba(0,0,0,.18)!important;
    color:#161005!important;
    font-size:9px!important;
    font-weight:900!important;
    line-height:1!important;
    letter-spacing:.07em!important;
    text-align:center!important;
    text-transform:uppercase!important;
    text-decoration:none!important;
    transition:filter .18s ease, transform .18s ease, box-shadow .18s ease!important;
}

.account-panel .account-panel-link-v55{
    margin-top:0!important;
    margin-bottom:8px!important;
}
.account-panel .account-logout-v55{
    margin-top:0!important;
    margin-bottom:0!important;
}

.account-panel .account-panel-link-v55:hover,
.account-panel .account-logout-v55:hover{
    filter:brightness(1.04)!important;
    transform:translateY(-1px)!important;
    box-shadow:inset 0 1px 0 rgba(255,248,220,.48), 0 5px 12px rgba(0,0,0,.22), 0 0 10px rgba(208,159,52,.10)!important;
    color:#140f05!important;
}

@media(max-width:340px){
    .account-panel .account-panel-link-v55,
    .account-panel .account-logout-v55{
        width:62%!important;
    }
}

/* ===== V58 ===== */
/* V58: keep Account Panel and Logout gold on hover */
.account-panel .account-panel-link-v55:hover,
.account-panel .account-panel-link-v55:focus,
.account-panel .account-panel-link-v55:active,
.account-panel .account-logout-v55:hover,
.account-panel .account-logout-v55:focus,
.account-panel .account-logout-v55:active{
    background:linear-gradient(
        180deg,
        #f7e5a8 0%,
        #e7c76f 38%,
        #d4a94b 70%,
        #bd8b2d 100%
    )!important;
    border-color:rgba(255,220,131,.88)!important;
    color:#171005!important;
    filter:none!important;
    transform:translateY(-1px)!important;
    box-shadow:
        inset 0 1px 0 rgba(255,252,232,.72),
        inset 0 -1px 0 rgba(109,68,10,.18),
        0 5px 13px rgba(0,0,0,.22),
        0 0 14px rgba(221,170,62,.22)!important;
    text-shadow:0 1px 0 rgba(255,238,183,.42)!important;
}

/* ===== V59 ===== */
/* V59: style account panel titles and remove unwanted character options */
.account-panel-page-v59 .account-panel-main-title-v59,
.account-panel-page-v59 .account-panel-section-title-v59{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}
.account-panel-page-v59 .account-panel-main-title-v59{
  min-height:54px!important;
}
.account-panel-page-v59 .account-panel-main-title-v59 h1{
  margin:0!important;
  font-size:12px!important;
  line-height:1.1!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
  color:#efc868!important;
  text-shadow:0 0 10px rgba(221,168,58,.08)!important;
}
.account-panel-page-v59 .account-panel-section-title-v59{
  min-height:46px!important;
  margin:0!important;
  padding:0 18px!important;
  font-size:10px!important;
  line-height:1.1!important;
  letter-spacing:.11em!important;
  text-transform:uppercase!important;
  color:#efc868!important;
  text-shadow:0 0 10px rgba(221,168,58,.06)!important;
}
.account-panel-page-v59 .account-panel-section-title-v59::before,
.account-panel-page-v59 .account-panel-section-title-v59::after{
  content:"";
  flex:1 1 auto;
  max-width:120px;
  height:1px;
  background:linear-gradient(90deg, rgba(0,0,0,0), rgba(175,130,41,.55), rgba(0,0,0,0));
}
.account-panel-page-v59 .account-panel-section-title-v59::before{margin-right:14px}
.account-panel-page-v59 .account-panel-section-title-v59::after{margin-left:14px}

.account-panel-page-v59 #character-info ul li{
  padding:14px 18px!important;
  min-height:74px!important;
}
.account-panel-page-v59 #character-info ul li a p{
  margin:0 0 10px!important;
  color:#e0ac38!important;
  font-size:16px!important;
  font-weight:700!important;
  line-height:1.15!important;
  letter-spacing:.01em!important;
}
.account-panel-page-v59 #character-info ul li,
.account-panel-page-v59 #character-info ul li a,
.account-panel-page-v59 #character-info ul li div{
  color:#f3e7c7!important;
}
.account-panel-page-v59 #character-info td{vertical-align:top!important}
.account-panel-page-v59 #character-info td>div{height:100%!important}

/* make the options layout compact after removing blocks */
.account-panel-page-v59 #character-info tr td[colspan="2"] ul li{min-height:66px!important}

/* ===== V61 ===== */
/* V61: Guild column in character ranking */
.rankings-page .ranking-table .rank-guild-head-v61{
    min-width:132px!important;
}
.rankings-page .ranking-table .rank-guild-cell-v61{
    min-width:132px!important;
    padding-left:10px!important;
    padding-right:10px!important;
    text-align:left!important;
    vertical-align:middle!important;
}
.rank-guild-link-v61{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:7px!important;
    max-width:145px!important;
    color:#d9b65e!important;
    text-decoration:none!important;
    white-space:nowrap!important;
}
.rank-guild-link-v61 span{
    display:block!important;
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
}
.rank-guild-mark-v61{
    display:block!important;
    width:18px!important;
    height:18px!important;
    flex:0 0 18px!important;
    padding:1px!important;
    border:1px solid rgba(196,148,50,.34)!important;
    border-radius:3px!important;
    background:rgba(8,6,4,.72)!important;
    image-rendering:pixelated!important;
    box-shadow:0 0 7px rgba(190,139,38,.08)!important;
}
.rank-guild-link-v61:hover{
    color:#f0ce77!important;
}
.rank-guild-link-v61:hover .rank-guild-mark-v61{
    border-color:rgba(225,180,74,.62)!important;
    box-shadow:0 0 10px rgba(202,151,45,.16)!important;
}
.rank-guild-empty-v61{
    display:block!important;
    width:100%!important;
    text-align:center!important;
    color:#746a59!important;
    font-size:13px!important;
    line-height:1!important;
}

@media(max-width:760px){
    .rankings-page .ranking-table .rank-guild-head-v61,
    .rankings-page .ranking-table .rank-guild-cell-v61{
        min-width:112px!important;
    }
    .rank-guild-link-v61{max-width:120px!important;gap:5px!important}
    .rank-guild-mark-v61{width:16px!important;height:16px!important;flex-basis:16px!important}
}

/* ===== V67 ===== */
/* Glossy VIP badges: brighter metals with controlled highlights. */
.rankings-page .ranking-table .rank-vip-head-v62,
.rankings-page .ranking-table .rank-vip-cell-v62{
    width:62px!important;
    min-width:62px!important;
    max-width:62px!important;
    padding-left:6px!important;
    padding-right:6px!important;
    text-align:center!important;
    vertical-align:middle!important;
}
.rank-vip-badge-v62{
    position:relative!important;
    isolation:isolate!important;
    overflow:hidden!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:38px!important;
    height:22px!important;
    padding:0 7px!important;
    border-radius:5px!important;
    border:1px solid currentColor!important;
    font-size:9px!important;
    font-weight:900!important;
    line-height:1!important;
    letter-spacing:.09em!important;
    text-transform:uppercase!important;
    text-shadow:0 1px 1px rgba(0,0,0,.84),0 0 4px currentColor!important;
    transition:filter .18s ease,box-shadow .18s ease,border-color .18s ease!important;
}
/* Soft polished highlight across the upper half. */
.rank-vip-badge-v62::before{
    content:""!important;
    position:absolute!important;
    z-index:-1!important;
    left:1px!important;
    right:1px!important;
    top:1px!important;
    height:47%!important;
    border-radius:4px 4px 8px 8px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.42),rgba(255,255,255,.08) 55%,rgba(255,255,255,0))!important;
    pointer-events:none!important;
}
/* Narrow diagonal gloss, kept subtle. */
.rank-vip-badge-v62::after{
    content:""!important;
    position:absolute!important;
    z-index:-1!important;
    top:-10px!important;
    left:-16px!important;
    width:18px!important;
    height:42px!important;
    transform:rotate(24deg)!important;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent)!important;
    opacity:.72!important;
    pointer-events:none!important;
}
.rank-vip-bronze-v62{
    color:#f0b078!important;
    border-color:rgba(239,161,96,.88)!important;
    background:linear-gradient(180deg,#a55e31 0%,#78401f 47%,#4b2715 100%)!important;
    box-shadow:inset 0 1px 0 rgba(255,230,203,.36),inset 0 -1px 0 rgba(59,25,11,.65),0 0 9px rgba(214,113,52,.22),0 2px 6px rgba(0,0,0,.22)!important;
}
.rank-vip-silver-v62{
    color:#eef8fb!important;
    border-color:rgba(214,235,243,.90)!important;
    background:linear-gradient(180deg,#a9c2cc 0%,#748f9b 44%,#40535d 100%)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -1px 0 rgba(34,48,55,.68),0 0 9px rgba(171,216,231,.23),0 2px 6px rgba(0,0,0,.22)!important;
}
.rank-vip-gold-v62{
    color:#fff1a4!important;
    border-color:rgba(255,213,76,.98)!important;
    background:linear-gradient(180deg,#ffe27a 0%,#e9b92d 38%,#c8870d 70%,#8d5708 100%)!important;
    text-shadow:0 1px 1px rgba(84,47,0,.92),0 0 5px rgba(255,225,101,.75)!important;
    box-shadow:inset 0 1px 0 rgba(255,251,217,.72),inset 0 -1px 0 rgba(104,55,0,.72),0 0 11px rgba(241,183,33,.33),0 2px 7px rgba(0,0,0,.24)!important;
}
.rank-vip-empty-v62{
    display:inline-block!important;
    color:#746a59!important;
    font-size:13px!important;
    line-height:1!important;
}
.rankings-page .ranking-table tbody tr:hover .rank-vip-bronze-v62{
    color:#ffd0a8!important;
    border-color:rgba(255,190,133,.98)!important;
    filter:brightness(1.08)!important;
    box-shadow:inset 0 1px 0 rgba(255,239,218,.48),0 0 12px rgba(225,126,58,.34),0 2px 7px rgba(0,0,0,.22)!important;
}
.rankings-page .ranking-table tbody tr:hover .rank-vip-silver-v62{
    color:#ffffff!important;
    border-color:rgba(235,250,255,.98)!important;
    filter:brightness(1.08)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.66),0 0 12px rgba(183,229,244,.32),0 2px 7px rgba(0,0,0,.22)!important;
}
.rankings-page .ranking-table tbody tr:hover .rank-vip-gold-v62{
    color:#fffbd0!important;
    border-color:#ffe16a!important;
    filter:brightness(1.10) saturate(1.06)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,239,.84),inset 0 -1px 0 rgba(112,58,0,.65),0 0 15px rgba(255,194,35,.48),0 2px 8px rgba(0,0,0,.24)!important;
}
@media(max-width:760px){
    .rankings-page .ranking-table .rank-vip-head-v62,
    .rankings-page .ranking-table .rank-vip-cell-v62{
        width:55px!important;
        min-width:55px!important;
        max-width:55px!important;
        padding-left:4px!important;
        padding-right:4px!important;
    }
    .rank-vip-badge-v62{min-width:34px!important;height:20px!important;padding:0 5px!important;font-size:8px!important}
}

/* ===== V68 ===== */
/* VIP lettering as engraved enamel: readable over glossy metal. */
.rank-vip-badge-v62{
    font-size:9px!important;
    font-weight:950!important;
    letter-spacing:.14em!important;
    text-indent:.14em!important;
    text-shadow:none!important;
    -webkit-font-smoothing:antialiased!important;
    -moz-osx-font-smoothing:grayscale!important;
}
.rank-vip-bronze-v62{
    color:#2a140b!important;
    -webkit-text-stroke:.28px rgba(255,207,164,.62)!important;
    text-shadow:0 1px 0 rgba(255,213,174,.38),0 -1px 0 rgba(45,17,7,.92),0 0 1px rgba(0,0,0,.55)!important;
}
.rank-vip-silver-v62{
    color:#1e2a30!important;
    -webkit-text-stroke:.28px rgba(244,252,255,.72)!important;
    text-shadow:0 1px 0 rgba(255,255,255,.52),0 -1px 0 rgba(20,31,36,.92),0 0 1px rgba(0,0,0,.48)!important;
}
.rank-vip-gold-v62{
    color:#3a2300!important;
    -webkit-text-stroke:.32px rgba(255,244,175,.82)!important;
    text-shadow:0 1px 0 rgba(255,248,185,.55),0 -1px 0 rgba(92,47,0,.94),0 0 1px rgba(51,28,0,.62)!important;
}
.rankings-page .ranking-table tbody tr:hover .rank-vip-bronze-v62{
    color:#241007!important;
    -webkit-text-stroke:.28px rgba(255,220,185,.70)!important;
    text-shadow:0 1px 0 rgba(255,226,194,.48),0 -1px 0 rgba(42,15,5,.96),0 0 1px rgba(0,0,0,.58)!important;
}
.rankings-page .ranking-table tbody tr:hover .rank-vip-silver-v62{
    color:#172329!important;
    -webkit-text-stroke:.28px rgba(255,255,255,.82)!important;
    text-shadow:0 1px 0 rgba(255,255,255,.62),0 -1px 0 rgba(16,27,33,.96),0 0 1px rgba(0,0,0,.52)!important;
}
.rankings-page .ranking-table tbody tr:hover .rank-vip-gold-v62{
    color:#2f1b00!important;
    -webkit-text-stroke:.34px rgba(255,250,199,.92)!important;
    text-shadow:0 1px 0 rgba(255,252,207,.68),0 -1px 0 rgba(82,40,0,.97),0 0 1px rgba(50,26,0,.66)!important;
}
@media(max-width:760px){
    .rank-vip-badge-v62{
        font-size:8px!important;
        letter-spacing:.12em!important;
        text-indent:.12em!important;
    }
}
\n/* ===== Guild page base V72 ===== */
/* V72 Guild page redesign */
.fate-guild-page-v72 .title1 h1,
.fate-guild-page-v72 .box-style1 > .title.fate-guild-main-title-v72{
  text-align:center;
}
.fate-guild-main-title-v72{
  letter-spacing:.08em;
}
.fate-guild-shell-v72 .entry{
  padding-top: 16px;
}
.fate-guild-overview-v72{
  display:flex;
  align-items:stretch;
  gap:24px;
  padding:6px 10px 18px;
  margin-bottom: 20px;
  flex-wrap: wrap;
}
.fate-guild-mark-wrap-v72{
  width:190px;
  min-width:190px;
  min-height:190px;
  border:1px solid rgba(174,122,28,.42);
  border-radius:18px;
  background: linear-gradient(180deg, rgba(22,18,13,.96) 0%, rgba(10,10,10,.96) 100%);
  box-shadow: inset 0 0 0 1px rgba(255,214,120,.05), 0 12px 26px rgba(0,0,0,.24);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:16px;
}
.fate-guild-mark-wrap-v72 img{
  width:132px;
  height:132px;
  display:block;
  image-rendering: pixelated;
  border:1px solid rgba(231,189,89,.55);
  box-shadow: 0 0 0 5px rgba(0,0,0,.30);
}
.fate-guild-summary-v72{
  flex:1 1 520px;
  border:1px solid rgba(174,122,28,.38);
  border-radius:18px;
  overflow:hidden;
  background: linear-gradient(180deg, rgba(18,16,13,.96) 0%, rgba(8,8,8,.96) 100%);
  box-shadow: inset 0 0 0 1px rgba(255,214,120,.05);
}
.fate-guild-summary-title-v72,
.fate-guild-members-title-v72{
  padding:15px 20px;
  text-align:center;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:18px;
  font-weight:700;
  color:#f0cc74;
  background: linear-gradient(180deg, rgba(66,48,17,.58) 0%, rgba(30,22,11,.24) 100%);
  border-bottom:1px solid rgba(212,160,55,.40);
  text-shadow: 0 1px 0 rgba(0,0,0,.45), 0 0 12px rgba(255,197,84,.10);
}
.fate-guild-meta-grid-v72{
  display:grid;
  grid-template-columns: 190px minmax(0, 1fr);
}
.fate-guild-meta-label-v72,
.fate-guild-meta-value-v72{
  padding:16px 20px;
  border-bottom:1px solid rgba(170,124,40,.14);
}
.fate-guild-meta-grid-v72 > div:nth-last-child(-n+2){
  border-bottom:0;
}
.fate-guild-meta-label-v72{
  color:#d1a94d;
  font-weight:700;
  background: rgba(255,209,102,.02);
}
.fate-guild-meta-value-v72{
  color:#e7dfc4;
}
.fate-guild-meta-value-v72 a,
.fate-guild-member-link-v72{
  color:#f0cc74 !important;
  text-decoration:none;
  transition:color .18s ease, text-shadow .18s ease;
}
.fate-guild-meta-value-v72 a:hover,
.fate-guild-member-link-v72:hover{
  color:#ffe49f !important;
  text-shadow:0 0 10px rgba(248,213,125,.20);
}
.fate-guild-members-block-v72{
  border:1px solid rgba(174,122,28,.38);
  border-radius:18px;
  overflow:hidden;
  background: linear-gradient(180deg, rgba(18,16,13,.96) 0%, rgba(8,8,8,.96) 100%);
  box-shadow: inset 0 0 0 1px rgba(255,214,120,.05);
}
.fate-guild-members-table-v72{
  margin:0 !important;
  width:100%;
  border:0 !important;
  background:transparent !important;
}
.fate-guild-members-table-v72 th{
  font-size:12px;
  letter-spacing:.08em;
  color:#efc86e !important;
  text-transform:uppercase;
}
.fate-guild-members-table-v72 td{
  font-size:15px;
  color:#efe6ce;
  vertical-align:middle;
}
.fate-guild-members-table-v72 tbody tr:hover td{
  background: linear-gradient(90deg, rgba(91,68,25,.18) 0%, rgba(39,32,19,.10) 100%) !important;
}
.fate-guild-vip-col-v72{
  min-width:72px;
}
.fate-guild-empty-v72{
  color:#8f7c52;
}
.fate-guild-position-v72{
  color:#d7b76b;
  font-weight:600;
}
.fate-guild-status-v72{
  display:inline-flex;
  align-items:center;
  gap:7px;
  font-size:13px;
  font-weight:700;
}
.fate-guild-status-v72.is-online{ color:#84d78b; }
.fate-guild-status-v72.is-offline{ color:#ef8e8e; }
.fate-guild-status-dot-v72{
  width:8px;
  height:8px;
  border-radius:50%;
  display:inline-block;
  box-shadow:0 0 8px currentColor;
  background: currentColor;
}
.fate-guild-members-table-v72 .rank-vip-badge-v62{
  min-width:44px !important;
  height:22px !important;
  padding:0 7px !important;
  font-size:9px !important;
}
@media (max-width: 980px){
  .fate-guild-mark-wrap-v72{
    width:100%;
    min-width:0;
    min-height:180px;
  }
  .fate-guild-summary-v72{
    flex-basis:100%;
  }
  .fate-guild-meta-grid-v72{
    grid-template-columns: 1fr;
  }
  .fate-guild-meta-label-v72{
    border-bottom:0;
    padding-bottom:6px;
  }
  .fate-guild-meta-value-v72{
    padding-top:0;
  }
}
\n/* ===== Guild page hard fix V74 ===== */
/* V74 hard override: guild titles, role colors and row hover */

#content .fate-guild-page-v72 > .title1{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:54px !important;
  margin-bottom:14px !important;
  padding:0 20px !important;
  border:1px solid rgba(207,158,62,.45) !important;
  border-radius:16px !important;
  background:linear-gradient(180deg, rgba(55,41,17,.72) 0%, rgba(20,17,12,.96) 58%, rgba(11,11,10,.98) 100%) !important;
  box-shadow:inset 0 1px 0 rgba(255,225,151,.08), 0 8px 20px rgba(0,0,0,.18) !important;
}
#content .fate-guild-page-v72 > .title1 h1{
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  text-align:center !important;
  color:#efcb73 !important;
  font-size:13px !important;
  font-weight:800 !important;
  line-height:1 !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
  text-shadow:0 1px 0 rgba(0,0,0,.65) !important;
}

#content .fate-guild-page-v72 .fate-guild-shell-v72 > .fate-guild-main-title-v72{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:auto !important;
  min-height:50px !important;
  margin:0 0 18px !important;
  padding:0 22px !important;
  border:1px solid rgba(207,158,62,.38) !important;
  border-radius:15px !important;
  background:linear-gradient(180deg, rgba(66,48,17,.62) 0%, rgba(27,22,14,.96) 62%, rgba(13,13,11,.98) 100%) !important;
  box-shadow:inset 0 1px 0 rgba(255,225,151,.07) !important;
  color:#efcb73 !important;
  font-size:13px !important;
  font-weight:800 !important;
  line-height:1 !important;
  letter-spacing:.12em !important;
  text-align:center !important;
  text-transform:uppercase !important;
  text-shadow:0 1px 0 rgba(0,0,0,.62) !important;
}

#content .fate-guild-page-v72 .fate-guild-position-v72,
#content .fate-guild-page-v72 .fate-guild-position-v72 *{
  background:none !important;
  border:0 !important;
  box-shadow:none !important;
  text-shadow:none !important;
  font-weight:700 !important;
}
#content .fate-guild-page-v72 .fate-guild-position-v72.role-master{
  color:#d98989 !important;
}
#content .fate-guild-page-v72 .fate-guild-position-v72.role-assistant{
  color:#91a8d6 !important;
}
#content .fate-guild-page-v72 .fate-guild-position-v72.role-battle{
  color:#80bd8b !important;
}
#content .fate-guild-page-v72 .fate-guild-position-v72.role-member{
  color:#d8b970 !important;
}

#content .fate-guild-page-v72 .fate-guild-members-table-v72 tbody tr,
#content .fate-guild-page-v72 .fate-guild-members-table-v72 tbody tr td{
  transition:background .16s ease, color .16s ease, box-shadow .16s ease !important;
}
#content .fate-guild-page-v72 .fate-guild-members-table-v72 tbody tr:hover{
  background:linear-gradient(90deg, rgba(99,72,24,.22) 0%, rgba(48,37,20,.16) 50%, rgba(99,72,24,.22) 100%) !important;
  box-shadow:inset 3px 0 0 rgba(218,166,62,.46), inset -3px 0 0 rgba(218,166,62,.18) !important;
}
#content .fate-guild-page-v72 .fate-guild-members-table-v72 tbody tr:hover td,
#content .fate-guild-page-v72 .portal-ranking-table.fate-guild-members-table-v72 tbody tr:hover td,
#content .fate-guild-page-v72 table.ranking-table.fate-guild-members-table-v72 tbody tr:hover td{
  background:transparent !important;
  background-color:transparent !important;
  color:#f0e5c8 !important;
  filter:none !important;
}
#content .fate-guild-page-v72 .fate-guild-members-table-v72 tbody tr:hover a{
  color:#f5d889 !important;
  text-shadow:0 0 8px rgba(230,180,73,.12) !important;
}
#content .fate-guild-page-v72 .fate-guild-members-table-v72 tbody tr:hover .fate-guild-position-v72.role-master{
  color:#e49a9a !important;
}
#content .fate-guild-page-v72 .fate-guild-members-table-v72 tbody tr:hover .fate-guild-position-v72.role-assistant{
  color:#a0b5df !important;
}
#content .fate-guild-page-v72 .fate-guild-members-table-v72 tbody tr:hover .fate-guild-position-v72.role-battle{
  color:#8dcc98 !important;
}
\n/* ===== Account headings V75 ===== */

/* V75 — account section titles with centered side lines */
#content .box-style4 > h2.title{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    min-height:56px!important;
    margin:0!important;
    padding:0 26px!important;
    overflow:hidden!important;
    color:#efcc77!important;
    background:
        linear-gradient(180deg,rgba(255,244,206,.10) 0%,rgba(255,222,132,.03) 42%,rgba(0,0,0,.10) 43%),
        linear-gradient(90deg,rgba(58,38,13,.44) 0%,rgba(35,24,11,.20) 55%,rgba(18,14,9,.08) 100%)!important;
    border:0!important;
    border-bottom:1px solid rgba(216,165,62,.26)!important;
    border-radius:0!important;
    font-family:Georgia,"Times New Roman",serif!important;
    font-size:15px!important;
    font-weight:700!important;
    line-height:1.2!important;
    letter-spacing:.045em!important;
    text-transform:uppercase!important;
    text-shadow:0 1px 0 rgba(0,0,0,.96),0 0 10px rgba(234,183,77,.13)!important;
}

/* remove old short left decoration if present */
#content .box-style4 > h2.title > *{position:relative!important;z-index:2!important;}
#content .box-style4 > h2.title:before,
#content .box-style4 > h2.title:after{
    content:""!important;
    position:absolute!important;
    top:50%!important;
    height:1px!important;
    width:calc(50% - 170px)!important;
    min-width:72px!important;
    max-width:310px!important;
    transform:translateY(-50%)!important;
    background:linear-gradient(90deg,rgba(0,0,0,0) 0%, rgba(224,174,73,.45) 18%, rgba(247,211,121,.82) 50%, rgba(224,174,73,.45) 82%, rgba(0,0,0,0) 100%)!important;
    box-shadow:0 0 10px rgba(214,164,64,.14)!important;
    opacity:.95!important;
    z-index:1!important;
}
#content .box-style4 > h2.title:before{
    left:18px!important;
}
#content .box-style4 > h2.title:after{
    right:18px!important;
}

/* titles of inner content blocks on account pages */
#content .portal-section > .portal-section-title{
    justify-content:center!important;
    text-align:center!important;
}
#content .portal-section > .portal-section-title:before,
#content .portal-section > .portal-section-title:after{
    content:""!important;
    position:absolute!important;
    top:50%!important;
    height:1px!important;
    transform:translateY(-50%)!important;
    width:calc(50% - 165px)!important;
    min-width:72px!important;
    max-width:310px!important;
    background:linear-gradient(90deg,rgba(0,0,0,0) 0%, rgba(224,174,73,.42) 18%, rgba(247,211,121,.78) 50%, rgba(224,174,73,.42) 82%, rgba(0,0,0,0) 100%)!important;
    box-shadow:none!important;
}
#content .portal-section > .portal-section-title:before{left:18px!important;}
#content .portal-section > .portal-section-title:after{right:18px!important;}

@media (max-width: 900px){
    #content .box-style4 > h2.title:before,
    #content .box-style4 > h2.title:after,
    #content .portal-section > .portal-section-title:before,
    #content .portal-section > .portal-section-title:after{
        width:calc(50% - 130px)!important;
        min-width:38px!important;
    }
}
@media (max-width: 640px){
    #content .box-style4 > h2.title,
    #content .portal-section > .portal-section-title{
        font-size:13px!important;
        letter-spacing:.03em!important;
        padding:0 12px!important;
    }
    #content .box-style4 > h2.title:before,
    #content .box-style4 > h2.title:after,
    #content .portal-section > .portal-section-title:before,
    #content .portal-section > .portal-section-title:after{
        display:none!important;
    }
}
\n/* ===== Account headings V76 ===== */
/* V76 — centered underline below account section titles */
#content .box-style4 > h2.title,
#content .portal-section > .portal-section-title{
    position:relative!important;
    display:flex!important;
    align-items:flex-start!important;
    justify-content:center!important;
    min-height:58px!important;
    margin:0!important;
    padding:13px 18px 18px!important;
    text-align:center!important;
    overflow:hidden!important;
    border-bottom:0!important;
    background:
        linear-gradient(180deg,rgba(255,244,206,.09) 0%,rgba(255,222,132,.025) 48%,rgba(0,0,0,.08) 49%),
        linear-gradient(90deg,rgba(58,38,13,.38) 0%,rgba(35,24,11,.18) 55%,rgba(18,14,9,.06) 100%)!important;
}

/* Remove the old left-side line completely */
#content .box-style4 > h2.title::before,
#content .portal-section > .portal-section-title::before{
    content:none!important;
    display:none!important;
}

/* One line below the text: brightest in the center, fading to both edges */
#content .box-style4 > h2.title::after,
#content .portal-section > .portal-section-title::after{
    content:""!important;
    position:absolute!important;
    left:50%!important;
    right:auto!important;
    bottom:10px!important;
    width:72%!important;
    max-width:620px!important;
    min-width:220px!important;
    height:1px!important;
    transform:translateX(-50%)!important;
    background:linear-gradient(
        90deg,
        rgba(226,173,70,0) 0%,
        rgba(226,173,70,.18) 18%,
        rgba(241,196,101,.48) 36%,
        rgba(255,221,137,.90) 50%,
        rgba(241,196,101,.48) 64%,
        rgba(226,173,70,.18) 82%,
        rgba(226,173,70,0) 100%
    )!important;
    box-shadow:0 0 8px rgba(223,170,66,.16)!important;
    opacity:1!important;
}

@media (max-width:640px){
    #content .box-style4 > h2.title,
    #content .portal-section > .portal-section-title{
        min-height:54px!important;
        padding:12px 10px 17px!important;
    }
    #content .box-style4 > h2.title::after,
    #content .portal-section > .portal-section-title::after{
        display:block!important;
        width:82%!important;
        min-width:0!important;
        bottom:9px!important;
    }
}
\n/* ===== Account headings V77 ===== */
/* V77 — remove the short underline under the text and restore the full bottom divider */
#content .box-style4 > h2.title,
#content .portal-section > .portal-section-title{
    align-items:center!important;
    justify-content:center!important;
    min-height:58px!important;
    padding:0 18px!important;
    text-align:center!important;
    border-bottom:0!important;
}

/* Remove all decorative lines near the title text */
#content .box-style4 > h2.title::before,
#content .portal-section > .portal-section-title::before{
    content:none!important;
    display:none!important;
}

/* One shared divider at the very bottom of the whole heading block */
#content .box-style4 > h2.title::after,
#content .portal-section > .portal-section-title::after{
    content:""!important;
    display:block!important;
    position:absolute!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    height:1px!important;
    transform:none!important;
    background:linear-gradient(
        90deg,
        rgba(150,102,25,.48) 0%,
        rgba(226,174,72,.72) 50%,
        rgba(150,102,25,.48) 100%
    )!important;
    box-shadow:0 1px 0 rgba(0,0,0,.42)!important;
    opacity:1!important;
}

@media (max-width:640px){
    #content .box-style4 > h2.title,
    #content .portal-section > .portal-section-title{
        min-height:54px!important;
        padding:0 10px!important;
    }
}
\n/* ===== Account headings V78 ===== */

/* V78 — fix account headings: remove line through text, keep one full bottom line */
#content .box-style4 > h2.title,
#content .portal-section > .portal-section-title{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-height:58px!important;
    margin:0!important;
    padding:0 18px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    text-align:center!important;
    border-bottom:0!important;
}

/* absolutely no decorative line across the text */
#content .box-style4 > h2.title::before,
#content .box-style4 > h2.title::marker,
#content .portal-section > .portal-section-title::before{
    content:none!important;
    display:none!important;
}

/* one common divider line at the bottom only */
#content .box-style4 > h2.title::after,
#content .portal-section > .portal-section-title::after{
    content:""!important;
    position:absolute!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    top:auto!important;
    width:100%!important;
    height:1px!important;
    display:block!important;
    transform:none!important;
    background:linear-gradient(90deg, rgba(136,92,23,.42) 0%, rgba(228,176,74,.72) 50%, rgba(136,92,23,.42) 100%)!important;
    box-shadow:0 1px 0 rgba(0,0,0,.36)!important;
    opacity:1!important;
    z-index:0!important;
}

/* keep the text above the line */
#content .box-style4 > h2.title > *,
#content .portal-section > .portal-section-title > *{
    position:relative!important;
    z-index:1!important;
}

@media (max-width:640px){
    #content .box-style4 > h2.title,
    #content .portal-section > .portal-section-title{
        min-height:54px!important;
        padding:0 10px!important;
    }
}
\n/* ===== Account headings V79 ===== */

/* V79 — extend bottom divider to full visible width */
#content .box-style4 > h2.title::after,
#content .portal-section > .portal-section-title::after{
    left:-18px!important;
    right:-18px!important;
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    bottom:0!important;
    height:1px!important;
    background:linear-gradient(90deg, rgba(136,92,23,.44) 0%, rgba(228,176,74,.78) 50%, rgba(136,92,23,.44) 100%)!important;
}
/* keep title wrappers clipping correctly */
#content .box-style4 > h2.title,
#content .portal-section > .portal-section-title{
    overflow:visible!important;
}
/* but preserve overall box layout */
#content .box-style4,
#content .portal-section{
    overflow:hidden!important;
}

/* ===== Vote and Logs isolated styling V86 ===== */
.fate-vote-page-v86,
.fate-logs-page-v86{
  min-width:0!important;
  width:100%!important;
  max-width:100%!important;
}
.fate-vote-page-v86 > #box1,
.fate-logs-page-v86 > #box1{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
}
.fate-vote-page-v86 .box-style1,
.fate-logs-page-v86 .box-style1{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0 0 20px!important;
  overflow:hidden!important;
  border:1px solid rgba(190,143,51,.46)!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,rgba(18,13,8,.98),rgba(9,7,4,.99))!important;
  box-shadow:inset 0 1px 0 rgba(255,224,145,.05),0 12px 28px rgba(0,0,0,.22)!important;
}
.fate-vote-page-v86 .box-style1 > h2.title,
.fate-logs-page-v86 .box-style1 > h2.title{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:100%!important;
  min-height:56px!important;
  margin:0!important;
  padding:0 26px 0 34px!important;
  text-align:left!important;
  color:#efc96e!important;
  background:linear-gradient(180deg,rgba(73,49,17,.32),rgba(25,18,9,.13))!important;
  border:0!important;
  border-bottom:1px solid rgba(211,159,56,.34)!important;
  border-radius:0!important;
  font-size:16px!important;
  line-height:1.2!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
  box-shadow:none!important;
}
.fate-vote-page-v86 .box-style1 > h2.title::before,
.fate-logs-page-v86 .box-style1 > h2.title::before{
  content:none!important;
  display:none!important;
}
.fate-vote-page-v86 .box-style1 > h2.title::after,
.fate-logs-page-v86 .box-style1 > h2.title::after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:-1px!important;
  width:100%!important;
  height:1px!important;
  background:linear-gradient(90deg,rgba(139,94,24,.42),rgba(225,174,70,.68),rgba(139,94,24,.42))!important;
  transform:none!important;
}
.fate-vote-page-v86 .box-style1 > .entry,
.fate-logs-page-v86 .box-style1 > .entry{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  padding:18px 20px 22px!important;
  background:none!important;
}

/* Vote list: override the fixed 45px legacy Season6 component completely. */
.fate-vote-page-v86 ul#vote-options{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  margin:0 0 14px!important;
  padding:0!important;
  list-style:none!important;
  color:inherit!important;
}
.fate-vote-page-v86 ul#vote-options:last-child{margin-bottom:0!important;}
.fate-vote-page-v86 ul#vote-options > li{
  display:grid!important;
  grid-template-columns:82px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:18px!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  min-height:104px!important;
  height:auto!important;
  margin:0!important;
  padding:14px 16px!important;
  line-height:normal!important;
  overflow:hidden!important;
  border:1px solid rgba(190,143,51,.28)!important;
  border-radius:15px!important;
  background:linear-gradient(180deg,rgba(24,17,10,.96),rgba(10,8,5,.98))!important;
  box-shadow:inset 0 1px 0 rgba(255,220,130,.03)!important;
}
.fate-vote-page-v86 ul#vote-options > li:hover{
  border-color:rgba(218,170,69,.44)!important;
  background:linear-gradient(180deg,rgba(33,23,12,.98),rgba(13,9,5,.99))!important;
}
.fate-vote-page-v86 ul#vote-options .left,
.fate-vote-page-v86 ul#vote-options .right{
  float:none!important;
  margin-left:0!important;
  margin-right:0!important;
}
.fate-vote-page-v86 ul#vote-options img{
  display:block!important;
  grid-column:1!important;
  width:76px!important;
  height:76px!important;
  min-width:76px!important;
  max-width:76px!important;
  object-fit:contain!important;
  margin:0!important;
  padding:9px!important;
  border:1px solid rgba(190,143,51,.28)!important;
  border-radius:13px!important;
  background:linear-gradient(180deg,#0d0a06,#060503)!important;
}
.fate-vote-page-v86 ul#vote-options h5{
  grid-column:2!important;
  align-self:center!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  color:#efc04e!important;
  background:none!important;
  font-size:22px!important;
  font-weight:800!important;
  line-height:1.2!important;
  text-transform:none!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.fate-vote-page-v86 ul#vote-options button{
  grid-column:3!important;
  align-self:center!important;
  min-width:150px!important;
  height:38px!important;
  margin:0!important;
  padding:0 18px!important;
  border:1px solid rgba(235,204,118,.55)!important;
  border-radius:10px!important;
  color:#211506!important;
  background:linear-gradient(180deg,#f2dc91,#d4aa4a 52%,#b98320)!important;
  box-shadow:inset 0 1px 0 rgba(255,248,218,.48),0 6px 15px rgba(0,0,0,.20)!important;
  font-size:13px!important;
  font-weight:900!important;
  line-height:1!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}
.fate-vote-page-v86 ul#vote-options button:hover:not(:disabled){
  filter:brightness(1.05)!important;
  transform:translateY(-1px)!important;
}
.fate-vote-page-v86 ul#vote-options button:disabled{
  color:#c7ad73!important;
  background:linear-gradient(180deg,#4a3820,#2d2214)!important;
  border-color:rgba(190,143,51,.30)!important;
  box-shadow:none!important;
}
.fate-vote-page-v86 ul#vote-options h5[id^="counter-"]{
  display:none;
}

/* Logs table */
.fate-logs-page-v86 .ranking-table{
  width:100%!important;
  max-width:100%!important;
  border-collapse:collapse!important;
  table-layout:auto!important;
  margin:0!important;
  overflow:hidden!important;
  border-radius:12px!important;
}
.fate-logs-page-v86 .ranking-table th{
  padding:13px 10px!important;
  color:#edc66c!important;
  background:linear-gradient(180deg,rgba(48,31,12,.86),rgba(23,16,8,.96))!important;
  border-color:rgba(190,143,51,.18)!important;
  font-size:11px!important;
}
.fate-logs-page-v86 .ranking-table td{
  padding:13px 10px!important;
  color:#e9dec2!important;
  border-color:rgba(190,143,51,.12)!important;
  text-align:center!important;
  background:rgba(7,6,4,.56)!important;
}
.fate-logs-page-v86 .ranking-table tbody tr:hover td{
  background:linear-gradient(90deg,rgba(72,49,19,.18),rgba(16,12,7,.76),rgba(72,49,19,.18))!important;
}
.fate-logs-page-v86 .ranking-table td:nth-child(2){text-align:left!important;}
.fate-logs-page-v86 .fate-log-positive{color:#77d787!important;font-weight:700!important;}
.fate-logs-page-v86 .fate-log-negative{color:#ee8585!important;font-weight:700!important;}

@media(max-width:760px){
  .fate-vote-page-v86 ul#vote-options > li{
    grid-template-columns:68px minmax(0,1fr)!important;
  }
  .fate-vote-page-v86 ul#vote-options img{
    width:62px!important;height:62px!important;min-width:62px!important;max-width:62px!important;
  }
  .fate-vote-page-v86 ul#vote-options button{
    grid-column:1/-1!important;
    width:100%!important;
  }
  .fate-vote-page-v86 ul#vote-options h5{font-size:18px!important;}
}


/* ===== V88 VERIFIED FINAL FIX: Vote / Logs section heading ===== */
#content.fate-vote-page-v86 .box-style1 > h2.title,
#content.fate-logs-page-v86 .box-style1 > h2.title{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    box-sizing:border-box!important;
    width:100%!important;
    min-height:56px!important;
    margin:0!important;
    padding:0 30px 0 42px!important;
    overflow:visible!important;
    text-align:left!important;
    text-indent:0!important;
    color:#efc96e!important;
    background:linear-gradient(180deg,rgba(73,49,17,.32),rgba(25,18,9,.13))!important;
    border:0!important;
    border-bottom:1px solid rgba(211,159,56,.44)!important;
    border-radius:0!important;
    font-size:16px!important;
    line-height:1.2!important;
    letter-spacing:.06em!important;
    text-transform:uppercase!important;
    box-shadow:none!important;
}
#content.fate-vote-page-v86 .box-style1 > h2.title::before,
#content.fate-logs-page-v86 .box-style1 > h2.title::before{
    content:none!important;
    display:none!important;
}
#content.fate-vote-page-v86 .box-style1 > h2.title::after,
#content.fate-logs-page-v86 .box-style1 > h2.title::after{
    content:""!important;
    position:absolute!important;
    left:0!important;
    right:0!important;
    bottom:-1px!important;
    display:block!important;
    width:auto!important;
    max-width:none!important;
    height:1px!important;
    background:rgba(211,159,56,.44)!important;
    transform:none!important;
    opacity:1!important;
}


/* =============================
   V89 - Hide Info page styling
   ============================= */
#content.fate-hide-page-v89{
  min-width:0;
}
#content.fate-hide-page-v89 #box1{
  width:100%!important;
}
#content.fate-hide-page-v89 .title1{
  margin:0 0 18px!important;
  background:linear-gradient(180deg,rgba(42,28,10,.78),rgba(14,11,8,.92))!important;
  border:1px solid rgba(196,152,61,.46)!important;
  border-radius:18px 18px 0 0!important;
  box-shadow:inset 0 1px 0 rgba(255,220,145,.08), 0 10px 24px rgba(0,0,0,.24)!important;
}
#content.fate-hide-page-v89 .title1 h1{
  margin:0!important;
  min-height:58px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 24px!important;
  color:#f0c768!important;
  font-size:14px!important;
  line-height:1.2!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
#content.fate-hide-page-v89 .box-style1{
  margin-bottom:20px!important;
  background:linear-gradient(180deg,rgba(17,12,7,.94),rgba(8,7,6,.96))!important;
  border:1px solid rgba(196,152,61,.40)!important;
  border-radius:0 0 18px 18px!important;
  overflow:hidden!important;
  box-shadow:inset 0 1px 0 rgba(255,231,167,.04), 0 12px 30px rgba(0,0,0,.28)!important;
}
#content.fate-hide-page-v89 .box-style1 > h2.title{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  width:100%!important;
  min-height:54px!important;
  margin:0!important;
  padding:0 28px 0 42px!important;
  color:#efc96e!important;
  font-size:16px!important;
  line-height:1.2!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
  text-align:left!important;
  background:linear-gradient(180deg,rgba(62,41,13,.30),rgba(17,13,8,.08))!important;
  border:0!important;
  border-bottom:1px solid rgba(211,159,56,.34)!important;
  box-sizing:border-box!important;
}
#content.fate-hide-page-v89 .box-style1 > h2.title::after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:-1px!important;
  height:1px!important;
  background:linear-gradient(90deg,rgba(128,86,23,.30) 0%, rgba(220,172,72,.70) 50%, rgba(128,86,23,.30) 100%)!important;
}
#content.fate-hide-page-v89 .entry{
  padding:18px 20px 20px!important;
}
#content.fate-hide-page-v89 .ranking-table{
  width:100%!important;
  border-collapse:collapse!important;
  overflow:hidden!important;
  border:1px solid rgba(175,129,44,.24)!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,rgba(13,10,8,.96),rgba(9,8,7,.98))!important;
}
#content.fate-hide-page-v89 .ranking-table thead th{
  height:46px!important;
  padding:0 18px!important;
  color:#e6be67!important;
  font-size:12px!important;
  font-weight:700!important;
  text-transform:uppercase!important;
  letter-spacing:.06em!important;
  text-align:left!important;
  background:linear-gradient(180deg,rgba(35,22,8,.72),rgba(14,10,6,.96))!important;
  border-bottom:1px solid rgba(175,129,44,.24)!important;
}
#content.fate-hide-page-v89 .ranking-table tbody td{
  padding:16px 18px!important;
  color:#e8dec0!important;
  font-size:14px!important;
  border-top:1px solid rgba(175,129,44,.14)!important;
  border-right:1px solid rgba(175,129,44,.12)!important;
  background:transparent!important;
}
#content.fate-hide-page-v89 .ranking-table tbody tr td:first-child{
  width:30%!important;
  color:#efc96e!important;
  font-weight:700!important;
}
#content.fate-hide-page-v89 .ranking-table tbody tr td:last-child{
  border-right:0!important;
}
#content.fate-hide-page-v89 .hide-action-wrap{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  padding-top:18px!important;
}
#content.fate-hide-page-v89 .fate-gold-action,
#content.fate-hide-page-v89 .custom_button.fate-gold-action{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:170px!important;
  height:42px!important;
  padding:0 22px!important;
  border-radius:8px!important;
  border:1px solid #e4c060!important;
  background:linear-gradient(180deg,#efd27a 0%, #cea748 52%, #b6882b 100%)!important;
  color:#1f1406!important;
  font-size:13px!important;
  font-weight:800!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
  box-shadow:inset 0 1px 0 rgba(255,243,178,.65), 0 8px 18px rgba(0,0,0,.24)!important;
  cursor:pointer!important;
}
#content.fate-hide-page-v89 .fate-gold-action:hover,
#content.fate-hide-page-v89 .custom_button.fate-gold-action:hover{
  background:linear-gradient(180deg,#f7de8d 0%, #ddb65a 52%, #c59234 100%)!important;
  color:#1a1104!important;
  box-shadow:inset 0 1px 0 rgba(255,246,196,.80), 0 10px 22px rgba(0,0,0,.28)!important;
}
#content.fate-hide-page-v89 .fate-gold-action:active,
#content.fate-hide-page-v89 .custom_button.fate-gold-action:active{
  transform:translateY(1px)!important;
}


/* =============================
   V90 - Hide Info readability fix
   ============================= */
#content.fate-hide-page-v89 .ranking-table{
  border:1px solid rgba(214,171,80,.30)!important;
  border-radius:12px!important;
  box-shadow:inset 0 0 0 1px rgba(255,224,150,.03)!important;
  background:linear-gradient(180deg,rgba(16,12,9,.98),rgba(9,8,7,.99))!important;
}
#content.fate-hide-page-v89 .ranking-table thead th{
  padding-left:18px!important;
  color:#efc96e!important;
  background:linear-gradient(180deg,rgba(58,39,14,.72),rgba(19,13,8,.96))!important;
  border-bottom:1px solid rgba(214,171,80,.28)!important;
}
#content.fate-hide-page-v89 .ranking-table tbody tr{
  background:linear-gradient(180deg,rgba(14,11,8,.98),rgba(10,8,7,.98))!important;
}
#content.fate-hide-page-v89 .ranking-table tbody tr:nth-child(even){
  background:linear-gradient(180deg,rgba(17,13,10,.98),rgba(12,10,8,.98))!important;
}
#content.fate-hide-page-v89 .ranking-table tbody td{
  padding:18px 18px!important;
  color:#f0ead7!important;
  font-size:15px!important;
  line-height:1.45!important;
  border-top:1px solid rgba(214,171,80,.12)!important;
  border-right:1px solid rgba(214,171,80,.10)!important;
  background:transparent!important;
}
#content.fate-hide-page-v89 .ranking-table tbody tr td:first-child{
  color:#f2c86c!important;
  font-weight:700!important;
  background:rgba(255,214,128,.02)!important;
}
#content.fate-hide-page-v89 .ranking-table tbody tr td:last-child{
  color:#f5f0e0!important;
}
#content.fate-hide-page-v89 .ranking-table tbody tr:hover td,
#content.fate-hide-page-v89 .ranking-table tbody tr:focus-within td{
  background:linear-gradient(90deg,rgba(91,61,20,.22),rgba(28,20,12,.42),rgba(91,61,20,.22))!important;
  color:#fff6dd!important;
}
#content.fate-hide-page-v89 .ranking-table tbody tr:hover td:first-child,
#content.fate-hide-page-v89 .ranking-table tbody tr:focus-within td:first-child{
  color:#ffd97d!important;
}
#content.fate-hide-page-v89 .box-style1 > h2.title{
  padding-left:34px!important;
}
#content.fate-hide-page-v89 .box-style1 > h2.title::before{
  content:""!important;
  position:absolute!important;
  left:18px!important;
  top:50%!important;
  width:7px!important;
  height:7px!important;
  margin-top:-3.5px!important;
  border-radius:50%!important;
  background:linear-gradient(180deg,#f4d88b,#be8e31)!important;
  box-shadow:0 0 10px rgba(246,212,121,.28)!important;
}
#content.fate-hide-page-v89 .entry{padding:18px 18px 20px!important;}


/* =============================
   V91 - Hide button + panel outline fix
   ============================= */
#content.fate-hide-page-v89 .box-style1{
  border:1px solid rgba(205,160,72,.28)!important;
  border-radius:14px!important;
  box-shadow:0 0 0 1px rgba(255,224,150,.03) inset, 0 10px 24px rgba(0,0,0,.14)!important;
}
#content.fate-hide-page-v89 .entry{
  border:1px solid rgba(205,160,72,.22)!important;
  border-radius:12px!important;
  background:linear-gradient(180deg,rgba(12,10,8,.95),rgba(8,7,6,.98))!important;
  box-shadow:inset 0 0 0 1px rgba(255,226,156,.02)!important;
  padding:18px 18px 20px!important;
}
#content.fate-hide-page-v89 .ranking-table{
  border:1px solid rgba(214,171,80,.22)!important;
  border-radius:12px!important;
}
#content.fate-hide-page-v89 .fate-gold-action,
#content.fate-hide-page-v89 .custom_button.fate-gold-action{
  position:relative!important;
  min-width:170px!important;
  height:40px!important;
  line-height:40px!important;
  font-family:Inter,"Segoe UI",Arial,sans-serif!important;
  font-size:13px!important;
  font-weight:900!important;
  text-shadow:none!important;
  -webkit-text-stroke:0 transparent!important;
  filter:none!important;
  white-space:nowrap!important;
  overflow:hidden!important;
}
#content.fate-hide-page-v89 .fate-gold-action::before,
#content.fate-hide-page-v89 .custom_button.fate-gold-action::before,
#content.fate-hide-page-v89 .fate-gold-action::after,
#content.fate-hide-page-v89 .custom_button.fate-gold-action::after,
#content.fate-hide-page-v89 .fate-gold-action span::before,
#content.fate-hide-page-v89 .fate-gold-action span::after,
#content.fate-hide-page-v89 .custom_button.fate-gold-action span::before,
#content.fate-hide-page-v89 .custom_button.fate-gold-action span::after{
  content:none!important;
  display:none!important;
}
#content.fate-hide-page-v89 .fate-gold-action:hover,
#content.fate-hide-page-v89 .custom_button.fate-gold-action:hover,
#content.fate-hide-page-v89 .fate-gold-action:focus,
#content.fate-hide-page-v89 .custom_button.fate-gold-action:focus{
  text-shadow:none!important;
}


/* =============================
   V92 - Exact border around DETAILS table
   ============================= */
#content.fate-hide-page-v89 .ranking-table{
  width:100%!important;
  display:table!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  border:1px solid rgba(205,160,72,.38)!important;
  border-radius:0!important;
  overflow:hidden!important;
  box-shadow:0 0 0 1px rgba(205,160,72,.22) inset!important;
}
#content.fate-hide-page-v89 .ranking-table thead th:first-child{
  border-top:0!important;
}
#content.fate-hide-page-v89 .ranking-table tbody tr:first-child td{
  border-top:1px solid rgba(205,160,72,.18)!important;
}
#content.fate-hide-page-v89 .ranking-table tbody td:first-child,
#content.fate-hide-page-v89 .ranking-table thead th:first-child{
  border-left:0!important;
}
#content.fate-hide-page-v89 .ranking-table tbody td:last-child,
#content.fate-hide-page-v89 .ranking-table thead th:last-child{
  border-right:0!important;
}
#content.fate-hide-page-v89 .ranking-table tbody tr:last-child td{
  border-bottom:0!important;
}


/* =========================================================
   V94 — Logs: exact outer outline and themed hover
   ========================================================= */
#content.fate-logs-page-v86 .fate-logs-table-frame-v94{
    width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
    border:1px solid rgba(214,171,80,.38)!important;
    border-radius:13px!important;
    background:linear-gradient(180deg,rgba(17,13,9,.98),rgba(8,7,5,.99))!important;
    box-shadow:
        inset 0 0 0 1px rgba(255,226,156,.025),
        0 8px 22px rgba(0,0,0,.16)!important;
}
#content.fate-logs-page-v86 .fate-logs-table-frame-v94 .ranking-table{
    width:100%!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    border-collapse:separate!important;
    border-spacing:0!important;
    background:transparent!important;
    box-shadow:none!important;
}
#content.fate-logs-page-v86 .fate-logs-table-frame-v94 .ranking-table thead th{
    border-top:0!important;
    background:linear-gradient(180deg,rgba(49,32,12,.90),rgba(21,15,8,.98))!important;
}
#content.fate-logs-page-v86 .fate-logs-table-frame-v94 .ranking-table thead th:first-child,
#content.fate-logs-page-v86 .fate-logs-table-frame-v94 .ranking-table tbody td:first-child{
    border-left:0!important;
}
#content.fate-logs-page-v86 .fate-logs-table-frame-v94 .ranking-table thead th:last-child,
#content.fate-logs-page-v86 .fate-logs-table-frame-v94 .ranking-table tbody td:last-child{
    border-right:0!important;
}
#content.fate-logs-page-v86 .fate-logs-table-frame-v94 .ranking-table tbody tr:last-child td{
    border-bottom:0!important;
}

/* Neutral state: never inherit the legacy gray row fill. */
#content.fate-logs-page-v86 .fate-logs-table-frame-v94 .ranking-table tbody tr,
#content.fate-logs-page-v86 .fate-logs-table-frame-v94 .ranking-table tbody tr:nth-child(odd),
#content.fate-logs-page-v86 .fate-logs-table-frame-v94 .ranking-table tbody tr:nth-child(even),
#content.fate-logs-page-v86 .fate-logs-table-frame-v94 .ranking-table tbody tr.row_even,
#content.fate-logs-page-v86 .fate-logs-table-frame-v94 .ranking-table tbody tr.row_odd{
    background:transparent!important;
    background-color:transparent!important;
}
#content.fate-logs-page-v86 .fate-logs-table-frame-v94 .ranking-table tbody td{
    background:linear-gradient(90deg,rgba(18,13,8,.58),rgba(9,7,5,.78),rgba(18,13,8,.58))!important;
    color:#eddfbf!important;
    transition:background .16s ease,color .16s ease,box-shadow .16s ease!important;
}

/* Hover: the same warm brown/gold language used across the site. */
#content.fate-logs-page-v86 .fate-logs-table-frame-v94 .ranking-table tbody tr:hover,
#content.fate-logs-page-v86 .fate-logs-table-frame-v94 .ranking-table tbody tr:hover td,
#content.fate-logs-page-v86 .fate-logs-table-frame-v94 .ranking-table tbody td:hover{
    background:linear-gradient(90deg,rgba(150,103,31,.25),rgba(58,39,14,.52),rgba(150,103,31,.25))!important;
    background-color:transparent!important;
    color:#f7dfa1!important;
}
#content.fate-logs-page-v86 .fate-logs-table-frame-v94 .ranking-table tbody tr:hover td{
    box-shadow:
        inset 0 1px 0 rgba(255,216,127,.06),
        inset 0 -1px 0 rgba(255,216,127,.06)!important;
}
#content.fate-logs-page-v86 .fate-logs-table-frame-v94 .ranking-table tbody tr:hover .fate-log-positive{
    color:#86e596!important;
}
#content.fate-logs-page-v86 .fate-logs-table-frame-v94 .ranking-table tbody tr:hover .fate-log-negative{
    color:#ff9393!important;
}


/* =========================================================
   V95 — Logs hover exactly like Hide Info
   ========================================================= */
#content.fate-logs-page-v86 .fate-logs-table-frame-v94 .ranking-table tbody tr:hover,
#content.fate-logs-page-v86 .fate-logs-table-frame-v94 .ranking-table tbody tr:hover td,
#content.fate-logs-page-v86 .fate-logs-table-frame-v94 .ranking-table tbody td:hover{
    background:linear-gradient(90deg,rgba(91,61,20,.22),rgba(28,20,12,.42),rgba(91,61,20,.22))!important;
    background-color:transparent!important;
    color:#fff6dd!important;
}
#content.fate-logs-page-v86 .fate-logs-table-frame-v94 .ranking-table tbody tr:hover td{
    box-shadow:inset 0 1px 0 rgba(255,215,128,.035),inset 0 -1px 0 rgba(255,215,128,.035)!important;
}
#content.fate-logs-page-v86 .fate-logs-table-frame-v94 .ranking-table tbody tr:hover .fate-log-positive{
    color:#7edc8d!important;
}
#content.fate-logs-page-v86 .fate-logs-table-frame-v94 .ranking-table tbody tr:hover .fate-log-negative{
    color:#f38a8a!important;
}


/* =============================
   V96 - Hide Info lighter panel + rounded outline
   ============================= */
#content.fate-hide-page-v89 .entry{
  padding:20px 20px 22px!important;
}
#content.fate-hide-page-v89 .ranking-table{
  width:100%!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  overflow:hidden!important;
  border:1px solid rgba(214,171,80,.42)!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,rgba(34,24,14,.96) 0%, rgba(22,16,10,.98) 55%, rgba(16,12,9,.99) 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,232,170,.06), inset 0 0 0 1px rgba(255,214,132,.03)!important;
}
#content.fate-hide-page-v89 .ranking-table thead th{
  padding:14px 18px!important;
  color:#efc96e!important;
  text-align:left!important;
  background:linear-gradient(180deg,rgba(88,61,26,.62) 0%, rgba(43,30,15,.88) 100%)!important;
  border-bottom:1px solid rgba(214,171,80,.26)!important;
}
#content.fate-hide-page-v89 .ranking-table tbody tr{
  background:linear-gradient(90deg,rgba(29,20,12,.96) 0%, rgba(18,14,10,.98) 50%, rgba(29,20,12,.96) 100%)!important;
  transition:background .18s ease, box-shadow .18s ease!important;
}
#content.fate-hide-page-v89 .ranking-table tbody tr:nth-child(even){
  background:linear-gradient(90deg,rgba(33,23,14,.96) 0%, rgba(21,16,11,.98) 50%, rgba(33,23,14,.96) 100%)!important;
}
#content.fate-hide-page-v89 .ranking-table tbody tr:hover{
  background:linear-gradient(90deg,rgba(71,48,18,.24) 0%, rgba(28,20,12,.50) 50%, rgba(71,48,18,.24) 100%)!important;
}
#content.fate-hide-page-v89 .ranking-table tbody td{
  padding:18px 18px!important;
  color:#f1ecdc!important;
  font-size:15px!important;
  line-height:1.45!important;
  border-top:1px solid rgba(214,171,80,.10)!important;
  border-right:1px solid rgba(214,171,80,.10)!important;
  background:transparent!important;
}
#content.fate-hide-page-v89 .ranking-table tbody tr:hover td{
  background:transparent!important;
  color:#fff4d0!important;
}
#content.fate-hide-page-v89 .ranking-table tbody tr td:first-child{
  color:#f0c65e!important;
  font-weight:800!important;
}
#content.fate-hide-page-v89 .ranking-table tbody tr td:last-child{
  border-right:0!important;
}
#content.fate-hide-page-v89 .ranking-table tbody tr:first-child td{
  border-top:0!important;
}
#content.fate-hide-page-v89 .ranking-table thead tr:first-child th:first-child{
  border-top-left-radius:16px!important;
}
#content.fate-hide-page-v89 .ranking-table thead tr:first-child th:last-child{
  border-top-right-radius:16px!important;
}
#content.fate-hide-page-v89 .ranking-table tbody tr:last-child td:first-child{
  border-bottom-left-radius:16px!important;
}
#content.fate-hide-page-v89 .ranking-table tbody tr:last-child td:last-child{
  border-bottom-right-radius:16px!important;
}
#content.fate-hide-page-v89 .fate-gold-action,
#content.fate-hide-page-v89 .custom_button.fate-gold-action{
  text-shadow:none!important;
}


/* =========================================================
   V97 — unified Vote / Hide Info / Account Log visual system
   ========================================================= */

/* Hide Info: remove the separate black inner plate around table and button. */
#content.fate-hide-page-v89 .box-style1{
  background:linear-gradient(180deg,rgba(25,18,11,.96) 0%,rgba(10,8,5,.98) 100%)!important;
  border-color:rgba(190,143,51,.46)!important;
  box-shadow:inset 0 1px 0 rgba(255,224,145,.05),0 12px 28px rgba(0,0,0,.22)!important;
}
#content.fate-hide-page-v89 .entry{
  padding:20px 20px 22px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* Shared table surface for Hide Info and Account Log. */
#content.fate-hide-page-v89 .ranking-table,
#content.fate-logs-page-v86 .ranking-table{
  width:100%!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  overflow:hidden!important;
  border:1px solid rgba(205,160,72,.38)!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,rgba(34,24,14,.96) 0%,rgba(22,16,10,.98) 55%,rgba(16,12,9,.99) 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,232,170,.06),inset 0 0 0 1px rgba(255,214,132,.03)!important;
}

#content.fate-hide-page-v89 .ranking-table thead th,
#content.fate-logs-page-v86 .ranking-table thead th{
  color:#efc96e!important;
  background:linear-gradient(180deg,rgba(88,61,26,.62) 0%,rgba(43,30,15,.88) 100%)!important;
  border-bottom:1px solid rgba(214,171,80,.26)!important;
  border-right:1px solid rgba(214,171,80,.12)!important;
  box-shadow:inset 0 1px 0 rgba(255,229,155,.05)!important;
}
#content.fate-hide-page-v89 .ranking-table thead th:last-child,
#content.fate-logs-page-v86 .ranking-table thead th:last-child{
  border-right:0!important;
}

#content.fate-hide-page-v89 .ranking-table tbody tr,
#content.fate-logs-page-v86 .ranking-table tbody tr,
#content.fate-logs-page-v86 .ranking-table tbody tr.row_even,
#content.fate-logs-page-v86 .ranking-table tbody tr.row_odd{
  background:linear-gradient(90deg,rgba(29,20,12,.96) 0%,rgba(18,14,10,.98) 50%,rgba(29,20,12,.96) 100%)!important;
}
#content.fate-hide-page-v89 .ranking-table tbody tr:nth-child(even),
#content.fate-logs-page-v86 .ranking-table tbody tr:nth-child(even){
  background:linear-gradient(90deg,rgba(33,23,14,.96) 0%,rgba(21,16,11,.98) 50%,rgba(33,23,14,.96) 100%)!important;
}

#content.fate-hide-page-v89 .ranking-table tbody td,
#content.fate-logs-page-v86 .ranking-table tbody td{
  color:#f1ecdc!important;
  background:transparent!important;
  border-top:1px solid rgba(214,171,80,.10)!important;
  border-right:1px solid rgba(214,171,80,.10)!important;
  transition:background .16s ease,color .16s ease,box-shadow .16s ease!important;
}
#content.fate-hide-page-v89 .ranking-table tbody td:last-child,
#content.fate-logs-page-v86 .ranking-table tbody td:last-child{
  border-right:0!important;
}
#content.fate-hide-page-v89 .ranking-table tbody tr:first-child td,
#content.fate-logs-page-v86 .ranking-table tbody tr:first-child td{
  border-top:0!important;
}

/* One restrained dark-gold hover everywhere, no gray or bright fill. */
#content.fate-hide-page-v89 .ranking-table tbody tr:hover,
#content.fate-logs-page-v86 .ranking-table tbody tr:hover{
  background:linear-gradient(90deg,rgba(71,48,18,.24) 0%,rgba(28,20,12,.50) 50%,rgba(71,48,18,.24) 100%)!important;
}
#content.fate-hide-page-v89 .ranking-table tbody tr:hover td,
#content.fate-logs-page-v86 .ranking-table tbody tr:hover td,
#content.fate-logs-page-v86 .ranking-table tbody td:hover{
  color:#fff4d0!important;
  background:transparent!important;
  box-shadow:inset 0 1px 0 rgba(255,215,128,.045),inset 0 -1px 0 rgba(255,215,128,.045)!important;
}

#content.fate-hide-page-v89 .ranking-table tbody td:first-child{
  color:#f0c65e!important;
  font-weight:800!important;
}

/* Keep Account Log entry visually connected to the same page surface. */
#content.fate-logs-page-v86 .box-style1{
  background:linear-gradient(180deg,rgba(25,18,11,.96) 0%,rgba(10,8,5,.98) 100%)!important;
  border-color:rgba(190,143,51,.46)!important;
  box-shadow:inset 0 1px 0 rgba(255,224,145,.05),0 12px 28px rgba(0,0,0,.22)!important;
}
#content.fate-logs-page-v86 .box-style1 > .entry{
  padding:18px 20px 22px!important;
  background:transparent!important;
}


/* =========================================================
   V98 — one warm surface system for Vote / Hide Info / Logs
   ========================================================= */
#content .fate-unified-panel-v98{
  background:linear-gradient(180deg,#352617 0%,#2b1f14 48%,#241a11 100%)!important;
  border:1px solid rgba(205,160,72,.42)!important;
  border-radius:16px!important;
  box-shadow:inset 0 1px 0 rgba(255,229,159,.07),0 12px 28px rgba(0,0,0,.18)!important;
  overflow:hidden!important;
}
#content .fate-unified-panel-v98 > h2.title{
  background:linear-gradient(180deg,#4a351d 0%,#392817 100%)!important;
  border-bottom:1px solid rgba(211,159,56,.38)!important;
}
#content .fate-unified-entry-v98{
  padding:20px!important;
  background:linear-gradient(180deg,#332417 0%,#2b1f14 100%)!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:inset 0 1px 0 rgba(255,225,148,.025)!important;
}
#content .fate-unified-table-frame-v98{
  width:100%!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:16px!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
#content table.fate-unified-table-v98{
  width:100%!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  overflow:hidden!important;
  border:1px solid rgba(215,174,89,.40)!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,#342619 0%,#2b2016 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,234,176,.055)!important;
}
#content table.fate-unified-table-v98 thead th{
  color:#efc96e!important;
  background:linear-gradient(180deg,#5a4021 0%,#45301a 100%)!important;
  border-bottom:1px solid rgba(215,174,89,.30)!important;
  border-right:1px solid rgba(215,174,89,.14)!important;
  box-shadow:inset 0 1px 0 rgba(255,233,169,.05)!important;
}
#content table.fate-unified-table-v98 thead th:last-child{border-right:0!important;}
#content table.fate-unified-table-v98 tbody tr,
#content table.fate-unified-table-v98 tbody tr.row_even,
#content table.fate-unified-table-v98 tbody tr.row_odd{
  background:#302217!important;
}
#content table.fate-unified-table-v98 tbody tr:nth-child(even){
  background:#35261a!important;
}
#content table.fate-unified-table-v98 tbody td{
  color:#f0e6cb!important;
  background:transparent!important;
  border-top:1px solid rgba(215,174,89,.12)!important;
  border-right:1px solid rgba(215,174,89,.12)!important;
}
#content table.fate-unified-table-v98 tbody td:last-child{border-right:0!important;}
#content table.fate-unified-table-v98 tbody tr:first-child td{border-top:0!important;}
#content table.fate-unified-table-v98 tbody tr:hover,
#content table.fate-unified-table-v98 tbody tr:nth-child(even):hover{
  background:linear-gradient(90deg,#48321b 0%,#3c2a18 50%,#48321b 100%)!important;
}
#content table.fate-unified-table-v98 tbody tr:hover td,
#content table.fate-unified-table-v98 tbody td:hover{
  color:#fff2c9!important;
  background:transparent!important;
  box-shadow:inset 0 1px 0 rgba(255,221,138,.045),inset 0 -1px 0 rgba(255,221,138,.045)!important;
}
#content.fate-hide-page-v89 table.fate-unified-table-v98 tbody td:first-child{
  color:#efc96e!important;
  font-weight:800!important;
}
#content.fate-hide-page-v89 .hide-action-wrap{
  margin-top:0!important;
  padding:18px 0 2px!important;
  background:transparent!important;
}


/* =========================================================
   V99 — exact Vote surface reuse for Hide Info and Account Log
   Outer area = Vote .box-style1
   Inner table = Vote #vote-options > li
   ========================================================= */

/* OUTER SURFACE: exact background around the Vote card. */
#content .fate-vote-match-panel-v99{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0 0 20px!important;
  overflow:hidden!important;
  border:1px solid rgba(190,143,51,.46)!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,rgba(18,13,8,.98),rgba(9,7,4,.99))!important;
  box-shadow:inset 0 1px 0 rgba(255,224,145,.05),0 12px 28px rgba(0,0,0,.22)!important;
}

#content .fate-vote-match-panel-v99 > h2.title{
  background:linear-gradient(180deg,rgba(73,49,17,.32),rgba(25,18,9,.13))!important;
  border-bottom:1px solid rgba(211,159,56,.34)!important;
}

/* The padding area around the table/card stays the same outer Vote surface. */
#content .fate-vote-match-entry-v99,
#content.fate-hide-page-v89 .fate-vote-match-entry-v99,
#content.fate-logs-page-v86 .fate-vote-match-entry-v99{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  padding:18px 20px 22px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

#content .fate-vote-match-table-frame-v99{
  width:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:15px!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:hidden!important;
}

/* INNER SURFACE: exact background and border used by the Vote card. */
#content table.fate-vote-match-table-v99{
  width:100%!important;
  max-width:100%!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  overflow:hidden!important;
  border:1px solid rgba(190,143,51,.28)!important;
  border-radius:15px!important;
  background:linear-gradient(180deg,rgba(24,17,10,.96),rgba(10,8,5,.98))!important;
  box-shadow:inset 0 1px 0 rgba(255,220,130,.03)!important;
}

#content table.fate-vote-match-table-v99 thead th{
  color:#efc96e!important;
  background:linear-gradient(180deg,rgba(48,31,12,.86),rgba(23,16,8,.96))!important;
  border-top:0!important;
  border-bottom:1px solid rgba(190,143,51,.18)!important;
  border-right:1px solid rgba(190,143,51,.14)!important;
  box-shadow:inset 0 1px 0 rgba(255,220,130,.025)!important;
}
#content table.fate-vote-match-table-v99 thead th:last-child{
  border-right:0!important;
}

/* One single dark card surface; no different brown theme and no gray zebra rows. */
#content table.fate-vote-match-table-v99 tbody tr,
#content table.fate-vote-match-table-v99 tbody tr:nth-child(odd),
#content table.fate-vote-match-table-v99 tbody tr:nth-child(even),
#content table.fate-vote-match-table-v99 tbody tr.row_even,
#content table.fate-vote-match-table-v99 tbody tr.row_odd{
  background:transparent!important;
  background-color:transparent!important;
}

#content table.fate-vote-match-table-v99 tbody td{
  color:#f0e6cb!important;
  background:transparent!important;
  border-top:1px solid rgba(190,143,51,.12)!important;
  border-right:1px solid rgba(190,143,51,.12)!important;
  transition:background .16s ease,color .16s ease,box-shadow .16s ease!important;
}
#content table.fate-vote-match-table-v99 tbody td:last-child{
  border-right:0!important;
}
#content table.fate-vote-match-table-v99 tbody tr:first-child td{
  border-top:0!important;
}

/* Hover uses the exact Vote-card hover, still dark and restrained. */
#content table.fate-vote-match-table-v99 tbody tr:hover,
#content table.fate-vote-match-table-v99 tbody tr:nth-child(odd):hover,
#content table.fate-vote-match-table-v99 tbody tr:nth-child(even):hover{
  background:linear-gradient(180deg,rgba(33,23,12,.98),rgba(13,9,5,.99))!important;
}
#content table.fate-vote-match-table-v99 tbody tr:hover td,
#content table.fate-vote-match-table-v99 tbody td:hover{
  color:#fff2c9!important;
  background:transparent!important;
  box-shadow:inset 0 1px 0 rgba(255,221,138,.04),inset 0 -1px 0 rgba(255,221,138,.04)!important;
}

#content.fate-hide-page-v89 table.fate-vote-match-table-v99 tbody td:first-child{
  color:#efc96e!important;
  font-weight:800!important;
}

#content.fate-hide-page-v89 .hide-action-wrap{
  margin:0!important;
  padding:18px 0 0!important;
  background:transparent!important;
}


/* =========================================================
   V100 — real Vote surface match
   Outer surface sampled from Vote screenshot: neutral warm brown.
   Inner card keeps the darker Vote-card gradient.
   ========================================================= */
#content.fate-hide-page-v89 .fate-unified-panel-v100,
#content.fate-logs-page-v86 .fate-unified-panel-v100{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0 0 20px!important;
  overflow:hidden!important;
  border:1px solid rgba(190,143,51,.46)!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,#15130f 0%,#12110e 58%,#0f0e0c 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,224,145,.05),0 12px 28px rgba(0,0,0,.18)!important;
}

#content.fate-hide-page-v89 .fate-unified-panel-v100 > h2.title,
#content.fate-logs-page-v86 .fate-unified-panel-v100 > h2.title{
  background:linear-gradient(180deg,rgba(73,49,17,.30),rgba(28,22,14,.22))!important;
  border-bottom:1px solid rgba(211,159,56,.34)!important;
}

/* This is the area marked in red by the user: same neutral outer surface as Vote. */
#content.fate-hide-page-v89 .fate-unified-outer-v100,
#content.fate-logs-page-v86 .fate-unified-outer-v100{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  padding:16px 18px 20px!important;
  border:0!important;
  border-radius:0!important;
  background:linear-gradient(180deg,#15130f 0%,#12110e 58%,#0f0e0c 100%)!important;
  box-shadow:none!important;
}

#content.fate-hide-page-v89 .fate-unified-frame-v100,
#content.fate-logs-page-v86 .fate-unified-frame-v100{
  width:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:15px!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:hidden!important;
}

/* Inner block: exactly the dark card language used in Vote. */
#content.fate-hide-page-v89 table.fate-unified-inner-v100,
#content.fate-logs-page-v86 table.fate-unified-inner-v100{
  width:100%!important;
  max-width:100%!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  overflow:hidden!important;
  border:1px solid rgba(190,143,51,.32)!important;
  border-radius:15px!important;
  background:linear-gradient(180deg,#17100a 0%,#0f0b07 56%,#0b0905 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,220,130,.04)!important;
}

#content.fate-hide-page-v89 table.fate-unified-inner-v100 thead th,
#content.fate-logs-page-v86 table.fate-unified-inner-v100 thead th{
  color:#efc96e!important;
  background:linear-gradient(180deg,#3a2814 0%,#291c0f 100%)!important;
  border-top:0!important;
  border-bottom:1px solid rgba(190,143,51,.24)!important;
  border-right:1px solid rgba(190,143,51,.14)!important;
}

#content.fate-hide-page-v89 table.fate-unified-inner-v100 tbody tr,
#content.fate-logs-page-v86 table.fate-unified-inner-v100 tbody tr,
#content.fate-hide-page-v89 table.fate-unified-inner-v100 tbody tr:nth-child(odd),
#content.fate-hide-page-v89 table.fate-unified-inner-v100 tbody tr:nth-child(even),
#content.fate-logs-page-v86 table.fate-unified-inner-v100 tbody tr:nth-child(odd),
#content.fate-logs-page-v86 table.fate-unified-inner-v100 tbody tr:nth-child(even){
  background:transparent!important;
  background-color:transparent!important;
}

#content.fate-hide-page-v89 table.fate-unified-inner-v100 tbody td,
#content.fate-logs-page-v86 table.fate-unified-inner-v100 tbody td{
  color:#f0e6cb!important;
  background:transparent!important;
  border-top:1px solid rgba(190,143,51,.12)!important;
  border-right:1px solid rgba(190,143,51,.11)!important;
}

#content.fate-hide-page-v89 table.fate-unified-inner-v100 tbody tr:hover td,
#content.fate-logs-page-v86 table.fate-unified-inner-v100 tbody tr:hover td{
  color:#fff2c9!important;
  background:linear-gradient(90deg,rgba(91,61,20,.22),rgba(28,20,12,.42),rgba(91,61,20,.22))!important;
}

#content.fate-hide-page-v89 table.fate-unified-inner-v100 tbody td:first-child{
  color:#efc96e!important;
  font-weight:800!important;
}

#content.fate-hide-page-v89 .hide-action-wrap{
  margin:0!important;
  padding:18px 0 0!important;
  background:transparent!important;
}


/* =========================================================
   V101 — Guild page headings, exact glossy Top Players style
   ========================================================= */
.fate-guild-page-v72 .title1,
.fate-guild-page-v72 .box-style1 > .title.fate-guild-main-title-v72,
.fate-guild-page-v72 .fate-guild-summary-title-v72,
.fate-guild-page-v72 .fate-guild-members-title-v72{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    box-sizing:border-box!important;
    width:100%!important;
    min-height:55px!important;
    margin:0!important;
    padding:0 18px!important;
    overflow:hidden!important;
    color:#efca70!important;
    background:
        linear-gradient(180deg,rgba(255,244,211,.17) 0%,rgba(255,226,151,.045) 35%,rgba(0,0,0,.035) 36%,rgba(0,0,0,.20) 100%),
        linear-gradient(90deg,#3a260f 0%,#261707 60%,#1a1006 100%)!important;
    border:0!important;
    border-bottom:1px solid rgba(221,168,67,.32)!important;
    border-radius:11px 11px 0 0!important;
    box-shadow:inset 0 1px 0 rgba(255,244,204,.22)!important;
    font-family:Georgia,"Times New Roman",serif!important;
    font-size:16px!important;
    font-weight:700!important;
    line-height:1.1!important;
    letter-spacing:.075em!important;
    text-align:center!important;
    text-transform:uppercase!important;
    text-shadow:0 1px 0 rgba(0,0,0,.95),0 0 10px rgba(232,181,78,.18)!important;
    -webkit-text-stroke:0!important;
}

.fate-guild-page-v72 .title1::before,
.fate-guild-page-v72 .box-style1 > .title.fate-guild-main-title-v72::before,
.fate-guild-page-v72 .fate-guild-summary-title-v72::before,
.fate-guild-page-v72 .fate-guild-members-title-v72::before{
    content:""!important;
    position:absolute!important;
    left:0!important;
    right:0!important;
    top:0!important;
    height:44%!important;
    display:block!important;
    background:linear-gradient(180deg,rgba(255,247,219,.10),rgba(255,236,180,0))!important;
    pointer-events:none!important;
}

.fate-guild-page-v72 .title1::after,
.fate-guild-page-v72 .box-style1 > .title.fate-guild-main-title-v72::after,
.fate-guild-page-v72 .fate-guild-summary-title-v72::after,
.fate-guild-page-v72 .fate-guild-members-title-v72::after{
    content:""!important;
    position:absolute!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    width:auto!important;
    height:1px!important;
    display:block!important;
    background:linear-gradient(90deg,rgba(243,198,100,.78),rgba(211,152,50,.30) 42%,rgba(146,88,18,.10) 76%,transparent 100%)!important;
    box-shadow:0 0 10px rgba(221,165,61,.20)!important;
    pointer-events:none!important;
}

.fate-guild-page-v72 .title1 h1,
.fate-guild-page-v72 .title1 h2{
    position:relative!important;
    z-index:1!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    color:#efca70!important;
    font:inherit!important;
    line-height:inherit!important;
    letter-spacing:inherit!important;
    text-align:center!important;
    text-transform:uppercase!important;
    text-shadow:inherit!important;
}

.fate-guild-page-v72 .box-style1 > .title.fate-guild-main-title-v72,
.fate-guild-page-v72 .fate-guild-summary-title-v72,
.fate-guild-page-v72 .fate-guild-members-title-v72{
    z-index:1!important;
}

/* Standalone top guild-history bar keeps rounded lower corners. */
.fate-guild-page-v72 .box-style1 > .title.fate-guild-main-title-v72{
    border-radius:11px!important;
}


/* =========================================================
   V102 — hard override for the two top guild headings
   ========================================================= */
#content > #box1.fate-guild-page-v72 > .title1,
#content > #box1.fate-guild-page-v72 > .box-style1.fate-guild-shell-v72 > h2.title.fate-guild-main-title-v72{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    box-sizing:border-box!important;
    width:100%!important;
    min-height:55px!important;
    margin:0 0 14px!important;
    padding:0 18px!important;
    overflow:hidden!important;
    color:#efca70!important;
    background:
        linear-gradient(180deg,rgba(255,244,211,.18) 0%,rgba(255,226,151,.055) 35%,rgba(0,0,0,.035) 36%,rgba(0,0,0,.21) 100%),
        linear-gradient(90deg,#3a260f 0%,#261707 60%,#1a1006 100%)!important;
    border:1px solid rgba(206,154,54,.42)!important;
    border-bottom:1px solid rgba(221,168,67,.42)!important;
    border-radius:12px!important;
    box-shadow:
        inset 0 1px 0 rgba(255,244,204,.24),
        inset 0 -1px 0 rgba(0,0,0,.28),
        0 7px 18px rgba(0,0,0,.16)!important;
    font-family:Georgia,"Times New Roman",serif!important;
    font-size:16px!important;
    font-weight:700!important;
    line-height:1.1!important;
    letter-spacing:.075em!important;
    text-align:center!important;
    text-transform:uppercase!important;
    text-shadow:0 1px 0 rgba(0,0,0,.95),0 0 10px rgba(232,181,78,.18)!important;
    -webkit-text-stroke:0!important;
}

#content > #box1.fate-guild-page-v72 > .title1::before,
#content > #box1.fate-guild-page-v72 > .box-style1.fate-guild-shell-v72 > h2.title.fate-guild-main-title-v72::before{
    content:""!important;
    position:absolute!important;
    left:0!important;
    right:0!important;
    top:0!important;
    width:auto!important;
    height:44%!important;
    display:block!important;
    background:linear-gradient(180deg,rgba(255,247,219,.12),rgba(255,236,180,0))!important;
    pointer-events:none!important;
}

#content > #box1.fate-guild-page-v72 > .title1::after,
#content > #box1.fate-guild-page-v72 > .box-style1.fate-guild-shell-v72 > h2.title.fate-guild-main-title-v72::after{
    content:""!important;
    position:absolute!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    width:auto!important;
    height:1px!important;
    display:block!important;
    background:linear-gradient(90deg,rgba(243,198,100,.80),rgba(211,152,50,.34) 46%,rgba(146,88,18,.12) 78%,transparent 100%)!important;
    box-shadow:0 0 10px rgba(221,165,61,.22)!important;
    pointer-events:none!important;
}

#content > #box1.fate-guild-page-v72 > .title1 > h1,
#content > #box1.fate-guild-page-v72 > .title1 > h2{
    position:relative!important;
    z-index:2!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    color:#efca70!important;
    font:inherit!important;
    line-height:inherit!important;
    letter-spacing:inherit!important;
    text-align:center!important;
    text-transform:uppercase!important;
    text-shadow:inherit!important;
}

#content > #box1.fate-guild-page-v72 > .box-style1.fate-guild-shell-v72 > h2.title.fate-guild-main-title-v72{
    z-index:2!important;
}


/* =========================================================
   V105 — V102 preserved, seamless glossy transition only
   The old highlight ended at 44%, which created the visible band.
   ========================================================= */
#content > #box1.fate-guild-page-v72 > .title1,
#content > #box1.fate-guild-page-v72 > .box-style1.fate-guild-shell-v72 > h2.title.fate-guild-main-title-v72{
    background:
        linear-gradient(180deg,
            rgba(255,244,211,.18) 0%,
            rgba(255,231,172,.105) 24%,
            rgba(213,164,86,.065) 46%,
            rgba(93,56,21,.035) 70%,
            rgba(0,0,0,.21) 100%),
        linear-gradient(90deg,#3a260f 0%,#261707 60%,#1a1006 100%)!important;
}

#content > #box1.fate-guild-page-v72 > .title1::before,
#content > #box1.fate-guild-page-v72 > .box-style1.fate-guild-shell-v72 > h2.title.fate-guild-main-title-v72::before{
    top:0!important;
    bottom:0!important;
    height:auto!important;
    background:linear-gradient(180deg,
        rgba(255,247,219,.105) 0%,
        rgba(255,238,190,.052) 30%,
        rgba(255,229,165,.018) 58%,
        rgba(255,236,180,0) 82%)!important;
}


/* =========================================================
   V106 — seamless V105 gloss for Logs / Hide Info / Vote titles
   Only the heading surfaces are changed; module layout stays intact.
   ========================================================= */
#content.fate-logs-page-v86 > #box1 > .title1,
#content.fate-logs-page-v86 > #box1 > .box-style1 > h2.title,
#content.fate-hide-page-v89 > #box1 > .title1,
#content.fate-hide-page-v89 > #box1 > .box-style1.fate-unified-panel-v100 > h2.title,
#content.fate-vote-page-v86 > #box1 > .title1,
#content.fate-vote-page-v86 > #box1 > .box-style1 > h2.title{
    position:relative!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
    color:#efca70!important;
    background:
        linear-gradient(180deg,
            rgba(255,244,211,.18) 0%,
            rgba(255,231,172,.105) 24%,
            rgba(213,164,86,.065) 46%,
            rgba(93,56,21,.035) 70%,
            rgba(0,0,0,.21) 100%),
        linear-gradient(90deg,#3a260f 0%,#261707 60%,#1a1006 100%)!important;
    border-color:rgba(206,154,54,.42)!important;
    border-bottom-color:rgba(221,168,67,.42)!important;
    box-shadow:
        inset 0 1px 0 rgba(255,244,204,.24),
        inset 0 -1px 0 rgba(0,0,0,.28),
        0 7px 18px rgba(0,0,0,.12)!important;
    font-family:Georgia,"Times New Roman",serif!important;
    color:#efca70!important;
    text-shadow:0 1px 0 rgba(0,0,0,.95),0 0 10px rgba(232,181,78,.18)!important;
    -webkit-text-stroke:0!important;
}

#content.fate-logs-page-v86 > #box1 > .title1::before,
#content.fate-logs-page-v86 > #box1 > .box-style1 > h2.title::before,
#content.fate-hide-page-v89 > #box1 > .title1::before,
#content.fate-hide-page-v89 > #box1 > .box-style1.fate-unified-panel-v100 > h2.title::before,
#content.fate-vote-page-v86 > #box1 > .title1::before,
#content.fate-vote-page-v86 > #box1 > .box-style1 > h2.title::before{
    content:""!important;
    position:absolute!important;
    left:0!important;
    right:0!important;
    top:0!important;
    bottom:0!important;
    width:auto!important;
    height:auto!important;
    display:block!important;
    background:linear-gradient(180deg,
        rgba(255,247,219,.105) 0%,
        rgba(255,238,190,.052) 30%,
        rgba(255,229,165,.018) 58%,
        rgba(255,236,180,0) 82%)!important;
    pointer-events:none!important;
    z-index:0!important;
}

#content.fate-logs-page-v86 > #box1 > .title1::after,
#content.fate-logs-page-v86 > #box1 > .box-style1 > h2.title::after,
#content.fate-hide-page-v89 > #box1 > .title1::after,
#content.fate-hide-page-v89 > #box1 > .box-style1.fate-unified-panel-v100 > h2.title::after,
#content.fate-vote-page-v86 > #box1 > .title1::after,
#content.fate-vote-page-v86 > #box1 > .box-style1 > h2.title::after{
    content:""!important;
    position:absolute!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    width:auto!important;
    height:1px!important;
    display:block!important;
    background:linear-gradient(90deg,
        rgba(243,198,100,.80),
        rgba(211,152,50,.34) 46%,
        rgba(146,88,18,.12) 78%,
        transparent 100%)!important;
    box-shadow:0 0 10px rgba(221,165,61,.22)!important;
    pointer-events:none!important;
    z-index:1!important;
}

#content.fate-logs-page-v86 > #box1 > .title1 > h1,
#content.fate-hide-page-v89 > #box1 > .title1 > h1,
#content.fate-vote-page-v86 > #box1 > .title1 > h1{
    position:relative!important;
    z-index:2!important;
    color:#efca70!important;
    font-family:Georgia,"Times New Roman",serif!important;
    text-shadow:0 1px 0 rgba(0,0,0,.95),0 0 10px rgba(232,181,78,.18)!important;
}

#content.fate-logs-page-v86 > #box1 > .box-style1 > h2.title,
#content.fate-hide-page-v89 > #box1 > .box-style1.fate-unified-panel-v100 > h2.title,
#content.fate-vote-page-v86 > #box1 > .box-style1 > h2.title{
    z-index:1!important;
}


/* =========================================================
   V107 — remove oval/wave pseudo-element from inner headings
   ========================================================= */
#content.fate-logs-page-v86 > #box1 > .box-style1 > h2.title::before,
#content.fate-hide-page-v89 > #box1 > .box-style1.fate-unified-panel-v100 > h2.title::before,
#content.fate-vote-page-v86 > #box1 > .box-style1 > h2.title::before{
    border-radius:0!important;
    margin:0!important;
    margin-top:0!important;
    box-shadow:none!important;
    transform:none!important;
    clip-path:none!important;
}


/* =========================================================
   V108 — Hide Info structural cleanup
   - remove the first subtitle from PHP
   - remove the bottom divider under the Buy Hide button
   - keep only one clean rounded edge on the top title
   ========================================================= */

/* The main Hide panel ends without the extra horizontal gold line. */
#content.fate-hide-page-v89 > #box1 > .fate-hide-main-panel-v108{
    border-bottom:0!important;
    border-radius:16px 16px 0 0!important;
    box-shadow:
        inset 0 1px 0 rgba(255,224,145,.05),
        0 10px 24px rgba(0,0,0,.16)!important;
}
#content.fate-hide-page-v89 > #box1 > .fate-hide-main-panel-v108::before,
#content.fate-hide-page-v89 > #box1 > .fate-hide-main-panel-v108::after{
    content:none!important;
    display:none!important;
}

/* With the subtitle removed, keep a balanced top gap above DETAILS. */
#content.fate-hide-page-v89 > #box1 > .fate-hide-main-panel-v108 > .fate-unified-outer-v100{
    padding-top:18px!important;
    padding-bottom:18px!important;
}

/* Remove the second inner rounded arc from the HIDE INFO heading. */
#content.fate-hide-page-v89 > #box1 > .title1{
    border-radius:15px 15px 0 0!important;
    background-clip:padding-box!important;
    box-shadow:0 7px 18px rgba(0,0,0,.12)!important;
}
#content.fate-hide-page-v89 > #box1 > .title1 > h1{
    border:0!important;
    border-radius:0!important;
    background:none!important;
    box-shadow:none!important;
}
#content.fate-hide-page-v89 > #box1 > .title1::before{
    border-radius:0!important;
    box-shadow:none!important;
}


/* =========================================================
   V109 — remove the outer frame below HIDE INFO
   The marked line was the border of .fate-hide-main-panel-v108,
   not the heading divider.
   ========================================================= */
#content.fate-hide-page-v89 > #box1 > .fate-hide-main-panel-v108{
    margin-top:0!important;
    border:0!important;
    border-top:0!important;
    border-right:0!important;
    border-bottom:0!important;
    border-left:0!important;
    border-radius:0!important;
    outline:0!important;
    box-shadow:none!important;
    background:linear-gradient(180deg,#15130f 0%,#12110e 58%,#0f0e0c 100%)!important;
    overflow:visible!important;
}
#content.fate-hide-page-v89 > #box1 > .fate-hide-main-panel-v108::before,
#content.fate-hide-page-v89 > #box1 > .fate-hide-main-panel-v108::after{
    content:none!important;
    display:none!important;
    border:0!important;
    box-shadow:none!important;
}
/* Remove the tiny corner gaps left by the old rounded panel. */
#content.fate-hide-page-v89 > #box1 > .fate-hide-main-panel-v108 > .fate-unified-outer-v100{
    border:0!important;
    border-radius:0!important;
    outline:0!important;
    box-shadow:none!important;
    background:linear-gradient(180deg,#15130f 0%,#12110e 58%,#0f0e0c 100%)!important;
}


/* =========================================================
   V110 — remove residual outer background and global hover
   on the Hide Info page. Only the title and DETAILS table
   keep their own surfaces.
   ========================================================= */
#content.fate-hide-page-v89 > #box1,
#content.fate-hide-page-v89 > #box1:hover{
    background:transparent!important;
    background-color:transparent!important;
    background-image:none!important;
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
    transform:none!important;
}
#content.fate-hide-page-v89 > #box1 > .fate-hide-main-panel-v108,
#content.fate-hide-page-v89 > #box1 > .fate-hide-main-panel-v108:hover,
#content.fate-hide-page-v89 > #box1 > .fate-hide-main-panel-v108 > .fate-unified-outer-v100,
#content.fate-hide-page-v89 > #box1 > .fate-hide-main-panel-v108 > .fate-unified-outer-v100:hover{
    background:transparent!important;
    background-color:transparent!important;
    background-image:none!important;
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
    transform:none!important;
}
/* Prevent inherited panel hover rules from painting the empty area. */
#content.fate-hide-page-v89 > #box1:hover .fate-hide-main-panel-v108,
#content.fate-hide-page-v89 > #box1:hover .fate-unified-outer-v100{
    background:transparent!important;
    background-color:transparent!important;
    background-image:none!important;
}


/* =========================================================
   V111 — restore one clean outline around the whole Hide Info
   module without bringing back the residual hover background.
   ========================================================= */
#content.fate-hide-page-v89 > #box1,
#content.fate-hide-page-v89 > #box1:hover{
    position:relative!important;
    box-sizing:border-box!important;
    border:1px solid rgba(205,160,72,.42)!important;
    border-radius:16px!important;
    overflow:hidden!important;
    background:transparent!important;
    background-color:transparent!important;
    background-image:none!important;
    outline:0!important;
    box-shadow:inset 0 1px 0 rgba(255,225,151,.035),0 12px 28px rgba(0,0,0,.18)!important;
    transform:none!important;
}

/* The parent provides the rounded outline, so the title must not
   draw a second frame around the same corners. */
#content.fate-hide-page-v89 > #box1 > .title1,
#content.fate-hide-page-v89 > #box1 > .title1:hover{
    width:100%!important;
    margin:0!important;
    box-sizing:border-box!important;
    border:0!important;
    border-bottom:1px solid rgba(205,160,72,.34)!important;
    border-radius:0!important;
    outline:0!important;
    box-shadow:inset 0 1px 0 rgba(255,224,145,.06)!important;
    transform:none!important;
}

/* Keep the content area transparent and restore the spacing that was
   previously created by the separate title/card margins. */
#content.fate-hide-page-v89 > #box1 > .fate-hide-main-panel-v108,
#content.fate-hide-page-v89 > #box1 > .fate-hide-main-panel-v108:hover{
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    background-color:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
    transform:none!important;
}
#content.fate-hide-page-v89 > #box1 > .fate-hide-main-panel-v108 > .fate-unified-outer-v100,
#content.fate-hide-page-v89 > #box1 > .fate-hide-main-panel-v108 > .fate-unified-outer-v100:hover{
    padding:36px 18px 22px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    background-color:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
    transform:none!important;
}


/* =========================================================
   V112 — Logs cleanup
   Remove ACCOUNT CREDITS HISTORY subtitle and the redundant
   inner panel frame. Keep one clean outline around the module.
   ========================================================= */
#content.fate-logs-page-v86 > #box1,
#content.fate-logs-page-v86 > #box1:hover{
    position:relative!important;
    box-sizing:border-box!important;
    width:100%!important;
    border:1px solid rgba(205,160,72,.42)!important;
    border-radius:16px!important;
    overflow:hidden!important;
    background:transparent!important;
    background-color:transparent!important;
    background-image:none!important;
    outline:0!important;
    box-shadow:inset 0 1px 0 rgba(255,225,151,.035),0 12px 28px rgba(0,0,0,.18)!important;
    transform:none!important;
}

/* LOGS becomes the only heading and does not draw a second frame. */
#content.fate-logs-page-v86 > #box1 > .title1,
#content.fate-logs-page-v86 > #box1 > .title1:hover{
    width:100%!important;
    margin:0!important;
    box-sizing:border-box!important;
    border:0!important;
    border-bottom:1px solid rgba(205,160,72,.34)!important;
    border-radius:0!important;
    outline:0!important;
    box-shadow:inset 0 1px 0 rgba(255,224,145,.06)!important;
    transform:none!important;
}

/* Remove the deleted subtitle defensively if an older view is cached. */
#content.fate-logs-page-v86 .fate-logs-main-panel-v112 > h2.title,
#content.fate-logs-page-v86 .box-style1 > h2.title{
    display:none!important;
}

/* The old Account Credits History panel no longer has its own frame. */
#content.fate-logs-page-v86 > #box1 > .fate-logs-main-panel-v112,
#content.fate-logs-page-v86 > #box1 > .fate-logs-main-panel-v112:hover{
    width:100%!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    outline:0!important;
    background:transparent!important;
    background-color:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
    transform:none!important;
    overflow:visible!important;
}

#content.fate-logs-page-v86 > #box1 > .fate-logs-main-panel-v112 > .fate-logs-entry-v112,
#content.fate-logs-page-v86 > #box1 > .fate-logs-main-panel-v112 > .fate-logs-entry-v112:hover{
    width:100%!important;
    box-sizing:border-box!important;
    padding:30px 18px 22px!important;
    border:0!important;
    border-radius:0!important;
    outline:0!important;
    background:transparent!important;
    background-color:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
    transform:none!important;
}

/* Keep only the table's own subtle outline. */
#content.fate-logs-page-v86 .fate-logs-table-frame-v94{
    border:1px solid rgba(205,160,72,.30)!important;
    border-radius:14px!important;
    overflow:hidden!important;
    background:linear-gradient(180deg,rgba(24,17,10,.96),rgba(10,8,5,.98))!important;
    box-shadow:inset 0 1px 0 rgba(255,220,130,.03)!important;
}


/* =========================================================
   V114 — Vote structural recovery
   Restore the current V86 markup, remove only the subtitle,
   and keep one clean module outline like Logs / Hide Info.
   ========================================================= */
#content.fate-vote-page-v86 > #box1,
#content.fate-vote-page-v86 > #box1:hover{
    position:relative!important;
    box-sizing:border-box!important;
    width:100%!important;
    border:1px solid rgba(205,160,72,.42)!important;
    border-radius:16px!important;
    overflow:hidden!important;
    background:transparent!important;
    background-color:transparent!important;
    background-image:none!important;
    outline:0!important;
    box-shadow:inset 0 1px 0 rgba(255,225,151,.035),0 12px 28px rgba(0,0,0,.18)!important;
    transform:none!important;
}

#content.fate-vote-page-v86 > #box1 > .title1,
#content.fate-vote-page-v86 > #box1 > .title1:hover{
    width:100%!important;
    margin:0!important;
    box-sizing:border-box!important;
    border:0!important;
    border-bottom:1px solid rgba(205,160,72,.34)!important;
    border-radius:0!important;
    outline:0!important;
    box-shadow:inset 0 1px 0 rgba(255,224,145,.06)!important;
    transform:none!important;
}

#content.fate-vote-page-v86 .fate-vote-main-panel-v114 > h2.title,
#content.fate-vote-page-v86 .box-style1 > h2.title{
    display:none!important;
}

#content.fate-vote-page-v86 > #box1 > .fate-vote-main-panel-v114,
#content.fate-vote-page-v86 > #box1 > .fate-vote-main-panel-v114:hover{
    width:100%!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    outline:0!important;
    background:transparent!important;
    background-color:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
    transform:none!important;
    overflow:visible!important;
}

#content.fate-vote-page-v86 > #box1 > .fate-vote-main-panel-v114 > .fate-vote-entry-v114,
#content.fate-vote-page-v86 > #box1 > .fate-vote-main-panel-v114 > .fate-vote-entry-v114:hover{
    width:100%!important;
    box-sizing:border-box!important;
    padding:24px 18px 18px!important;
    border:0!important;
    border-radius:0!important;
    outline:0!important;
    background:transparent!important;
    background-color:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
    transform:none!important;
}

#content.fate-vote-page-v86 ul#vote-options{
    margin:0!important;
}


/* ================================================================
   V115 — Account characters list
   ================================================================ */
.account-panel-page-v59 .fate-account-characters-v115{
    margin:0 0 20px!important;
    overflow:hidden!important;
    border:1px solid rgba(194,145,52,.42)!important;
    border-radius:14px!important;
    background:linear-gradient(180deg,rgba(31,22,13,.95),rgba(16,13,9,.98))!important;
    box-shadow:inset 0 1px 0 rgba(255,225,151,.06),0 12px 28px rgba(0,0,0,.20)!important;
}
.account-panel-page-v59 .fate-account-characters-title-v115{
    position:relative!important;
    isolation:isolate!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:50px!important;
    margin:0!important;
    padding:0 20px!important;
    overflow:hidden!important;
    border:0!important;
    border-bottom:1px solid rgba(204,153,55,.42)!important;
    border-radius:0!important;
    background:
        linear-gradient(180deg,rgba(255,231,171,.14) 0%,rgba(255,231,171,.055) 24%,rgba(255,231,171,0) 52%),
        linear-gradient(180deg,rgba(79,55,25,.88) 0%,rgba(43,31,18,.94) 52%,rgba(23,18,12,.98) 100%)!important;
    color:#f2ca6a!important;
    font-family:Georgia,"Times New Roman",serif!important;
    font-size:15px!important;
    font-weight:800!important;
    line-height:1.2!important;
    letter-spacing:.08em!important;
    text-align:center!important;
    text-transform:uppercase!important;
    text-shadow:0 1px 0 #000,0 0 10px rgba(232,176,62,.14)!important;
    box-shadow:inset 0 1px 0 rgba(255,235,183,.10)!important;
}
.account-panel-page-v59 .fate-account-characters-title-v115::before,
.account-panel-page-v59 .fate-account-characters-title-v115::after{
    content:none!important;
    display:none!important;
}
.account-panel-page-v59 .fate-account-characters-v115 > .entry{
    padding:18px!important;
    background:transparent!important;
}
.fate-account-characters-table-wrap-v115{
    width:100%!important;
    overflow-x:auto!important;
    border:1px solid rgba(204,154,59,.34)!important;
    border-radius:12px!important;
    background:linear-gradient(180deg,rgba(20,15,10,.98),rgba(11,9,7,.99))!important;
    box-shadow:inset 0 1px 0 rgba(255,225,154,.035)!important;
}
.fate-account-characters-table-v115{
    width:100%!important;
    min-width:760px!important;
    margin:0!important;
    border-collapse:separate!important;
    border-spacing:0!important;
    table-layout:auto!important;
}
.fate-account-characters-table-v115 thead th{
    height:44px!important;
    padding:0 12px!important;
    color:#e9bd58!important;
    background:linear-gradient(180deg,rgba(55,37,15,.88),rgba(23,17,10,.98))!important;
    border-right:1px solid rgba(191,141,46,.16)!important;
    border-bottom:1px solid rgba(204,154,59,.30)!important;
    font-size:10px!important;
    font-weight:900!important;
    line-height:1.15!important;
    letter-spacing:.065em!important;
    text-align:center!important;
    text-transform:uppercase!important;
    white-space:nowrap!important;
}
.fate-account-characters-table-v115 thead th:first-child{
    text-align:left!important;
    padding-left:18px!important;
}
.fate-account-characters-table-v115 thead th:last-child{
    border-right:0!important;
}
.fate-account-characters-table-v115 tbody td{
    height:52px!important;
    padding:10px 12px!important;
    color:#eee2c4!important;
    background:linear-gradient(90deg,rgba(24,18,12,.82),rgba(14,11,8,.94),rgba(24,18,12,.82))!important;
    border-right:1px solid rgba(191,141,46,.10)!important;
    border-bottom:1px solid rgba(191,141,46,.12)!important;
    font-size:12px!important;
    line-height:1.3!important;
    text-align:center!important;
    vertical-align:middle!important;
    transition:background .16s ease,color .16s ease,box-shadow .16s ease!important;
}
.fate-account-characters-table-v115 tbody tr:last-child td{
    border-bottom:0!important;
}
.fate-account-characters-table-v115 tbody td:last-child{
    border-right:0!important;
}
.fate-account-characters-table-v115 tbody tr:hover td{
    color:#fff1cf!important;
    background:linear-gradient(90deg,rgba(91,61,20,.22),rgba(28,20,12,.42),rgba(91,61,20,.22))!important;
    box-shadow:inset 0 1px 0 rgba(255,215,128,.035),inset 0 -1px 0 rgba(255,215,128,.035)!important;
}
.fate-account-char-name-v115{
    padding-left:18px!important;
    color:#e7b94f!important;
    font-weight:800!important;
    text-align:left!important;
    white-space:nowrap!important;
}
.fate-account-char-guild-v115{
    color:#d5b665!important;
    font-weight:700!important;
    white-space:nowrap!important;
}
.fate-account-char-vip-v115{
    min-width:92px!important;
    white-space:nowrap!important;
}
.fate-account-char-empty-v115{
    color:#7f7460!important;
    font-size:14px!important;
    font-weight:500!important;
}
.fate-account-no-characters-v115{
    padding:24px!important;
    border:1px solid rgba(191,141,46,.22)!important;
    border-radius:10px!important;
    color:#cdbb92!important;
    background:rgba(15,12,8,.72)!important;
    text-align:center!important;
}
@media(max-width:700px){
    .account-panel-page-v59 .fate-account-characters-v115 > .entry{
        padding:12px!important;
    }
    .fate-account-characters-table-v115{
        min-width:700px!important;
    }
}


/* ================================================================
   V116 — Account characters: remove Guild, reliable VIP source
   ================================================================ */
.fate-account-characters-table-v115{
    min-width:640px!important;
}
.fate-account-char-vip-v115{
    min-width:86px!important;
}
.fate-account-char-vip-v115 .rank-vip-badge-v62{
    min-width:44px!important;
    height:22px!important;
    padding:0 7px!important;
    font-size:9px!important;
}


/* =============================
   V117 - clickable character names
   ============================= */
.fate-account-char-name-v115 .fate-account-char-link-v117{
    display:inline-block!important;
    color:#e7b94f!important;
    font-weight:800!important;
    text-decoration:none!important;
    text-shadow:none!important;
    transition:color .16s ease, text-shadow .16s ease!important;
}
.fate-account-char-name-v115 .fate-account-char-link-v117:hover,
.fate-account-char-name-v115 .fate-account-char-link-v117:focus{
    color:#ffd778!important;
    text-decoration:none!important;
    text-shadow:0 0 8px rgba(221,170,62,.18)!important;
}
.fate-account-characters-table-v115 tbody tr:hover .fate-account-char-link-v117{
    color:#ffe2a1!important;
}


/* =========================================================
   V118 — compact account summary, remove gray legacy panel
   ========================================================= */
.account-panel-page-v59 #ucp_info.fate-account-summary-v118{
    width:100%!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
}
.account-panel-page-v59 .fate-account-summary-wrap-v118{
    width:100%!important;
    overflow:hidden!important;
    border:1px solid rgba(199,153,62,.32)!important;
    border-radius:14px!important;
    background:linear-gradient(180deg,rgba(27,19,11,.96) 0%,rgba(13,10,7,.98) 100%)!important;
    box-shadow:inset 0 1px 0 rgba(255,224,152,.05),0 8px 20px rgba(0,0,0,.16)!important;
}
.account-panel-page-v59 .fate-account-summary-table-v118{
    width:100%!important;
    margin:0!important;
    border-collapse:separate!important;
    border-spacing:0!important;
    table-layout:fixed!important;
    background:transparent!important;
}
.account-panel-page-v59 .fate-account-summary-table-v118 tr,
.account-panel-page-v59 .fate-account-summary-table-v118 td{
    background:transparent!important;
}
.account-panel-page-v59 .fate-account-summary-table-v118 td{
    height:54px!important;
    padding:0 18px!important;
    border:0!important;
    border-bottom:1px solid rgba(199,153,62,.12)!important;
    color:#eadfbe!important;
    font-size:14px!important;
    line-height:1.35!important;
    vertical-align:middle!important;
    transition:background .16s ease,color .16s ease!important;
}
.account-panel-page-v59 .fate-account-summary-table-v118 tr:last-child td{
    border-bottom:0!important;
}
.account-panel-page-v59 .fate-account-summary-table-v118 tr:hover td{
    background:linear-gradient(90deg,rgba(91,61,20,.18),rgba(28,20,12,.38),rgba(91,61,20,.18))!important;
}
.account-panel-page-v59 .fate-account-summary-icon-v118{
    width:52px!important;
    padding-left:18px!important;
    padding-right:6px!important;
    text-align:center!important;
}
.account-panel-page-v59 .fate-account-summary-icon-v118 img{
    display:block!important;
    width:18px!important;
    height:18px!important;
    margin:0 auto!important;
    object-fit:contain!important;
    opacity:.78!important;
    filter:sepia(.35) saturate(.85) brightness(1.12)!important;
}
.account-panel-page-v59 .fate-account-summary-label-v118{
    width:30%!important;
    color:#efc96e!important;
    font-weight:700!important;
    letter-spacing:.02em!important;
    border-right:1px solid rgba(199,153,62,.11)!important;
}
.account-panel-page-v59 .fate-account-summary-value-v118{
    color:#f2ead4!important;
    font-weight:500!important;
    word-break:break-word!important;
}
@media(max-width:640px){
    .account-panel-page-v59 .fate-account-summary-table-v118 td{
        height:48px!important;
        padding-left:12px!important;
        padding-right:12px!important;
        font-size:13px!important;
    }
    .account-panel-page-v59 .fate-account-summary-icon-v118{
        width:38px!important;
        padding-left:10px!important;
        padding-right:2px!important;
    }
    .account-panel-page-v59 .fate-account-summary-label-v118{
        width:32%!important;
    }
}


/* =========================================================
   V119 — VIP status and expiry in account summary
   ========================================================= */
.account-panel-page-v59 .fate-account-vip-row-v119 td{
    height:auto!important;
    min-height:66px!important;
    padding-top:10px!important;
    padding-bottom:10px!important;
}
.account-panel-page-v59 .fate-account-vip-value-v119{
    padding-right:14px!important;
}
.account-panel-page-v59 .fate-account-vip-active-v119,
.account-panel-page-v59 .fate-account-vip-empty-v119{
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
    min-height:40px!important;
}
.account-panel-page-v59 .fate-account-vip-text-v119{
    display:flex!important;
    flex-direction:column!important;
    gap:3px!important;
    min-width:0!important;
}
.account-panel-page-v59 .fate-account-vip-text-v119 strong{
    color:#f0d28a!important;
    font-size:14px!important;
    font-weight:700!important;
    line-height:1.25!important;
}
.account-panel-page-v59 .fate-account-vip-text-v119 small{
    color:#c8b997!important;
    font-size:12px!important;
    line-height:1.3!important;
    white-space:normal!important;
}
.account-panel-page-v59 .fate-account-vip-empty-v119{
    justify-content:space-between!important;
}
.account-panel-page-v59 .fate-account-vip-empty-v119 > span{
    color:#b9ab8d!important;
    font-size:14px!important;
}
.account-panel-page-v59 .fate-account-vip-buy-v119{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:108px!important;
    height:32px!important;
    padding:0 16px!important;
    border:1px solid rgba(232,197,106,.66)!important;
    border-radius:7px!important;
    background:linear-gradient(180deg,#efd782 0%,#d6ae4d 48%,#b98728 100%)!important;
    box-shadow:inset 0 1px 0 rgba(255,248,207,.55),0 5px 12px rgba(0,0,0,.20)!important;
    color:#211606!important;
    font-size:11px!important;
    font-weight:900!important;
    letter-spacing:.06em!important;
    text-decoration:none!important;
    text-transform:uppercase!important;
    text-shadow:none!important;
    transition:filter .16s ease,transform .16s ease,box-shadow .16s ease!important;
}
.account-panel-page-v59 .fate-account-vip-buy-v119:hover,
.account-panel-page-v59 .fate-account-vip-buy-v119:focus{
    color:#1b1205!important;
    text-decoration:none!important;
    filter:brightness(1.05)!important;
    transform:translateY(-1px)!important;
    box-shadow:inset 0 1px 0 rgba(255,250,220,.70),0 7px 16px rgba(0,0,0,.24)!important;
}
.account-panel-page-v59 .fate-account-vip-active-v119 .rank-vip-badge-v62{
    flex:0 0 auto!important;
}
@media(max-width:640px){
    .account-panel-page-v59 .fate-account-vip-active-v119,
    .account-panel-page-v59 .fate-account-vip-empty-v119{
        gap:8px!important;
    }
    .account-panel-page-v59 .fate-account-vip-buy-v119{
        min-width:88px!important;
        height:30px!important;
        padding:0 10px!important;
        font-size:10px!important;
    }
}


/* =========================================================
   V121 — Account VIP row refined, compact and cleaner
   ========================================================= */
.account-panel-page-v59 .fate-account-vip-row-v119 td{
    min-height:58px!important;
    padding-top:8px!important;
    padding-bottom:8px!important;
}
.account-panel-page-v59 .fate-account-vip-value-v119{
    padding-right:18px!important;
}
.account-panel-page-v59 .fate-account-vip-active-v119,
.account-panel-page-v59 .fate-account-vip-empty-v119{
    display:grid!important;
    grid-template-columns:auto 1fr!important;
    align-items:center!important;
    column-gap:12px!important;
    row-gap:4px!important;
    width:100%!important;
    max-width:420px!important;
    min-height:0!important;
    padding:7px 12px!important;
    border:1px solid rgba(199,153,62,.16)!important;
    border-radius:10px!important;
    background:linear-gradient(180deg,rgba(58,39,16,.26) 0%,rgba(20,14,9,.16) 100%)!important;
    box-shadow:inset 0 1px 0 rgba(255,226,162,.05)!important;
}
.account-panel-page-v59 .fate-account-vip-active-v119 .rank-vip-badge-v62,
.account-panel-page-v59 .fate-account-vip-empty-v119 .rank-vip-badge-v62{
    min-width:44px!important;
    height:24px!important;
    padding:0 8px!important;
    border-radius:6px!important;
    font-size:10px!important;
}
.account-panel-page-v59 .fate-account-vip-text-v119{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    gap:2px!important;
    min-width:0!important;
    line-height:1.2!important;
}
.account-panel-page-v59 .fate-account-vip-text-v119 strong{
    display:block!important;
    color:#f2d18a!important;
    font-size:15px!important;
    font-weight:800!important;
    letter-spacing:.01em!important;
    line-height:1.15!important;
}
.account-panel-page-v59 .fate-account-vip-text-v119 small{
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    gap:5px!important;
    color:#c9b28a!important;
    font-size:11px!important;
    line-height:1.25!important;
    white-space:normal!important;
}
.account-panel-page-v59 .fate-account-vip-meta-label-v121{
    color:#9f8a67!important;
    font-size:10px!important;
    font-weight:700!important;
    letter-spacing:.08em!important;
    text-transform:uppercase!important;
}
.account-panel-page-v59 .fate-account-vip-meta-value-v121{
    color:#e7dcc4!important;
    font-size:11px!important;
    font-weight:600!important;
}
.account-panel-page-v59 .fate-account-vip-empty-v119{
    grid-template-columns:1fr auto!important;
    max-width:360px!important;
    padding-top:6px!important;
    padding-bottom:6px!important;
}
.account-panel-page-v59 .fate-account-vip-empty-v119 > span{
    color:#c3b293!important;
    font-size:13px!important;
    font-weight:600!important;
}
.account-panel-page-v59 .fate-account-vip-buy-v119{
    min-width:92px!important;
    height:28px!important;
    padding:0 12px!important;
    border-radius:6px!important;
    font-size:10px!important;
    letter-spacing:.08em!important;
    box-shadow:inset 0 1px 0 rgba(255,248,207,.50),0 4px 10px rgba(0,0,0,.18)!important;
}
@media(max-width:760px){
    .account-panel-page-v59 .fate-account-vip-active-v119,
    .account-panel-page-v59 .fate-account-vip-empty-v119{
        max-width:none!important;
    }
}
@media(max-width:640px){
    .account-panel-page-v59 .fate-account-vip-active-v119{
        grid-template-columns:auto 1fr!important;
        column-gap:10px!important;
        padding:7px 10px!important;
    }
    .account-panel-page-v59 .fate-account-vip-text-v119 strong{
        font-size:14px!important;
    }
    .account-panel-page-v59 .fate-account-vip-text-v119 small,
    .account-panel-page-v59 .fate-account-vip-meta-value-v121{
        font-size:10px!important;
    }
}


/* =========================================================
   V122 — Characters table without VIP column
   ========================================================= */
.account-panel-page-v59 .fate-account-characters-table-v115{
    min-width:560px!important;
    table-layout:fixed!important;
}
.account-panel-page-v59 .fate-account-characters-table-v115 th:nth-child(1),
.account-panel-page-v59 .fate-account-characters-table-v115 td:nth-child(1){width:19%!important;}
.account-panel-page-v59 .fate-account-characters-table-v115 th:nth-child(2),
.account-panel-page-v59 .fate-account-characters-table-v115 td:nth-child(2){width:12%!important;}
.account-panel-page-v59 .fate-account-characters-table-v115 th:nth-child(3),
.account-panel-page-v59 .fate-account-characters-table-v115 td:nth-child(3){width:29%!important;}
.account-panel-page-v59 .fate-account-characters-table-v115 th:nth-child(4),
.account-panel-page-v59 .fate-account-characters-table-v115 td:nth-child(4){width:16%!important;}
.account-panel-page-v59 .fate-account-characters-table-v115 th:nth-child(5),
.account-panel-page-v59 .fate-account-characters-table-v115 td:nth-child(5){width:24%!important;}
@media(max-width:700px){
    .account-panel-page-v59 .fate-account-characters-table-v115{
        min-width:560px!important;
    }
}

/* =========================================================
   V123 — Account VIP row inline, cleaner and borderless
   ========================================================= */
.account-panel-page-v59 .fate-account-vip-row-v119 td{
    min-height:50px!important;
    padding-top:6px!important;
    padding-bottom:6px!important;
}
.account-panel-page-v59 .fate-account-vip-value-v119{
    padding-right:14px!important;
}
.account-panel-page-v59 .fate-account-vip-active-v119{
    display:flex!important;
    align-items:center!important;
    flex-wrap:wrap!important;
    gap:10px!important;
    width:100%!important;
    max-width:none!important;
    min-height:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:none!important;
    box-shadow:none!important;
}
.account-panel-page-v59 .fate-account-vip-active-v119 .rank-vip-badge-v62{
    flex:0 0 auto!important;
    min-width:42px!important;
    height:24px!important;
    padding:0 8px!important;
    border-radius:6px!important;
    font-size:10px!important;
}
.account-panel-page-v59 .fate-account-vip-title-inline-v123{
    color:#f0d28a!important;
    font-size:15px!important;
    font-weight:800!important;
    line-height:1.2!important;
    letter-spacing:.01em!important;
    white-space:nowrap!important;
}
.account-panel-page-v59 .fate-account-vip-expires-inline-v123{
    color:#a8946e!important;
    font-size:11px!important;
    font-weight:700!important;
    letter-spacing:.08em!important;
    text-transform:uppercase!important;
    white-space:nowrap!important;
}
.account-panel-page-v59 .fate-account-vip-date-inline-v123{
    color:#e7dcc4!important;
    font-size:13px!important;
    font-weight:600!important;
    line-height:1.2!important;
    white-space:nowrap!important;
}
.account-panel-page-v59 .fate-account-vip-empty-v119{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    width:100%!important;
    max-width:none!important;
    min-height:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:none!important;
    box-shadow:none!important;
}
@media(max-width:760px){
    .account-panel-page-v59 .fate-account-vip-active-v119{
        gap:8px!important;
    }
    .account-panel-page-v59 .fate-account-vip-title-inline-v123{
        font-size:14px!important;
    }
    .account-panel-page-v59 .fate-account-vip-date-inline-v123,
    .account-panel-page-v59 .fate-account-vip-expires-inline-v123{
        font-size:11px!important;
    }
}


/* =========================================================
   V128 — Registration heading uses the actual Top Players gloss
   ========================================================= */
#content.registration-page-v128 > #box1 > .title1.registration-main-title-v128{
    position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;
    box-sizing:border-box!important;width:100%!important;min-height:55px!important;height:55px!important;
    margin:0!important;padding:0 18px!important;overflow:hidden!important;text-align:center!important;transform:none!important;
    background:linear-gradient(180deg,rgba(255,244,211,.18) 0%,rgba(255,231,172,.105) 24%,rgba(213,164,86,.065) 46%,rgba(93,56,21,.035) 70%,rgba(0,0,0,.21) 100%),linear-gradient(90deg,#3a260f 0%,#261707 60%,#1a1006 100%)!important;
    background-image:linear-gradient(180deg,rgba(255,244,211,.18) 0%,rgba(255,231,172,.105) 24%,rgba(213,164,86,.065) 46%,rgba(93,56,21,.035) 70%,rgba(0,0,0,.21) 100%),linear-gradient(90deg,#3a260f 0%,#261707 60%,#1a1006 100%)!important;
    border:1px solid rgba(206,154,54,.42)!important;border-bottom:1px solid rgba(221,168,67,.42)!important;border-radius:12px 12px 0 0!important;
    box-shadow:inset 0 1px 0 rgba(255,244,204,.24),inset 0 -1px 0 rgba(0,0,0,.28),0 7px 18px rgba(0,0,0,.12)!important;
}
#content.registration-page-v128 > #box1 > .title1.registration-main-title-v128:hover{
    background:linear-gradient(180deg,rgba(255,244,211,.18) 0%,rgba(255,231,172,.105) 24%,rgba(213,164,86,.065) 46%,rgba(93,56,21,.035) 70%,rgba(0,0,0,.21) 100%),linear-gradient(90deg,#3a260f 0%,#261707 60%,#1a1006 100%)!important;transform:none!important;
}
#content.registration-page-v128 > #box1 > .title1.registration-main-title-v128::before{
    content:""!important;position:absolute!important;z-index:0!important;display:block!important;left:0!important;right:0!important;top:0!important;bottom:0!important;width:auto!important;height:auto!important;margin:0!important;border:0!important;border-radius:0!important;
    background:linear-gradient(180deg,rgba(255,247,219,.105) 0%,rgba(255,238,190,.052) 30%,rgba(255,229,165,.018) 58%,rgba(255,236,180,0) 82%)!important;box-shadow:none!important;transform:none!important;pointer-events:none!important;
}
#content.registration-page-v128 > #box1 > .title1.registration-main-title-v128::after{
    content:""!important;position:absolute!important;z-index:1!important;display:block!important;left:0!important;right:0!important;bottom:0!important;width:auto!important;height:1px!important;
    background:linear-gradient(90deg,rgba(243,198,100,.80),rgba(211,152,50,.34) 46%,rgba(146,88,18,.12) 78%,transparent 100%)!important;box-shadow:0 0 10px rgba(221,165,61,.22)!important;pointer-events:none!important;
}
#content.registration-page-v128 > #box1 > .title1.registration-main-title-v128 > h1{
    position:relative!important;z-index:2!important;display:flex!important;align-items:center!important;justify-content:center!important;float:none!important;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
    width:100%!important;height:auto!important;margin:0!important;padding:0!important;color:#efca70!important;background:none!important;border:0!important;
    font-family:Georgia,"Times New Roman",serif!important;font-size:14px!important;font-weight:700!important;line-height:1.2!important;letter-spacing:.075em!important;text-align:center!important;text-transform:uppercase!important;
    text-shadow:0 1px 0 rgba(0,0,0,.95),0 0 10px rgba(232,181,78,.18)!important;-webkit-text-stroke:0!important;filter:none!important;transform:none!important;
}
#content.registration-page-v128 > #box1 > #content_center > .box-style1 > h2.title{display:none!important;}
#content.registration-page-v128 > #box1 > #content_center > .box-style1{margin-bottom:24px!important;}
#content.registration-page-v128 .registration-submit-cell-v128{text-align:center!important;padding-top:10px!important;padding-bottom:6px!important;}
#content.registration-page-v128 .registration-submit-cell-v128 > .button-style{display:inline-flex!important;align-items:center!important;justify-content:center!important;float:none!important;width:150px!important;min-width:150px!important;max-width:150px!important;height:38px!important;min-height:38px!important;margin:0 auto!important;padding:0 16px!important;font-size:10px!important;box-sizing:border-box!important;}


/* ============================================
   Downloads page refresh V131
   ============================================ */
#content.fate-downloads-page-v131 .downloads-list{
    display:flex!important;
    flex-direction:column!important;
    gap:18px!important;
}
#content.fate-downloads-page-v131 .download-section{
    margin:0!important;
}
#content.fate-downloads-page-v131 .download-section > .entry{
    padding:18px 20px 22px!important;
}
#content.fate-downloads-page-v131 .fate-download-card{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:22px!important;
    padding:18px!important;
    border-radius:18px!important;
    border:1px solid rgba(183,129,28,.38)!important;
    background:
        linear-gradient(180deg, rgba(51,31,9,.18) 0%, rgba(12,8,3,.08) 100%),
        radial-gradient(circle at top center, rgba(200,142,35,.12) 0%, rgba(200,142,35,0) 60%)!important;
    box-shadow:
        inset 0 1px 0 rgba(255,232,173,.05),
        0 8px 26px rgba(0,0,0,.22)!important;
}
#content.fate-downloads-page-v131 .fate-download-info{
    min-width:0!important;
}
#content.fate-downloads-page-v131 .fate-download-meta-grid{
    display:grid!important;
    grid-template-columns:repeat(3, minmax(0,1fr))!important;
    gap:14px!important;
}
#content.fate-downloads-page-v131 .fate-download-meta-item{
    min-height:92px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    gap:8px!important;
    padding:14px 16px!important;
    border-radius:14px!important;
    border:1px solid rgba(183,129,28,.28)!important;
    background:linear-gradient(180deg, rgba(23,14,5,.9) 0%, rgba(8,5,2,.85) 100%)!important;
}
#content.fate-downloads-page-v131 .fate-download-meta-label{
    display:block!important;
    font-size:11px!important;
    line-height:1!important;
    letter-spacing:.12em!important;
    text-transform:uppercase!important;
    color:rgba(231,205,142,.72)!important;
}
#content.fate-downloads-page-v131 .fate-download-meta-value{
    display:block!important;
    font-size:24px!important;
    line-height:1.15!important;
    font-weight:800!important;
    color:#f4df9a!important;
    text-shadow:0 1px 0 rgba(0,0,0,.45)!important;
    word-break:break-word!important;
}
#content.fate-downloads-page-v131 .fate-download-action{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
}
#content.fate-downloads-page-v131 .fate-download-button{
    min-width:180px!important;
    height:54px!important;
    padding:0 28px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:12px!important;
    border:1px solid rgba(255,219,124,.72)!important;
    background:linear-gradient(180deg, #f2d77f 0%, #dbb24d 54%, #bf8f30 100%)!important;
    box-shadow:
        inset 0 1px 0 rgba(255,246,207,.75),
        inset 0 -1px 0 rgba(118,75,10,.35),
        0 10px 24px rgba(0,0,0,.18)!important;
    color:#231504!important;
    text-decoration:none!important;
    transition:transform .16s ease, filter .16s ease, box-shadow .16s ease!important;
}
#content.fate-downloads-page-v131 .fate-download-button span{
    font-size:14px!important;
    font-weight:900!important;
    letter-spacing:.08em!important;
    text-transform:uppercase!important;
    color:#231504!important;
    text-shadow:0 1px 0 rgba(255,243,203,.42)!important;
}
#content.fate-downloads-page-v131 .fate-download-button:hover{
    transform:translateY(-1px)!important;
    filter:brightness(1.04)!important;
    box-shadow:
        inset 0 1px 0 rgba(255,246,207,.82),
        inset 0 -1px 0 rgba(118,75,10,.4),
        0 12px 28px rgba(0,0,0,.22)!important;
}
#content.fate-downloads-page-v131 .fate-download-button:active{
    transform:translateY(0)!important;
    filter:brightness(.98)!important;
}
@media (max-width: 920px){
    #content.fate-downloads-page-v131 .fate-download-card{
        grid-template-columns:1fr!important;
        gap:18px!important;
    }
    #content.fate-downloads-page-v131 .fate-download-action{
        justify-content:flex-start!important;
    }
}
@media (max-width: 700px){
    #content.fate-downloads-page-v131 .download-section > .entry{
        padding:14px 14px 18px!important;
    }
    #content.fate-downloads-page-v131 .fate-download-card{
        padding:14px!important;
        border-radius:16px!important;
    }
    #content.fate-downloads-page-v131 .fate-download-meta-grid{
        grid-template-columns:1fr!important;
        gap:10px!important;
    }
    #content.fate-downloads-page-v131 .fate-download-meta-item{
        min-height:74px!important;
        padding:12px 14px!important;
    }
    #content.fate-downloads-page-v131 .fate-download-meta-value{
        font-size:18px!important;
    }
    #content.fate-downloads-page-v131 .fate-download-button{
        width:100%!important;
        min-width:0!important;
    }
}

/* ============================================
   Downloads page heading polish V131
   - centered glossy Files / Client Full titles
   - straight title bar for file blocks
   - full-width bottom divider line
   ============================================ */
#content.fate-downloads-page-v131 > #box1 > .title1{
    justify-content:center!important;
    padding:0 22px!important;
    min-height:58px!important;
    border-radius:0!important;
    background:
        linear-gradient(180deg,rgba(255,247,218,.22) 0%,rgba(255,226,149,.08) 32%,rgba(77,53,20,.34) 33%,rgba(20,14,9,.20) 100%),
        linear-gradient(90deg,#34240f 0%,#24180a 50%,#34240f 100%)!important;
    box-shadow:inset 0 1px 0 rgba(255,244,207,.20), inset 0 -10px 20px rgba(0,0,0,.16)!important;
}
#content.fate-downloads-page-v131 > #box1 > .title1:before{
    display:none!important;
}
#content.fate-downloads-page-v131 > #box1 > .title1:after{
    left:0!important;
    right:0!important;
    width:auto!important;
    background:linear-gradient(90deg,rgba(247,203,111,.82) 0%,rgba(205,147,45,.42) 55%,rgba(205,147,45,.14) 88%,rgba(205,147,45,.08) 100%)!important;
}
#content.fate-downloads-page-v131 > #box1 > .title1 > h1{
    width:100%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    font-size:15px!important;
    letter-spacing:.06em!important;
}

#content.fate-downloads-page-v131 .download-section > h2.title{
    justify-content:center!important;
    text-align:center!important;
    padding:0 22px!important;
    min-height:58px!important;
    border-radius:0!important;
    background:
        linear-gradient(180deg,rgba(255,247,218,.22) 0%,rgba(255,226,149,.08) 32%,rgba(77,53,20,.34) 33%,rgba(20,14,9,.20) 100%),
        linear-gradient(90deg,#34240f 0%,#24180a 50%,#34240f 100%)!important;
    box-shadow:inset 0 1px 0 rgba(255,244,207,.20), inset 0 -10px 20px rgba(0,0,0,.16)!important;
}
#content.fate-downloads-page-v131 .download-section > h2.title::before{
    display:none!important;
}
#content.fate-downloads-page-v131 .download-section > h2.title::after{
    left:0!important;
    right:0!important;
    width:auto!important;
    background:linear-gradient(90deg,rgba(247,203,111,.82) 0%,rgba(205,147,45,.42) 55%,rgba(205,147,45,.14) 88%,rgba(205,147,45,.08) 100%)!important;
}

#content.fate-downloads-page-v131 .download-section > .entry{
    padding-top:16px!important;
}


/* ============================================
   Downloads V131 — moderate compact sizing
   ============================================ */
#content.fate-downloads-page-v131 .download-section > .entry{
    padding:15px 18px 19px!important;
}
#content.fate-downloads-page-v131 .fate-download-card{
    gap:18px!important;
    padding:14px!important;
    border-radius:16px!important;
}
#content.fate-downloads-page-v131 .fate-download-meta-grid{
    gap:11px!important;
}
#content.fate-downloads-page-v131 .fate-download-meta-item{
    min-height:78px!important;
    gap:6px!important;
    padding:12px 14px!important;
    border-radius:12px!important;
}
#content.fate-downloads-page-v131 .fate-download-meta-label{
    font-size:10px!important;
    letter-spacing:.10em!important;
}
#content.fate-downloads-page-v131 .fate-download-meta-value{
    font-size:20px!important;
}
#content.fate-downloads-page-v131 .fate-download-button{
    min-width:160px!important;
    height:46px!important;
    padding:0 23px!important;
    border-radius:10px!important;
}
#content.fate-downloads-page-v131 .fate-download-button span{
    font-size:12px!important;
    letter-spacing:.075em!important;
}
@media (max-width:700px){
    #content.fate-downloads-page-v131 .download-section > .entry{
        padding:13px 13px 16px!important;
    }
    #content.fate-downloads-page-v131 .fate-download-card{
        padding:12px!important;
    }
    #content.fate-downloads-page-v131 .fate-download-meta-item{
        min-height:68px!important;
        padding:10px 12px!important;
    }
    #content.fate-downloads-page-v131 .fate-download-meta-value{
        font-size:17px!important;
    }
    #content.fate-downloads-page-v131 .fate-download-button{
        height:44px!important;
    }
}


/* =========================================================
   V132 — Account actions inside account summary
   ========================================================= */
.account-panel-page-v59 .fate-account-actions-v132{
    display:flex!important;
    flex-direction:column!important;
    border-top:1px solid rgba(199,153,62,.18)!important;
    background:linear-gradient(180deg,rgba(28,19,10,.38),rgba(12,8,5,.18))!important;
}
.account-panel-page-v59 .fate-account-action-row-v132{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 132px!important;
    align-items:center!important;
    gap:18px!important;
    min-height:58px!important;
    padding:10px 18px!important;
    border-bottom:1px solid rgba(199,153,62,.11)!important;
    transition:background .16s ease!important;
}
.account-panel-page-v59 .fate-account-action-row-v132:last-child{
    border-bottom:0!important;
}
.account-panel-page-v59 .fate-account-action-row-v132:hover{
    background:linear-gradient(90deg,rgba(91,61,20,.14),rgba(28,20,12,.28),rgba(91,61,20,.14))!important;
}
.account-panel-page-v59 .fate-account-action-text-v132{
    color:#e8dcc0!important;
    font-size:13px!important;
    line-height:1.35!important;
    font-weight:500!important;
}
.account-panel-page-v59 .fate-account-action-button-v132{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:132px!important;
    height:32px!important;
    padding:0 14px!important;
    justify-self:end!important;
    border:1px solid rgba(232,197,106,.64)!important;
    border-radius:7px!important;
    background:linear-gradient(180deg,#ecd27d 0%,#d7ad49 48%,#b98528 100%)!important;
    box-shadow:inset 0 1px 0 rgba(255,248,207,.58),0 4px 10px rgba(0,0,0,.18)!important;
    color:#211606!important;
    font-size:10px!important;
    font-weight:900!important;
    line-height:1!important;
    letter-spacing:.07em!important;
    text-align:center!important;
    text-decoration:none!important;
    text-transform:uppercase!important;
    text-shadow:none!important;
    transition:filter .16s ease,transform .16s ease,box-shadow .16s ease!important;
}
.account-panel-page-v59 .fate-account-action-button-v132:hover,
.account-panel-page-v59 .fate-account-action-button-v132:focus{
    color:#1a1104!important;
    text-decoration:none!important;
    filter:brightness(1.05)!important;
    transform:translateY(-1px)!important;
    box-shadow:inset 0 1px 0 rgba(255,250,220,.72),0 6px 14px rgba(0,0,0,.22)!important;
}
@media(max-width:640px){
    .account-panel-page-v59 .fate-account-action-row-v132{
        grid-template-columns:1fr!important;
        gap:8px!important;
        padding:12px 14px!important;
    }
    .account-panel-page-v59 .fate-account-action-button-v132{
        justify-self:start!important;
        width:126px!important;
        height:30px!important;
    }
}

/* ================================================================
   V133 — Account panel cleanup + glossy titles
   ================================================================ */
#content.account-panel-page-v59 > #box1 > .title1.account-panel-main-title-v59{
    justify-content:center!important;
    padding:0 22px!important;
    min-height:58px!important;
    border-radius:16px 16px 0 0!important;
    background:
        linear-gradient(180deg,rgba(255,247,218,.20) 0%,rgba(255,226,149,.08) 32%,rgba(77,53,20,.34) 33%,rgba(20,14,9,.20) 100%),
        linear-gradient(90deg,#34240f 0%,#24180a 50%,#34240f 100%)!important;
    box-shadow:inset 0 1px 0 rgba(255,244,207,.20), inset 0 -10px 20px rgba(0,0,0,.16)!important;
}
#content.account-panel-page-v59 > #box1 > .title1.account-panel-main-title-v59:before{
    display:none!important;
}
#content.account-panel-page-v59 > #box1 > .title1.account-panel-main-title-v59:after{
    left:0!important;
    right:0!important;
    width:auto!important;
    background:linear-gradient(90deg,rgba(247,203,111,.82) 0%,rgba(205,147,45,.42) 55%,rgba(205,147,45,.14) 88%,rgba(205,147,45,.08) 100%)!important;
}
#content.account-panel-page-v59 > #box1 > .title1.account-panel-main-title-v59 > h1{
    width:100%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    font-size:15px!important;
    line-height:1.15!important;
    letter-spacing:.06em!important;
    text-transform:uppercase!important;
}

.account-panel-page-v59 .fate-account-summary-box-v133 > .entry{
    padding:18px!important;
}

.account-panel-page-v59 .fate-account-characters-v115{
    border-radius:0 0 14px 14px!important;
}
.account-panel-page-v59 .fate-account-characters-title-v115{
    min-height:56px!important;
    border-bottom:1px solid rgba(204,153,55,.42)!important;
    background:
        linear-gradient(180deg,rgba(255,247,218,.18) 0%,rgba(255,226,149,.07) 28%,rgba(77,53,20,.30) 29%,rgba(20,14,9,.16) 100%),
        linear-gradient(90deg,#34240f 0%,#24180a 50%,#34240f 100%)!important;
    box-shadow:inset 0 1px 0 rgba(255,244,207,.18), inset 0 -10px 20px rgba(0,0,0,.14)!important;
    letter-spacing:.06em!important;
}
.account-panel-page-v59 .fate-account-characters-title-v115::before,
.account-panel-page-v59 .fate-account-characters-title-v115::after{
    display:none!important;
}


/* ================================================================
   V134 — Characters: square top corners and no outer perimeter frame
   ================================================================ */
.account-panel-page-v59 .fate-account-characters-v115{
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
}
.account-panel-page-v59 .fate-account-characters-title-v115{
    border-radius:0!important;
    margin:0!important;
}
.account-panel-page-v59 .fate-account-characters-v115 > .entry{
    border:0!important;
    background:transparent!important;
    padding:18px 0 0!important;
}
.account-panel-page-v59 .fate-account-characters-table-wrap-v115{
    margin:0!important;
}

/* ================================================================
   V135 — Buy VIP button matches account action buttons
   ================================================================ */
.account-panel-page-v59 .fate-account-vip-value-v119{
    padding-right:18px!important;
}
.account-panel-page-v59 .fate-account-vip-empty-v119{
    width:100%!important;
    max-width:none!important;
    justify-content:space-between!important;
}
.account-panel-page-v59 .fate-account-vip-buy-v119{
    flex:0 0 132px!important;
    width:132px!important;
    min-width:132px!important;
    max-width:132px!important;
    height:32px!important;
    min-height:32px!important;
    padding:0 14px!important;
    margin-left:auto!important;
    border-radius:7px!important;
    font-size:10px!important;
    line-height:1!important;
    letter-spacing:.07em!important;
    box-sizing:border-box!important;
}
@media(max-width:640px){
    .account-panel-page-v59 .fate-account-vip-value-v119{
        padding-right:14px!important;
    }
    .account-panel-page-v59 .fate-account-vip-buy-v119{
        flex-basis:126px!important;
        width:126px!important;
        min-width:126px!important;
        max-width:126px!important;
        height:30px!important;
        min-height:30px!important;
    }
}


/* ================================================================
   Previous — Align Buy VIP with the account action button column
   ================================================================ */
.account-panel-page-v59 .fate-account-vip-buy-v119{
    margin-left:auto!important;
    margin-right:7px!important;
}
@media(max-width:640px){
    .account-panel-page-v59 .fate-account-vip-buy-v119{
        margin-right:0!important;
    }
}


/* ================================================================
   V137 — Characters title: stronger smooth gloss and square top line
   ================================================================ */
#content.account-panel-page-v59 .fate-account-characters-v115{
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
}
#content.account-panel-page-v59 .fate-account-characters-title-v115{
    position:relative!important;
    isolation:isolate!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-height:58px!important;
    margin:0!important;
    padding:0 22px!important;
    overflow:hidden!important;
    border:0!important;
    border-top:1px solid rgba(198,151,59,.52)!important;
    border-bottom:1px solid rgba(198,151,59,.46)!important;
    border-radius:0!important;
    background:
        linear-gradient(180deg,
            rgba(255,245,211,.20) 0%,
            rgba(244,205,126,.115) 16%,
            rgba(166,111,32,.13) 34%,
            rgba(71,42,13,.32) 56%,
            rgba(20,13,7,.18) 100%),
        linear-gradient(90deg,
            rgba(65,40,13,.94) 0%,
            rgba(29,18,8,.98) 50%,
            rgba(65,40,13,.94) 100%)!important;
    box-shadow:
        inset 0 1px 0 rgba(255,241,196,.24),
        inset 0 16px 24px rgba(255,209,116,.065),
        inset 0 -12px 24px rgba(0,0,0,.18)!important;
    color:#f1cb70!important;
    text-align:center!important;
    text-shadow:0 1px 0 rgba(0,0,0,.96),0 0 10px rgba(232,181,76,.16)!important;
}
#content.account-panel-page-v59 .fate-account-characters-title-v115::before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    z-index:0!important;
    left:0!important;
    right:0!important;
    top:0!important;
    width:100%!important;
    height:45%!important;
    background:linear-gradient(180deg,rgba(255,249,226,.15) 0%,rgba(255,222,146,.05) 65%,transparent 100%)!important;
    pointer-events:none!important;
}
#content.account-panel-page-v59 .fate-account-characters-title-v115::after{
    content:""!important;
    display:block!important;
    position:absolute!important;
    z-index:0!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    width:100%!important;
    height:1px!important;
    background:linear-gradient(90deg,rgba(196,143,40,.34),rgba(240,193,92,.72) 50%,rgba(196,143,40,.34))!important;
    pointer-events:none!important;
}
#content.account-panel-page-v59 .fate-account-characters-title-v115{
    font-size:15px!important;
    font-weight:800!important;
    letter-spacing:.07em!important;
    line-height:1.2!important;
    text-transform:uppercase!important;
}


/* ================================================================
   V138 — Characters table: slightly narrower with inner breathing space
   ================================================================ */
#content.account-panel-page-v59 .fate-account-characters-v115 > .entry{
    padding:18px 18px 0!important;
}
#content.account-panel-page-v59 .fate-account-characters-table-wrap-v115{
    display:block!important;
    width:auto!important;
    margin:0 14px 14px!important;
}
@media (max-width: 768px){
    #content.account-panel-page-v59 .fate-account-characters-v115 > .entry{
        padding:14px 12px 0!important;
    }
    #content.account-panel-page-v59 .fate-account-characters-table-wrap-v115{
        margin:0 8px 10px!important;
    }
}


/* ============================================
   Downloads page refresh V139
   ============================================ */
#content.fate-downloads-page-v139 .downloads-list{
    display:flex!important;
    flex-direction:column!important;
    gap:18px!important;
}
#content.fate-downloads-page-v139 .download-section{
    margin:0!important;
}
#content.fate-downloads-page-v139 .download-section > .entry{
    padding:18px 20px 22px!important;
}
#content.fate-downloads-page-v139 .fate-download-card{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:22px!important;
    padding:18px!important;
    border-radius:18px!important;
    border:1px solid rgba(183,129,28,.38)!important;
    background:
        linear-gradient(180deg, rgba(51,31,9,.18) 0%, rgba(12,8,3,.08) 100%),
        radial-gradient(circle at top center, rgba(200,142,35,.12) 0%, rgba(200,142,35,0) 60%)!important;
    box-shadow:
        inset 0 1px 0 rgba(255,232,173,.05),
        0 8px 26px rgba(0,0,0,.22)!important;
}
#content.fate-downloads-page-v139 .fate-download-info{
    min-width:0!important;
}
#content.fate-downloads-page-v139 .fate-download-meta-grid{
    display:grid!important;
    grid-template-columns:repeat(3, minmax(0,1fr))!important;
    gap:14px!important;
}
#content.fate-downloads-page-v139 .fate-download-meta-item{
    min-height:92px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    gap:8px!important;
    padding:14px 16px!important;
    border-radius:14px!important;
    border:1px solid rgba(183,129,28,.28)!important;
    background:linear-gradient(180deg, rgba(23,14,5,.9) 0%, rgba(8,5,2,.85) 100%)!important;
}
#content.fate-downloads-page-v139 .fate-download-meta-label{
    display:block!important;
    font-size:11px!important;
    line-height:1!important;
    letter-spacing:.12em!important;
    text-transform:uppercase!important;
    color:rgba(231,205,142,.72)!important;
}
#content.fate-downloads-page-v139 .fate-download-meta-value{
    display:block!important;
    font-size:24px!important;
    line-height:1.15!important;
    font-weight:800!important;
    color:#f4df9a!important;
    text-shadow:0 1px 0 rgba(0,0,0,.45)!important;
    word-break:break-word!important;
}
#content.fate-downloads-page-v139 .fate-download-action{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
}
#content.fate-downloads-page-v139 .fate-download-button{
    min-width:180px!important;
    height:54px!important;
    padding:0 28px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:12px!important;
    border:1px solid rgba(255,219,124,.72)!important;
    background:linear-gradient(180deg, #f2d77f 0%, #dbb24d 54%, #bf8f30 100%)!important;
    box-shadow:
        inset 0 1px 0 rgba(255,246,207,.75),
        inset 0 -1px 0 rgba(118,75,10,.35),
        0 10px 24px rgba(0,0,0,.18)!important;
    color:#231504!important;
    text-decoration:none!important;
    transition:transform .16s ease, filter .16s ease, box-shadow .16s ease!important;
}
#content.fate-downloads-page-v139 .fate-download-button span{
    font-size:14px!important;
    font-weight:900!important;
    letter-spacing:.08em!important;
    text-transform:uppercase!important;
    color:#231504!important;
    text-shadow:0 1px 0 rgba(255,243,203,.42)!important;
}
#content.fate-downloads-page-v139 .fate-download-button:hover{
    transform:translateY(-1px)!important;
    filter:brightness(1.04)!important;
    box-shadow:
        inset 0 1px 0 rgba(255,246,207,.82),
        inset 0 -1px 0 rgba(118,75,10,.4),
        0 12px 28px rgba(0,0,0,.22)!important;
}
#content.fate-downloads-page-v139 .fate-download-button:active{
    transform:translateY(0)!important;
    filter:brightness(.98)!important;
}
@media (max-width: 920px){
    #content.fate-downloads-page-v139 .fate-download-card{
        grid-template-columns:1fr!important;
        gap:18px!important;
    }
    #content.fate-downloads-page-v139 .fate-download-action{
        justify-content:flex-start!important;
    }
}
@media (max-width: 700px){
    #content.fate-downloads-page-v139 .download-section > .entry{
        padding:14px 14px 18px!important;
    }
    #content.fate-downloads-page-v139 .fate-download-card{
        padding:14px!important;
        border-radius:16px!important;
    }
    #content.fate-downloads-page-v139 .fate-download-meta-grid{
        grid-template-columns:1fr!important;
        gap:10px!important;
    }
    #content.fate-downloads-page-v139 .fate-download-meta-item{
        min-height:74px!important;
        padding:12px 14px!important;
    }
    #content.fate-downloads-page-v139 .fate-download-meta-value{
        font-size:18px!important;
    }
    #content.fate-downloads-page-v139 .fate-download-button{
        width:100%!important;
        min-width:0!important;
    }
}

/* ============================================
   Downloads page heading polish V139
   - centered glossy Files / Client Full titles
   - straight title bar for file blocks
   - full-width bottom divider line
   ============================================ */
#content.fate-downloads-page-v139 > #box1 > .title1{
    justify-content:center!important;
    padding:0 22px!important;
    min-height:58px!important;
    border-radius:0!important;
    background:
        linear-gradient(180deg,rgba(255,247,218,.22) 0%,rgba(255,226,149,.08) 32%,rgba(77,53,20,.34) 33%,rgba(20,14,9,.20) 100%),
        linear-gradient(90deg,#34240f 0%,#24180a 50%,#34240f 100%)!important;
    box-shadow:inset 0 1px 0 rgba(255,244,207,.20), inset 0 -10px 20px rgba(0,0,0,.16)!important;
}
#content.fate-downloads-page-v139 > #box1 > .title1:before{
    display:none!important;
}
#content.fate-downloads-page-v139 > #box1 > .title1:after{
    left:0!important;
    right:0!important;
    width:auto!important;
    background:linear-gradient(90deg,rgba(247,203,111,.82) 0%,rgba(205,147,45,.42) 55%,rgba(205,147,45,.14) 88%,rgba(205,147,45,.08) 100%)!important;
}
#content.fate-downloads-page-v139 > #box1 > .title1 > h1{
    width:100%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    font-size:15px!important;
    letter-spacing:.06em!important;
}

#content.fate-downloads-page-v139 .download-section > h2.title{
    justify-content:center!important;
    text-align:center!important;
    padding:0 22px!important;
    min-height:58px!important;
    border-radius:0!important;
    background:
        linear-gradient(180deg,rgba(255,247,218,.22) 0%,rgba(255,226,149,.08) 32%,rgba(77,53,20,.34) 33%,rgba(20,14,9,.20) 100%),
        linear-gradient(90deg,#34240f 0%,#24180a 50%,#34240f 100%)!important;
    box-shadow:inset 0 1px 0 rgba(255,244,207,.20), inset 0 -10px 20px rgba(0,0,0,.16)!important;
}
#content.fate-downloads-page-v139 .download-section > h2.title::before{
    display:none!important;
}
#content.fate-downloads-page-v139 .download-section > h2.title::after{
    left:0!important;
    right:0!important;
    width:auto!important;
    background:linear-gradient(90deg,rgba(247,203,111,.82) 0%,rgba(205,147,45,.42) 55%,rgba(205,147,45,.14) 88%,rgba(205,147,45,.08) 100%)!important;
}

#content.fate-downloads-page-v139 .download-section > .entry{
    padding-top:16px!important;
}


/* ============================================
   Downloads V139 — moderate compact sizing
   ============================================ */
#content.fate-downloads-page-v139 .download-section > .entry{
    padding:15px 18px 19px!important;
}
#content.fate-downloads-page-v139 .fate-download-card{
    gap:18px!important;
    padding:14px!important;
    border-radius:16px!important;
}
#content.fate-downloads-page-v139 .fate-download-meta-grid{
    gap:11px!important;
}
#content.fate-downloads-page-v139 .fate-download-meta-item{
    min-height:78px!important;
    gap:6px!important;
    padding:12px 14px!important;
    border-radius:12px!important;
}
#content.fate-downloads-page-v139 .fate-download-meta-label{
    font-size:10px!important;
    letter-spacing:.10em!important;
}
#content.fate-downloads-page-v139 .fate-download-meta-value{
    font-size:20px!important;
}
#content.fate-downloads-page-v139 .fate-download-button{
    min-width:160px!important;
    height:46px!important;
    padding:0 23px!important;
    border-radius:10px!important;
}
#content.fate-downloads-page-v139 .fate-download-button span{
    font-size:12px!important;
    letter-spacing:.075em!important;
}
@media (max-width:700px){
    #content.fate-downloads-page-v139 .download-section > .entry{
        padding:13px 13px 16px!important;
    }
    #content.fate-downloads-page-v139 .fate-download-card{
        padding:12px!important;
    }
    #content.fate-downloads-page-v139 .fate-download-meta-item{
        min-height:68px!important;
        padding:10px 12px!important;
    }
    #content.fate-downloads-page-v139 .fate-download-meta-value{
        font-size:17px!important;
    }
    #content.fate-downloads-page-v139 .fate-download-button{
        height:44px!important;
    }
}


/* ============================================
   Downloads V139 — balanced section spacing
   - 6px gap between Files and first Client Full
   - consistent vertical padding for every Client Full block
   ============================================ */
#content.fate-downloads-page-v139 .downloads-list{
    gap:6px!important;
    margin-top:6px!important;
}
#content.fate-downloads-page-v139 .download-section{
    margin:0!important;
}
#content.fate-downloads-page-v139 .download-section > h2.title{
    margin:0!important;
}
#content.fate-downloads-page-v139 .download-section > .entry{
    padding:14px 18px 14px!important;
    margin:0!important;
}
#content.fate-downloads-page-v139 .fate-download-card{
    margin:0!important;
}
@media (max-width:700px){
    #content.fate-downloads-page-v139 .downloads-list{
        gap:6px!important;
        margin-top:6px!important;
    }
    #content.fate-downloads-page-v139 .download-section > .entry{
        padding:12px 13px 12px!important;
    }
}


/* ================================================================
   V140 — Rankings section: remove top corner rounding only
   ================================================================ */
#content .rankings-page .rankings-section,
#content .portal-page.rankings-page > .rankings-section{
    border-top-left-radius:0!important;
    border-top-right-radius:0!important;
}

/* =========================================================
   V141 — Guild heading edge-shape corrections
   INFO: bottom edge straight; GUILD HISTORY INFO: both straight
   ========================================================= */
#content > #box1.fate-guild-page-v72 > .title1{
    border-radius:12px 12px 0 0!important;
}
#content > #box1.fate-guild-page-v72 > .box-style1.fate-guild-shell-v72 > h2.title.fate-guild-main-title-v72{
    border-radius:0!important;
}

/* =========================================================
   V142 — cumulative recovery marker
   Base: V138 Account Panel + V139 Downloads + V140 Rankings + V141 Guild
   ========================================================= */

/* ================================================================
   V143 — Top Players sidebar ML/GR softened to match main ranking
   ================================================================ */
table.sidebar_rank.portal-ranking-table thead th:nth-child(3) .rank-head-extra,
table.sidebar_rank.portal-ranking-table tbody td:nth-child(3) .rank-secondary,
table.sidebar_rank.portal-ranking-table tbody td:nth-child(3) .rank-secondary b,
table.sidebar_rank thead th:nth-child(3) .rank-head-extra,
table.sidebar_rank tbody td:nth-child(3) .rank-secondary,
table.sidebar_rank tbody td:nth-child(3) .rank-secondary b{
    color:#a9cbc7!important;
    -webkit-text-fill-color:#a9cbc7!important;
    text-shadow:0 0 5px rgba(94,157,154,.10)!important;
}

table.sidebar_rank.portal-ranking-table thead th:nth-child(4) .rank-head-extra,
table.sidebar_rank.portal-ranking-table tbody td:nth-child(4) .rank-secondary,
table.sidebar_rank.portal-ranking-table tbody td:nth-child(4) .rank-secondary b,
table.sidebar_rank thead th:nth-child(4) .rank-head-extra,
table.sidebar_rank tbody td:nth-child(4) .rank-secondary,
table.sidebar_rank tbody td:nth-child(4) .rank-secondary b{
    color:#b39ab8!important;
    -webkit-text-fill-color:#b39ab8!important;
    text-shadow:0 0 5px rgba(139,104,146,.10)!important;
}

table.sidebar_rank tbody tr:hover td:nth-child(3) .rank-secondary,
table.sidebar_rank tbody tr:hover td:nth-child(3) .rank-secondary b{
    color:#c0ddd9!important;
    -webkit-text-fill-color:#c0ddd9!important;
}

table.sidebar_rank tbody tr:hover td:nth-child(4) .rank-secondary,
table.sidebar_rank tbody tr:hover td:nth-child(4) .rank-secondary b{
    color:#c5aec9!important;
    -webkit-text-fill-color:#c5aec9!important;
}


/* ================================================================
   V144 — Top Players ML/GR exact match with main Rankings
   Uses the same colors and hover states from V30 rankings palette.
   ================================================================ */
table.sidebar_rank.portal-ranking-table thead th:nth-child(3) .rank-head-extra,
table.sidebar_rank.portal-ranking-table tbody td:nth-child(3) .rank-secondary,
table.sidebar_rank.portal-ranking-table tbody td:nth-child(3) .rank-secondary b,
table.sidebar_rank thead th:nth-child(3) .rank-head-extra,
table.sidebar_rank tbody td:nth-child(3) .rank-secondary,
table.sidebar_rank tbody td:nth-child(3) .rank-secondary b{
    color:var(--f29-ml)!important;
    -webkit-text-fill-color:var(--f29-ml)!important;
    text-shadow:0 0 7px rgba(94,157,154,.14)!important;
}

table.sidebar_rank.portal-ranking-table thead th:nth-child(4) .rank-head-extra,
table.sidebar_rank.portal-ranking-table tbody td:nth-child(4) .rank-secondary,
table.sidebar_rank.portal-ranking-table tbody td:nth-child(4) .rank-secondary b,
table.sidebar_rank thead th:nth-child(4) .rank-head-extra,
table.sidebar_rank tbody td:nth-child(4) .rank-secondary,
table.sidebar_rank tbody td:nth-child(4) .rank-secondary b{
    color:var(--f29-gr)!important;
    -webkit-text-fill-color:var(--f29-gr)!important;
    text-shadow:0 0 7px rgba(139,104,146,.13)!important;
}

table.sidebar_rank tbody tr:hover td:nth-child(3) .rank-secondary,
table.sidebar_rank tbody tr:hover td:nth-child(3) .rank-secondary b{
    color:var(--f29-ml-hover)!important;
    -webkit-text-fill-color:var(--f29-ml-hover)!important;
    text-shadow:0 0 7px rgba(94,157,154,.14)!important;
}

table.sidebar_rank tbody tr:hover td:nth-child(4) .rank-secondary,
table.sidebar_rank tbody tr:hover td:nth-child(4) .rank-secondary b{
    color:var(--f29-gr-hover)!important;
    -webkit-text-fill-color:var(--f29-gr-hover)!important;
    text-shadow:0 0 7px rgba(139,104,146,.13)!important;
}


/* ================================================================
   V145 — Top Players ML/GR calmer, non-acidic palette
   Main Rankings stays unchanged.
   ================================================================ */
table.sidebar_rank.portal-ranking-table thead th:nth-child(3) .rank-head-extra,
table.sidebar_rank.portal-ranking-table tbody td:nth-child(3) .rank-secondary,
table.sidebar_rank.portal-ranking-table tbody td:nth-child(3) .rank-secondary b,
table.sidebar_rank thead th:nth-child(3) .rank-head-extra,
table.sidebar_rank tbody td:nth-child(3) .rank-secondary,
table.sidebar_rank tbody td:nth-child(3) .rank-secondary b{
    color:#7faaa6!important;
    -webkit-text-fill-color:#7faaa6!important;
    text-shadow:none!important;
}

table.sidebar_rank.portal-ranking-table thead th:nth-child(4) .rank-head-extra,
table.sidebar_rank.portal-ranking-table tbody td:nth-child(4) .rank-secondary,
table.sidebar_rank.portal-ranking-table tbody td:nth-child(4) .rank-secondary b,
table.sidebar_rank thead th:nth-child(4) .rank-head-extra,
table.sidebar_rank tbody td:nth-child(4) .rank-secondary,
table.sidebar_rank tbody td:nth-child(4) .rank-secondary b{
    color:#9a809f!important;
    -webkit-text-fill-color:#9a809f!important;
    text-shadow:none!important;
}

table.sidebar_rank tbody tr:hover td:nth-child(3) .rank-secondary,
table.sidebar_rank tbody tr:hover td:nth-child(3) .rank-secondary b{
    color:#91b8b4!important;
    -webkit-text-fill-color:#91b8b4!important;
    text-shadow:none!important;
}

table.sidebar_rank tbody tr:hover td:nth-child(4) .rank-secondary,
table.sidebar_rank tbody tr:hover td:nth-child(4) .rank-secondary b{
    color:#aa90af!important;
    -webkit-text-fill-color:#aa90af!important;
    text-shadow:none!important;
}


/* ================================================================
   V146 — REAL Top Players ML/GR fix
   The EJS template now uses rank-extra-ml / rank-extra-gr instead of
   inline red styles. These values exactly match main Rankings V30.
   ================================================================ */
#top_players table.sidebar_rank sup.rank-extra-ml,
#top_players table.sidebar_rank sup.rank-extra-ml b{
    color:var(--f29-ml)!important;
    -webkit-text-fill-color:var(--f29-ml)!important;
    text-shadow:0 0 7px rgba(94,157,154,.14)!important;
}

#top_players table.sidebar_rank sup.rank-extra-gr,
#top_players table.sidebar_rank sup.rank-extra-gr b{
    color:var(--f29-gr)!important;
    -webkit-text-fill-color:var(--f29-gr)!important;
    text-shadow:0 0 7px rgba(139,104,146,.13)!important;
}

#top_players table.sidebar_rank tbody tr:hover sup.rank-extra-ml,
#top_players table.sidebar_rank tbody tr:hover sup.rank-extra-ml b{
    color:var(--f29-ml-hover)!important;
    -webkit-text-fill-color:var(--f29-ml-hover)!important;
}

#top_players table.sidebar_rank tbody tr:hover sup.rank-extra-gr,
#top_players table.sidebar_rank tbody tr:hover sup.rank-extra-gr b{
    color:var(--f29-gr-hover)!important;
    -webkit-text-fill-color:var(--f29-gr-hover)!important;
}


/* ================================================================
   V147 — Top Players ML/GR labels AND numeric values
   Explicit value classes prevent inherited cell colors from winning.
   ================================================================ */
table.sidebar_rank sup.rank-extra-ml-label,
table.sidebar_rank sup.rank-extra-ml-value,
table.sidebar_rank sup.rank-extra-ml-label *,
table.sidebar_rank sup.rank-extra-ml-value *{
    color:var(--f29-ml)!important;
    -webkit-text-fill-color:var(--f29-ml)!important;
    text-shadow:0 0 7px rgba(94,157,154,.14)!important;
    opacity:1!important;
    filter:none!important;
}

table.sidebar_rank sup.rank-extra-gr-label,
table.sidebar_rank sup.rank-extra-gr-value,
table.sidebar_rank sup.rank-extra-gr-label *,
table.sidebar_rank sup.rank-extra-gr-value *{
    color:var(--f29-gr)!important;
    -webkit-text-fill-color:var(--f29-gr)!important;
    text-shadow:0 0 7px rgba(139,104,146,.13)!important;
    opacity:1!important;
    filter:none!important;
}

table.sidebar_rank tbody tr:hover sup.rank-extra-ml-value,
table.sidebar_rank tbody tr:hover sup.rank-extra-ml-value *{
    color:var(--f29-ml-hover)!important;
    -webkit-text-fill-color:var(--f29-ml-hover)!important;
}

table.sidebar_rank tbody tr:hover sup.rank-extra-gr-value,
table.sidebar_rank tbody tr:hover sup.rank-extra-gr-value *{
    color:var(--f29-gr-hover)!important;
    -webkit-text-fill-color:var(--f29-gr-hover)!important;
}


/* ================================================================
   V148 — Top Players ML/GR fully muted, zero acid/glow effect
   Applies to both labels and numeric values. Hover does not brighten.
   ================================================================ */
#top_players table.sidebar_rank sup.rank-extra-ml-label,
#top_players table.sidebar_rank sup.rank-extra-ml-value,
#top_players table.sidebar_rank sup.rank-extra-ml-label *,
#top_players table.sidebar_rank sup.rank-extra-ml-value *,
table.sidebar_rank sup.rank-extra-ml-label,
table.sidebar_rank sup.rank-extra-ml-value,
table.sidebar_rank sup.rank-extra-ml-label *,
table.sidebar_rank sup.rank-extra-ml-value *{
    color:#7d918e!important;
    -webkit-text-fill-color:#7d918e!important;
    text-shadow:none!important;
    filter:none!important;
    opacity:.92!important;
}

#top_players table.sidebar_rank sup.rank-extra-gr-label,
#top_players table.sidebar_rank sup.rank-extra-gr-value,
#top_players table.sidebar_rank sup.rank-extra-gr-label *,
#top_players table.sidebar_rank sup.rank-extra-gr-value *,
table.sidebar_rank sup.rank-extra-gr-label,
table.sidebar_rank sup.rank-extra-gr-value,
table.sidebar_rank sup.rank-extra-gr-label *,
table.sidebar_rank sup.rank-extra-gr-value *{
    color:#877b89!important;
    -webkit-text-fill-color:#877b89!important;
    text-shadow:none!important;
    filter:none!important;
    opacity:.92!important;
}

#top_players table.sidebar_rank tbody tr:hover sup.rank-extra-ml-label,
#top_players table.sidebar_rank tbody tr:hover sup.rank-extra-ml-value,
#top_players table.sidebar_rank tbody tr:hover sup.rank-extra-ml-label *,
#top_players table.sidebar_rank tbody tr:hover sup.rank-extra-ml-value *,
table.sidebar_rank tbody tr:hover sup.rank-extra-ml-label,
table.sidebar_rank tbody tr:hover sup.rank-extra-ml-value,
table.sidebar_rank tbody tr:hover sup.rank-extra-ml-label *,
table.sidebar_rank tbody tr:hover sup.rank-extra-ml-value *{
    color:#7d918e!important;
    -webkit-text-fill-color:#7d918e!important;
    text-shadow:none!important;
    filter:none!important;
    opacity:.92!important;
}

#top_players table.sidebar_rank tbody tr:hover sup.rank-extra-gr-label,
#top_players table.sidebar_rank tbody tr:hover sup.rank-extra-gr-value,
#top_players table.sidebar_rank tbody tr:hover sup.rank-extra-gr-label *,
#top_players table.sidebar_rank tbody tr:hover sup.rank-extra-gr-value *,
table.sidebar_rank tbody tr:hover sup.rank-extra-gr-label,
table.sidebar_rank tbody tr:hover sup.rank-extra-gr-value,
table.sidebar_rank tbody tr:hover sup.rank-extra-gr-label *,
table.sidebar_rank tbody tr:hover sup.rank-extra-gr-value *{
    color:#877b89!important;
    -webkit-text-fill-color:#877b89!important;
    text-shadow:none!important;
    filter:none!important;
    opacity:.92!important;
}


/* ================================================================
   V149 — Top Players root-cause fix
   Targets the actual third/fourth column SUP elements, so it also
   overrides an older cached EJS template with inline color:red.
   ================================================================ */
#top_players table.sidebar_rank tr > th:nth-child(3) sup,
#top_players table.sidebar_rank tr > td:nth-child(3) sup,
[id^="top_players"] table.sidebar_rank tr > th:nth-child(3) sup,
[id^="top_players"] table.sidebar_rank tr > td:nth-child(3) sup{
    color:#6f7d7a!important;
    -webkit-text-fill-color:#6f7d7a!important;
    text-shadow:none!important;
    filter:none!important;
    opacity:.82!important;
}

#top_players table.sidebar_rank tr > th:nth-child(4) sup,
#top_players table.sidebar_rank tr > td:nth-child(4) sup,
[id^="top_players"] table.sidebar_rank tr > th:nth-child(4) sup,
[id^="top_players"] table.sidebar_rank tr > td:nth-child(4) sup{
    color:#7d727f!important;
    -webkit-text-fill-color:#7d727f!important;
    text-shadow:none!important;
    filter:none!important;
    opacity:.82!important;
}

#top_players table.sidebar_rank tbody tr:hover > td:nth-child(3) sup,
[id^="top_players"] table.sidebar_rank tbody tr:hover > td:nth-child(3) sup{
    color:#6f7d7a!important;
    -webkit-text-fill-color:#6f7d7a!important;
    text-shadow:none!important;
}

#top_players table.sidebar_rank tbody tr:hover > td:nth-child(4) sup,
[id^="top_players"] table.sidebar_rank tbody tr:hover > td:nth-child(4) sup{
    color:#7d727f!important;
    -webkit-text-fill-color:#7d727f!important;
    text-shadow:none!important;
}


/* ================================================================
   V150 — Top Players ML/GR balanced muted colors
   Restores clear cyan/lilac identity without glow or gray opacity.
   Applies to labels and numeric values, including cached markup.
   ================================================================ */
#top_players table.sidebar_rank tr > th:nth-child(3) sup,
#top_players table.sidebar_rank tr > td:nth-child(3) sup,
[id^="top_players"] table.sidebar_rank tr > th:nth-child(3) sup,
[id^="top_players"] table.sidebar_rank tr > td:nth-child(3) sup,
table.sidebar_rank sup.rank-extra-ml-label,
table.sidebar_rank sup.rank-extra-ml-value{
    color:#8faeaa!important;
    -webkit-text-fill-color:#8faeaa!important;
    text-shadow:none!important;
    filter:none!important;
    opacity:1!important;
}

#top_players table.sidebar_rank tr > th:nth-child(4) sup,
#top_players table.sidebar_rank tr > td:nth-child(4) sup,
[id^="top_players"] table.sidebar_rank tr > th:nth-child(4) sup,
[id^="top_players"] table.sidebar_rank tr > td:nth-child(4) sup,
table.sidebar_rank sup.rank-extra-gr-label,
table.sidebar_rank sup.rank-extra-gr-value{
    color:#a08da3!important;
    -webkit-text-fill-color:#a08da3!important;
    text-shadow:none!important;
    filter:none!important;
    opacity:1!important;
}

#top_players table.sidebar_rank tbody tr:hover > td:nth-child(3) sup,
[id^="top_players"] table.sidebar_rank tbody tr:hover > td:nth-child(3) sup,
table.sidebar_rank tbody tr:hover sup.rank-extra-ml-value{
    color:#9dbbb7!important;
    -webkit-text-fill-color:#9dbbb7!important;
    text-shadow:none!important;
    opacity:1!important;
}

#top_players table.sidebar_rank tbody tr:hover > td:nth-child(4) sup,
[id^="top_players"] table.sidebar_rank tbody tr:hover > td:nth-child(4) sup,
table.sidebar_rank tbody tr:hover sup.rank-extra-gr-value{
    color:#ad9ab0!important;
    -webkit-text-fill-color:#ad9ab0!important;
    text-shadow:none!important;
    opacity:1!important;
}


/* ================================================================
   V151 — Top Players softer brighter ML/GR + slightly larger text
   User requested: +40%% brighter than V150, still calm, no acid glow.
   Also slightly increase text and numbers inside Top Players.
   ================================================================ */
#top_players table.sidebar_rank th,
[id^="top_players"] table.sidebar_rank th{
    font-size:10.8px!important;
}

#top_players table.sidebar_rank td,
[id^="top_players"] table.sidebar_rank td{
    font-size:12.4px!important;
}

#top_players table.sidebar_rank .rank-name a,
[id^="top_players"] table.sidebar_rank .rank-name a{
    font-size:12.4px!important;
    font-weight:700!important;
}

#top_players table.sidebar_rank .rank-primary,
[id^="top_players"] table.sidebar_rank .rank-primary{
    font-size:12.4px!important;
}

#top_players table.sidebar_rank tr > th:nth-child(3) sup,
#top_players table.sidebar_rank tr > td:nth-child(3) sup,
[id^="top_players"] table.sidebar_rank tr > th:nth-child(3) sup,
[id^="top_players"] table.sidebar_rank tr > td:nth-child(3) sup,
#top_players table.sidebar_rank sup.rank-extra-ml-label,
#top_players table.sidebar_rank sup.rank-extra-ml-value,
#top_players table.sidebar_rank sup.rank-extra-ml-label *,
#top_players table.sidebar_rank sup.rank-extra-ml-value *,
[id^="top_players"] table.sidebar_rank sup.rank-extra-ml-label,
[id^="top_players"] table.sidebar_rank sup.rank-extra-ml-value,
[id^="top_players"] table.sidebar_rank sup.rank-extra-ml-label *,
[id^="top_players"] table.sidebar_rank sup.rank-extra-ml-value *{
    color:#c2ddd9!important;
    -webkit-text-fill-color:#c2ddd9!important;
    text-shadow:none!important;
    filter:none!important;
    opacity:1!important;
    font-size:.80em!important;
    font-weight:700!important;
}

#top_players table.sidebar_rank tr > th:nth-child(4) sup,
#top_players table.sidebar_rank tr > td:nth-child(4) sup,
[id^="top_players"] table.sidebar_rank tr > th:nth-child(4) sup,
[id^="top_players"] table.sidebar_rank tr > td:nth-child(4) sup,
#top_players table.sidebar_rank sup.rank-extra-gr-label,
#top_players table.sidebar_rank sup.rank-extra-gr-value,
#top_players table.sidebar_rank sup.rank-extra-gr-label *,
#top_players table.sidebar_rank sup.rank-extra-gr-value *,
[id^="top_players"] table.sidebar_rank sup.rank-extra-gr-label,
[id^="top_players"] table.sidebar_rank sup.rank-extra-gr-value,
[id^="top_players"] table.sidebar_rank sup.rank-extra-gr-label *,
[id^="top_players"] table.sidebar_rank sup.rank-extra-gr-value *{
    color:#c5b2c8!important;
    -webkit-text-fill-color:#c5b2c8!important;
    text-shadow:none!important;
    filter:none!important;
    opacity:1!important;
    font-size:.80em!important;
    font-weight:700!important;
}

#top_players table.sidebar_rank tbody tr:hover > td:nth-child(3) sup,
#top_players table.sidebar_rank tbody tr:hover sup.rank-extra-ml-label,
#top_players table.sidebar_rank tbody tr:hover sup.rank-extra-ml-value,
#top_players table.sidebar_rank tbody tr:hover sup.rank-extra-ml-label *,
#top_players table.sidebar_rank tbody tr:hover sup.rank-extra-ml-value *,
[id^="top_players"] table.sidebar_rank tbody tr:hover > td:nth-child(3) sup,
[id^="top_players"] table.sidebar_rank tbody tr:hover sup.rank-extra-ml-label,
[id^="top_players"] table.sidebar_rank tbody tr:hover sup.rank-extra-ml-value,
[id^="top_players"] table.sidebar_rank tbody tr:hover sup.rank-extra-ml-label *,
[id^="top_players"] table.sidebar_rank tbody tr:hover sup.rank-extra-ml-value *{
    color:#c2ddd9!important;
    -webkit-text-fill-color:#c2ddd9!important;
    text-shadow:none!important;
    opacity:1!important;
}

#top_players table.sidebar_rank tbody tr:hover > td:nth-child(4) sup,
#top_players table.sidebar_rank tbody tr:hover sup.rank-extra-gr-label,
#top_players table.sidebar_rank tbody tr:hover sup.rank-extra-gr-value,
#top_players table.sidebar_rank tbody tr:hover sup.rank-extra-gr-label *,
#top_players table.sidebar_rank tbody tr:hover sup.rank-extra-gr-value *,
[id^="top_players"] table.sidebar_rank tbody tr:hover > td:nth-child(4) sup,
[id^="top_players"] table.sidebar_rank tbody tr:hover sup.rank-extra-gr-label,
[id^="top_players"] table.sidebar_rank tbody tr:hover sup.rank-extra-gr-value,
[id^="top_players"] table.sidebar_rank tbody tr:hover sup.rank-extra-gr-label *,
[id^="top_players"] table.sidebar_rank tbody tr:hover sup.rank-extra-gr-value *{
    color:#c5b2c8!important;
    -webkit-text-fill-color:#c5b2c8!important;
    text-shadow:none!important;
    opacity:1!important;
}


/* ================================================================
   V152 — Top Players ML/GR +15% brighter, nicknames +15% larger
   No glow; only brightness and character-name size are changed.
   ================================================================ */
#top_players table.sidebar_rank tr > th:nth-child(3) sup,
#top_players table.sidebar_rank tr > td:nth-child(3) sup,
[id^="top_players"] table.sidebar_rank tr > th:nth-child(3) sup,
[id^="top_players"] table.sidebar_rank tr > td:nth-child(3) sup,
#top_players table.sidebar_rank sup.rank-extra-ml-label,
#top_players table.sidebar_rank sup.rank-extra-ml-value,
#top_players table.sidebar_rank sup.rank-extra-ml-label *,
#top_players table.sidebar_rank sup.rank-extra-ml-value *,
[id^="top_players"] table.sidebar_rank sup.rank-extra-ml-label,
[id^="top_players"] table.sidebar_rank sup.rank-extra-ml-value,
[id^="top_players"] table.sidebar_rank sup.rank-extra-ml-label *,
[id^="top_players"] table.sidebar_rank sup.rank-extra-ml-value *{
    color:#cbe2df!important;
    -webkit-text-fill-color:#cbe2df!important;
    text-shadow:none!important;
    filter:none!important;
    opacity:1!important;
}

#top_players table.sidebar_rank tr > th:nth-child(4) sup,
#top_players table.sidebar_rank tr > td:nth-child(4) sup,
[id^="top_players"] table.sidebar_rank tr > th:nth-child(4) sup,
[id^="top_players"] table.sidebar_rank tr > td:nth-child(4) sup,
#top_players table.sidebar_rank sup.rank-extra-gr-label,
#top_players table.sidebar_rank sup.rank-extra-gr-value,
#top_players table.sidebar_rank sup.rank-extra-gr-label *,
#top_players table.sidebar_rank sup.rank-extra-gr-value *,
[id^="top_players"] table.sidebar_rank sup.rank-extra-gr-label,
[id^="top_players"] table.sidebar_rank sup.rank-extra-gr-value,
[id^="top_players"] table.sidebar_rank sup.rank-extra-gr-label *,
[id^="top_players"] table.sidebar_rank sup.rank-extra-gr-value *{
    color:#cebed0!important;
    -webkit-text-fill-color:#cebed0!important;
    text-shadow:none!important;
    filter:none!important;
    opacity:1!important;
}

#top_players table.sidebar_rank tbody tr:hover > td:nth-child(3) sup,
#top_players table.sidebar_rank tbody tr:hover sup.rank-extra-ml-label,
#top_players table.sidebar_rank tbody tr:hover sup.rank-extra-ml-value,
#top_players table.sidebar_rank tbody tr:hover sup.rank-extra-ml-label *,
#top_players table.sidebar_rank tbody tr:hover sup.rank-extra-ml-value *,
[id^="top_players"] table.sidebar_rank tbody tr:hover > td:nth-child(3) sup,
[id^="top_players"] table.sidebar_rank tbody tr:hover sup.rank-extra-ml-label,
[id^="top_players"] table.sidebar_rank tbody tr:hover sup.rank-extra-ml-value,
[id^="top_players"] table.sidebar_rank tbody tr:hover sup.rank-extra-ml-label *,
[id^="top_players"] table.sidebar_rank tbody tr:hover sup.rank-extra-ml-value *{
    color:#cbe2df!important;
    -webkit-text-fill-color:#cbe2df!important;
    text-shadow:none!important;
}

#top_players table.sidebar_rank tbody tr:hover > td:nth-child(4) sup,
#top_players table.sidebar_rank tbody tr:hover sup.rank-extra-gr-label,
#top_players table.sidebar_rank tbody tr:hover sup.rank-extra-gr-value,
#top_players table.sidebar_rank tbody tr:hover sup.rank-extra-gr-label *,
#top_players table.sidebar_rank tbody tr:hover sup.rank-extra-gr-value *,
[id^="top_players"] table.sidebar_rank tbody tr:hover > td:nth-child(4) sup,
[id^="top_players"] table.sidebar_rank tbody tr:hover sup.rank-extra-gr-label,
[id^="top_players"] table.sidebar_rank tbody tr:hover sup.rank-extra-gr-value,
[id^="top_players"] table.sidebar_rank tbody tr:hover sup.rank-extra-gr-label *,
[id^="top_players"] table.sidebar_rank tbody tr:hover sup.rank-extra-gr-value *{
    color:#cebed0!important;
    -webkit-text-fill-color:#cebed0!important;
    text-shadow:none!important;
}

#top_players table.sidebar_rank tbody td:nth-child(2) a,
[id^="top_players"] table.sidebar_rank tbody td:nth-child(2) a,
#top_players table.sidebar_rank .rank-name a,
[id^="top_players"] table.sidebar_rank .rank-name a{
    font-size:14.3px!important;
    line-height:1.2!important;
}


/* ================================================================
   V153 — Settings headings and spacing
   - Account Settings: glossy heading
   - Change Password / Change Email: glossy, straight top edge,
     full-width bottom line
   - 15px gap between Account Settings and Change Password
   ================================================================ */
#content.settings-page-content > #box1.settings-page-box > .title1.settings-main-title{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-height:50px!important;
    margin:0 0 15px!important;
    padding:0 20px!important;
    overflow:hidden!important;
    background:
        linear-gradient(180deg,
            rgba(255,244,211,.18) 0%,
            rgba(255,231,172,.105) 24%,
            rgba(213,164,86,.065) 46%,
            rgba(93,56,21,.035) 70%,
            rgba(0,0,0,.21) 100%),
        linear-gradient(90deg,#3a260f 0%,#261707 60%,#1a1006 100%)!important;
    border:1px solid rgba(206,154,54,.42)!important;
    border-radius:12px!important;
    box-shadow:
        inset 0 1px 0 rgba(255,244,204,.24),
        inset 0 -1px 0 rgba(0,0,0,.28),
        0 7px 18px rgba(0,0,0,.16)!important;
}
#content.settings-page-content > #box1.settings-page-box > .title1.settings-main-title::before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    background:linear-gradient(180deg,
        rgba(255,247,219,.105) 0%,
        rgba(255,238,190,.052) 30%,
        rgba(255,229,165,.018) 58%,
        rgba(255,236,180,0) 82%)!important;
    pointer-events:none!important;
}
#content.settings-page-content > #box1.settings-page-box > .title1.settings-main-title::after{
    content:""!important;
    position:absolute!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    height:1px!important;
    background:linear-gradient(90deg,
        rgba(243,198,100,.80),
        rgba(211,152,50,.34) 46%,
        rgba(146,88,18,.12) 78%,
        transparent 100%)!important;
    box-shadow:0 0 10px rgba(221,165,61,.22)!important;
    pointer-events:none!important;
}
#content.settings-page-content > #box1.settings-page-box > .title1.settings-main-title > h1{
    position:relative!important;
    z-index:2!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    color:#efca70!important;
    font-family:Georgia,"Times New Roman",serif!important;
    font-size:15px!important;
    font-weight:700!important;
    line-height:1.1!important;
    letter-spacing:.075em!important;
    text-align:center!important;
    text-transform:uppercase!important;
    text-shadow:0 1px 0 rgba(0,0,0,.95),0 0 10px rgba(232,181,78,.18)!important;
}

#content.settings-page-content > #box1.settings-page-box > .box-style1.settings-card{
    margin:0 0 15px!important;
    padding:0!important;
    overflow:hidden!important;
    background:linear-gradient(180deg,rgba(18,13,8,.98),rgba(9,7,4,.99))!important;
    border:1px solid rgba(175,129,44,.34)!important;
    border-radius:0 0 12px 12px!important;
    box-shadow:inset 0 1px 0 rgba(255,235,185,.04),0 7px 18px rgba(0,0,0,.12)!important;
}

#content.settings-page-content > #box1.settings-page-box > .box-style1.settings-card > h2.title.settings-card-title{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    box-sizing:border-box!important;
    width:100%!important;
    min-height:50px!important;
    margin:0!important;
    padding:0 18px!important;
    overflow:hidden!important;
    color:#efca70!important;
    background:
        linear-gradient(180deg,
            rgba(255,244,211,.18) 0%,
            rgba(255,231,172,.105) 24%,
            rgba(213,164,86,.065) 46%,
            rgba(93,56,21,.035) 70%,
            rgba(0,0,0,.21) 100%),
        linear-gradient(90deg,#3a260f 0%,#261707 60%,#1a1006 100%)!important;
    border:0!important;
    border-top:1px solid rgba(206,154,54,.42)!important;
    border-bottom:1px solid rgba(221,168,67,.42)!important;
    border-radius:0!important;
    box-shadow:inset 0 1px 0 rgba(255,244,204,.24),inset 0 -1px 0 rgba(0,0,0,.28)!important;
    font-family:Georgia,"Times New Roman",serif!important;
    font-size:14px!important;
    font-weight:700!important;
    line-height:1.1!important;
    letter-spacing:.075em!important;
    text-align:center!important;
    text-transform:uppercase!important;
    text-shadow:0 1px 0 rgba(0,0,0,.95),0 0 10px rgba(232,181,78,.18)!important;
}
#content.settings-page-content > #box1.settings-page-box > .box-style1.settings-card > h2.title.settings-card-title::before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    background:linear-gradient(180deg,
        rgba(255,247,219,.105) 0%,
        rgba(255,238,190,.052) 30%,
        rgba(255,229,165,.018) 58%,
        rgba(255,236,180,0) 82%)!important;
    pointer-events:none!important;
}
#content.settings-page-content > #box1.settings-page-box > .box-style1.settings-card > h2.title.settings-card-title::after{
    content:""!important;
    position:absolute!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    width:100%!important;
    height:1px!important;
    background:linear-gradient(90deg,
        rgba(243,198,100,.80),
        rgba(211,152,50,.34) 46%,
        rgba(146,88,18,.12) 78%,
        transparent 100%)!important;
    box-shadow:0 0 10px rgba(221,165,61,.22)!important;
    pointer-events:none!important;
}
#content.settings-page-content > #box1.settings-page-box > .box-style1.settings-card > .entry.settings-entry{
    margin:0!important;
    padding:18px 18px 14px!important;
    background:transparent!important;
    border:0!important;
}

@media(max-width:700px){
    #content.settings-page-content > #box1.settings-page-box > .title1.settings-main-title{
        min-height:46px!important;
        margin-bottom:15px!important;
    }
    #content.settings-page-content > #box1.settings-page-box > .box-style1.settings-card > h2.title.settings-card-title{
        min-height:46px!important;
        font-size:13px!important;
    }
    #content.settings-page-content > #box1.settings-page-box > .box-style1.settings-card > .entry.settings-entry{
        padding:15px 13px 12px!important;
    }
}


/* ================================================================
   V154 — Character layout recovery
   Fallback structure while fate-equipment-v155.js activates the full
   body.fate-equipment-page rules. Prevents profile/inventory/guild
   from collapsing into a vertical legacy layout.
   ================================================================ */
.fate-character-page-shell-v26 .fate-character-showcase-v19{
    width:100%!important;
    display:grid!important;
    grid-template-columns:150px minmax(500px,1fr) 150px!important;
    gap:12px!important;
    align-items:stretch!important;
    margin:14px 0 4px!important;
    padding:0!important;
}
.fate-character-page-shell-v26 .fate-character-profile-v19,
.fate-character-page-shell-v26 .fate-character-inventory-v19,
.fate-character-page-shell-v26 .fate-character-guild-v19{
    min-width:0!important;
}
@media(max-width:920px){
    .fate-character-page-shell-v26 .fate-character-showcase-v19{
        grid-template-columns:1fr 1fr!important;
    }
    .fate-character-page-shell-v26 .fate-character-inventory-v19{
        grid-column:1/-1!important;
        grid-row:1!important;
    }
}
@media(max-width:560px){
    .fate-character-page-shell-v26 .fate-character-showcase-v19{
        display:flex!important;
        flex-direction:column!important;
    }
}


/* ================================================================
   V155 — Account Settings: straight bottom edge
   Keep the glossy upper corners, remove only the lower rounding.
   ================================================================ */
#content.settings-page-content > #box1.settings-page-box > .title1.settings-main-title{
    border-bottom-left-radius:0!important;
    border-bottom-right-radius:0!important;
}


/* ================================================================
   V156 — Settings cards: remove outer perimeter/frame on the two
   inner blocks (Change Password / Change Email)
   ================================================================ */
#content.settings-page-content > #box1.settings-page-box > .box-style1.settings-card{
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    border-radius:0!important;
}


/* ================================================================
   V158 — Center only the main Rankings page heading
   ================================================================ */
#content.fate-rankings-page-v158 > #box1 > .title1{
    justify-content:center!important;
    text-align:center!important;
    padding-left:18px!important;
    padding-right:18px!important;
}
#content.fate-rankings-page-v158 > #box1 > .title1 > h1,
#content.fate-rankings-page-v158 > #box1 > .title1 > h2{
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    text-align:center!important;
}


/* News type badges + private publication metadata (2026-09-12). */
.news-item,
.news-detail-article{
    --news-type-accent:#b89a5a;
    --news-type-bg:rgba(184,154,90,.08);
    --news-type-border:rgba(184,154,90,.28);
}
.news-item.news-type-announcement,.news-detail-article.news-type-announcement{
    --news-type-accent:#d5a54b;
    --news-type-bg:rgba(213,165,75,.10);
    --news-type-border:rgba(213,165,75,.34);
}
.news-item.news-type-event,.news-detail-article.news-type-event{
    --news-type-accent:#bd6558;
    --news-type-bg:rgba(189,101,88,.10);
    --news-type-border:rgba(189,101,88,.34);
}
.news-item.news-type-update,.news-detail-article.news-type-update{
    --news-type-accent:#6f9eb1;
    --news-type-bg:rgba(111,158,177,.10);
    --news-type-border:rgba(111,158,177,.34);
}
.news-item{
    box-shadow:none!important;
}
.news-header{
    grid-template-columns:minmax(0,1fr)!important;
}
.news-category.news-type-badge,
.news-detail-kicker.news-type-badge{
    display:inline-flex!important;
    width:auto!important;
    align-items:center!important;
    min-height:19px!important;
    padding:2px 7px!important;
    color:var(--news-type-accent)!important;
    background:var(--news-type-bg)!important;
    border:1px solid var(--news-type-border)!important;
    border-radius:2px!important;
    font-size:8px!important;
    font-weight:800!important;
    line-height:1.2!important;
    letter-spacing:.12em!important;
    text-transform:uppercase!important;
}
.news-footer{
    justify-content:flex-end!important;
}
.news-detail-header{
    box-shadow:inset 2px 0 0 var(--news-type-accent)!important;
}
.news-detail-header h1{
    margin-top:8px!important;
}


/* ================================================================
   V46 — Smart Fit for Character Inventory artwork
   Normalizes the visible (non-transparent) item artwork instead of
   applying one fixed scale to every source image.
   ================================================================ */
#inventoryc.fate-equipment-board-v21 .fate-equipment-slot-v21{
    --fate-art-fill:.82;
    --fate-art-max-upscale:2.4;
}

/* Slot-specific visual targets. The JS still compensates per image. */
#inventoryc.fate-equipment-board-v21 .fate-slot-v21-pet{--fate-art-fill:.80;}
#inventoryc.fate-equipment-board-v21 .fate-slot-v21-helm{--fate-art-fill:.82;}
#inventoryc.fate-equipment-board-v21 .fate-slot-v21-wings{--fate-art-fill:.90;--fate-art-max-upscale:2.6;}
#inventoryc.fate-equipment-board-v21 .fate-slot-v21-weapon,
#inventoryc.fate-equipment-board-v21 .fate-slot-v21-shield{--fate-art-fill:.78;}
#inventoryc.fate-equipment-board-v21 .fate-slot-v21-armor{--fate-art-fill:.76;}
#inventoryc.fate-equipment-board-v21 .fate-slot-v21-gloves,
#inventoryc.fate-equipment-board-v21 .fate-slot-v21-pants,
#inventoryc.fate-equipment-board-v21 .fate-slot-v21-boots{--fate-art-fill:.80;}
#inventoryc.fate-equipment-board-v21 .fate-slot-v21-pendant,
#inventoryc.fate-equipment-board-v21 .fate-slot-v21-earl,
#inventoryc.fate-equipment-board-v21 .fate-slot-v21-earr,
#inventoryc.fate-equipment-board-v21 .fate-slot-v21-ringl,
#inventoryc.fate-equipment-board-v21 .fate-slot-v21-ringr{--fate-art-fill:.70;--fate-art-max-upscale:2.2;}
#inventoryc.fate-equipment-board-v21 .fate-elf-ranged-weapon-v43{--fate-art-fill:.78;}
#inventoryc.fate-equipment-board-v21 .fate-elf-ammo-v43{--fate-art-fill:.60;--fate-art-max-upscale:2.0;}

/* Only processed images override the older V39/V40/V44 fixed transforms.
   If Smart Fit cannot inspect an image, the previous CSS remains the fallback. */
#inventoryc.fate-equipment-board-v21 .fate-equipment-item-v21.fate-art-normalized-v46{
    transform:none!important;
    transform-origin:center center!important;
    image-rendering:auto!important;
    will-change:transform;
}
#inventoryc.fate-equipment-board-v21 .fate-equipment-slot-v21:hover .fate-equipment-item-v21.fate-art-normalized-v46{
    transform:scale(1.02)!important;
}


/* ======================================================================
   News rich HTML fidelity + calm home cards (2026-10-16)
   - Authored inline news layouts are allowed to control their own sizing.
   - Home news cards keep the normal thin panel border on both sides.
   - No hover shift/grow/padding animation on the home news panel/items.
   ====================================================================== */
.home-content > .news-panel,
.home-content > .news-panel:hover{
    transform:none!important;
    background:
        linear-gradient(180deg,rgba(255,237,185,.045),transparent 80px),
        linear-gradient(180deg,var(--v9-panel-top) 0%,var(--v9-panel) 46%,#0e0d0b 100%)!important;
    border-color:var(--v9-line)!important;
    box-shadow:inset 0 1px 0 rgba(255,239,198,.085),inset 0 -1px 0 rgba(0,0,0,.7),0 10px 26px rgba(0,0,0,.31)!important;
}
.home-content .news-item,
.home-content .news-item:hover{
    padding:21px 22px!important;
    background:transparent!important;
    box-shadow:none!important;
    transition:none!important;
}
.home-content .news-item:before{display:none!important;}

@media(max-width:760px){
    .home-content .news-item,
    .home-content .news-item:hover{padding:18px 16px!important;}
}

/* Do not flatten authored Full News wrapper/layout widths. Media remains
   responsive through the dedicated img/iframe/video/table rules above. */
.news-detail-body.reign-rich-content > *{max-width:100%;}

/* ======================================================================
   V159 — Home news authored text alignment fidelity (2026-10-17)
   Small News / Home Card must honor alignment explicitly saved by the
   rich-content editor, just like the full news article does.
   ====================================================================== */
.home-content .news-body.reign-rich-content [style*="text-align:center" i],
.home-content .news-body.reign-rich-content [style*="text-align: center" i]{
    text-align:center!important;
}
.home-content .news-body.reign-rich-content [style*="text-align:right" i],
.home-content .news-body.reign-rich-content [style*="text-align: right" i]{
    text-align:right!important;
}
.home-content .news-body.reign-rich-content [style*="text-align:justify" i],
.home-content .news-body.reign-rich-content [style*="text-align: justify" i]{
    text-align:justify!important;
}
.home-content .news-body.reign-rich-content [style*="text-align:left" i],
.home-content .news-body.reign-rich-content [style*="text-align: left" i]{
    text-align:left!important;
}