/* FinalHope v21 — reference-matched fantasy portal with readable type. */ :root{ --fh21-gold:#d79a31; --fh21-gold-bright:#ffc85c; --fh21-red:#ff4b24; --fh21-blue:#168bff; --fh21-green:#37ef69; --fh21-panel:rgba(3,9,16,.94); --fh21-panel-2:rgba(6,13,22,.96); --fh21-line:rgba(207,145,45,.68); --fh21-line-soft:rgba(207,145,45,.28); --fh21-text:#f3f5f8; --fh21-muted:#a9b0bc; } body.we-body-home{overflow-x:hidden!important;color:var(--fh21-text)!important;font-family:'Inter','Segoe UI',sans-serif!important;background:#02060c!important} body.we-body-home .fh-v17-background-shade{background:linear-gradient(180deg,rgba(1,4,10,.08),rgba(1,5,11,.28) 36%,rgba(1,5,11,.72) 100%)!important} body.we-body-home .fh-v17-video{opacity:.52!important;filter:saturate(1.18) contrast(1.05)!important} /* Header: two time cards left, centered logo, language only right. */ body.we-body-home .we-navbar{height:186px!important;min-height:186px!important;margin:0!important;padding:0!important;overflow:visible!important;background:linear-gradient(180deg,rgba(1,4,9,.46),transparent)!important;border:0!important} body.we-body-home .we-navbar-inner{position:relative!important;display:block!important;width:min(1280px,calc(100% - 36px))!important;max-width:1280px!important;height:186px!important;margin:0 auto!important;padding:0!important} body.we-body-home .we-brand{position:absolute!important;z-index:8!important;top:8px!important;left:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;width:365px!important;height:82px!important;margin:0!important;transform:translateX(-50%)!important} body.we-body-home .fh-reference-brand-img{width:100%!important;max-width:365px!important;max-height:82px!important;object-fit:contain!important;filter:drop-shadow(0 4px 5px #000) drop-shadow(0 0 16px rgba(54,104,255,.25))!important} body.we-body-home .fh-header-season{position:absolute!important;z-index:9!important;top:80px!important;left:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-width:145px!important;padding:5px 24px!important;transform:translateX(-50%)!important;clip-path:polygon(12% 0,88% 0,100% 50%,88% 100%,12% 100%,0 50%)!important;border:0!important;border-radius:0!important;background:linear-gradient(180deg,#1857b7,#09265f)!important;box-shadow:0 0 18px rgba(34,103,232,.5)!important} body.we-body-home .fh-header-season span,body.we-body-home .fh-header-season strong{color:#fff!important;font:800 12px/1 'Orbitron','Inter',sans-serif!important;letter-spacing:.13em!important} body.we-body-home .fh-logo-statusbar{position:absolute!important;z-index:10!important;top:22px!important;left:0!important;right:auto!important;display:grid!important;grid-template-columns:repeat(2,152px)!important;gap:10px!important;width:auto!important;pointer-events:auto!important} body.we-body-home .fh-logo-statusitem,body.we-body-home .fh-logo-statusitem:nth-child(2){display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important;width:152px!important;height:48px!important;margin:0!important;padding:6px 12px!important;border:1px solid rgba(224,150,38,.72)!important;border-radius:24px 8px 8px 24px!important;background:linear-gradient(180deg,rgba(5,9,16,.94),rgba(2,6,12,.97))!important;box-shadow:inset 0 0 14px rgba(255,154,34,.05),0 4px 16px rgba(0,0,0,.42)!important} body.we-body-home .fh-logo-statusitem:nth-child(2){border-color:rgba(46,136,255,.78)!important} body.we-body-home .fh-logo-statusicon{display:grid!important;place-items:center!important;width:34px!important;height:34px!important;flex:0 0 34px!important;border:1px solid var(--fh21-red)!important;border-radius:50%!important;color:#ff7045!important;background:rgba(120,24,9,.16)!important;box-shadow:0 0 14px rgba(255,73,28,.24)!important} body.we-body-home .fh-logo-statusitem:nth-child(2) .fh-logo-statusicon{border-color:#278dff!important;color:#5eb0ff!important;background:rgba(10,60,135,.17)!important;box-shadow:0 0 14px rgba(28,130,255,.25)!important} body.we-body-home .fh-logo-statustext small{display:block!important;margin:0 0 3px!important;color:#ff8059!important;font-size:8px!important;font-weight:800!important;letter-spacing:.1em!important} body.we-body-home .fh-logo-statusitem:nth-child(2) small{color:#67b5ff!important} body.we-body-home .fh-logo-statustext strong{display:block!important;color:#fff!important;font:800 12px/1 'Inter',sans-serif!important} body.we-body-home .we-navbar-actions{position:absolute!important;z-index:11!important;top:22px!important;right:0!important;display:flex!important;align-items:center!important;gap:0!important;max-width:190px!important} body.we-body-home .we-navbar-actions>a{display:none!important} body.we-body-home .we-navbar-actions button,body.we-body-home .we-navbar-actions select,body.we-body-home .we-navbar-actions .dropdown-toggle{height:46px!important;margin:0!important;padding:0 16px!important;border:1px solid rgba(52,126,235,.58)!important;border-radius:7px!important;background:rgba(5,10,20,.92)!important;color:#fff!important;box-shadow:0 6px 18px rgba(0,0,0,.35)!important;font-size:11px!important;font-weight:800!important} body.we-body-home .we-nav{position:absolute!important;z-index:12!important;top:112px!important;left:50%!important;right:auto!important;display:flex!important;align-items:stretch!important;justify-content:center!important;width:970px!important;max-width:calc(100% - 80px)!important;height:54px!important;margin:0!important;padding:0 16px!important;transform:translateX(-50%)!important;clip-path:polygon(2% 0,98% 0,100% 50%,98% 100%,2% 100%,0 50%)!important;border:1px solid rgba(215,154,49,.86)!important;border-radius:0!important;background:linear-gradient(180deg,rgba(7,12,20,.97),rgba(3,8,14,.99))!important;box-shadow:0 10px 26px rgba(0,0,0,.38),inset 0 0 20px rgba(255,177,46,.035)!important;backdrop-filter:none!important} body.we-body-home .we-nav-menu,body.we-body-home .fh-left-extra-nav{display:flex!important;align-items:stretch!important;height:52px!important;margin:0!important;padding:0!important} body.we-body-home .we-nav-link,body.we-body-home .we-nav-menu a,body.we-body-home .fh-left-extra-link{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;height:52px!important;padding:0 21px!important;border:0!important;border-right:1px solid rgba(194,142,58,.18)!important;border-radius:0!important;color:#d7d9df!important;background:transparent!important;box-shadow:none!important;font-size:11px!important;font-weight:800!important;letter-spacing:.025em!important;white-space:nowrap!important;text-transform:uppercase!important} body.we-body-home .we-nav-link::after,body.we-body-home .we-nav-menu a::after,body.we-body-home .fh-left-extra-link::after{content:""!important;position:absolute!important;left:8px!important;right:8px!important;bottom:0!important;display:block!important;height:3px!important;background:linear-gradient(90deg,transparent,var(--fh21-red),transparent)!important;opacity:0!important} body.we-body-home .we-nav-link .we-icon,body.we-body-home .we-nav-menu a .we-icon,body.we-body-home .fh-left-extra-link .we-icon{width:18px!important;height:18px!important;color:var(--fh21-gold-bright)!important} body.we-body-home .we-nav-link:hover,body.we-body-home .we-nav-link.active,body.we-body-home .we-nav-menu a:hover,body.we-body-home .we-nav-menu a.active,body.we-body-home .fh-left-extra-link:hover{color:#fff!important;background:linear-gradient(180deg,rgba(146,36,15,.58),rgba(52,14,9,.52))!important;box-shadow:inset 0 0 22px rgba(255,72,27,.08)!important} body.we-body-home .we-nav-link:hover::after,body.we-body-home .we-nav-link.active::after,body.we-body-home .we-nav-menu a:hover::after,body.we-body-home .we-nav-menu a.active::after{opacity:1!important} body.we-body-home .we-nav-toggle{display:none!important} /* Three-column target composition. */ body.we-body-home .we-main{margin:0!important;padding:0 0 54px!important;background:transparent!important} body.we-body-home .we-main>.we-container,body.we-body-home .we-content,body.we-body-home .we-content>.row,body.we-body-home .we-module-col{width:100%!important;max-width:none!important;margin:0!important;padding:0!important} body.we-body-home .we-home-account-grid{display:grid!important;grid-template-columns:205px minmax(0,1fr) 260px!important;gap:12px!important;align-items:start!important;width:min(1280px,calc(100% - 36px))!important;max-width:1280px!important;margin:0 auto!important;padding:0!important} body.we-body-home .we-home-account-grid>*{min-width:0!important} body.we-body-home .we-home-account-left{position:relative!important;top:auto!important;overflow:hidden!important;border:1px solid var(--fh21-line)!important;border-radius:0!important;background:linear-gradient(180deg,rgba(4,11,18,.98),rgba(2,8,14,.99))!important;box-shadow:0 16px 40px rgba(0,0,0,.34)!important;backdrop-filter:none!important} body.we-body-home .we-home-account-main{min-width:0!important} body.we-body-home .we-home-account-right{display:flex!important;flex-direction:column!important;gap:10px!important;min-width:0!important} body.we-body-home .we-home-account-card{margin:0!important;padding:16px 13px 12px!important;border:0!important;border-bottom:1px solid var(--fh21-line-soft)!important;background:radial-gradient(circle at 50% 12%,rgba(213,149,45,.08),transparent 48%)!important;text-align:center!important} body.we-body-home .we-home-account-avatar{width:92px!important;height:92px!important;margin:0 auto 8px!important;overflow:hidden!important;border:2px solid rgba(215,154,49,.72)!important;border-radius:50%!important;background:#050b13!important;box-shadow:0 0 0 4px rgba(215,154,49,.06),0 0 22px rgba(215,123,27,.13)!important} body.we-body-home .we-home-account-avatar img{width:100%!important;height:100%!important;object-fit:cover!important} body.we-body-home .we-home-account-name{color:#fff!important;font-size:20px!important;font-weight:850!important;line-height:1.1!important} body.we-body-home .we-home-account-sub{margin:5px 0 13px!important;color:#e8c365!important;font-size:12px!important} body.we-body-home .we-home-account-balances{margin:0 0 10px!important;padding:8px!important;border:1px solid var(--fh21-line-soft)!important;border-radius:0!important;background:rgba(255,255,255,.018)!important} body.we-body-home .we-home-buy-credit,body.we-body-home .we-home-download-client,body.we-body-home .we-home-login-reference,body.we-body-home .we-home-register-reference,body.we-body-home .we-home-admincp-reference,body.we-body-home .we-home-logout-reference,body.we-body-home .we-home-guest-download{display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;width:100%!important;height:42px!important;min-height:42px!important;margin:7px 0 0!important;padding:0 10px!important;border:1px solid rgba(232,156,42,.82)!important;border-radius:3px!important;background:linear-gradient(180deg,#bb6d17,#7b3b08)!important;color:#fff!important;box-shadow:inset 0 1px rgba(255,226,158,.18),0 5px 14px rgba(0,0,0,.25)!important;font-size:14px!important;font-weight:900!important;letter-spacing:.025em!important;text-transform:uppercase!important} body.we-body-home .we-home-register-reference,body.we-body-home .we-home-download-client,body.we-body-home .we-home-guest-download{border-color:rgba(38,134,255,.85)!important;background:linear-gradient(180deg,#1766c8,#0a3476)!important} body.we-body-home .fh-account-panel-title{padding:13px 14px 10px!important;border:0!important;border-bottom:1px solid var(--fh21-line-soft)!important;background:rgba(255,255,255,.015)!important;color:#fff!important;font-size:13px!important;font-weight:900!important;letter-spacing:.06em!important;text-transform:uppercase!important} body.we-body-home .we-home-account-menu{display:flex!important;flex-direction:column!important;padding:0!important;border:0!important;background:transparent!important} body.we-body-home .fh-important-account-menu .we-home-account-link{display:grid!important;grid-template-columns:24px 1fr 12px!important;align-items:center!important;min-height:38px!important;margin:0!important;padding:0 11px!important;border:0!important;border-bottom:1px solid rgba(194,142,58,.13)!important;border-radius:0!important;background:transparent!important;color:#cfd3db!important;font-size:11px!important;font-weight:700!important} body.we-body-home .fh-important-account-menu .we-home-account-link:hover{background:linear-gradient(90deg,rgba(154,50,17,.30),transparent)!important;color:#fff!important} body.we-body-home .fh-important-account-menu .we-home-account-link-icon{display:grid!important;place-items:center!important;width:22px!important;height:22px!important;color:var(--fh21-gold-bright)!important} body.we-body-home .we-home-account-link-arrow{color:var(--fh21-gold-bright)!important;font-size:16px!important} body.we-body-home .fh-discord-community-card{display:none!important} /* Four matching action squares, including the single server-status card. */ body.we-body-home .fh-feature-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;margin:0 0 10px!important} body.we-body-home .fh-feature,body.we-body-home .fh-feature-grid .fh-right-live-card{position:relative!important;display:grid!important;grid-template-columns:50px minmax(0,1fr)!important;grid-template-rows:1fr auto!important;gap:4px 10px!important;align-items:center!important;width:auto!important;height:103px!important;min-height:103px!important;margin:0!important;padding:13px!important;overflow:hidden!important;border:1px solid rgba(215,154,49,.72)!important;border-radius:0!important;background:linear-gradient(135deg,rgba(44,10,8,.96),rgba(8,8,12,.98))!important;box-shadow:0 12px 28px rgba(0,0,0,.28)!important;clip-path:none!important;color:#fff!important} body.we-body-home .fh-feature::before{display:none!important} body.we-body-home .fh-feature:hover{transform:translateY(-2px)!important;border-color:var(--fh21-gold-bright)!important;box-shadow:0 14px 32px rgba(0,0,0,.34),0 0 16px rgba(215,116,29,.09)!important} body.we-body-home .fh-feature-icon{grid-row:1/3!important;display:grid!important;place-items:center!important;width:50px!important;height:50px!important;border:1px solid currentColor!important;border-radius:50%!important;background:rgba(255,255,255,.025)!important;color:#ff532f!important;filter:drop-shadow(0 0 8px currentColor)!important} body.we-body-home .fh-feature-icon svg{width:32px!important;height:32px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.7!important;stroke-linecap:round!important;stroke-linejoin:round!important} body.we-body-home .fh-feature-copy{min-width:0!important}.fh-feature-copy strong{display:block!important;color:#fff!important;font-size:14px!important;font-weight:900!important;line-height:1.1!important}.fh-feature-copy small{display:block!important;margin-top:4px!important;color:#d5d6dc!important;font-size:11px!important;line-height:1.15!important}.fh-feature-copy span{display:block!important;color:#e7ece9!important;font-size:10px!important} body.we-body-home .fh-feature-action{align-self:end!important;width:max-content!important;max-width:100%!important;height:auto!important;padding:4px 7px!important;border:1px solid rgba(215,154,49,.32)!important;border-radius:10px!important;background:rgba(0,0,0,.26)!important;color:#fff!important;font-size:8px!important;font-weight:800!important;white-space:nowrap!important} body.we-body-home .fh-feature-credits{background:linear-gradient(135deg,rgba(77,51,12,.96),rgba(9,9,10,.98))!important}.fh-feature-credits .fh-feature-icon{color:#ffb629!important} body.we-body-home .fh-feature-rankings{background:linear-gradient(135deg,rgba(5,40,77,.97),rgba(5,9,16,.98))!important;border-color:rgba(47,138,238,.75)!important}.fh-feature-rankings .fh-feature-icon{color:#1d9cff!important} body.we-body-home .fh-feature-grid .fh-feature-live{background:linear-gradient(135deg,rgba(4,48,19,.98),rgba(2,18,10,.99))!important;border-color:rgba(50,205,83,.72)!important} body.we-body-home .fh-feature-live::after{display:none!important}.fh-feature-live .fh-feature-icon{color:var(--fh21-green)!important}.fh-feature-live .fh-feature-copy small{color:#65f184!important;font-size:9px!important;font-weight:900!important}.fh-feature-live .fh-feature-copy strong{color:#4cff73!important;font-size:21px!important}.fh-feature-live .fh-feature-action{color:#a6f4b5!important;border-color:rgba(69,220,100,.25)!important} body.we-body-home .fh-live-radar{position:relative!important}.fh-live-radar::before,.fh-live-radar::after{content:""!important;position:absolute!important;border:1px solid currentColor!important;border-radius:50%!important}.fh-live-radar::before{width:30px!important;height:30px!important;opacity:.55!important}.fh-live-radar::after{width:9px!important;height:9px!important;background:currentColor!important;box-shadow:0 0 10px currentColor!important}.fh-live-radar i{position:absolute!important;width:1px!important;height:42px!important;background:currentColor!important;opacity:.45!important}.fh-live-radar i::after{content:""!important;position:absolute!important;left:-20px!important;top:20px!important;width:42px!important;height:1px!important;background:currentColor!important} /* Square gold-framed panels. */ body.we-body-home .fh-overview-panel,body.we-body-home .fh-center-news-card,body.we-body-home .fh-center-rankings,body.we-body-home .fh-classic-stats-panel,body.we-body-home .we-events-panel,body.we-body-home .we-ranking-panel{margin:0!important;overflow:hidden!important;border:1px solid var(--fh21-line)!important;border-radius:0!important;background:linear-gradient(180deg,var(--fh21-panel-2),var(--fh21-panel))!important;box-shadow:0 14px 34px rgba(0,0,0,.30)!important;backdrop-filter:none!important} body.we-body-home .fh-overview-panel{margin-bottom:10px!important} body.we-body-home .we-serverhub-head{display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:46px!important;padding:10px 14px!important;border-bottom:1px solid var(--fh21-line-soft)!important;background:linear-gradient(90deg,rgba(131,38,17,.14),transparent)!important} body.we-body-home .we-serverhub-kicker{display:none!important}body.we-body-home .we-serverhub-head h2{margin:0!important;color:#fff!important;font-size:16px!important;font-weight:900!important;text-transform:uppercase!important}body.we-body-home .we-serverhub-status{display:flex!important;align-items:center!important;gap:5px!important;padding:4px 8px!important;border:1px solid rgba(58,213,91,.44)!important;border-radius:12px!important;background:rgba(31,156,60,.12)!important;color:#6ef58a!important;font-size:9px!important;font-weight:800!important} body.we-body-home .fh-general-title{margin:0!important;padding:11px 14px 5px!important;border:0!important;background:transparent!important;color:#f0f1f4!important;font-size:12px!important;font-weight:900!important;text-transform:uppercase!important} body.we-body-home .fh-general-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0 12px!important;padding:4px 13px 12px!important} body.we-body-home .fh-general-item{display:grid!important;grid-template-columns:22px 1fr auto!important;grid-template-rows:1fr!important;align-items:center!important;min-width:0!important;min-height:42px!important;padding:0 4px!important;border:0!important;border-bottom:1px solid rgba(207,145,45,.14)!important;background:transparent!important} body.we-body-home .fh-gi-icon{grid-row:auto!important;color:var(--fh21-gold-bright)!important;font-size:14px!important}.fh-general-item span:nth-child(2){color:#b7bdc7!important;font-size:10px!important}.fh-general-item strong{overflow:hidden!important;color:#fff!important;font-size:10px!important;font-weight:800!important;text-overflow:ellipsis!important;white-space:nowrap!important} body.we-body-home .fh-secondary-tabs{display:flex!important;align-items:stretch!important;height:38px!important;padding:0 12px!important;border-top:1px solid var(--fh21-line-soft)!important;border-bottom:1px solid var(--fh21-line-soft)!important;background:rgba(0,0,0,.18)!important} body.we-body-home .fh-secondary-tabs button{height:37px!important;padding:0 13px!important;border:0!important;border-right:1px solid rgba(207,145,45,.15)!important;background:transparent!important;color:#c4c7ce!important;font-size:10px!important;font-weight:800!important}.fh-secondary-tabs button.is-active{background:linear-gradient(180deg,#c4442c,#7d1b12)!important;color:#fff!important} body.we-body-home .we-serverhub-panel{display:none!important;padding:0!important}body.we-body-home .we-serverhub-panel.is-active{display:block!important}body.we-body-home .we-serverhub-panel-head{min-height:43px!important;padding:9px 13px!important}body.we-body-home .we-serverhub-panel-head h3{font-size:13px!important}body.we-body-home .we-serverhub-newsitem,body.we-body-home .we-serverhub-empty{min-height:40px!important;padding:9px 13px!important;font-size:11px!important} body.we-body-home .fh-center-bottom-grid{display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr)!important;gap:10px!important;margin:0!important} body.we-body-home .fh-center-news-title,body.we-body-home .fh-center-rankings-head,body.we-body-home .panel-heading,body.we-body-home .fh-classic-stats-title{display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:45px!important;height:auto!important;padding:10px 13px!important;border:0!important;border-bottom:1px solid var(--fh21-line-soft)!important;background:rgba(255,255,255,.01)!important;color:#fff!important;font-size:14px!important;font-weight:900!important;text-transform:uppercase!important} body.we-body-home .fh-news-row{display:grid!important;grid-template-columns:100px minmax(0,1fr)!important;gap:12px!important;align-items:center!important;min-height:92px!important;padding:10px 12px!important;border-bottom:1px solid rgba(207,145,45,.13)!important;background:transparent!important}.fh-news-thumb{width:100px!important;height:68px!important;border:1px solid rgba(207,145,45,.34)!important;border-radius:0!important;overflow:hidden!important}.fh-news-copy strong{color:#fff!important;font-size:12px!important}.fh-news-copy small{margin-top:5px!important;color:#aeb4bf!important;font-size:10px!important;line-height:1.35!important}.fh-news-date{font-size:9px!important} body.we-body-home .fh-rankings-no-tabs{padding:8px 11px 10px!important}.we-ranking-table{width:100%!important;margin:0!important}.we-ranking-table th{padding:8px 4px!important;border-color:rgba(207,145,45,.20)!important;color:#aeb4be!important;font-size:9px!important;text-transform:uppercase!important}.we-ranking-table td{padding:8px 4px!important;border-color:rgba(207,145,45,.13)!important;color:#eef0f3!important;font-size:10px!important}.we-rank-level{color:var(--fh21-gold-bright)!important} body.we-body-home .fh-classic-stats-widget,body.we-body-home .we-home-side-widget{margin:0!important;min-width:0!important}body.we-body-home .fh-classic-stats-section{display:block!important;padding:0!important}body.we-body-home .fh-classic-database-section{display:block!important;border-top:10px solid rgba(0,0,0,.45)!important}body.we-body-home .fh-classic-stats-rows{padding:4px 12px 8px!important}body.we-body-home .fh-classic-stats-rows>div{display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:34px!important;padding:0!important;border-bottom:1px solid rgba(207,145,45,.13)!important}body.we-body-home .fh-classic-stats-rows span{color:#b7bdc7!important;font-size:10px!important}body.we-body-home .fh-classic-stats-rows strong{color:var(--fh21-gold-bright)!important;font-size:10px!important} body.we-body-home .we-events-body,body.we-body-home .panel-body{padding:0!important}.we-events-list{max-height:none!important;overflow:visible!important}.we-event-item{position:relative!important;display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:56px!important;padding:8px 10px 8px 45px!important;border-bottom:1px solid rgba(207,145,45,.13)!important}.we-event-item::before{content:"⚔"!important;position:absolute!important;left:11px!important;top:50%!important;display:grid!important;place-items:center!important;width:24px!important;height:24px!important;transform:translateY(-50%)!important;border:1px solid #f1492f!important;border-radius:4px!important;color:#ff4b31!important;background:rgba(147,27,13,.20)!important}.we-event-item:nth-child(2)::before{content:"✦"!important;border-color:#1598ff!important;color:#3db0ff!important;background:rgba(10,72,147,.18)!important}.we-event-item:nth-child(3)::before{content:"♜"!important;border-color:#e8a91f!important;color:#ffc13a!important}.we-event-item:nth-child(4)::before{content:"✺"!important;border-color:#33d968!important;color:#50ef7c!important}.we-event-item:nth-child(5)::before{content:"✹"!important;border-color:#e5b824!important;color:#ffd84a!important}.we-event-name,.we-event-title{color:#fff!important;font-size:11px!important;font-weight:800!important}.we-event-time{min-width:92px!important}.we-event-countdown{color:#24aaff!important;font-size:9px!important;font-weight:800!important}.we-event-item .smalltext{color:#8f98a7!important;font-size:9px!important}.we-home-side-widget-guilds{display:none!important} body.we-body-home .we-footer{border-top:1px solid var(--fh21-line-soft)!important;background:rgba(2,6,11,.90)!important;color:#b8bec7!important} @media(max-width:1180px){body.we-body-home .we-home-account-grid{grid-template-columns:205px minmax(0,1fr)!important}.we-home-account-right{grid-column:1/-1!important;display:grid!important;grid-template-columns:1fr 1fr!important}.fh-logo-statusbar{grid-template-columns:145px 145px!important}.fh-logo-statusitem{width:145px!important}.we-nav-link,.we-nav-menu a,.fh-left-extra-link{padding:0 14px!important}} @media(max-width:900px){body.we-body-home .fh-logo-statusbar{display:none!important}.we-navbar-actions{top:20px!important}.we-home-account-grid{grid-template-columns:1fr!important}.we-home-account-main{order:1!important}.we-home-account-left{order:2!important}.we-home-account-right{grid-column:auto!important;order:3!important}.fh-feature-grid{grid-template-columns:1fr 1fr!important}} @media(max-width:720px){body.we-body-home .we-navbar{height:170px!important;min-height:170px!important}.we-navbar-inner{width:calc(100% - 20px)!important;height:170px!important}.we-brand{top:8px!important;width:250px!important;height:66px!important}.fh-header-season{top:67px!important;min-width:110px!important;padding:4px 15px!important}.we-navbar-actions{display:none!important}.we-nav-toggle{position:absolute!important;z-index:20!important;top:112px!important;left:0!important;display:flex!important}.we-nav{top:108px!important;left:52px!important;right:0!important;width:auto!important;max-width:none!important;height:49px!important;padding:0 6px!important;transform:none!important;clip-path:none!important;justify-content:flex-start!important;overflow-x:auto!important}.we-nav-menu,.fh-left-extra-nav{width:max-content!important;height:47px!important}.we-nav-link,.we-nav-menu a,.fh-left-extra-link{width:auto!important;height:47px!important;padding:0 12px!important;font-size:9px!important}.we-home-account-grid{width:calc(100% - 20px)!important}.fh-feature-grid{grid-template-columns:1fr!important}.fh-feature,.fh-feature-grid .fh-right-live-card{height:96px!important;min-height:96px!important}.fh-general-grid{grid-template-columns:1fr!important}.fh-center-bottom-grid{grid-template-columns:1fr!important}.we-home-account-right{grid-template-columns:1fr!important}.fh-secondary-tabs{overflow-x:auto!important}.fh-secondary-tabs button{white-space:nowrap!important}} @media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}} /* v22 polish: vivid motion, clean split theme, stable typography. */ body.we-body-home{background:transparent!important} body.we-body-home .fh-v17-background{position:fixed!important;inset:0!important;overflow:hidden!important;background:#02060c!important} body.we-body-home .fh-v17-background-shade{display:none!important;background:none!important;opacity:0!important} body.we-body-home .fh-v17-video{opacity:.9!important;filter:saturate(1.35) contrast(1.08) brightness(1.05)!important} body.we-body-home .fh-v17-background::after{ content:""!important;position:absolute!important;z-index:3!important;inset:-12%!important;pointer-events:none!important; background:radial-gradient(circle at 14% 42%,rgba(255,47,20,.24),transparent 27%),radial-gradient(circle at 86% 40%,rgba(18,111,255,.28),transparent 29%)!important; mix-blend-mode:screen!important;animation:fh22-energy-drift 10s ease-in-out infinite alternate!important; } @keyframes fh22-energy-drift{0%{transform:translate3d(-1.5%,1%,0) scale(1.01);opacity:.62}50%{transform:translate3d(1%,-1%,0) scale(1.05);opacity:.9}100%{transform:translate3d(-.5%,1.5%,0) scale(1.02);opacity:.72}} /* Separate the two clocks: red server time left, blue local time right. */ body.we-body-home .fh-logo-statusbar{position:static!important;display:block!important;width:auto!important} body.we-body-home .fh-logo-statusitem,body.we-body-home .fh-logo-statusitem:nth-child(2){position:absolute!important;z-index:10!important;top:22px!important;width:154px!important;margin:0!important} body.we-body-home .fh-logo-statusitem:first-child{left:0!important;right:auto!important} body.we-body-home .fh-logo-statusitem:nth-child(2){left:auto!important;right:188px!important} body.we-body-home .we-navbar-actions{right:0!important} /* Red energy on the left, blue energy on the right. */ body.we-body-home .we-home-account-left{border-color:rgba(233,69,36,.70)!important;box-shadow:-12px 12px 34px rgba(114,18,9,.20),0 16px 38px rgba(0,0,0,.32)!important;background:linear-gradient(155deg,rgba(29,7,8,.97),rgba(3,9,16,.99) 42%)!important} body.we-body-home .we-home-account-avatar{padding:2px!important;background:#020407!important} body.we-body-home .we-home-account-avatar img{object-fit:contain!important;object-position:center!important} body.we-body-home .fh-account-panel-title{border-color:rgba(233,69,36,.35)!important;background:linear-gradient(90deg,rgba(154,35,18,.24),transparent)!important} body.we-body-home .fh-important-account-menu .we-home-account-link{border-color:rgba(233,69,36,.15)!important} body.we-body-home .fh-important-account-menu .we-home-account-link-icon,body.we-body-home .we-home-account-link-arrow{color:#ff724e!important} body.we-body-home .fh-overview-panel{border-left-color:rgba(233,69,36,.72)!important;border-right-color:rgba(41,136,255,.72)!important;background:linear-gradient(100deg,rgba(28,7,8,.96),rgba(3,9,16,.98) 42%,rgba(4,19,42,.97))!important} body.we-body-home .fh-center-news-card{border-color:rgba(233,69,36,.64)!important;background:linear-gradient(145deg,rgba(25,7,9,.96),rgba(3,9,16,.98) 48%)!important} body.we-body-home .fh-center-rankings{border-color:rgba(42,138,255,.66)!important;background:linear-gradient(215deg,rgba(4,27,61,.97),rgba(3,9,16,.98) 52%)!important} body.we-body-home .we-home-account-right .fh-classic-stats-panel,body.we-body-home .we-home-account-right .we-events-panel{border-color:rgba(42,138,255,.72)!important;background:linear-gradient(215deg,rgba(4,27,61,.97),rgba(3,9,16,.99) 54%)!important;box-shadow:12px 12px 34px rgba(7,48,112,.16),0 16px 36px rgba(0,0,0,.30)!important} body.we-body-home .we-home-account-right .fh-classic-stats-title,body.we-body-home .we-home-account-right .panel-heading{border-color:rgba(42,138,255,.28)!important;background:linear-gradient(270deg,rgba(18,90,185,.16),transparent)!important} body.we-body-home .we-home-account-right .fh-classic-stats-rows>div,body.we-body-home .we-home-account-right .we-event-item{border-color:rgba(42,138,255,.14)!important} body.we-body-home .we-home-account-right .fh-classic-stats-rows strong{color:#62b1ff!important} /* Logged-in account currencies. */ body.we-body-home .fh-currency-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important;margin:0 0 12px!important;padding:0!important;border:0!important;background:transparent!important} body.we-body-home .fh-currency-tile{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;min-width:0!important;min-height:48px!important;padding:7px 8px!important;border:1px solid rgba(215,154,49,.28)!important;background:rgba(0,0,0,.26)!important} body.we-body-home .fh-currency-tile span{overflow:hidden!important;width:100%!important;color:#aeb5c0!important;font-size:9px!important;font-weight:800!important;text-overflow:ellipsis!important;white-space:nowrap!important;text-transform:uppercase!important} body.we-body-home .fh-currency-tile strong{margin-top:3px!important;color:#fff!important;font-size:14px!important;font-weight:900!important} body.we-body-home .fh-currency-credits{border-color:rgba(245,177,58,.45)!important}.fh-currency-credits strong{color:#ffc760!important}.fh-currency-gold{border-color:rgba(255,218,75,.42)!important}.fh-currency-gold strong{color:#ffe06f!important}.fh-currency-pc-points{border-color:rgba(54,145,255,.46)!important}.fh-currency-pc-points strong{color:#71b9ff!important}.fh-currency-tokens{border-color:rgba(168,91,255,.44)!important}.fh-currency-tokens strong{color:#c794ff!important} /* Action cards: market replaces credits; server status is clean and readable. */ body.we-body-home .fh-feature,body.we-body-home .fh-feature-grid .fh-right-live-card{height:112px!important;min-height:112px!important;padding:13px 12px!important} body.we-body-home .fh-feature-shop{border-color:rgba(236,73,39,.72)!important;background:linear-gradient(135deg,rgba(67,10,8,.98),rgba(8,8,12,.99))!important} body.we-body-home .fh-feature-market{border-color:rgba(230,95,47,.70)!important;background:linear-gradient(135deg,rgba(77,19,9,.98),rgba(19,8,16,.99))!important} body.we-body-home .fh-feature-market .fh-feature-icon{color:#ff8842!important} body.we-body-home .fh-feature-rankings{border-color:rgba(41,137,255,.74)!important;background:linear-gradient(135deg,rgba(4,43,86,.98),rgba(4,9,18,.99))!important} body.we-body-home .fh-feature-grid .fh-feature-live{grid-template-columns:48px minmax(0,1fr)!important;grid-template-rows:auto auto!important;gap:3px 10px!important;border-color:rgba(48,164,255,.75)!important;background:linear-gradient(135deg,rgba(3,35,67,.99),rgba(3,30,22,.99))!important;box-shadow:inset 0 0 28px rgba(40,174,255,.06),0 12px 28px rgba(0,0,0,.28)!important} body.we-body-home .fh-feature-live .fh-feature-icon{grid-row:1/3!important;width:48px!important;height:48px!important;color:#48e887!important;filter:drop-shadow(0 0 8px rgba(72,232,135,.48))!important} body.we-body-home .fh-feature-live .fh-feature-copy{align-self:end!important;overflow:visible!important} body.we-body-home .fh-feature-live .fh-feature-copy small{margin:0!important;color:#77caff!important;font-size:8px!important;letter-spacing:.08em!important;white-space:nowrap!important} body.we-body-home .fh-feature-live .fh-feature-copy strong{margin:2px 0!important;color:#4af07f!important;font-size:22px!important;line-height:.95!important} body.we-body-home .fh-feature-live .fh-feature-copy span{color:#d9e6ee!important;font-size:9px!important;white-space:nowrap!important} body.we-body-home .fh-feature-live .fh-feature-action{grid-column:2!important;align-self:start!important;max-width:100%!important;padding:0!important;border:0!important;background:transparent!important;color:#7fb5d0!important;font-size:7px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important} body.we-body-home .fh-feature-copy strong,body.we-body-home .fh-feature-copy small{overflow:visible!important;white-space:normal!important} /* Remove the small scrollbars and force clean event/ranking rows. */ body.we-body-home .fh-secondary-tabs{height:40px!important;overflow:hidden!important;scrollbar-width:none!important} body.we-body-home .fh-secondary-tabs::-webkit-scrollbar{display:none!important} body.we-body-home .fh-secondary-tabs button{flex:1 1 0!important;min-width:0!important;padding:0 7px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important} body.we-body-home .we-event-item{min-height:60px!important;padding:9px 10px 9px 45px!important;overflow:hidden!important} body.we-body-home .we-event-info{display:flex!important;flex:1 1 auto!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;min-width:0!important;margin:0!important;padding:0!important;gap:2px!important} body.we-body-home .we-event-name{position:static!important;display:block!important;max-width:100%!important;margin:0!important;padding:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important} body.we-body-home .we-event-time{display:flex!important;flex:0 0 96px!important;flex-direction:column!important;align-items:flex-end!important;justify-content:center!important;min-width:96px!important;margin:0!important;padding:0!important;gap:2px!important;overflow:hidden!important} body.we-body-home .we-event-time>*{display:block!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important} body.we-body-home .fh-rankings-no-tabs{overflow:hidden!important}.fh-rankings-no-tabs .we-home-side-widget{min-width:0!important;overflow:hidden!important} @media(max-width:1180px){body.we-body-home .fh-logo-statusitem:nth-child(2){right:178px!important}} @media(max-width:900px){body.we-body-home .fh-logo-statusitem,body.we-body-home .fh-logo-statusitem:nth-child(2){display:none!important}} @media(max-width:720px){body.we-body-home .fh-currency-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.fh-currency-tile{min-height:54px!important}} @media(max-width:480px){body.we-body-home .fh-currency-grid{grid-template-columns:1fr 1fr!important}} /* Persistent same-page shell for Rankings, Market, Rules and all modules. */ body.we-body-home.fh-spa-module .fh-v17-background{position:fixed!important;inset:0!important;width:100%!important;height:100%!important;min-height:100%!important;z-index:-3!important;overflow:hidden!important} body.we-body-home.fh-spa-module .fh-v17-video{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important} body.we-body-home.fh-spa-module .we-navbar,body.we-body-home.fh-spa-module .we-navbar-inner{height:186px!important;min-height:186px!important} body.we-body-home.fh-spa-module .we-main{margin:0!important;padding:8px 0 64px!important;background:transparent!important} body.we-body-home.fh-spa-module .we-main>.we-container{width:min(1280px,calc(100% - 36px))!important;max-width:1280px!important;margin:0 auto!important;padding:0!important} body.we-body-home.fh-spa-module .we-content{width:100%!important;min-height:420px!important;margin:0!important;padding:0!important} body.we-body-home.fh-spa-module .we-content>.row{width:100%!important;margin:0!important;padding:0!important} body.we-body-home.fh-spa-module .we-module-col{width:100%!important;margin:0!important;padding:0!important;float:none!important} body.we-body-home.fh-spa-module .we-module-col>.panel,body.we-body-home.fh-spa-module .we-module-col>.card,body.we-body-home.fh-spa-module .we-module-col>form,body.we-body-home.fh-spa-module .we-module-col>.row{border-color:rgba(42,138,255,.44)!important;background:linear-gradient(110deg,rgba(27,7,8,.94),rgba(3,9,16,.97) 42%,rgba(4,24,52,.95))!important;box-shadow:0 18px 45px rgba(0,0,0,.30)!important} body.we-body-home.fh-spa-module .we-page-bar{display:none!important} body.we-body-home.fh-spa-module #content img,body.we-body-home.fh-spa-module #content video,body.we-body-home.fh-spa-module #content iframe{max-width:100%!important} body.we-body-home.fh-spa-module #content iframe{width:100%!important;border:0!important} body.we-body-home.fh-spa-module #content table{max-width:100%!important} body.we-body-home.fh-spa-module .we-footer{margin-top:0!important} @media(max-width:900px){body.we-body-home.fh-spa-module .we-main>.we-container{width:calc(100% - 20px)!important}} @media(max-width:720px){body.we-body-home.fh-spa-module .we-navbar,body.we-body-home.fh-spa-module .we-navbar-inner{height:170px!important;min-height:170px!important}} /* v25: one server-rendered shell on every route, with a genuinely new background. */ html{min-height:100%!important;background:#03050a!important} body.we-body.fh-spa-shell{ min-height:100vh!important; background:#03050a!important; background-image:none!important; background-attachment:initial!important; overflow-x:hidden!important; } body.we-body.fh-spa-shell::before,body.we-body.fh-spa-shell::after{display:none!important;content:none!important} body.we-body.fh-spa-shell .fh-v17-background{ position:fixed!important; inset:0!important; z-index:0!important; display:block!important; width:100vw!important; height:100vh!important; min-height:100vh!important; overflow:hidden!important; pointer-events:none!important; background:#03050a!important; } body.we-body.fh-spa-shell .fh-v17-background-static{ position:absolute!important; inset:-3%!important; width:106%!important; height:106%!important; background-image:url('../img/finalhope-bg-cinematic-v25.png')!important; background-position:center center!important; background-size:cover!important; background-repeat:no-repeat!important; transform-origin:center!important; animation:fh25-bg-breathe 18s ease-in-out infinite alternate!important; } body.we-body.fh-spa-shell .fh-v17-wingfire{display:none!important} body.we-body.fh-spa-shell .fh-v17-background-shade{display:none!important;background:none!important;opacity:0!important} body.we-body.fh-spa-shell .fh-v25-energy{ position:absolute!important; inset:-18%!important; z-index:2!important; mix-blend-mode:screen!important; will-change:transform,opacity!important; } body.we-body.fh-spa-shell .fh-v25-energy-red{ background:radial-gradient(circle at 18% 52%,rgba(255,55,15,.30),transparent 30%),radial-gradient(circle at 30% 82%,rgba(255,118,22,.15),transparent 24%)!important; animation:fh25-red-energy 8s ease-in-out infinite alternate!important; } body.we-body.fh-spa-shell .fh-v25-energy-blue{ background:radial-gradient(circle at 82% 43%,rgba(25,126,255,.32),transparent 31%),radial-gradient(circle at 70% 78%,rgba(25,202,255,.13),transparent 25%)!important; animation:fh25-blue-energy 10s ease-in-out infinite alternate!important; } @keyframes fh25-bg-breathe{0%{transform:scale(1.015) translate3d(-.3%,0,0)}100%{transform:scale(1.055) translate3d(.3%,-.5%,0)}} @keyframes fh25-red-energy{0%{opacity:.44;transform:translate3d(-2%,1%,0) scale(.98)}100%{opacity:.88;transform:translate3d(2%,-2%,0) scale(1.06)}} @keyframes fh25-blue-energy{0%{opacity:.82;transform:translate3d(2%,-1%,0) scale(1.05)}100%{opacity:.46;transform:translate3d(-2%,2%,0) scale(.98)}} /* The header and modules always sit over the fixed artwork. */ body.we-body.fh-spa-shell #weNavbar, body.we-body.fh-spa-shell .we-page-bar, body.we-body.fh-spa-shell .we-main, body.we-body.fh-spa-shell .we-footer, body.we-body.fh-spa-shell footer{position:relative!important;z-index:5!important} body.we-body.fh-spa-shell.fh-spa-module .we-page-bar{display:none!important} body.we-body.fh-spa-shell.fh-spa-module #weNavbar, body.we-body.fh-spa-shell.fh-spa-module .we-navbar-inner{height:186px!important;min-height:186px!important;margin-top:0!important} body.we-body.fh-spa-shell.fh-spa-module .we-main{margin-top:0!important;padding-top:8px!important} body.we-body.fh-spa-shell .we-navbar-actions .we-btn{display:none!important} /* Force the new close-up portrait to fill the circular frame. */ body.we-body-home .we-home-account-avatar img{ width:100%!important; height:100%!important; object-fit:cover!important; object-position:center 30%!important; display:block!important; } @media(max-width:720px){ body.we-body.fh-spa-shell .fh-v17-background-static{inset:-5%!important;width:110%!important;height:110%!important;background-position:center top!important} } @media(prefers-reduced-motion:reduce){ body.we-body.fh-spa-shell .fh-v17-background-static,body.we-body.fh-spa-shell .fh-v25-energy{animation:none!important} } /* v26: visibly animated high-fidelity atmosphere. */ body.we-body.fh-spa-shell .fh-header-season{display:none!important} body.we-body.fh-spa-shell .fh-v17-background-static{ inset:0!important; width:100%!important; height:100%!important; background-image:url('../img/finalhope-bg-fire-ice-loop-4k-v28.webp')!important; animation:none!important; transform:none!important; filter:saturate(1.04) contrast(1.10) brightness(.82)!important; } body.we-body.fh-spa-shell .fh-v25-energy-red{ background:radial-gradient(ellipse at 12% 56%,rgba(255,48,9,.43),transparent 35%),radial-gradient(ellipse at 32% 86%,rgba(255,136,20,.24),transparent 29%)!important; animation:fh26-fire-pulse 3.8s ease-in-out infinite alternate!important; } body.we-body.fh-spa-shell .fh-v25-energy-blue{ background:radial-gradient(ellipse at 86% 44%,rgba(23,124,255,.45),transparent 35%),radial-gradient(ellipse at 67% 82%,rgba(27,217,255,.19),transparent 30%)!important; animation:fh26-ice-pulse 4.6s ease-in-out infinite alternate!important; } body.we-body.fh-spa-shell .fh-v26-effects{display:none!important} body.we-body.fh-spa-shell .fh-v27-effects{display:none!important} body.we-body.fh-spa-shell .fh-v27-effects{ position:absolute!important; inset:0!important; z-index:4!important; display:block!important; width:100%!important; height:100%!important; pointer-events:none!important; mix-blend-mode:screen!important; opacity:1!important; } /* v28: the background itself is a real 24-frame 4K animated WebP loop. */ body.we-body.fh-spa-shell .fh-v17-background-static{ background-image:url('../img/finalhope-bg-fire-ice-loop-4k-v28.webp')!important; background-position:center center!important; background-size:cover!important; animation:none!important; transform:none!important; filter:none!important; } body.we-body.fh-spa-shell .fh-v25-energy, body.we-body.fh-spa-shell .fh-v26-effects, body.we-body.fh-spa-shell .fh-v27-effects{display:none!important} /* v31 selected variant 3: fixed 4K base + lightweight transparent loop. */ body.we-body.fh-spa-shell .fh-v17-background-static{ background-image:url('../img/finalhope-bg-cinematic-dark-4k-v27.webp')!important; background-position:center center!important; background-size:cover!important; animation:none!important; transform:none!important; filter:none!important; } body.we-body.fh-spa-shell .fh-v31-loop-overlay{ position:absolute!important; inset:0!important; z-index:3!important; display:block!important; width:100%!important; height:100%!important; max-width:none!important; object-fit:cover!important; object-position:center center!important; pointer-events:none!important; opacity:.96!important; } /* ========================================================= v32 dashboard restructure and neon module windows ========================================================= */ /* Place both clocks at an equal distance from the centered logo. */ body.we-body-home .fh-logo-statusitem:first-child{ left:calc(50% - 350px)!important; right:auto!important; } body.we-body-home .fh-logo-statusitem:nth-child(2){ left:auto!important; right:calc(50% - 350px)!important; } body.we-body-home .we-navbar-actions{ position:fixed!important; top:14px!important; right:16px!important; left:auto!important; z-index:80!important; display:flex!important; } /* General Information is already available in the right column. */ body.we-body-home .we-home-serverhub .we-serverhub-head, body.we-body-home .we-home-serverhub .fh-general-title, body.we-body-home .we-home-serverhub .fh-general-grid{display:none!important} /* Tabs sit immediately below the four feature cards. */ body.we-body-home .fh-overview-panel{ margin:0 0 12px!important; padding:0!important; border:0!important; background:transparent!important; box-shadow:none!important; overflow:visible!important; } body.we-body-home .fh-secondary-tabs{ display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:8px!important; min-height:48px!important; margin:0 0 9px!important; padding:0!important; border:0!important; background:transparent!important; overflow:visible!important; } body.we-body-home .fh-secondary-tabs button{ position:relative!important; height:46px!important; min-height:46px!important; padding:0 12px!important; border:1px solid rgba(86,161,255,.52)!important; border-radius:5px!important; background:linear-gradient(180deg,rgba(5,16,32,.97),rgba(3,8,17,.99))!important; box-shadow:inset 0 0 18px rgba(30,120,255,.045),0 0 13px rgba(28,116,255,.07)!important; color:#fff!important; font-size:12px!important; font-weight:900!important; letter-spacing:.025em!important; text-transform:uppercase!important; } body.we-body-home .fh-secondary-tabs button:hover{ border-color:#53b4ff!important; box-shadow:inset 0 0 22px rgba(42,151,255,.12),0 0 18px rgba(31,133,255,.23)!important; } body.we-body-home .fh-secondary-tabs button.is-active{ border-color:#ff5c3c!important; background:linear-gradient(110deg,rgba(126,30,17,.98),rgba(17,15,30,.99) 55%,rgba(5,37,72,.98))!important; box-shadow:inset 0 0 22px rgba(255,69,38,.12),0 0 17px rgba(255,63,35,.22)!important; color:#fff!important; } body.we-body-home .we-serverhub-panel{ display:none!important; min-height:176px!important; padding:14px!important; border:1px solid rgba(63,153,255,.62)!important; border-radius:6px!important; background:linear-gradient(110deg,rgba(20,5,10,.975),rgba(3,10,21,.985) 50%,rgba(3,20,40,.98))!important; box-shadow:inset 0 0 32px rgba(33,129,255,.045),0 16px 38px rgba(0,0,0,.30),0 0 16px rgba(34,133,255,.09)!important; color:#fff!important; } body.we-body-home .we-serverhub-panel.is-active{display:block!important} /* Latest News now lives inside the active Latest News tab. */ body.we-body-home .fh-tab-news-grid{ display:grid!important; grid-template-columns:1fr 1fr!important; gap:12px!important; } body.we-body-home .fh-tab-news-card{ display:grid!important; grid-template-columns:152px minmax(0,1fr)!important; gap:13px!important; align-items:center!important; min-height:142px!important; padding:10px!important; border:1px solid rgba(255,255,255,.11)!important; border-radius:5px!important; background:rgba(2,7,15,.94)!important; text-decoration:none!important; overflow:hidden!important; transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease!important; } body.we-body-home .fh-tab-news-card:hover{transform:translateY(-2px)!important} body.we-body-home .fh-tab-news-red{border-color:rgba(255,81,47,.55)!important;box-shadow:inset 0 0 22px rgba(255,54,30,.035)!important} body.we-body-home .fh-tab-news-red:hover{border-color:#ff6549!important;box-shadow:0 0 18px rgba(255,68,40,.18)!important} body.we-body-home .fh-tab-news-blue{border-color:rgba(51,151,255,.64)!important;box-shadow:inset 0 0 22px rgba(31,132,255,.05)!important} body.we-body-home .fh-tab-news-blue:hover{border-color:#52b1ff!important;box-shadow:0 0 18px rgba(35,138,255,.22)!important} body.we-body-home .fh-tab-news-card img{ display:block!important; width:152px!important; height:90px!important; object-fit:cover!important; border:1px solid rgba(255,255,255,.15)!important; border-radius:4px!important; } body.we-body-home .fh-tab-news-card>span{display:flex!important;min-width:0!important;flex-direction:column!important;align-items:flex-start!important} body.we-body-home .fh-tab-news-card strong{color:#fff!important;font-size:14px!important;font-weight:900!important;line-height:1.22!important} body.we-body-home .fh-tab-news-card small{margin-top:7px!important;color:#fff!important;font-size:11px!important;line-height:1.4!important;opacity:.9!important} body.we-body-home .fh-tab-news-card em{margin-top:10px!important;color:#fff!important;font-size:9px!important;font-style:normal!important;font-weight:900!important;letter-spacing:.06em!important} /* The duplicate lower News card is removed; rankings use the full center width. */ body.we-body-home .fh-center-news-card{display:none!important} body.we-body-home .fh-center-rankings-standalone{ width:100%!important; margin:0!important; border-color:rgba(57,150,255,.62)!important; background:rgba(3,9,19,.98)!important; box-shadow:0 0 18px rgba(34,132,255,.10),0 15px 32px rgba(0,0,0,.30)!important; } /* Modern neon outlines and bright-white copy throughout the right column. */ body.we-body-home .we-home-account-right .fh-classic-stats-panel, body.we-body-home .we-home-account-right .we-events-panel, body.we-body-home .we-home-account-right .panel{ border:1px solid rgba(55,157,255,.78)!important; border-radius:6px!important; background:linear-gradient(180deg,rgba(4,16,34,.985),rgba(2,8,18,.99))!important; box-shadow:inset 0 0 28px rgba(25,129,255,.055),0 0 17px rgba(23,126,255,.15),0 16px 34px rgba(0,0,0,.30)!important; } body.we-body-home .we-home-account-right .fh-classic-stats-title, body.we-body-home .we-home-account-right .panel-heading{ border-bottom:1px solid rgba(74,170,255,.46)!important; background:linear-gradient(90deg,rgba(19,91,174,.18),rgba(4,13,27,.98))!important; box-shadow:inset 0 -1px rgba(104,197,255,.08)!important; color:#fff!important; } body.we-body-home .we-home-account-right h2, body.we-body-home .we-home-account-right h3, body.we-body-home .we-home-account-right h4, body.we-body-home .we-home-account-right span, body.we-body-home .we-home-account-right strong, body.we-body-home .we-home-account-right small, body.we-body-home .we-home-account-right time, body.we-body-home .we-home-account-right .we-event-name, body.we-body-home .we-home-account-right .we-event-title, body.we-body-home .we-home-account-right .we-event-countdown, body.we-body-home .we-home-account-right .smalltext{color:#fff!important;opacity:1!important} body.we-body-home .we-home-account-right .fh-classic-stats-rows>div, body.we-body-home .we-home-account-right .we-event-item{border-bottom-color:rgba(62,151,255,.25)!important} /* Reworked modern Events Schedule. */ body.we-body-home .we-home-account-right .we-events-panel{overflow:hidden!important} body.we-body-home .we-home-account-right .we-events-panel .panel-heading{ min-height:50px!important; padding:12px 14px!important; font-size:14px!important; font-weight:950!important; letter-spacing:.035em!important; } body.we-body-home .we-home-account-right .we-events-body, body.we-body-home .we-home-account-right .we-events-panel .panel-body{ padding:9px!important; background:rgba(1,7,16,.82)!important; } body.we-body-home .we-home-account-right .we-events-list{ display:grid!important; grid-template-columns:1fr!important; gap:8px!important; max-height:365px!important; padding:0 4px 0 0!important; overflow-x:hidden!important; overflow-y:auto!important; scrollbar-width:thin!important; scrollbar-color:#249cff rgba(5,19,37,.9)!important; } body.we-body-home .we-home-account-right .we-events-list::-webkit-scrollbar{width:5px!important} body.we-body-home .we-home-account-right .we-events-list::-webkit-scrollbar-track{background:rgba(5,19,37,.9)!important;border-radius:8px!important} body.we-body-home .we-home-account-right .we-events-list::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#49b5ff,#176bd6)!important;border-radius:8px!important} body.we-body-home .we-home-account-right .we-event-item{ position:relative!important; display:grid!important; grid-template-columns:minmax(0,1fr) auto!important; align-items:center!important; gap:8px!important; min-height:68px!important; margin:0!important; padding:10px 10px 10px 47px!important; border:1px solid rgba(54,150,255,.38)!important; border-radius:7px!important; background:linear-gradient(100deg,rgba(6,19,38,.98),rgba(2,9,20,.99))!important; box-shadow:inset 0 0 20px rgba(37,137,255,.035),0 5px 13px rgba(0,0,0,.22)!important; overflow:hidden!important; } body.we-body-home .we-home-account-right .we-event-item::after{ content:""!important; position:absolute!important; left:0!important; top:10px!important; bottom:10px!important; width:3px!important; border-radius:0 3px 3px 0!important; background:#ff5538!important; box-shadow:0 0 10px #ff5538!important; } body.we-body-home .we-home-account-right .we-event-item:nth-child(2)::after{background:#2da7ff!important;box-shadow:0 0 10px #2da7ff!important} body.we-body-home .we-home-account-right .we-event-item:nth-child(3)::after{background:#ffc33b!important;box-shadow:0 0 10px #ffc33b!important} body.we-body-home .we-home-account-right .we-event-item:nth-child(4)::after{background:#42e875!important;box-shadow:0 0 10px #42e875!important} body.we-body-home .we-home-account-right .we-event-item:nth-child(5)::after{background:#b274ff!important;box-shadow:0 0 10px #b274ff!important} body.we-body-home .we-home-account-right .we-event-item::before{ left:12px!important; width:25px!important; height:25px!important; border-radius:6px!important; box-shadow:0 0 11px currentColor!important; } body.we-body-home .we-home-account-right .we-event-info{ display:flex!important; min-width:0!important; flex-direction:column!important; align-items:flex-start!important; gap:3px!important; } body.we-body-home .we-home-account-right .we-event-name, body.we-body-home .we-home-account-right .we-event-title{ max-width:100%!important; overflow:hidden!important; color:#fff!important; font-size:11px!important; font-weight:900!important; text-overflow:ellipsis!important; white-space:nowrap!important; } body.we-body-home .we-home-account-right .we-event-time{ display:flex!important; min-width:86px!important; flex-direction:column!important; align-items:flex-end!important; gap:4px!important; } body.we-body-home .we-home-account-right .we-event-countdown{ padding:3px 6px!important; border:1px solid rgba(77,173,255,.32)!important; border-radius:10px!important; background:rgba(28,118,211,.10)!important; color:#fff!important; font-size:8px!important; font-weight:850!important; white-space:nowrap!important; } /* Internal routes now render inside a smaller, opaque neon window. */ body.we-body-home.fh-spa-module .we-main>.we-container{ width:min(1120px,calc(100% - 36px))!important; max-width:1120px!important; margin:0 auto!important; } body.we-body-home.fh-spa-module #content{ width:100%!important; max-width:1120px!important; min-height:430px!important; margin:0 auto!important; padding:20px!important; border:1px solid rgba(69,158,255,.76)!important; border-radius:8px!important; background:linear-gradient(110deg,rgba(18,5,9,.975),rgba(3,9,18,.985) 47%,rgba(3,18,36,.98))!important; box-shadow:inset 0 0 40px rgba(30,128,255,.045),0 0 22px rgba(32,134,255,.14),0 22px 50px rgba(0,0,0,.42)!important; overflow:hidden!important; } body.we-body-home.fh-spa-module #content>.row, body.we-body-home.fh-spa-module #content .we-module-col{ width:100%!important; max-width:100%!important; margin:0!important; padding:0!important; float:none!important; } body.we-body-home.fh-spa-module #content [class*="rank"], body.we-body-home.fh-spa-module #content table, body.we-body-home.fh-spa-module #content form{ max-width:100%!important; margin-left:auto!important; margin-right:auto!important; } body.we-body-home.fh-spa-module #content table{ width:100%!important; border:1px solid rgba(65,153,255,.36)!important; background:rgba(3,10,21,.99)!important; } body.we-body-home.fh-spa-module #content table tr{background:rgba(5,14,28,.985)!important} body.we-body-home.fh-spa-module #content table tr:nth-child(even){background:rgba(7,20,38,.99)!important} body.we-body-home.fh-spa-module #content table th, body.we-body-home.fh-spa-module #content table td{border-color:rgba(65,153,255,.22)!important;color:#fff!important} body.we-body-home.fh-spa-module #content h1, body.we-body-home.fh-spa-module #content h2, body.we-body-home.fh-spa-module #content h3, body.we-body-home.fh-spa-module #content p, body.we-body-home.fh-spa-module #content span, body.we-body-home.fh-spa-module #content small, body.we-body-home.fh-spa-module #content label{color:#fff!important} @media(max-width:1100px){ body.we-body-home .fh-logo-statusitem:first-child{left:calc(50% - 320px)!important} body.we-body-home .fh-logo-statusitem:nth-child(2){right:calc(50% - 320px)!important} } @media(max-width:900px){ body.we-body-home .we-navbar-actions{top:10px!important;right:10px!important} body.we-body-home .fh-tab-news-grid{grid-template-columns:1fr!important} body.we-body-home .fh-secondary-tabs{grid-template-columns:1fr 1fr!important} } @media(max-width:560px){ body.we-body-home .fh-tab-news-card{grid-template-columns:104px minmax(0,1fr)!important} body.we-body-home .fh-tab-news-card img{width:104px!important;height:72px!important} body.we-body-home .fh-secondary-tabs{grid-template-columns:1fr!important} body.we-body-home.fh-spa-module #content{padding:12px!important} } /* ========================================================= v33 compact rankings + centered full character profile ========================================================= */ /* Rankings are a deliberately smaller, fully opaque window. */ body.we-body-home.fh-spa-module .we-main>.we-container{ width:min(980px,calc(100% - 36px))!important; max-width:980px!important; } body.we-body-home.fh-spa-module #content{ width:100%!important; max-width:980px!important; min-height:420px!important; padding:16px!important; border:1px solid rgba(64,158,255,.86)!important; border-left-color:rgba(255,82,52,.78)!important; border-radius:9px!important; background:#050b14!important; box-shadow:inset 0 0 36px rgba(34,133,255,.045),-8px 0 22px rgba(220,48,25,.08),8px 0 22px rgba(26,119,255,.12),0 24px 55px rgba(0,0,0,.48)!important; opacity:1!important; } body.we-body-home.fh-spa-module #content .page-title{ width:100%!important; margin:0 0 12px!important; padding:12px 14px!important; border:1px solid rgba(74,165,255,.38)!important; border-radius:6px!important; background:#081222!important; color:#fff!important; font-size:19px!important; font-weight:950!important; } body.we-body-home.fh-spa-module #content .rankings-table{ width:100%!important; margin:12px 0 0!important; border-collapse:separate!important; border-spacing:0 5px!important; border:0!important; background:#050b14!important; opacity:1!important; } body.we-body-home.fh-spa-module #content .rankings-table tr{ min-height:52px!important; background:#081321!important; box-shadow:inset 3px 0 rgba(239,71,42,.30),inset -3px 0 rgba(48,139,255,.32)!important; } body.we-body-home.fh-spa-module #content .rankings-table tr:first-child{ background:#0b1727!important; box-shadow:inset 0 -1px rgba(74,165,255,.30)!important; } body.we-body-home.fh-spa-module #content .rankings-table td{ height:52px!important; padding:8px 10px!important; border-top:1px solid rgba(65,151,255,.18)!important; border-bottom:1px solid rgba(65,151,255,.18)!important; background:transparent!important; color:#fff!important; font-size:11px!important; vertical-align:middle!important; } body.we-body-home.fh-spa-module #content .rankings-table a, body.we-body-home.fh-spa-module #content .fh-ranking-player a{ color:#fff!important; font-weight:900!important; text-decoration:none!important; cursor:pointer!important; } body.we-body-home.fh-spa-module #content .fh-ranking-player a:hover{color:#64bcff!important;text-shadow:0 0 10px rgba(70,173,255,.65)!important} body.we-body-home.fh-spa-module #content .rankings-class-image{width:42px!important;height:42px!important;object-fit:cover!important;border:1px solid rgba(82,170,255,.38)!important;border-radius:7px!important} body.we-body-home.fh-spa-module #content [class*="rankings-menu"], body.we-body-home.fh-spa-module #content [class*="rankings-filter"]{ max-width:100%!important; margin:8px 0!important; padding:9px!important; border:1px solid rgba(67,156,255,.32)!important; border-radius:6px!important; background:#07111f!important; opacity:1!important; } /* Internal pages now open inside the dashboard's middle column. The account, statistics, events, feature cards and complete top header remain mounted. */ body.we-body-home.fh-spa-inline-module .we-home-account-grid{ align-items:start!important; } body.we-body-home.fh-spa-inline-module .we-home-account-main{ min-width:0!important; } .fh-inline-module-host{ width:100%!important; margin:0!important; border:1px solid rgba(65,158,255,.86)!important; border-left-color:rgba(255,82,52,.82)!important; border-radius:9px!important; background:#050b14!important; box-shadow:inset 0 0 36px rgba(34,133,255,.045),-8px 0 22px rgba(220,48,25,.08),8px 0 22px rgba(26,119,255,.12),0 22px 48px rgba(0,0,0,.45)!important; opacity:1!important; overflow:hidden!important; } .fh-inline-module-head{ display:flex!important; align-items:center!important; justify-content:space-between!important; min-height:54px!important; padding:8px 10px 8px 15px!important; border-bottom:1px solid rgba(64,157,255,.42)!important; background:linear-gradient(90deg,rgba(105,26,18,.98),#08111f 46%,rgba(6,36,68,.98))!important; } .fh-inline-module-head>span{display:flex!important;min-width:0!important;flex-direction:column!important} .fh-inline-module-head small{color:#9bccff!important;font-size:7px!important;font-weight:950!important;letter-spacing:.14em!important} .fh-inline-module-head strong{max-width:100%!important;margin-top:3px!important;color:#fff!important;font-size:15px!important;font-weight:950!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important} .fh-inline-module-close{ display:grid!important; place-items:center!important; width:34px!important; height:34px!important; flex:0 0 34px!important; margin-left:12px!important; border:1px solid rgba(255,99,70,.62)!important; border-radius:6px!important; background:rgba(103,24,17,.72)!important; box-shadow:0 0 13px rgba(255,68,39,.15)!important; color:#fff!important; font-size:22px!important; line-height:1!important; text-decoration:none!important; } .fh-inline-module-close:hover{border-color:#ff795d!important;background:#922b1e!important;color:#fff!important} .fh-inline-module-body{ width:100%!important; max-height:660px!important; padding:14px!important; background:#050b14!important; color:#fff!important; overflow:auto!important; scrollbar-width:thin!important; scrollbar-color:#318fe7 #071322!important; } .fh-inline-module-body>.row, .fh-inline-module-body .we-module-col{ width:100%!important; max-width:100%!important; margin:0!important; padding:0!important; float:none!important; } .fh-inline-module-body h1,.fh-inline-module-body h2,.fh-inline-module-body h3,.fh-inline-module-body h4, .fh-inline-module-body p,.fh-inline-module-body span,.fh-inline-module-body label, .fh-inline-module-body td,.fh-inline-module-body th{color:#fff!important} .fh-inline-module-body .page-title{ margin:0 0 10px!important; padding:10px 12px!important; border:1px solid rgba(69,157,255,.35)!important; border-radius:5px!important; background:#081321!important; color:#fff!important; font-size:17px!important; font-weight:950!important; } .fh-inline-module-body .rankings-table{ width:100%!important; margin:8px 0 0!important; border-collapse:separate!important; border-spacing:0 4px!important; border:0!important; background:#050b14!important; opacity:1!important; } .fh-inline-module-body .rankings-table tr{background:#081321!important;box-shadow:inset 3px 0 rgba(240,72,43,.28),inset -3px 0 rgba(49,141,255,.30)!important} .fh-inline-module-body .rankings-table tr:first-child{background:#0b1727!important} .fh-inline-module-body .rankings-table td, .fh-inline-module-body .rankings-table th{ height:48px!important; padding:7px 9px!important; border-color:rgba(64,151,255,.20)!important; background:transparent!important; color:#fff!important; font-size:10px!important; vertical-align:middle!important; } .fh-inline-module-body .fh-ranking-player a{color:#fff!important;font-weight:950!important;text-decoration:none!important;cursor:pointer!important} .fh-inline-module-body .fh-ranking-player a:hover{color:#67beff!important;text-shadow:0 0 10px rgba(73,177,255,.65)!important} .fh-inline-module-body [class*="rankings-menu"], .fh-inline-module-body [class*="rankings-filter"]{ margin:7px 0!important; padding:8px!important; border:1px solid rgba(65,155,255,.30)!important; border-radius:5px!important; background:#07111f!important; opacity:1!important; } /* Profile layer has no full-screen backdrop, so the side panels and header stay open. */ .fh-profile-layer{ position:fixed!important; inset:0!important; z-index:65!important; display:block!important; pointer-events:none!important; visibility:hidden!important; opacity:0!important; transition:opacity .16s ease,visibility .16s ease!important; } .fh-profile-layer.is-open{visibility:visible!important;opacity:1!important} .fh-profile-window{ position:absolute!important; top:190px!important; left:50%!important; width:min(720px,calc(100vw - 600px))!important; min-width:620px!important; max-height:calc(100vh - 215px)!important; transform:translateX(-50%)!important; pointer-events:auto!important; border:1px solid rgba(68,162,255,.92)!important; border-left-color:#ff6042!important; border-radius:10px!important; background:#030912!important; box-shadow:inset 0 0 42px rgba(33,134,255,.055),-12px 0 30px rgba(218,48,25,.14),12px 0 30px rgba(26,118,255,.18),0 26px 65px rgba(0,0,0,.58)!important; overflow:hidden!important; } .fh-profile-window-head{ display:flex!important; align-items:center!important; justify-content:space-between!important; min-height:64px!important; padding:10px 12px 10px 17px!important; border-bottom:1px solid rgba(68,161,255,.43)!important; background:linear-gradient(90deg,rgba(119,29,18,.96),#071120 46%,rgba(5,38,73,.97))!important; } .fh-profile-window-head>span{display:flex!important;min-width:0!important;flex-direction:column!important} .fh-profile-window-head small{color:#99cfff!important;font-size:8px!important;font-weight:900!important;letter-spacing:.13em!important} .fh-profile-window-head strong{margin-top:4px!important;color:#fff!important;font-size:18px!important;font-weight:950!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important} .fh-profile-close{ display:grid!important; place-items:center!important; width:38px!important; height:38px!important; padding:0!important; border:1px solid rgba(255,101,70,.65)!important; border-radius:7px!important; background:rgba(105,24,16,.72)!important; box-shadow:0 0 14px rgba(255,64,38,.16)!important; color:#fff!important; font-size:25px!important; line-height:1!important; cursor:pointer!important; } .fh-profile-close:hover{border-color:#ff7559!important;background:#9a2d1e!important} .fh-profile-window-body{ max-height:calc(100vh - 279px)!important; padding:16px!important; background:#030912!important; color:#fff!important; overflow-x:hidden!important; overflow-y:auto!important; scrollbar-width:thin!important; scrollbar-color:#329fff #061326!important; } .fh-profile-window-body::-webkit-scrollbar{width:6px!important} .fh-profile-window-body::-webkit-scrollbar-track{background:#061326!important} .fh-profile-window-body::-webkit-scrollbar-thumb{background:linear-gradient(#53b9ff,#1b65ce)!important;border-radius:8px!important} .fh-profile-window-body h1,.fh-profile-window-body h2,.fh-profile-window-body h3,.fh-profile-window-body h4, .fh-profile-window-body p,.fh-profile-window-body span,.fh-profile-window-body strong,.fh-profile-window-body small, .fh-profile-window-body label,.fh-profile-window-body td,.fh-profile-window-body th{color:#fff!important} .fh-profile-window-body .panel,.fh-profile-window-body .card,.fh-profile-window-body table, .fh-profile-window-body [class*="profile"],.fh-profile-window-body [class*="inventory"], .fh-profile-window-body [class*="equipment"],.fh-profile-window-body [class*="stat"]{ max-width:100%!important; border-color:rgba(67,156,255,.30)!important; background-color:#07111e!important; opacity:1!important; } .fh-profile-window-body img{max-width:100%!important} .fh-profile-loading,.fh-profile-error{ display:flex!important; min-height:260px!important; flex-direction:column!important; align-items:center!important; justify-content:center!important; gap:12px!important; color:#fff!important; text-align:center!important; } .fh-profile-loading i{ width:34px!important; height:34px!important; border:3px solid rgba(68,164,255,.18)!important; border-top-color:#55b9ff!important; border-left-color:#ff6548!important; border-radius:50%!important; animation:fh33-profile-spin .7s linear infinite!important; } .fh-profile-loading span,.fh-profile-error span{color:#fff!important;font-size:12px!important} .fh-profile-error strong{color:#fff!important;font-size:18px!important} .fh-profile-error a{padding:8px 13px!important;border:1px solid #4dafff!important;border-radius:5px!important;background:#0b2c53!important;color:#fff!important;text-decoration:none!important} @keyframes fh33-profile-spin{to{transform:rotate(360deg)}} @media(max-width:1100px){ .fh-profile-window{top:175px!important;width:calc(100vw - 32px)!important;min-width:0!important;max-width:760px!important;max-height:calc(100vh - 192px)!important} .fh-profile-window-body{max-height:calc(100vh - 256px)!important} } @media(max-width:600px){ .fh-profile-window{top:165px!important;width:calc(100vw - 18px)!important;max-height:calc(100vh - 174px)!important} .fh-profile-window-body{max-height:calc(100vh - 238px)!important;padding:10px!important} } /* ========================================================= v34 WebShop, Player Market, login and equipment profiles These modules inherit the current red/blue FinalHope theme. ========================================================= */ .fh-inline-module-body .ws-shop, .fh-inline-module-body .mk-market{ --ws-card:#081321!important; --ws-border:rgba(66,153,255,.27)!important; --ws-gold:#63b8ff!important; --mk-bg:#050b14!important; --mk-card:#081321!important; --mk-card-2:#07101d!important; --mk-border:rgba(66,153,255,.30)!important; --mk-accent:#63b8ff!important; --mk-accent-2:#1d70c4!important; --mk-text:#fff!important; --mk-muted:#fff!important; padding:0!important; background:#050b14!important; color:#fff!important; } .fh-inline-module-body .ws-hero{ align-items:flex-start!important; margin:0 0 12px!important; padding:14px!important; border:1px solid rgba(65,156,255,.34)!important; border-left-color:rgba(239,77,45,.55)!important; border-radius:7px!important; background:linear-gradient(100deg,rgba(86,22,17,.72),#081321 47%,rgba(7,38,72,.76))!important; } .fh-inline-module-body .ws-hero h2{margin:0 0 4px!important;color:#fff!important;font-size:18px!important;font-weight:950!important} .fh-inline-module-body .ws-hero p{max-width:390px!important;color:#fff!important;font-size:10px!important;line-height:1.5!important} .fh-inline-module-body .ws-filters{justify-content:flex-end!important;gap:7px!important} .fh-inline-module-body .ws-filters input, .fh-inline-module-body .ws-filters select, .fh-inline-module-body .mk-input, .fh-inline-module-body .mk-toolbar .mk-input{ min-height:36px!important; padding:7px 10px!important; border:1px solid rgba(73,160,255,.36)!important; border-radius:5px!important; outline:0!important; background:#07111f!important; color:#fff!important; font-size:10px!important; } .fh-inline-module-body .ws-filters input:focus, .fh-inline-module-body .ws-filters select:focus, .fh-inline-module-body .mk-input:focus{border-color:#5cb5ff!important;box-shadow:0 0 0 2px rgba(62,156,255,.12)!important} .fh-inline-module-body .ws-filters button, .fh-inline-module-body .ws-card button, .fh-inline-module-body .mk-btn{ min-height:36px!important; padding:8px 12px!important; border:1px solid rgba(75,165,255,.52)!important; border-radius:5px!important; background:linear-gradient(180deg,#18589d,#0c376a)!important; box-shadow:0 0 14px rgba(38,135,235,.12)!important; color:#fff!important; font-size:9px!important; font-weight:950!important; text-transform:uppercase!important; } .fh-inline-module-body .ws-grid, .fh-inline-module-body .mk-grid-inner{ grid-template-columns:repeat(auto-fill,minmax(150px,1fr))!important; gap:9px!important; } .fh-inline-module-body .ws-card, .fh-inline-module-body .mk-card{ min-height:230px!important; padding:10px!important; gap:6px!important; border:1px solid rgba(65,151,255,.25)!important; border-left-color:rgba(241,76,45,.34)!important; border-radius:6px!important; background:#081321!important; box-shadow:0 10px 24px rgba(0,0,0,.24),inset 0 0 24px rgba(37,134,235,.025)!important; opacity:1!important; } .fh-inline-module-body .ws-card:hover, .fh-inline-module-body .mk-card:hover{transform:translateY(-2px)!important;border-color:#52aefb!important;box-shadow:0 0 20px rgba(45,148,248,.13),0 13px 28px rgba(0,0,0,.30)!important} .fh-inline-module-body .ws-img, .fh-inline-module-body .mk-card-img{ height:105px!important; border:1px solid rgba(67,151,247,.14)!important; border-radius:5px!important; background:radial-gradient(circle,rgba(52,145,245,.14),rgba(5,12,22,.75) 67%)!important; } .fh-inline-module-body .ws-img img{max-height:92px!important;filter:drop-shadow(0 0 13px rgba(78,170,255,.38))!important} .fh-inline-module-body .mk-card-img img{max-height:80px!important;filter:drop-shadow(0 0 12px rgba(78,170,255,.34))!important} .fh-inline-module-body .ws-card h3, .fh-inline-module-body .mk-card-title{min-height:0!important;margin:2px 0!important;color:#fff!important;font-size:11px!important;font-weight:900!important} .fh-inline-module-body .ws-meta, .fh-inline-module-body .mk-card-meta, .fh-inline-module-body .mk-card-desc, .fh-inline-module-body .mk-chk{color:#fff!important;font-size:8px!important} .fh-inline-module-body .ws-price, .fh-inline-module-body .mk-card-price{margin-top:auto!important;color:#65bbff!important;font-size:14px!important;font-weight:950!important;text-shadow:0 0 12px rgba(67,165,255,.24)!important} .fh-inline-module-body .ws-services-panel{ padding:13px!important; border:1px solid rgba(70,159,255,.28)!important; border-radius:7px!important; background:#07111e!important; } .fh-inline-module-body .ws-services-panel h3, .fh-inline-module-body .ws-services-panel h4, .fh-inline-module-body .ws-services-panel p{color:#fff!important} .fh-inline-module-body .ws-service-card{border-color:rgba(69,156,255,.26)!important;border-radius:5px!important;background:#091522!important} .fh-inline-module-body .mk-toolbar{gap:7px!important;margin:0 0 10px!important;padding:10px!important;border:1px solid rgba(65,155,255,.28)!important;border-radius:6px!important;background:#07111f!important} .fh-inline-module-body .ws-category-tabs, .fh-inline-module-body .mk-categories{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:5px!important;margin:0 0 11px!important;padding:8px!important;border:1px solid rgba(65,155,255,.22)!important;border-radius:6px!important;background:#060f1b!important} .fh-inline-module-body .ws-category-tabs button, .fh-inline-module-body .mk-categories button{min-height:29px!important;padding:6px 9px!important;border:1px solid rgba(66,154,255,.27)!important;border-radius:4px!important;background:#081321!important;color:#fff!important;font-size:8px!important;font-weight:850!important;cursor:pointer!important} .fh-inline-module-body .ws-category-tabs button:hover, .fh-inline-module-body .mk-categories button:hover, .fh-inline-module-body .ws-category-tabs button.is-active, .fh-inline-module-body .mk-categories button.is-active{border-color:#57b5ff!important;background:linear-gradient(180deg,#12457f,#0a2a52)!important;color:#fff!important;box-shadow:0 0 12px rgba(51,153,252,.13)!important} .fh-inline-module-body .mk-btn-sell{margin-left:auto!important;background:linear-gradient(180deg,#a73d26,#692519)!important;border-color:rgba(255,93,62,.56)!important} .fh-inline-module-body .mk-tabs{gap:6px!important;margin-bottom:10px!important} .fh-inline-module-body .mk-tab{padding:8px 13px!important;border:1px solid rgba(66,154,255,.30)!important;border-radius:5px!important;background:#081321!important;color:#fff!important;font-size:9px!important;font-weight:900!important} .fh-inline-module-body .mk-tab.is-active{border-color:#57b5ff!important;background:#0d3260!important;color:#fff!important;box-shadow:0 0 14px rgba(47,147,245,.13)!important} .mk-modal{z-index:72!important;pointer-events:none!important;background:none!important} .mk-modal.is-open{display:block!important} .mk-modal-backdrop{display:none!important} .mk-modal-dialog{position:absolute!important;top:190px!important;left:50%!important;width:min(700px,calc(100vw - 600px))!important;min-width:610px!important;max-height:calc(100vh - 215px)!important;margin:0!important;transform:translateX(-50%)!important;pointer-events:auto!important;border:1px solid rgba(69,163,255,.92)!important;border-left-color:#ff6043!important;border-radius:10px!important;background:#030912!important;box-shadow:-12px 0 30px rgba(221,50,28,.15),12px 0 30px rgba(27,121,255,.19),0 28px 65px rgba(0,0,0,.62)!important} .mk-modal-head{padding:12px 16px!important;border-bottom:1px solid rgba(69,161,255,.38)!important;background:linear-gradient(90deg,rgba(117,30,19,.98),#071120 46%,rgba(5,38,74,.98))!important}.mk-modal-head h3,.mk-modal-head p{color:#fff!important}.mk-modal-body{background:#030912!important;color:#fff!important}.mk-modal-foot{border-top:1px solid rgba(69,161,255,.28)!important;background:#050d17!important}.mk-sell-preview-box,.mk-sell-form{border-color:rgba(68,157,255,.25)!important;background:#07111e!important}.mk-modal label,.mk-modal span,.mk-modal p,.mk-modal strong{color:#fff!important}.mk-modal .mk-input{border-color:rgba(68,157,255,.34)!important;background:#081422!important;color:#fff!important}.mk-modal-x{border-color:rgba(255,102,73,.64)!important;background:rgba(106,25,17,.76)!important;color:#fff!important} /* Item detail/purchase window stays in the center without hiding the dashboard. */ .ws-buy-modal{ position:fixed!important; inset:0!important; z-index:70!important; display:block!important; pointer-events:none!important; visibility:hidden!important; opacity:0!important; transition:opacity .16s ease,visibility .16s ease!important; } .ws-buy-modal.is-open{visibility:visible!important;opacity:1!important} .ws-buy-window{ position:absolute!important; top:190px!important; left:50%!important; width:min(690px,calc(100vw - 600px))!important; min-width:600px!important; max-height:calc(100vh - 215px)!important; transform:translateX(-50%)!important; pointer-events:auto!important; border:1px solid rgba(69,163,255,.92)!important; border-left-color:#ff6043!important; border-radius:10px!important; background:#030912!important; box-shadow:-12px 0 30px rgba(221,50,28,.15),12px 0 30px rgba(27,121,255,.19),0 28px 65px rgba(0,0,0,.62)!important; overflow:hidden!important; } .ws-buy-head{display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:62px!important;padding:10px 12px 10px 17px!important;border-bottom:1px solid rgba(69,161,255,.43)!important;background:linear-gradient(90deg,rgba(117,30,19,.98),#071120 46%,rgba(5,38,74,.98))!important} .ws-buy-head>span{display:flex!important;min-width:0!important;flex-direction:column!important} .ws-buy-head small{color:#9bcfff!important;font-size:8px!important;font-weight:950!important;letter-spacing:.14em!important} .ws-buy-head strong{margin-top:3px!important;color:#fff!important;font-size:17px!important;font-weight:950!important} .ws-buy-close{display:grid!important;place-items:center!important;width:37px!important;height:37px!important;border:1px solid rgba(255,102,73,.64)!important;border-radius:6px!important;background:rgba(106,25,17,.76)!important;color:#fff!important;font-size:24px!important;cursor:pointer!important} .ws-buy-body{display:grid!important;grid-template-columns:220px minmax(0,1fr)!important;gap:16px!important;max-height:calc(100vh - 278px)!important;padding:16px!important;background:#030912!important;overflow:auto!important} .ws-buy-preview{display:flex!important;min-height:285px!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:15px!important;border:1px solid rgba(68,158,255,.27)!important;border-radius:7px!important;background:radial-gradient(circle,rgba(58,151,255,.17),#07111d 68%)!important} .ws-buy-preview img{max-width:160px!important;max-height:210px!important;filter:drop-shadow(0 0 19px rgba(72,167,255,.44))!important} .ws-buy-preview span{color:#fff!important;font-size:8px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.12em!important} .ws-buy-details h3{margin:0 0 11px!important;color:#fff!important;font-size:18px!important;font-weight:950!important} .ws-buy-options{display:grid!important;gap:6px!important} .ws-buy-options>div{display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:34px!important;padding:7px 9px!important;border:1px solid rgba(68,157,255,.22)!important;border-radius:4px!important;background:#081422!important} .ws-buy-options span,.ws-buy-options strong{color:#fff!important;font-size:9px!important} .ws-buy-options strong{color:#65bbff!important} .ws-buy-summary{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-top:11px!important;padding:10px!important;border:1px solid rgba(243,79,47,.36)!important;border-radius:5px!important;background:rgba(105,27,19,.36)!important} .ws-buy-summary span,.ws-buy-summary strong{color:#fff!important}.ws-buy-summary strong{font-size:15px!important} .ws-buy-details>p{margin:10px 0!important;color:#fff!important;font-size:8.5px!important;line-height:1.5!important} .ws-buy-confirm{width:100%!important;min-height:40px!important;border:1px solid rgba(81,178,255,.65)!important;border-radius:5px!important;background:linear-gradient(180deg,#1d66ad,#0c396d)!important;color:#fff!important;font-size:10px!important;font-weight:950!important;text-transform:uppercase!important;cursor:pointer!important} /* Login module */ .fh-login-window{width:min(520px,100%)!important;margin:12px auto!important;border:1px solid rgba(67,158,255,.55)!important;border-left-color:rgba(243,80,48,.70)!important;border-radius:9px!important;background:#06101c!important;box-shadow:0 20px 45px rgba(0,0,0,.38)!important;overflow:hidden!important} .fh-login-window-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:16px!important;padding:18px!important;border-bottom:1px solid rgba(65,153,255,.25)!important;background:linear-gradient(100deg,rgba(105,27,18,.72),#081321 48%,rgba(6,37,70,.74))!important} .fh-login-window-head small{color:#62b8ff!important;font-size:8px!important;font-weight:950!important;letter-spacing:.14em!important}.fh-login-window-head h2{margin:5px 0 4px!important;color:#fff!important;font-size:20px!important}.fh-login-window-head p{max-width:330px!important;margin:0!important;color:#fff!important;font-size:9px!important;line-height:1.5!important} .fh-login-window-head>a,.fh-login-window-foot a{color:#68bdff!important;font-size:9px!important;font-weight:900!important;text-decoration:none!important;white-space:nowrap!important} .fh-login-form{display:grid!important;gap:8px!important;padding:18px!important}.fh-login-form label{color:#fff!important;font-size:9px!important;font-weight:900!important}.fh-login-form .form-control{height:42px!important;padding:9px 11px!important;border:1px solid rgba(67,156,255,.35)!important;border-radius:5px!important;background:#081422!important;color:#fff!important;font-size:11px!important}.fh-login-form .form-control:focus{border-color:#59b5ff!important;box-shadow:0 0 0 2px rgba(65,159,255,.12)!important}.fh-login-actions{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-top:6px!important}.fh-login-actions .btn{min-width:150px!important;height:40px!important;border:1px solid rgba(254,100,69,.57)!important;border-radius:5px!important;background:linear-gradient(180deg,#ad442a,#6e281b)!important;color:#fff!important;font-size:10px!important;font-weight:950!important;text-transform:uppercase!important}.fh-login-actions>a{color:#fff!important;font-size:9px!important}.fh-login-window-foot{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:12px!important;border-top:1px solid rgba(65,153,255,.20)!important;background:#050c15!important}.fh-login-window-foot span{color:#fff!important;font-size:9px!important} /* Native profile data plus decoded equipped items. */ .fh-profile-window-body .profiles_player_card{width:100%!important;min-height:0!important;padding:0!important;border:0!important;background:none!important} .fh-profile-window-body .profiles_player_content{display:grid!important;grid-template-columns:180px minmax(0,1fr)!important;gap:14px!important;width:100%!important;padding:0!important} .fh-profile-window-body .profiles_player_table{width:100%!important;margin:0!important;border:1px solid rgba(67,156,255,.27)!important;border-radius:6px!important;background:#07111e!important;overflow:hidden!important} .fh-profile-window-body .profiles_player_table td{padding:8px 10px!important;border-color:rgba(67,156,255,.18)!important;color:#fff!important;font-size:9px!important}.fh-profile-window-body .profiles_player_table .cname{color:#fff!important;font-size:18px!important;font-weight:950!important}.fh-profile-window-body .profiles_player_table .cclass{color:#68bdff!important;font-size:10px!important;font-weight:900!important}.fh-profile-window-body .profiles_player_table_info{grid-column:2!important;grid-row:1/3!important}.fh-profile-window-body .profiles_player_table_info td:last-child{text-align:right!important;font-weight:950!important}.fh-profile-window-body .profiles_player_table_info .isonline{color:#69ee8d!important}.fh-profile-window-body .profiles_player_table_info .isoffline{color:#ff765c!important} .fh-profile-equipment{grid-column:1/3!important;margin-top:2px!important;border:1px solid rgba(67,156,255,.28)!important;border-radius:7px!important;background:#050d17!important;overflow:hidden!important}.fh-profile-equipment-head{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:10px 12px!important;border-bottom:1px solid rgba(67,156,255,.23)!important;background:linear-gradient(90deg,rgba(102,27,18,.55),#081422 48%,rgba(6,36,67,.60))!important}.fh-profile-equipment-head span{color:#fff!important;font-size:11px!important;font-weight:950!important;text-transform:uppercase!important}.fh-profile-equipment-head small{color:#fff!important;font-size:8px!important}.fh-profile-equipment-grid{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:7px!important;padding:9px!important}.fh-profile-equipment-slot{display:flex!important;min-height:126px!important;min-width:0!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;padding:7px!important;border:1px solid rgba(67,154,255,.19)!important;border-radius:5px!important;background:#081321!important;text-align:center!important}.fh-profile-equipment-slot.has-item{border-color:rgba(78,171,255,.38)!important;box-shadow:inset 0 0 19px rgba(45,143,243,.04)!important}.fh-profile-equipment-slot>small{color:#fff!important;font-size:7px!important;font-weight:900!important;text-transform:uppercase!important}.fh-profile-item-image{display:grid!important;place-items:center!important;width:100%!important;height:68px!important;margin:4px 0!important}.fh-profile-item-image img{max-width:58px!important;max-height:64px!important;filter:drop-shadow(0 0 10px rgba(79,172,255,.42))!important}.fh-profile-equipment-slot>strong{max-width:100%!important;color:#fff!important;font-size:7px!important;line-height:1.25!important;overflow:hidden!important;text-overflow:ellipsis!important}.fh-profile-empty-slot{margin:auto!important;color:#708296!important;font-size:8px!important} @media(max-width:1100px){.ws-buy-window,.mk-modal-dialog{top:175px!important;width:calc(100vw - 32px)!important;min-width:0!important;max-width:720px!important}.fh-profile-equipment-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}} @media(max-width:700px){.fh-inline-module-body .ws-grid,.fh-inline-module-body .mk-grid-inner{grid-template-columns:repeat(2,minmax(0,1fr))!important}.ws-buy-body{grid-template-columns:1fr!important}.ws-buy-preview{min-height:180px!important}.fh-profile-window-body .profiles_player_content{grid-template-columns:1fr!important}.fh-profile-window-body .profiles_player_table_info,.fh-profile-equipment{grid-column:1!important;grid-row:auto!important}.fh-profile-equipment-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}} @keyframes fh26-fire-pulse{ 0%{opacity:.48;transform:translate3d(-2%,2%,0) scale(.96)} 100%{opacity:1;transform:translate3d(2%,-2%,0) scale(1.1)} } @keyframes fh26-ice-pulse{ 0%{opacity:1;transform:translate3d(2%,-2%,0) scale(1.1)} 100%{opacity:.5;transform:translate3d(-2%,2%,0) scale(.96)} } /* ========================================================= v35 route-shell, compact account login and readable wallet ========================================================= */ body.fh-shell-hydrating #content{opacity:.15!important;pointer-events:none!important} body.we-body-home .we-home-account-grid{ grid-template-columns:245px minmax(0,1fr) 255px!important; gap:12px!important; } /* The login stays in the left account panel instead of opening as a page. */ body.we-body-home .we-home-account-card.fh-account-guest{ display:flex!important; flex-direction:column!important; align-items:stretch!important; padding:14px 12px!important; text-align:left!important; } body.we-body-home .fh-account-guest .we-home-account-avatar{ align-self:center!important; width:90px!important; height:90px!important; margin:0 auto 8px!important; } body.we-body-home .fh-account-guest .we-home-account-name, body.we-body-home .fh-account-guest .we-home-account-sub{text-align:center!important} body.we-body-home .fh-sidebar-login{ display:grid!important; grid-template-columns:1fr!important; gap:6px!important; width:100%!important; margin-top:12px!important; padding-top:11px!important; border-top:1px solid rgba(255,128,61,.28)!important; } body.we-body-home .fh-sidebar-login-head, body.we-body-home .fh-sidebar-login-actions{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important} body.we-body-home .fh-sidebar-login-head strong{color:#fff!important;font-size:12px!important;text-transform:uppercase!important} body.we-body-home .fh-sidebar-login a{color:#71bdff!important;font-size:9px!important;text-decoration:none!important} body.we-body-home .fh-sidebar-login label{margin:1px 0 0!important;color:#fff!important;font-size:9px!important;font-weight:850!important} body.we-body-home .fh-sidebar-login input{ width:100%!important; height:36px!important; padding:7px 9px!important; border:1px solid rgba(67,158,255,.38)!important; border-radius:4px!important; outline:0!important; background:#071321!important; color:#fff!important; font-size:11px!important; } body.we-body-home .fh-sidebar-login input:focus{border-color:#64baff!important;box-shadow:0 0 0 2px rgba(63,158,255,.12)!important} body.we-body-home .fh-sidebar-login-actions{margin-top:4px!important} body.we-body-home .fh-sidebar-login-actions button{ min-width:92px!important; height:36px!important; border:1px solid #f37b3f!important; border-radius:4px!important; background:linear-gradient(180deg,#b65124,#713017)!important; box-shadow:0 0 15px rgba(245,82,35,.18)!important; color:#fff!important; font-size:11px!important; font-weight:950!important; text-transform:uppercase!important; } body.we-body-home .fh-account-guest .we-home-guest-download{margin-top:8px!important} /* Logged-in account follows the requested portrait + vertical currency list. */ body.we-body-home .we-home-account-card.fh-account-logged{ display:grid!important; grid-template-columns:88px minmax(0,1fr)!important; grid-template-areas:"name name" "avatar wallet" "sub wallet" "credit credit" "download download" "admin admin" "logout logout"!important; column-gap:12px!important; align-items:start!important; padding:14px 12px!important; text-align:left!important; } body.we-body-home .fh-account-logged .we-home-account-name{grid-area:name!important;margin:0 0 10px!important;color:#fff!important;font-size:15px!important;text-align:left!important} body.we-body-home .fh-account-logged .we-home-account-avatar{ grid-area:avatar!important; width:88px!important; height:112px!important; margin:0!important; border:1px solid rgba(83,172,255,.46)!important; border-radius:3px!important; background:#e7e9ee!important; } body.we-body-home .fh-account-logged .we-home-account-avatar img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center top!important;border-radius:2px!important} body.we-body-home .fh-account-logged .we-home-account-sub{grid-area:sub!important;align-self:end!important;margin:7px 0 0!important;color:#68baff!important;font-size:9px!important;text-align:left!important} body.we-body-home .fh-account-logged .we-home-account-balances{ grid-area:wallet!important; display:flex!important; min-width:0!important; flex-direction:column!important; gap:0!important; margin:0!important; padding:0!important; border:0!important; background:transparent!important; } body.we-body-home .fh-account-logged .we-home-account-balance{ display:flex!important; min-height:22px!important; align-items:center!important; justify-content:space-between!important; gap:7px!important; padding:4px 0!important; border:0!important; border-bottom:1px solid rgba(72,157,245,.16)!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; } body.we-body-home .fh-account-logged .we-home-account-balance span{min-width:0!important;color:#6dbdff!important;font-size:8.5px!important;font-weight:800!important;text-transform:none!important;white-space:nowrap!important} body.we-body-home .fh-account-logged .we-home-account-balance strong{color:#fff!important;font-size:9.5px!important;font-weight:950!important;white-space:nowrap!important} body.we-body-home .fh-account-logged .we-home-buy-credit{grid-area:credit!important;margin-top:11px!important} body.we-body-home .fh-account-logged .we-home-download-client{grid-area:download!important} body.we-body-home .fh-account-logged .we-home-admincp-reference{grid-area:admin!important} body.we-body-home .fh-account-logged .we-home-logout-reference{grid-area:logout!important} /* Direct and in-dashboard rankings are compact, opaque windows. */ body.we-body-home.fh-spa-inline-module .fh-inline-module-host{max-width:100%!important;background:#040a12!important;opacity:1!important} body.we-body-home.fh-spa-inline-module .fh-inline-module-body{max-height:620px!important;background:#040a12!important;opacity:1!important} body.we-body-home.fh-spa-inline-module .fh-inline-module-body .rankings-table{background:#040a12!important} body.we-body-home.fh-spa-inline-module .fh-inline-module-body .rankings-table tr{background:#081421!important;opacity:1!important} body.we-body-home.fh-spa-inline-module .fh-inline-module-body .rankings-table td{height:44px!important;padding:6px 8px!important;font-size:10px!important} .fh-route-pending{display:grid;min-height:420px;place-items:center;align-content:center;gap:12px;padding:35px;border:1px solid rgba(77,168,255,.30);border-radius:8px;background:radial-gradient(circle at 50% 42%,rgba(41,134,224,.13),transparent 42%),#040b13;color:#fff;text-align:center} .fh-route-pending i{display:block;width:52px;height:52px;border:3px solid rgba(86,178,255,.20);border-top-color:#65c2ff;border-right-color:#ff6647;border-radius:50%;box-shadow:0 0 22px rgba(70,168,255,.22);animation:fhRouteSpin .8s linear infinite} .fh-route-pending strong{font-size:18px;font-weight:950}.fh-route-pending span{color:#afc4d8;font-size:11px} @keyframes fhRouteSpin{to{transform:rotate(360deg)}} /* v56: immediate, consistent interaction feedback without hiding the page. */ body.fh-route-loading #content{opacity:1!important;transform:none!important;pointer-events:auto!important} .fh-route-loader{height:3px!important;background:linear-gradient(90deg,#ff5b3f 0%,#e94e32 34%,#6b7fff 64%,#5fc7ff 100%)!important;box-shadow:0 0 18px rgba(70,168,255,.55),0 0 12px rgba(255,82,48,.35)!important} body.fh-route-loading .fh-route-loader{width:92%!important;opacity:1!important;animation:fhRouteProgress 1.1s ease-in-out infinite alternate} @keyframes fhRouteProgress{from{filter:brightness(.85)}to{filter:brightness(1.35)}} a.fh-button-busy,button.fh-button-busy,[role="button"].fh-button-busy,[data-page].fh-button-busy,[data-service].fh-button-busy,[data-open-item].fh-button-busy{ position:relative!important; padding-right:38px!important; pointer-events:none!important; } a.fh-button-busy::after,button.fh-button-busy::after,[role="button"].fh-button-busy::after,[data-page].fh-button-busy::after,[data-service].fh-button-busy::after,[data-open-item].fh-button-busy::after{ content:""!important; position:absolute!important; right:11px!important; top:50%!important; width:17px!important; height:17px!important; margin-top:-8.5px!important; box-sizing:border-box!important; border:2px solid rgba(95,199,255,.24)!important; border-top-color:#65c7ff!important; border-right-color:#ff6548!important; border-radius:50%!important; box-shadow:0 0 11px rgba(73,169,255,.28)!important; animation:fhRouteSpin .62s linear infinite!important; z-index:5!important; } .fh-input-busy-host{position:relative!important}.fh-input-action-spinner{ position:absolute!important;right:11px!important;top:50%!important;width:17px!important;height:17px!important;margin-top:-8.5px!important;box-sizing:border-box!important; border:2px solid rgba(95,199,255,.24)!important;border-top-color:#65c7ff!important;border-right-color:#ff6548!important;border-radius:50%!important; box-shadow:0 0 11px rgba(73,169,255,.28)!important;animation:fhRouteSpin .62s linear infinite!important;pointer-events:none!important;z-index:8!important; } @media (prefers-reduced-motion:reduce){.fh-button-busy::after,.fh-route-pending i{animation-duration:1.2s!important}} body.we-body-home.fh-spa-inline-module .fh-inline-module-body .rankings-class-image{width:36px!important;height:36px!important;object-fit:cover!important;border-radius:5px!important} @media(max-width:1100px){ body.we-body-home .we-home-account-grid{grid-template-columns:220px minmax(0,1fr) 225px!important} } @media(max-width:820px){ body.we-body-home .we-home-account-grid{grid-template-columns:1fr!important} body.we-body-home .we-home-account-left,body.we-body-home .we-home-account-main,body.we-body-home .we-home-account-right{width:100%!important} } /* v36: preserve the framed dark account-card background from the chosen design. */ body.we-body-home .we-home-account-card, body.we-body-home .we-home-account-card.fh-account-guest, body.we-body-home .we-home-account-card.fh-account-logged{ border:1px solid rgba(224,83,47,.78)!important; border-right-color:rgba(185,128,42,.54)!important; border-bottom-color:rgba(185,128,42,.54)!important; border-radius:0!important; background: radial-gradient(circle at 28% 7%,rgba(117,36,24,.25),transparent 43%), linear-gradient(155deg,rgba(48,14,13,.97) 0%,rgba(8,9,12,.99) 47%,rgba(3,7,11,.995) 100%)!important; box-shadow:inset 0 0 28px rgba(0,0,0,.34),0 14px 32px rgba(0,0,0,.34)!important; } /* ========================================================= v37 logged-in control menu + unified right server panel ========================================================= */ body.we-body-home .fh-account-panel-title{ margin:12px 0 7px!important; padding:0 5px!important; border:0!important; background:transparent!important; color:#fff!important; font-size:11px!important; font-weight:950!important; letter-spacing:.08em!important; text-transform:uppercase!important; } body.we-body-home .we-home-account-menu.fh-important-account-menu{ display:flex!important; flex-direction:column!important; gap:5px!important; padding:0!important; border:0!important; background:transparent!important; } body.we-body-home .fh-important-account-menu .we-home-account-link{ display:grid!important; grid-template-columns:24px minmax(0,1fr) 15px!important; align-items:center!important; min-height:36px!important; margin:0!important; padding:6px 10px 6px 8px!important; border:1px solid rgba(65,142,219,.22)!important; border-left-color:rgba(233,84,47,.36)!important; border-radius:18px!important; background:linear-gradient(100deg,rgba(45,14,14,.96),rgba(6,16,27,.98) 44%,rgba(5,24,43,.98))!important; box-shadow:inset 0 1px rgba(255,255,255,.025),0 5px 13px rgba(0,0,0,.18)!important; color:#fff!important; font-size:10px!important; font-weight:750!important; line-height:1.2!important; text-decoration:none!important; transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease!important; } body.we-body-home .fh-important-account-menu .we-home-account-link:hover{ transform:translateX(2px)!important; border-color:#4da8ff!important; border-left-color:#f06a46!important; box-shadow:-4px 0 13px rgba(232,66,39,.11),4px 0 15px rgba(47,145,244,.16)!important; color:#fff!important; } body.we-body-home .fh-important-account-menu .we-home-account-link-icon{display:grid!important;place-items:center!important;width:22px!important;height:22px!important;color:#f1a338!important} body.we-body-home .fh-important-account-menu .we-home-account-link-icon img, body.we-body-home .fh-important-account-menu .we-home-account-link-icon svg{width:15px!important;height:15px!important;object-fit:contain!important} body.we-body-home .fh-important-account-menu .we-home-account-link-arrow{justify-self:end!important;color:#61b9ff!important;font-size:15px!important} body.we-body-home .fh-unified-stats-panel{ border:1px solid rgba(69,151,234,.52)!important; border-left-color:rgba(234,82,47,.48)!important; border-radius:0!important; background: linear-gradient(rgba(255,255,255,.012),rgba(255,255,255,.012)), repeating-linear-gradient(135deg,rgba(81,151,217,.018) 0,rgba(81,151,217,.018) 2px,transparent 2px,transparent 5px), linear-gradient(155deg,rgba(37,13,14,.98),#071321 43%,#061a2c)!important; box-shadow:inset 0 0 30px rgba(28,114,203,.045),0 15px 34px rgba(0,0,0,.32)!important; overflow:hidden!important; } body.we-body-home .fh-unified-stats-panel .fh-classic-stats-section{border:0!important;background:transparent!important} body.we-body-home .fh-unified-stats-panel .fh-classic-stats-title{ min-height:52px!important; padding:0 12px 0 14px!important; border:0!important; border-bottom:1px solid rgba(68,153,237,.28)!important; background:linear-gradient(90deg,rgba(91,25,18,.36),rgba(6,20,35,.30))!important; } body.we-body-home .fh-unified-stats-panel .fh-classic-stats-title span{color:#fff!important;font-size:13px!important;font-weight:950!important;letter-spacing:.035em!important} body.we-body-home .fh-unified-stats-panel .fh-classic-stats-title .we-icon{color:#59b6ff!important;filter:drop-shadow(0 0 8px rgba(67,166,255,.52))!important} body.we-body-home .fh-unified-stats-panel .fh-classic-stats-rows{padding:6px 12px 10px!important} body.we-body-home .fh-unified-stats-panel .fh-classic-stats-rows>div{ display:grid!important; grid-template-columns:minmax(0,1fr) auto!important; align-items:center!important; min-height:32px!important; gap:8px!important; padding:6px 0!important; border:0!important; border-bottom:1px solid rgba(89,160,230,.13)!important; background:transparent!important; } body.we-body-home .fh-unified-stats-panel .fh-classic-stats-rows>div:last-child{border-bottom:0!important} body.we-body-home .fh-unified-stats-panel .fh-classic-stats-rows span{color:#dce6f1!important;font-size:9px!important;font-weight:650!important} body.we-body-home .fh-unified-stats-panel .fh-classic-stats-rows strong{max-width:130px!important;color:#fff!important;font-size:9.5px!important;font-weight:900!important;text-align:right!important;overflow-wrap:anywhere!important} body.we-body-home .fh-unified-stats-panel .fh-classic-stats-rows .fh-stat-gold{color:#ffd447!important;text-shadow:0 0 8px rgba(255,193,46,.14)!important} body.we-body-home .fh-unified-stats-panel .fh-classic-stats-rows .fh-stat-online{color:#50e47b!important;text-shadow:0 0 8px rgba(50,224,103,.18)!important} body.we-body-home .fh-unified-stats-panel .fh-classic-stats-rows .fh-stat-time{max-width:145px!important;color:#a9bbcf!important;font-size:8px!important;line-height:1.3!important} /* v39 modules are rendered by PHP inside the dashboard, even with JS blocked. */ body.fh-server-dashboard .we-page-bar{display:none!important} body.fh-server-dashboard .we-main{margin-top:0!important;padding-top:18px!important} body.fh-server-dashboard .fh-server-inline-module{width:100%!important;min-width:0!important;opacity:1!important} body.fh-server-dashboard .fh-server-inline-module .fh-inline-module-body{max-height:720px!important;opacity:1!important} /* ========================================================= v41 full credit-only WebShop and compact character ranking ========================================================= */ body.we-body-home .fh-inline-module-body .ws-catalogue{width:100%!important;max-width:none!important;color:#fff!important;opacity:1!important} body.we-body-home .fh-inline-module-body .ws-catalogue .ws-hero{margin:0 0 12px!important;padding:17px 18px!important;border:1px solid rgba(76,166,255,.32)!important;border-left-color:rgba(255,91,63,.65)!important;border-radius:8px!important;background:linear-gradient(105deg,rgba(91,24,16,.82),#07111e 47%,rgba(5,42,80,.88))!important;box-shadow:0 15px 34px rgba(0,0,0,.3)!important} body.we-body-home .fh-inline-module-body .ws-catalogue .ws-hero h2{margin:4px 0!important;color:#fff!important;font-size:22px!important} body.we-body-home .fh-inline-module-body .ws-catalogue .ws-hero p{max-width:520px!important;color:#fff!important;font-size:10px!important} body.we-body-home .fh-inline-module-body .ws-credit-panel{border-color:rgba(84,178,255,.45)!important;border-radius:6px!important;background:#071522!important} body.we-body-home .fh-inline-module-body .ws-credit-panel span{color:#dbeeff!important;font-size:8px!important}body.we-body-home .fh-inline-module-body .ws-credit-panel strong{color:#69beff!important;font-size:13px!important} body.we-body-home .fh-inline-module-body .ws-toolbar{margin:0 0 10px!important;padding:10px!important;border:1px solid rgba(71,158,249,.25)!important;border-radius:6px!important;background:#06101b!important} body.we-body-home .fh-inline-module-body .ws-search span,body.we-body-home .fh-inline-module-body .ws-delivery-note span{color:#fff!important} body.we-body-home .fh-inline-module-body .ws-search input{height:38px!important;border:1px solid rgba(76,166,255,.38)!important;border-radius:5px!important;background:#081624!important;color:#fff!important} body.we-body-home .fh-inline-module-body .ws-search-button{height:38px!important;border:1px solid rgba(78,174,255,.55)!important;border-radius:5px!important;background:linear-gradient(#1d65a9,#0b386b)!important;color:#fff!important} body.we-body-home .fh-inline-module-body .ws-catalogue .ws-category-tabs{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:5px!important;margin:0 0 10px!important;padding:9px!important;border:1px solid rgba(70,157,248,.23)!important;border-radius:6px!important;background:#050e19!important} body.we-body-home .fh-inline-module-body .ws-catalogue .ws-category-tabs button{min-height:29px!important;padding:6px 9px!important;border:1px solid rgba(72,159,249,.27)!important;border-radius:4px!important;background:#081523!important;color:#fff!important;font-size:8px!important} body.we-body-home .fh-inline-module-body .ws-catalogue .ws-category-tabs button.is-active,body.we-body-home .fh-inline-module-body .ws-catalogue .ws-category-tabs button:hover{border-color:#5db9ff!important;background:linear-gradient(#154e89,#0a2b52)!important;color:#fff!important} body.we-body-home .fh-inline-module-body .ws-catalogue .ws-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important} body.we-body-home .fh-inline-module-body .ws-catalogue .ws-card{min-height:0!important;padding:0!important;gap:0!important;border:1px solid rgba(71,158,248,.25)!important;border-left-color:rgba(249,83,54,.38)!important;border-radius:7px!important;background:#081522!important} body.we-body-home .fh-inline-module-body .ws-catalogue .ws-card-open{padding:9px!important;background:none!important;color:#fff!important} body.we-body-home .fh-inline-module-body .ws-catalogue .ws-img{height:104px!important;margin-bottom:7px!important;border:1px solid rgba(73,160,250,.15)!important;border-radius:5px!important;background:radial-gradient(circle,rgba(52,147,246,.16),rgba(4,10,18,.82) 67%)!important} body.we-body-home .fh-inline-module-body .ws-catalogue .ws-img img{max-height:92px!important} body.we-body-home .fh-inline-module-body .ws-catalogue .ws-card-open strong{display:block!important;min-height:28px!important;color:#fff!important;font-size:11px!important}body.we-body-home .fh-inline-module-body .ws-catalogue .ws-card-open small{color:#e5f2ff!important;font-size:8px!important} body.we-body-home .fh-inline-module-body .ws-card-bottom{padding:8px 9px!important;border-top:1px solid rgba(72,158,248,.18)!important;background:#06101c!important}body.we-body-home .fh-inline-module-body .ws-card-bottom span{color:#fff!important}body.we-body-home .fh-inline-module-body .ws-card-bottom b{color:#ffd264!important} body.we-body-home .fh-inline-module-body .ws-card-bottom button{min-height:29px!important;height:29px!important;padding:0 9px!important;border-radius:4px!important;font-size:8px!important} body.we-body-home .fh-inline-module-body .ws-services{display:none!important} .ws-config-modal .ws-buy-window{top:180px!important;width:min(960px,calc(100vw - 560px))!important;min-width:660px!important;max-height:calc(100vh - 205px)!important;background:#030912!important} .ws-config-modal .ws-config-body{display:grid!important;grid-template-columns:minmax(190px,.8fr) minmax(235px,1.1fr) minmax(230px,1.1fr)!important;gap:11px!important;max-height:calc(100vh - 355px)!important;padding:12px!important;background:#030912!important;overflow:auto!important} .ws-config-modal .ws-config-column{min-width:0!important;padding:10px!important;border:1px solid rgba(71,161,255,.25)!important;border-radius:7px!important;background:#07121f!important}.ws-config-modal .ws-config-column h3,.ws-config-modal .ws-config-column label,.ws-config-modal .ws-excellent-list label{color:#fff!important} .ws-config-modal .ws-config-column select{width:100%!important;height:35px!important;border:1px solid rgba(79,169,255,.37)!important;border-radius:5px!important;background:#091a2a!important;color:#fff!important} .ws-config-modal .ws-config-preview{height:132px!important;border:1px solid rgba(77,168,255,.2)!important;border-radius:6px!important;background:radial-gradient(circle,rgba(57,153,255,.17),#06101b 70%)!important}.ws-config-modal .ws-config-preview img{max-height:95px!important}.ws-config-modal .ws-excellent-list label{min-height:38px!important;padding:7px 9px!important;border:1px solid rgba(71,160,255,.19)!important;border-radius:5px!important;background:#091725!important} .ws-config-modal .ws-buy-footer{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:15px!important;padding:11px 14px!important;border-top:1px solid rgba(70,162,255,.33)!important;background:linear-gradient(90deg,rgba(83,23,16,.65),#06101b 48%,rgba(5,37,70,.72))!important}.ws-config-modal .ws-buy-footer span,.ws-config-modal .ws-buy-footer strong{color:#fff!important}.ws-config-modal .ws-buy-confirm{width:auto!important;min-width:220px!important} /* Profiles contain only the native profile module; hide its duplicate title. */ .fh-profile-window-body>.page-title,.fh-profile-window-body>.fh-inline-module-head{display:none!important} .fh-profile-window-body>.fh-inline-module-body{padding:0!important;background:none!important} /* Opaque, compact ranking window inspired by the supplied reference. */ body.we-body-home .fh-inline-module-body .fh-rankings-window{width:100%!important;padding:16px!important;border:1px solid rgba(78,162,225,.3)!important;border-radius:9px!important;background:#0b1520!important;box-shadow:0 20px 45px rgba(0,0,0,.34)!important;color:#fff!important;opacity:1!important} .fh-rankings-hero{display:flex!important;min-height:122px!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;margin:0 0 14px!important;border:1px solid rgba(98,190,242,.27)!important;border-radius:9px!important;background:linear-gradient(145deg,#101d2a,#0d1823)!important}.fh-rankings-hero h1{margin:0!important;color:#87d5f7!important;font-size:31px!important;font-weight:900!important;letter-spacing:.12em!important}.fh-rankings-hero span{margin-top:5px!important;color:#a9cde2!important;font-size:11px!important;letter-spacing:.22em!important;text-transform:uppercase!important} .fh-ranking-type-tabs .rankings_menu,.fh-ranking-class-tabs{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:4px!important;margin:0 0 10px!important;padding:0!important;border:0!important;background:none!important}.fh-ranking-type-tabs .rankings_menu a,.fh-ranking-class-tabs button{min-height:32px!important;margin:0!important;padding:7px 11px!important;border:1px solid rgba(88,166,214,.23)!important;border-radius:3px!important;background:#0c1925!important;color:#d9f1ff!important;font-size:9px!important;font-weight:700!important;text-decoration:none!important;cursor:pointer!important}.fh-ranking-type-tabs .rankings_menu a.active,.fh-ranking-type-tabs .rankings_menu a:hover,.fh-ranking-class-tabs button.is-active,.fh-ranking-class-tabs button:hover{border-color:#68c4ef!important;background:#142737!important;color:#8bdcff!important} .fh-ranking-search{display:flex!important;gap:8px!important;margin:12px 0!important}.fh-ranking-search input{width:210px!important;height:36px!important;padding:8px 10px!important;border:1px solid rgba(89,171,219,.28)!important;border-radius:4px!important;background:#142431!important;color:#fff!important}.fh-ranking-search button{height:36px!important;padding:0 17px!important;border:1px solid rgba(91,177,229,.38)!important;border-radius:4px!important;background:#08131e!important;color:#fff!important;font-size:10px!important;cursor:pointer!important} .fh-ranking-table-shell{overflow:hidden!important;border:1px solid rgba(87,172,220,.3)!important;border-radius:9px!important;background:#0b141d!important}.fh-ranking-table-shell>header{display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:48px!important;padding:11px 14px!important;border-bottom:1px solid rgba(87,170,220,.27)!important;background:#152433!important;color:#83d9ff!important;font-size:11px!important;font-weight:900!important;letter-spacing:.12em!important;text-transform:uppercase!important}.fh-ranking-table-shell>header small{color:#aebfce!important;font-size:7px!important;font-weight:600!important;letter-spacing:0!important;text-transform:none!important} .fh-ranking-table-scroll{overflow:auto!important}.fh-modern-ranking-table{width:100%!important;margin:0!important;border-collapse:collapse!important;background:#0c151e!important;opacity:1!important}.fh-modern-ranking-table tr{background:#101a24!important;opacity:1!important}.fh-modern-ranking-table tr:nth-child(even){background:#0d1720!important}.fh-modern-ranking-table th,.fh-modern-ranking-table td{height:50px!important;padding:8px 10px!important;border:0!important;border-bottom:1px solid rgba(91,166,207,.22)!important;color:#edf9ff!important;font-size:9.5px!important;text-align:left!important;vertical-align:middle!important}.fh-modern-ranking-table th{height:43px!important;background:#0a131c!important;color:#75d2ff!important;font-size:8px!important;letter-spacing:.08em!important;text-transform:uppercase!important}.fh-modern-ranking-table .rankings-table-place span{display:grid!important;width:23px!important;height:23px!important;place-items:center!important;border-radius:50%!important;background:#132433!important;color:#8bdcff!important;font-weight:900!important}.fh-modern-ranking-table tr:first-child .rankings-table-place span{background:#c88b19!important;color:#fff!important;box-shadow:0 0 12px rgba(255,187,49,.3)!important}.fh-modern-ranking-table .fh-ranking-player{display:flex!important;align-items:center!important;gap:9px!important}.fh-modern-ranking-table .rankings-class-image{width:34px!important;height:34px!important;border-radius:5px!important;object-fit:cover!important}.fh-modern-ranking-table .fh-ranking-player a{color:#7fcaff!important;font-weight:850!important;text-decoration:none!important}.fh-rank-status{font-weight:800!important}.fh-rank-status.is-online{color:#42df73!important}.fh-rank-status.is-offline{color:#ff634d!important}.fh-rank-country{max-width:20px!important}.fh-ranking-empty{display:none!important;padding:28px!important;color:#9db2c4!important;text-align:center!important}.fh-ranking-empty.is-visible{display:block!important}.fh-rankings-window .rankings-update-time{padding:10px 2px 0!important;color:#8fa5b7!important;font-size:8px!important;text-align:right!important} @media(max-width:1100px){.ws-config-modal .ws-buy-window{top:170px!important;width:calc(100vw - 32px)!important;min-width:0!important;max-width:900px!important}.ws-config-modal .ws-config-body{grid-template-columns:repeat(2,minmax(0,1fr))!important}.ws-config-modal .ws-config-basics{grid-row:span 2!important}} @media(max-width:720px){body.we-body-home .fh-inline-module-body .ws-catalogue .ws-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.ws-config-modal .ws-config-body{grid-template-columns:1fr!important}.ws-config-modal .ws-config-basics{grid-row:auto!important}.ws-config-modal .ws-buy-footer{align-items:stretch!important;flex-direction:column!important}.ws-config-modal .ws-buy-confirm{width:100%!important}.fh-rankings-hero h1{font-size:22px!important}.fh-ranking-table-shell>header small{display:none!important}.fh-ranking-search input{width:100%!important}} /* ========================================================= v43 paper-doll profile, compact wallet and conversion tool ========================================================= */ .fh-profile-paperdoll{grid-column:1/3!important;min-height:330px!important;margin-top:4px!important;padding:16px!important;border:0!important;border-top:1px solid rgba(68,159,245,.22)!important;background:radial-gradient(circle at 50% 42%,rgba(30,87,137,.16),transparent 48%),#040b13!important} .fh-profile-paperdoll-grid{display:grid!important;grid-template-columns:repeat(7,minmax(48px,1fr))!important;grid-template-rows:repeat(5,58px)!important;gap:5px!important;max-width:650px!important;min-height:300px!important;margin:0 auto!important;align-items:center!important;justify-items:center!important} .fh-paper-slot{display:grid!important;place-items:center!important;width:100%!important;height:100%!important;min-width:0!important;border:0!important;background:transparent!important;box-shadow:none!important} .fh-paper-slot.is-empty span{display:grid!important;width:38px!important;height:38px!important;place-items:center!important;border:1px dashed rgba(94,171,236,.16)!important;border-radius:50%!important;color:rgba(174,210,238,.32)!important;font-size:6px!important;font-weight:800!important;text-align:center!important;text-transform:uppercase!important} .fh-paper-slot.has-item{z-index:2!important}.fh-paper-item{display:grid!important;width:100%!important;height:100%!important;place-items:center!important;cursor:help!important}.fh-paper-item img{max-width:92%!important;max-height:92%!important;object-fit:contain!important;background:transparent!important;filter:drop-shadow(0 0 7px rgba(64,165,255,.48)) drop-shadow(0 4px 7px rgba(0,0,0,.72))!important;transition:transform .18s ease,filter .18s ease!important}.fh-paper-item:hover img{transform:scale(1.09)!important;filter:drop-shadow(0 0 12px rgba(92,193,255,.76)) drop-shadow(0 5px 8px rgba(0,0,0,.8))!important} .fh-paper-slot-pet{grid-column:1/3!important;grid-row:1/2!important}.fh-paper-slot-pendant{grid-column:3!important;grid-row:1!important}.fh-paper-slot-helm{grid-column:4!important;grid-row:1!important}.fh-paper-slot-wings{grid-column:5/8!important;grid-row:1/3!important}.fh-paper-slot-armor{grid-column:4!important;grid-row:2!important}.fh-paper-slot-gloves{grid-column:3!important;grid-row:2!important}.fh-paper-slot-ring-one{grid-column:3!important;grid-row:3!important}.fh-paper-slot-ring-two{grid-column:5!important;grid-row:3!important}.fh-paper-slot-pants{grid-column:4!important;grid-row:3!important}.fh-paper-slot-weapon{grid-column:2!important;grid-row:3/6!important}.fh-paper-slot-shield{grid-column:6!important;grid-row:3/6!important}.fh-paper-slot-boots{grid-column:4!important;grid-row:4/6!important} body.we-body-home .we-home-account-card.fh-account-logged{grid-template-columns:82px minmax(0,1fr)!important;grid-template-areas:"name name" "avatar wallet" "sub sub" "credit credit" "download download" "admin admin" "logout logout"!important;column-gap:11px!important;padding:12px!important} body.we-body-home .fh-account-logged .we-home-account-name{margin:0 0 8px!important;font-size:16px!important} body.we-body-home .fh-account-logged .we-home-account-avatar{width:82px!important;height:96px!important;border-color:rgba(245,118,43,.48)!important;background:#05080d!important;box-shadow:0 0 18px rgba(225,70,24,.15)!important} body.we-body-home .fh-account-logged .we-home-account-balance{min-height:23px!important;padding:3px 0!important} body.we-body-home .fh-account-logged .we-home-account-balance span{color:#7dc8ff!important;font-size:9px!important} body.we-body-home .fh-account-logged .we-home-account-balance strong{font-size:10px!important} body.we-body-home .fh-account-logged .we-home-account-sub{margin:7px 0 0!important} .fh-currency-convert{max-width:680px;margin:0 auto;padding:18px;border:1px solid rgba(74,164,247,.35);border-left-color:rgba(255,100,67,.58);border-radius:9px;background:linear-gradient(120deg,rgba(76,22,17,.78),#07111e 45%,rgba(5,39,74,.85));box-shadow:0 22px 48px rgba(0,0,0,.36);color:#fff} .fh-currency-convert header small{color:#70c4ff;font-size:9px;font-weight:900;letter-spacing:.14em}.fh-currency-convert h2{margin:4px 0;color:#fff;font-size:23px}.fh-currency-convert header p{margin:0;color:#d8e9f8;font-size:12px}.fh-convert-rate{display:flex;align-items:center;justify-content:center;gap:13px;margin:16px 0;padding:13px;border:1px solid rgba(255,206,79,.28);border-radius:7px;background:#07121e}.fh-convert-rate strong{color:#ffd266;font-size:15px}.fh-convert-rate span{color:#77c9ff;font-size:18px}.fh-currency-convert form{display:grid;grid-template-columns:1fr 1fr;gap:11px}.fh-currency-convert label{display:grid;gap:6px;color:#fff;font-size:11px;font-weight:850}.fh-currency-convert select,.fh-currency-convert input{width:100%;height:42px;padding:8px 10px;border:1px solid rgba(78,169,255,.42);border-radius:5px;background:#091827;color:#fff;outline:0}.fh-currency-convert label small{color:#9bb3c8;font-size:9px}.fh-currency-convert button{grid-column:1/-1;height:44px;border:1px solid rgba(90,185,255,.66);border-radius:5px;background:linear-gradient(#216fb7,#0b3c72);color:#fff;font-size:11px;font-weight:950;text-transform:uppercase;cursor:pointer}.fh-convert-note{margin:11px 0 0;color:#a9bfd2;font-size:9px;line-height:1.5} .ws-config-modal .ws-config-column h3{font-size:16px!important}.ws-config-modal .ws-config-column>label,.ws-config-modal .ws-socket-list label{font-size:13px!important}.ws-config-modal .ws-config-column select{height:43px!important;font-size:13px!important}.ws-config-modal .ws-excellent-list label{min-height:48px!important;padding:10px 12px!important;font-size:12.5px!important}.ws-config-modal .ws-socket-list label span{font-size:11px!important}.ws-config-modal .ws-special-row{display:none!important}.ws-config-modal .ws-special-row.is-visible{display:grid!important}.ws-config-modal .ws-config-column.is-hidden{display:none!important} @media(max-width:700px){.fh-profile-paperdoll{grid-column:1!important;padding:8px!important}.fh-profile-paperdoll-grid{grid-template-columns:repeat(7,minmax(32px,1fr))!important;grid-template-rows:repeat(5,46px)!important;min-height:245px!important}.fh-currency-convert form{grid-template-columns:1fr}.fh-currency-convert button{grid-column:1!important}} body.we-body-home .fh-inline-module-body .ws-catalogue .ws-card.ws-card-tier-green{border-color:rgba(57,207,102,.42)!important}body.we-body-home .fh-inline-module-body .ws-catalogue .ws-card.ws-card-tier-blue{border-color:rgba(62,157,255,.55)!important}body.we-body-home .fh-inline-module-body .ws-catalogue .ws-card.ws-card-tier-purple{border-color:rgba(174,70,255,.65)!important;box-shadow:0 0 20px rgba(156,51,255,.13)!important} /* ========================================================= v44 compact dashboard and upper paper-doll profile ========================================================= */ body.we-body-home .fh-feature-grid{display:none!important} body.we-body-home .we-home-account-main{padding-top:0!important} body.we-body-home .fh-right-live-count{min-height:92px!important;height:auto!important;margin-bottom:9px!important;padding:12px!important} body.we-body-home .fh-right-live-count .fh-modern-live-mark{width:46px!important;height:46px!important;flex-basis:46px!important;border-radius:13px!important} body.we-body-home .fh-right-live-count .fh-right-live-content small{font-size:8px!important} body.we-body-home .fh-right-live-count .fh-right-live-content strong{font-size:31px!important;line-height:.92!important} body.we-body-home .fh-right-live-count .fh-right-live-content span{font-size:8.5px!important;text-transform:uppercase!important;letter-spacing:.06em!important} .fh-right-action-stack{display:grid!important;gap:7px!important;margin:0 0 10px!important} .fh-right-action{position:relative!important;display:grid!important;min-height:68px!important;align-content:center!important;padding:11px 34px 11px 13px!important;border:1px solid rgba(73,161,249,.34)!important;border-radius:7px!important;background:linear-gradient(110deg,rgba(81,24,18,.82),#071321 48%,rgba(7,39,74,.88))!important;color:#fff!important;text-decoration:none!important;overflow:hidden!important;transition:.18s ease!important} .fh-right-action:hover{transform:translateY(-1px)!important;border-color:#62baff!important;box-shadow:0 0 19px rgba(47,150,255,.16)!important} .fh-right-action span{font-size:14px!important;font-weight:950!important}.fh-right-action small{margin-top:3px!important;color:#aebfd0!important;font-size:8px!important}.fh-right-action b{position:absolute!important;right:13px!important;top:50%!important;transform:translateY(-50%)!important;color:#67c1ff!important;font-size:24px!important} .fh-right-action-market{background:linear-gradient(110deg,rgba(62,19,51,.86),#071321 48%,rgba(5,38,72,.90))!important} .fh-profile-window-body .profiles_player_content{grid-template-columns:140px minmax(290px,.95fr) minmax(270px,1fr)!important;gap:12px!important;align-items:start!important} .fh-profile-window-body .profiles_player_table:first-child{grid-column:1!important;grid-row:1!important} .fh-profile-window-body .profiles_player_table_info{grid-column:3!important;grid-row:1!important} .fh-profile-window-body .fh-profile-paperdoll{grid-column:2!important;grid-row:1!important;min-height:330px!important;margin:0!important;padding:10px!important;border:1px solid rgba(68,159,245,.22)!important;border-radius:7px!important;background:radial-gradient(circle at 50% 42%,rgba(30,87,137,.18),transparent 48%),#040b13!important} .fh-profile-window-body .fh-profile-paperdoll-grid{grid-template-columns:repeat(7,minmax(34px,1fr))!important;grid-template-rows:repeat(5,56px)!important;max-width:430px!important;min-height:292px!important} @media(max-width:1050px){.fh-profile-window-body .profiles_player_content{grid-template-columns:140px minmax(280px,1fr)!important}.fh-profile-window-body .fh-profile-paperdoll{grid-column:2!important;grid-row:1!important}.fh-profile-window-body .profiles_player_table_info{grid-column:1/3!important;grid-row:2!important}} @media(max-width:700px){.fh-profile-window-body .profiles_player_content{grid-template-columns:1fr!important}.fh-profile-window-body .profiles_player_table:first-child,.fh-profile-window-body .fh-profile-paperdoll,.fh-profile-window-body .profiles_player_table_info{grid-column:1!important;grid-row:auto!important}.fh-profile-window-body .fh-profile-paperdoll{min-height:285px!important}.fh-profile-window-body .fh-profile-paperdoll-grid{grid-template-rows:repeat(5,48px)!important;min-height:255px!important}} /* ========================================================= v45 right rail emblems and network status console ========================================================= */ body.we-body-home .fh-feature-grid{display:none!important} .fh-live-console{position:relative;display:grid;grid-template-columns:62px minmax(0,1fr);gap:12px;align-items:center;min-height:102px;margin:0 0 9px;padding:13px;overflow:hidden;border:1px solid rgba(66,232,126,.42);border-radius:10px;background:radial-gradient(circle at 14% 50%,rgba(48,230,119,.16),transparent 30%),linear-gradient(135deg,#031910,#04140e 48%,#061b17);box-shadow:0 13px 27px rgba(0,0,0,.28),inset 0 1px rgba(126,255,179,.06)} .fh-live-console::before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,#76ffad,transparent);opacity:.7}.fh-live-console::after{content:"";position:absolute;width:115px;height:115px;right:-54px;top:-56px;border:1px solid rgba(102,255,164,.08);border-radius:50%;box-shadow:0 0 0 18px rgba(78,239,140,.025),0 0 0 36px rgba(78,239,140,.018)} .fh-live-orbit{position:relative;display:grid;width:58px;height:58px;place-items:center;border:1px solid rgba(102,255,157,.38);border-radius:19px;background:linear-gradient(145deg,rgba(43,187,100,.16),rgba(3,39,20,.45));box-shadow:inset 0 0 20px rgba(68,235,128,.07)} .fh-live-orbit::before,.fh-live-orbit::after{content:"";position:absolute;border:1px solid rgba(111,255,164,.26);border-radius:50%}.fh-live-orbit::before{width:32px;height:32px}.fh-live-orbit::after{width:18px;height:18px}.fh-live-orbit i{position:absolute;width:42px;height:42px;border-top:1px solid #75ffa9;border-right:1px solid transparent;border-radius:50%;animation:fh45-orbit 7s linear infinite}.fh-live-orbit span{width:8px;height:8px;border-radius:50%;background:#75ffa0;box-shadow:0 0 14px rgba(93,255,145,.82)} .fh-live-console-copy{position:relative;z-index:1;min-width:0}.fh-live-console-copy>small{display:block;color:#91bca1;font-size:7px;font-weight:900;letter-spacing:.11em}.fh-live-console-copy>small i{display:inline-block;width:5px;height:5px;margin-right:3px;border-radius:50%;background:#65f68c;box-shadow:0 0 8px #65f68c}.fh-live-console-copy>div{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin:3px 0 1px}.fh-live-console-copy strong{color:#70ff99;font-size:18px;font-weight:950;letter-spacing:.05em}.fh-live-console-copy b{color:#fff;font-size:32px;font-weight:950;line-height:1}.fh-live-console-copy>span{display:block;color:#c4d3ca;font-size:8px;font-weight:750;text-transform:uppercase;letter-spacing:.06em} .fh-emblem-actions{gap:8px!important;margin-bottom:10px!important}.fh-emblem-action{position:relative;display:grid;grid-template-columns:58px minmax(0,1fr) 16px;gap:10px;align-items:center;min-height:86px;padding:10px 10px 10px 9px;overflow:hidden;border:1px solid rgba(245,117,61,.38);border-radius:9px;background:radial-gradient(circle at 15% 50%,rgba(244,84,34,.14),transparent 33%),linear-gradient(110deg,rgba(61,17,14,.97),#07101c 48%,#071a2c);color:#fff!important;text-decoration:none!important;box-shadow:0 12px 24px rgba(0,0,0,.24);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease} .fh-emblem-action::after{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(255,143,83,.65),transparent)}.fh-emblem-action:hover{transform:translateY(-2px);border-color:#ff8753;box-shadow:0 0 22px rgba(238,78,31,.14),0 15px 28px rgba(0,0,0,.30)} .fh-action-emblem{display:grid;width:55px;height:55px;place-items:center;border:1px solid rgba(255,124,62,.53);border-radius:18px;background:linear-gradient(145deg,rgba(216,65,25,.20),rgba(64,20,14,.46));color:#ff8a50;box-shadow:inset 0 0 20px rgba(255,94,36,.08)}.fh-action-emblem svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.fh-action-copy{display:grid;min-width:0}.fh-action-copy small{color:#e79777;font-size:6.5px;font-weight:900;letter-spacing:.12em}.fh-action-copy strong{margin:2px 0;color:#fff;font-size:13px;font-weight:950}.fh-action-copy em{color:#b9c4cf;font-size:7.5px;font-style:normal;line-height:1.3}.fh-action-arrow{color:#ff8e58;font-size:23px;font-weight:400} .fh-emblem-market{border-color:rgba(78,156,255,.42);background:radial-gradient(circle at 15% 50%,rgba(38,125,255,.15),transparent 33%),linear-gradient(110deg,rgba(10,32,68,.97),#07101c 48%,#061c35)}.fh-emblem-market::after{background:linear-gradient(90deg,transparent,rgba(84,171,255,.72),transparent)}.fh-emblem-market:hover{border-color:#62b4ff;box-shadow:0 0 22px rgba(39,137,255,.15),0 15px 28px rgba(0,0,0,.30)}.fh-emblem-market .fh-action-emblem{border-color:rgba(83,174,255,.54);background:linear-gradient(145deg,rgba(38,130,237,.20),rgba(9,37,72,.50));color:#67b9ff}.fh-emblem-market .fh-action-copy small{color:#79bdf4}.fh-emblem-market .fh-action-arrow{color:#72c2ff} @keyframes fh45-orbit{to{transform:rotate(360deg)}} @media(prefers-reduced-motion:reduce){.fh-live-orbit i{animation:none}.fh-emblem-action{transition:none}} /* v45 profile: evenly spaced equipment left, identity and stats right. */ .fh-profile-window-body .profiles_player_content{grid-template-columns:minmax(330px,.92fr) minmax(330px,1.08fr)!important;grid-template-rows:auto 1fr!important;gap:10px 13px!important;align-items:start!important} .fh-profile-window-body .fh-profile-paperdoll{grid-column:1!important;grid-row:1/3!important;min-height:370px!important;padding:13px!important} .fh-profile-window-body .profiles_player_table:first-child{grid-column:2!important;grid-row:1!important} .fh-profile-window-body .profiles_player_table_info{grid-column:2!important;grid-row:2!important} .fh-profile-window-body .fh-profile-paperdoll-grid{display:grid!important;grid-template-columns:repeat(4,minmax(64px,1fr))!important;grid-template-rows:repeat(3,102px)!important;gap:9px!important;max-width:none!important;min-height:324px!important;align-items:center!important;justify-items:center!important} .fh-profile-window-body .fh-paper-slot{grid-column:auto!important;grid-row:auto!important;width:100%!important;height:100%!important;min-width:0!important;padding:4px!important} .fh-profile-window-body .fh-paper-item img{max-width:82px!important;max-height:88px!important} .fh-profile-window-body .fh-paper-slot.is-empty span{width:45px!important;height:45px!important} @media(max-width:900px){.fh-profile-window-body .profiles_player_content{grid-template-columns:1fr!important;grid-template-rows:auto!important}.fh-profile-window-body .fh-profile-paperdoll,.fh-profile-window-body .profiles_player_table:first-child,.fh-profile-window-body .profiles_player_table_info{grid-column:1!important;grid-row:auto!important}.fh-profile-window-body .fh-profile-paperdoll{order:1!important}.fh-profile-window-body .profiles_player_table:first-child{order:2!important}.fh-profile-window-body .profiles_player_table_info{order:3!important}} @media(max-width:520px){.fh-profile-window-body .fh-profile-paperdoll-grid{grid-template-columns:repeat(3,minmax(58px,1fr))!important;grid-template-rows:repeat(4,86px)!important;min-height:360px!important}} /* v58 compact account wallet: modern vertical balance list. */ body.we-body-home .fh-account-logged .fh-currency-grid{ display:grid!important;grid-template-columns:1fr!important;gap:0!important; margin:6px 0 11px!important;padding:5px 0!important;border-top:1px solid rgba(88,175,255,.18)!important;border-bottom:1px solid rgba(88,175,255,.18)!important;background:rgba(3,10,17,.44)!important; } body.we-body-home .fh-account-logged .fh-currency-tile{ display:grid!important;grid-template-columns:19px minmax(0,1fr) auto!important;align-items:center!important; min-height:28px!important;padding:3px 6px!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.045)!important;background:transparent!important; } body.we-body-home .fh-account-logged .fh-currency-tile:last-child{border-bottom:0!important} body.we-body-home .fh-account-logged .fh-wallet-icon{display:grid!important;width:15px!important;height:15px!important;place-items:center!important;border:1px solid currentColor!important;border-radius:50%!important;font:800 8px/1 Arial,sans-serif!important;font-style:normal!important;box-shadow:0 0 9px currentColor!important;opacity:.9!important} body.we-body-home .fh-account-logged .fh-currency-tile span{width:auto!important;color:#a9c9df!important;font-size:10px!important;font-weight:750!important;text-transform:none!important} body.we-body-home .fh-account-logged .fh-currency-tile strong{margin:0!important;color:#fff!important;font:850 12px/1.1 Arial,sans-serif!important;letter-spacing:.01em!important} body.we-body-home .fh-account-logged .fh-currency-credits .fh-wallet-icon,body.we-body-home .fh-account-logged .fh-currency-credits strong{color:#ffb44f!important} body.we-body-home .fh-account-logged .fh-currency-gold .fh-wallet-icon,body.we-body-home .fh-account-logged .fh-currency-gold strong{color:#ffe062!important} body.we-body-home .fh-account-logged .fh-currency-pc-points .fh-wallet-icon,body.we-body-home .fh-account-logged .fh-currency-pc-points strong,body.we-body-home .fh-account-logged .fh-currency-cash .fh-wallet-icon,body.we-body-home .fh-account-logged .fh-currency-cash strong{color:#65bdff!important} body.we-body-home .fh-account-logged .fh-currency-tokens .fh-wallet-icon,body.we-body-home .fh-account-logged .fh-currency-tokens strong{color:#d188ff!important} body.we-body-home .fh-account-logged .fh-currency-sign-of-lord .fh-wallet-icon,body.we-body-home .fh-account-logged .fh-currency-sign-of-lord strong{color:#ff8c58!important} body.we-body-home .fh-important-account-menu .fh-menu-buy{border-color:rgba(255,204,68,.38)!important;background:linear-gradient(100deg,rgba(80,48,8,.96),rgba(8,17,27,.98) 48%,rgba(5,24,43,.98))!important} body.we-body-home .fh-important-account-menu .fh-menu-buy .we-home-account-link-icon,body.we-body-home .fh-important-account-menu .fh-menu-buy>span:nth-child(2){color:#ffd34f!important} body.we-body-home .fh-important-account-menu .fh-menu-vip, body.we-body-home .we-home-account-menu .we-home-account-link-vip, body.we-body-home .we-home-account-menu [data-account-action="vip"], body.we-body-home .we-home-account-menu a[href*="vipbuy"]{border-color:rgba(255,58,76,.68)!important;background:linear-gradient(100deg,rgba(72,5,16,.98),rgba(24,11,20,.98) 48%,rgba(7,18,31,.98))!important;box-shadow:0 0 17px rgba(255,34,57,.2),inset 0 1px 0 rgba(255,255,255,.05)!important} body.we-body-home .fh-important-account-menu .fh-menu-vip .we-home-account-link-icon, body.we-body-home .fh-important-account-menu .fh-menu-vip>span:nth-child(2), body.we-body-home .we-home-account-menu [data-account-action="vip"] .we-home-account-link-icon, body.we-body-home .we-home-account-menu [data-account-action="vip"]>span:nth-child(2), body.we-body-home .we-home-account-menu a[href*="vipbuy"] .we-home-account-link-icon, body.we-body-home .we-home-account-menu a[href*="vipbuy"]>span:nth-child(2), body.we-body-home .we-home-account-menu a[href*="vipbuy"] .we-home-account-link-arrow{color:#ff344e!important;text-shadow:0 0 6px rgba(255,42,68,.96),0 0 15px rgba(255,25,55,.68)!important;filter:drop-shadow(0 0 3px rgba(255,35,61,.75))!important} /* v58 sharpened armory/exchange emblems. */ body.we-body-home .fh-action-emblem{position:relative!important;border-radius:15px!important;box-shadow:inset 0 0 24px rgba(255,112,55,.13),0 0 17px rgba(255,93,42,.12)!important} body.we-body-home .fh-action-emblem::after{content:"";position:absolute;inset:5px;border:1px solid currentColor;border-radius:11px;opacity:.13} body.we-body-home .fh-action-emblem svg{width:35px!important;height:35px!important;stroke-width:1.55!important;filter:drop-shadow(0 0 5px currentColor)!important} body.we-body-home .fh-emblem-market .fh-action-emblem{box-shadow:inset 0 0 24px rgba(59,157,255,.14),0 0 17px rgba(44,145,255,.13)!important} /* v58 VIP Gold purchase screen. */ .fh-vip-page{display:grid;gap:12px}.fh-vip-hero{border-left-color:#ffd45d!important;background:linear-gradient(110deg,rgba(74,49,10,.88),#071321 48%,rgba(7,39,74,.88))!important}.fh-vip-form{border-color:rgba(255,210,80,.34)!important}.fh-vip-summary{display:grid!important;grid-template-columns:1fr auto auto!important;gap:15px!important;align-items:center!important;margin:12px 0!important;padding:14px!important;border:1px solid rgba(255,209,77,.29)!important;border-radius:7px!important;background:rgba(65,46,8,.20)!important}.fh-vip-summary span{color:#85cfff!important;font-size:11px!important}.fh-vip-summary strong{color:#fff!important;font-size:16px!important}.fh-vip-summary b{color:#ffe064!important;font-size:20px!important}.fh-vip-benefits{padding:18px!important;border:1px solid rgba(86,168,225,.28)!important;border-radius:10px!important;background:linear-gradient(145deg,#0e1923,#09121b)!important}.fh-vip-benefits>header{text-align:center!important}.fh-vip-benefits>header small{color:#ffe05f!important;font-weight:900!important;letter-spacing:.13em!important}.fh-vip-benefits h3{margin:5px 0!important;color:#dcecff!important;font-size:25px!important}.fh-vip-benefits header p{color:#9fc8e3!important}.fh-vip-benefit-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;margin:15px 0!important;border-top:1px solid rgba(97,167,210,.25)!important}.fh-vip-benefit-grid div{display:flex!important;justify-content:space-between!important;gap:12px!important;padding:11px!important;border-bottom:1px solid rgba(97,167,210,.22)!important}.fh-vip-benefit-grid span{color:#8fd9ff!important}.fh-vip-benefit-grid b{color:#ffe15c!important}.fh-vip-benefits article{padding:13px!important;border:1px solid rgba(255,211,76,.25)!important;border-radius:7px!important;background:rgba(79,62,14,.16)!important}.fh-vip-benefits h4{margin:0 0 7px!important;color:#83d9ff!important;font-size:16px!important}.fh-vip-benefits article p{margin:0!important;color:#d8e8f5!important;line-height:1.6!important}.fh-vip-benefits code{color:#7fd2ff!important;background:#06101a!important}.fh-vip-form select{font-size:13px!important}@media(max-width:640px){.fh-vip-benefit-grid{grid-template-columns:1fr!important}.fh-vip-summary{grid-template-columns:1fr auto!important}.fh-vip-summary span{grid-column:1/-1!important}} /* v59: one complete first-load pass replaces repeated route/profile buffers. */ body.fh-site-preloading{overflow:hidden!important} .fh-site-preloader{position:fixed;inset:0;z-index:1000000;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 25% 50%,rgba(125,28,17,.28),transparent 38%),radial-gradient(circle at 75% 50%,rgba(15,73,151,.30),transparent 40%),rgba(2,7,14,.97);backdrop-filter:blur(14px);opacity:1;transition:opacity .25s ease,visibility .25s ease} .fh-site-preloader.is-complete{opacity:0;visibility:hidden;pointer-events:none}.fh-site-preloader-card{display:flex;width:min(480px,92vw);flex-direction:column;align-items:center;padding:28px;border:1px solid rgba(82,173,255,.35);border-left-color:rgba(255,91,55,.68);border-radius:12px;background:linear-gradient(120deg,rgba(77,21,16,.92),#071321 48%,rgba(7,38,75,.92));box-shadow:-18px 0 45px rgba(239,61,30,.12),18px 0 45px rgba(33,128,255,.15),0 30px 80px rgba(0,0,0,.55);text-align:center} .fh-site-preloader-mark{display:block;width:55px;height:55px;margin-bottom:12px;border:3px solid rgba(255,107,68,.28);border-top-color:#ff704d;border-right-color:#69bdff;border-bottom-color:#69bdff;border-radius:50%;animation:fh59-preload-spin .8s linear infinite}.fh-site-preloader-card small{color:#82ccff!important;font-size:9px!important;font-weight:950!important;letter-spacing:.2em!important}.fh-site-preloader-card strong{margin:7px 0 5px;color:#fff!important;font-size:20px!important}.fh-site-preloader-card span{max-width:390px;color:#bed0e0!important;font-size:10px!important;line-height:1.5!important}.fh-site-preloader-card>div{width:100%;height:6px;margin:18px 0 8px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.08)}.fh-site-preloader-card>div b{display:block;width:2%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff6643,#aa4ed9,#5cb8ff);box-shadow:0 0 15px rgba(92,184,255,.55);transition:width .2s ease}.fh-site-preloader-card em{color:#8fb3ca!important;font-size:9px!important;font-style:normal!important} @keyframes fh59-preload-spin{to{transform:rotate(360deg)}} @media(prefers-reduced-motion:reduce){.fh-site-preloader-mark{animation:none}} /* ========================================================= v47 reference-style character information profile ========================================================= */ .fh-profile-window-body .fh-profile-reference{display:grid!important;gap:14px!important;width:100%!important;padding:12px!important;border:1px solid rgba(92,177,224,.28)!important;border-radius:12px!important;background:linear-gradient(145deg,#0d1721,#0a131c)!important;box-shadow:0 20px 50px rgba(0,0,0,.34)!important;color:#eef9ff!important} .fh-profile-info-section,.fh-profile-equipment-section{padding:14px!important;border:1px solid rgba(102,182,225,.25)!important;border-radius:9px!important;background:#101a24!important} .fh-profile-section-title{min-height:44px!important;margin:0 0 16px!important;padding:11px 13px!important;border:1px solid rgba(102,184,228,.28)!important;border-left:4px solid #83d9f8!important;border-radius:7px!important;background:#0d1720!important;color:#83dafb!important;font-size:15px!important;font-weight:900!important;line-height:20px!important} .fh-profile-info-top{display:grid!important;grid-template-columns:180px minmax(0,1fr)!important;gap:18px!important;align-items:stretch!important;padding:0 10px 10px!important} .fh-profile-class-portrait{display:grid!important;align-content:start!important;justify-items:center!important;margin:0!important;padding:10px!important} .fh-profile-class-portrait img{display:block!important;width:128px!important;height:194px!important;border:1px solid rgba(160,209,235,.55)!important;border-radius:2px!important;background:#07111a!important;object-fit:cover!important;box-shadow:0 10px 25px rgba(0,0,0,.34),0 0 18px rgba(77,177,229,.10)!important} .fh-profile-class-portrait figcaption{margin-top:8px!important;color:#92d9fa!important;font-size:10px!important;font-weight:850!important;text-align:center!important} .fh-profile-core-grid{display:grid!important;align-content:start!important} .fh-profile-data-row{display:grid!important;grid-template-columns:minmax(110px,.72fr) minmax(110px,1fr)!important;align-items:center!important;min-height:39px!important;padding:7px 14px!important;border-bottom:1px solid rgba(118,179,211,.22)!important;background:transparent!important} .fh-profile-data-row span{color:#79d3fa!important;font-size:10px!important;font-weight:600!important}.fh-profile-data-row strong{min-width:0!important;color:#f2f9ff!important;font-size:10.5px!important;font-weight:850!important;overflow-wrap:anywhere!important}.fh-profile-data-row a{color:#8bcfff!important;text-decoration:none!important}.fh-profile-data-row img{max-width:22px!important;max-height:22px!important;vertical-align:middle!important} .fh-profile-detail-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;margin-top:2px!important;border-top:1px solid rgba(118,179,211,.22)!important}.fh-profile-detail-grid .fh-profile-data-row:nth-child(1){grid-column:1/-1!important}.fh-profile-detail-grid .fh-profile-data-row .isonline{color:#51e47c!important}.fh-profile-detail-grid .fh-profile-data-row .isoffline{color:#ff6651!important} .fh-profile-equipment-section{padding-bottom:16px!important}.fh-profile-equipment-section .fh-profile-section-title{margin-bottom:10px!important}.fh-profile-equipment-section .fh-profile-paperdoll-grid{display:grid!important;grid-template-columns:repeat(6,minmax(76px,1fr))!important;grid-template-rows:repeat(2,112px)!important;gap:8px!important;max-width:none!important;min-height:232px!important;margin:0!important;padding:4px!important;align-items:stretch!important;justify-items:stretch!important;background:radial-gradient(circle at 50% 50%,rgba(46,130,185,.08),transparent 55%)!important} .fh-profile-equipment-section .fh-paper-slot{grid-column:auto!important;grid-row:auto!important;display:grid!important;width:100%!important;height:100%!important;min-width:0!important;padding:5px!important;place-items:center!important;border:1px solid rgba(90,167,210,.14)!important;border-radius:7px!important;background:rgba(5,13,20,.38)!important}.fh-profile-equipment-section .fh-paper-slot.has-item{border-color:rgba(82,174,227,.22)!important}.fh-profile-equipment-section .fh-paper-item img{max-width:88px!important;max-height:91px!important;background:transparent!important}.fh-profile-equipment-section .fh-paper-slot.is-empty span{width:48px!important;height:48px!important} @media(max-width:820px){.fh-profile-info-top{grid-template-columns:145px minmax(0,1fr)!important}.fh-profile-class-portrait img{width:112px!important;height:170px!important}.fh-profile-equipment-section .fh-profile-paperdoll-grid{grid-template-columns:repeat(4,minmax(70px,1fr))!important;grid-template-rows:repeat(3,105px)!important}} @media(max-width:600px){.fh-profile-window-body .fh-profile-reference{padding:7px!important}.fh-profile-info-section,.fh-profile-equipment-section{padding:9px!important}.fh-profile-info-top{grid-template-columns:1fr!important}.fh-profile-class-portrait img{width:120px!important;height:180px!important}.fh-profile-detail-grid{grid-template-columns:1fr!important}.fh-profile-detail-grid .fh-profile-data-row{grid-column:1!important}.fh-profile-equipment-section .fh-profile-paperdoll-grid{grid-template-columns:repeat(3,minmax(65px,1fr))!important;grid-template-rows:repeat(4,95px)!important}.fh-profile-data-row{grid-template-columns:minmax(92px,.7fr) 1fr!important;padding:7px 8px!important}} /* v48 floating equipment paper doll: artwork only, no square slot cards. */ .fh-profile-equipment-section{background:radial-gradient(circle at 50% 48%,rgba(36,111,164,.13),transparent 42%),linear-gradient(145deg,#0b151f,#080f17)!important} .fh-profile-equipment-section .fh-profile-paperdoll-grid{position:relative!important;display:grid!important;grid-template-columns:repeat(7,minmax(46px,1fr))!important;grid-template-rows:repeat(5,66px)!important;gap:2px!important;max-width:690px!important;min-height:340px!important;margin:0 auto!important;padding:8px 18px!important;align-items:center!important;justify-items:center!important;background:transparent!important} .fh-profile-equipment-section .fh-paper-slot{display:grid!important;width:100%!important;height:100%!important;min-width:0!important;padding:0!important;place-items:center!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important} .fh-profile-equipment-section .fh-paper-slot.has-item{border:0!important;background:transparent!important}.fh-profile-equipment-section .fh-paper-item{overflow:visible!important}.fh-profile-equipment-section .fh-paper-item img{max-width:96px!important;max-height:112px!important;background:transparent!important;filter:drop-shadow(0 0 9px rgba(66,160,232,.48)) drop-shadow(0 7px 9px rgba(0,0,0,.82))!important}.fh-profile-equipment-section .fh-paper-item:hover img{transform:scale(1.1)!important;filter:drop-shadow(0 0 15px rgba(92,193,255,.78)) drop-shadow(0 8px 11px rgba(0,0,0,.88))!important} .fh-profile-equipment-section .fh-paper-slot.is-empty span{width:40px!important;height:40px!important;border-color:rgba(100,177,224,.15)!important;background:rgba(4,12,19,.16)!important;color:rgba(159,205,232,.28)!important} .fh-profile-equipment-section .fh-paper-slot-pet{grid-column:1/3!important;grid-row:1!important}.fh-profile-equipment-section .fh-paper-slot-pendant{grid-column:3!important;grid-row:1!important}.fh-profile-equipment-section .fh-paper-slot-helm{grid-column:4!important;grid-row:1!important}.fh-profile-equipment-section .fh-paper-slot-wings{grid-column:5/8!important;grid-row:1/3!important}.fh-profile-equipment-section .fh-paper-slot-armor{grid-column:4!important;grid-row:2!important}.fh-profile-equipment-section .fh-paper-slot-gloves{grid-column:3!important;grid-row:2!important}.fh-profile-equipment-section .fh-paper-slot-ring-one{grid-column:3!important;grid-row:3!important}.fh-profile-equipment-section .fh-paper-slot-ring-two{grid-column:5!important;grid-row:3!important}.fh-profile-equipment-section .fh-paper-slot-pants{grid-column:4!important;grid-row:3!important}.fh-profile-equipment-section .fh-paper-slot-weapon{grid-column:2!important;grid-row:3/6!important}.fh-profile-equipment-section .fh-paper-slot-shield{grid-column:6!important;grid-row:3/6!important}.fh-profile-equipment-section .fh-paper-slot-boots{grid-column:4!important;grid-row:4/6!important} @media(max-width:600px){.fh-profile-equipment-section .fh-profile-paperdoll-grid{grid-template-columns:repeat(7,minmax(30px,1fr))!important;grid-template-rows:repeat(5,52px)!important;min-height:280px!important;padding:4px!important}.fh-profile-equipment-section .fh-paper-item img{max-width:72px!important;max-height:88px!important}.fh-profile-equipment-section .fh-paper-slot.is-empty span{width:31px!important;height:31px!important;font-size:5px!important}} /* v48 taller centre windows: show more ranking rows and catalogue items. */ @media(min-width:901px){ body.we-body-home.fh-spa-inline-module .fh-inline-module-body, body.fh-server-dashboard .fh-server-inline-module .fh-inline-module-body{max-height:calc(100vh - 245px)!important} /* v55: Game Panel + secure Stripe character services */ .fh-game-panel,.fh-service-page{color:#fff!important} .fh-game-panel-hero,.fh-service-hero{margin:0 0 13px;padding:18px 20px;border:1px solid rgba(68,158,250,.34);border-left-color:rgba(255,83,53,.66);border-radius:8px;background:linear-gradient(110deg,rgba(87,22,16,.84),#081321 48%,rgba(6,43,82,.9));box-shadow:0 14px 32px rgba(0,0,0,.28)} .fh-kicker{display:block;color:#86c9ff!important;font-size:8px!important;font-weight:950!important;letter-spacing:.16em!important} .fh-game-panel-hero h2,.fh-service-hero h2{margin:5px 0 4px!important;color:#fff!important;font-size:24px!important;font-weight:950!important;line-height:1.08!important} .fh-game-panel-hero p,.fh-service-hero p{max-width:650px;margin:0!important;color:#e6f1ff!important;font-size:10px!important;line-height:1.55!important} .fh-game-vote-banner{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;margin-bottom:12px!important;padding:13px 16px!important;border:1px solid rgba(255,199,57,.42)!important;border-radius:7px!important;background:linear-gradient(90deg,rgba(128,69,6,.25),rgba(7,18,32,.96))!important;color:#fff!important;text-decoration:none!important} .fh-game-vote-banner strong{color:#ffe277!important;font-size:11px!important}.fh-game-vote-banner span{color:#fff!important;font-size:9px!important;font-weight:850!important} .fh-game-security-note{display:flex;align-items:center;gap:11px;margin-bottom:12px;padding:11px 13px;border:1px solid rgba(61,203,126,.28);border-radius:7px;background:rgba(6,39,31,.72)} .fh-game-security-note>span{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid rgba(71,231,140,.35);border-radius:7px;color:#65ec9d!important;background:rgba(34,197,94,.09)} .fh-game-security-note div{display:flex;min-width:0;flex-direction:column}.fh-game-security-note strong{color:#fff!important;font-size:10px!important}.fh-game-security-note small{color:#cfe9dc!important;font-size:8px!important} .fh-game-panel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px} .fh-game-panel-card{display:grid!important;grid-template-columns:42px minmax(0,1fr) 18px!important;align-items:center!important;gap:11px!important;min-height:76px!important;padding:11px 13px!important;border:1px solid rgba(69,158,248,.27)!important;border-radius:7px!important;background:linear-gradient(100deg,#091522,#07111d)!important;color:#fff!important;text-decoration:none!important;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease!important} .fh-game-panel-card:hover{transform:translateY(-2px)!important;border-color:#58b5ff!important;box-shadow:0 12px 24px rgba(0,0,0,.28),0 0 18px rgba(54,157,255,.1)!important} .fh-game-panel-icon{display:flex!important;align-items:center!important;justify-content:center!important;width:42px!important;height:42px!important;border:1px solid rgba(91,184,255,.34)!important;border-radius:8px!important;background:linear-gradient(145deg,rgba(35,110,176,.38),rgba(13,33,54,.82))!important;color:#7cc8ff!important} .fh-game-panel-card>span:nth-child(2){display:flex!important;min-width:0!important;flex-direction:column!important}.fh-game-panel-card strong{color:#fff!important;font-size:11px!important;font-weight:950!important}.fh-game-panel-card small{margin-top:3px!important;color:#c9d8e8!important;font-size:8px!important;line-height:1.35!important}.fh-game-panel-card>b{color:#69bcff!important;font-size:20px!important} .fh-service-back{display:inline-flex!important;margin:0 0 10px!important;color:#76c2ff!important;font-size:9px!important;font-weight:850!important;text-decoration:none!important} .fh-service-alert{margin:0 0 12px;padding:11px 13px;border:1px solid rgba(255,183,57,.35);border-radius:6px;background:rgba(93,55,6,.32);color:#ffe7af!important;font-size:9px!important}.fh-service-alert.is-success{border-color:rgba(66,219,125,.4);background:rgba(5,70,38,.35);color:#b9ffd2!important} .fh-service-form{padding:14px;border:1px solid rgba(69,158,248,.3);border-radius:8px;background:#06101c;box-shadow:0 18px 38px rgba(0,0,0,.28)} .fh-service-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} .fh-service-field{display:flex;min-width:0;flex-direction:column;gap:6px;margin-bottom:12px}.fh-service-field label{color:#fff!important;font-size:9px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.06em!important}.fh-service-field select{width:100%!important;height:40px!important;padding:0 11px!important;border:1px solid rgba(75,166,255,.4)!important;border-radius:5px!important;background:#091827!important;color:#fff!important;font-size:10px!important;outline:none!important} .fh-service-packages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px} .fh-service-package{position:relative;cursor:pointer}.fh-service-package input{position:absolute;opacity:0;pointer-events:none}.fh-service-package>span{display:flex;min-height:130px;flex-direction:column;padding:14px;border:1px solid rgba(74,161,250,.28);border-radius:7px;background:linear-gradient(145deg,#091727,#07101b);transition:.16s ease}.fh-service-package input:checked+span{border-color:#65baff;box-shadow:0 0 0 2px rgba(70,162,253,.12),0 0 22px rgba(44,146,245,.11);background:linear-gradient(145deg,#0d2743,#08121e)} .fh-service-package small{color:#7ac6ff!important;font-size:7px!important;font-weight:950!important;letter-spacing:.13em!important}.fh-service-package strong{margin-top:6px;color:#fff!important;font-size:16px!important}.fh-service-package em{color:#cfe5f8!important;font-size:9px!important;font-style:normal!important}.fh-service-package b{margin-top:auto;color:#72e9a3!important;font-size:20px!important} .fh-service-checkout-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:13px;border-top:1px solid rgba(255,255,255,.08)}.fh-service-checkout-row>div{display:flex;min-width:0;flex-direction:column}.fh-service-checkout-row strong{color:#fff!important;font-size:10px!important}.fh-service-checkout-row small{color:#9eb0c5!important;font-size:8px!important} .fh-service-checkout-row button{display:flex;align-items:center;justify-content:center;gap:8px;min-width:220px;min-height:42px;padding:0 15px;border:1px solid #6cbaff;border-radius:5px;background:linear-gradient(#1e66aa,#0b3768);color:#fff;font-size:9px;font-weight:950;text-transform:uppercase;cursor:pointer}.fh-service-checkout-row button span{color:#a9a6ff!important;font-size:18px!important;font-weight:950!important;letter-spacing:-1px!important;text-transform:lowercase!important}.fh-service-checkout-row button:disabled{cursor:not-allowed;filter:grayscale(1);opacity:.45} .fh-stat-allocation-head{display:flex;align-items:center;justify-content:space-between;margin:2px 0 8px;padding:9px 10px;border:1px solid rgba(74,163,252,.22);border-radius:5px;background:#081522}.fh-stat-allocation-head span{color:#fff!important;font-size:10px!important;font-weight:900!important}.fh-stat-allocation-head strong{color:#96d5ff!important;font-size:9px!important}.fh-stat-allocation-head strong.is-over{color:#ff6c5b!important} .fh-stat-allocation-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:14px}.fh-stat-allocation-grid label{display:flex;min-width:0;flex-direction:column;gap:6px;padding:9px;border:1px solid rgba(73,161,249,.22);border-radius:5px;background:#081522}.fh-stat-allocation-grid span{min-height:22px;color:#fff!important;font-size:8px!important;font-weight:850!important}.fh-stat-allocation-grid input{width:100%;height:36px;padding:0 9px;border:1px solid rgba(76,166,255,.35);border-radius:4px;background:#06101b;color:#fff;font-size:11px;font-weight:800;outline:none} @media(max-width:720px){.fh-game-panel-grid,.fh-service-packages,.fh-service-form-grid{grid-template-columns:1fr}.fh-stat-allocation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fh-service-checkout-row{align-items:stretch;flex-direction:column}.fh-service-checkout-row button{width:100%;min-width:0}.fh-game-vote-banner{align-items:flex-start;flex-direction:column}} /* v64: account-only security centre (kept separate from Game Panel). */ .fh-account-security{color:#fff!important} .fh-account-security-hero{margin:0 0 12px;padding:19px 20px;border:1px solid rgba(69,160,248,.38);border-left:3px solid #ff674a;border-radius:9px;background:radial-gradient(circle at 100% 0,rgba(38,111,210,.23),transparent 44%),linear-gradient(110deg,rgba(89,23,18,.88),#081523 48%,#081d36);box-shadow:0 15px 35px rgba(0,0,0,.3)} .fh-account-security-hero h2{margin:5px 0!important;color:#fff!important;font-size:25px!important;font-weight:950!important}.fh-account-security-hero p{max-width:720px;margin:0!important;color:#dbeaf7!important;font-size:10px!important;line-height:1.55!important} .fh-account-security-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:10px}.fh-account-security-summary>div{display:flex;min-height:62px;flex-direction:column;justify-content:center;padding:10px 13px;border:1px solid rgba(75,150,211,.28);border-radius:7px;background:#071522}.fh-account-security-summary small{color:#6bbdf5!important;font-size:7px!important;font-weight:900!important;letter-spacing:.12em!important}.fh-account-security-summary strong{overflow:hidden;margin-top:5px;color:#fff!important;font-size:11px!important;text-overflow:ellipsis!important;white-space:nowrap!important} .fh-account-security-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.fh-account-security-card{display:grid!important;grid-template-columns:46px minmax(0,1fr) 18px!important;align-items:center!important;gap:11px!important;min-height:112px!important;padding:13px!important;border:1px solid rgba(67,150,220,.3)!important;border-radius:8px!important;background:linear-gradient(135deg,#091727,#06111d)!important;color:#fff!important;text-decoration:none!important;transition:.18s ease!important}.fh-account-security-card:hover{transform:translateY(-2px)!important;border-color:#62bdff!important;box-shadow:0 14px 28px rgba(0,0,0,.3),0 0 20px rgba(65,166,255,.12)!important}.fh-account-security-icon{display:grid!important;width:46px!important;height:46px!important;place-items:center!important;border:1px solid #438fd0!important;border-radius:12px!important;background:#0b2944!important;color:#76c8ff!important;box-shadow:inset 0 0 16px rgba(53,157,242,.18)!important}.fh-account-security-card>span:nth-child(2){display:flex!important;min-width:0!important;flex-direction:column!important}.fh-account-security-card small{color:#6ebcf2!important;font-size:7px!important;font-weight:900!important;letter-spacing:.1em!important}.fh-account-security-card strong{margin-top:4px;color:#fff!important;font-size:12px!important;font-weight:950!important}.fh-account-security-card em{margin-top:5px;color:#b9cddd!important;font-size:8px!important;font-style:normal!important;line-height:1.45!important}.fh-account-security-card>b{color:#6dc5ff!important;font-size:22px!important}.fh-account-security-email{border-color:rgba(196,90,255,.3)!important}.fh-account-security-email .fh-account-security-icon{border-color:#9854cf!important;background:#28143c!important;color:#d18aff!important}.fh-account-security-twofactor{border-color:rgba(70,213,130,.3)!important}.fh-account-security-twofactor .fh-account-security-icon{border-color:#3daf6a!important;background:#0a2c1a!important;color:#6bf09a!important}.fh-account-security-advice{display:flex;gap:12px;margin-top:10px;padding:12px 14px;border:1px solid rgba(224,172,58,.35);border-radius:7px;background:#18150c}.fh-account-security-advice strong{color:#ffda68!important;font-size:10px!important;white-space:nowrap!important}.fh-account-security-advice span{color:#e8e0c8!important;font-size:9px!important;line-height:1.45!important} @media(max-width:900px){.fh-account-security-grid{grid-template-columns:1fr}.fh-account-security-card{min-height:88px!important}}@media(max-width:620px){.fh-account-security-summary{grid-template-columns:1fr}.fh-account-security-advice{flex-direction:column}} .fh-profile-window{max-height:calc(100vh - 190px)!important} .fh-profile-window-body{max-height:calc(100vh - 254px)!important} } @media(max-width:900px){body.we-body-home.fh-spa-inline-module .fh-inline-module-body{max-height:calc(100vh - 185px)!important}} /* v49 WebShop cleanup: the shell already supplies the title; filters stay readable. */ .fh-inline-module-body>.page-title{display:none!important} body.we-body-home .fh-inline-module-body .ws-catalogue .ws-category-tabs{gap:7px!important;padding:11px!important} body.we-body-home .fh-inline-module-body .ws-catalogue .ws-category-tabs button{min-height:37px!important;padding:8px 13px!important;font-size:11px!important;line-height:1.15!important} body.we-body-home .fh-inline-module-body .ws-catalogue .ws-class-tabs{gap:8px!important;padding:10px!important} body.we-body-home .fh-inline-module-body .ws-catalogue .ws-class-tabs button{min-height:38px!important;padding:8px 14px!important;font-size:11px!important;line-height:1.15!important} body.we-body-home .fh-inline-module-body .ws-catalogue .ws-tier-tabs{gap:8px!important;margin:-2px 0 14px!important} body.we-body-home .fh-inline-module-body .ws-catalogue .ws-tier-tabs button{min-height:35px!important;padding:7px 14px!important;font-size:10.5px!important;line-height:1.15!important} @media(max-width:720px){body.we-body-home .fh-inline-module-body .ws-catalogue .ws-category-tabs,body.we-body-home .fh-inline-module-body .ws-catalogue .ws-tier-tabs{justify-content:flex-start!important;overflow-x:auto!important;flex-wrap:nowrap!important}body.we-body-home .fh-inline-module-body .ws-catalogue .ws-category-tabs button,body.we-body-home .fh-inline-module-body .ws-catalogue .ws-tier-tabs button{white-space:nowrap!important}} /* v49 every same-page workspace uses the full available screen height. */ @media(min-width:901px){ body.we-body-home.fh-spa-inline-module .fh-inline-module-body, body.fh-server-dashboard .fh-server-inline-module .fh-inline-module-body{ height:calc(100vh - 245px)!important; min-height:650px!important; max-height:calc(100vh - 245px)!important; } body.we-body-home.fh-spa-inline-module .fh-inline-module-body>.ws-shop, body.we-body-home.fh-spa-inline-module .fh-inline-module-body>.mk-market, body.we-body-home.fh-spa-inline-module .fh-inline-module-body>.fh-currency-convert, body.we-body-home.fh-spa-inline-module .fh-inline-module-body>.rankings-module{ min-height:100%!important; } .fh-profile-window{height:calc(100vh - 190px)!important;max-height:calc(100vh - 190px)!important} .fh-profile-window-body{height:calc(100vh - 254px)!important;max-height:calc(100vh - 254px)!important} } @media(max-width:900px){ body.we-body-home.fh-spa-inline-module .fh-inline-module-body{min-height:calc(100vh - 185px)!important;max-height:none!important} } /* v55 character profile: grouped columns and a clean, label-free paper doll. */ .fh-profile-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0 16px!important;align-items:start!important} .fh-profile-detail-column{display:grid!important;align-content:start!important;min-width:0!important} .fh-profile-detail-grid .fh-profile-data-row{grid-column:auto!important} .fh-profile-detail-column:first-child{border-right:1px solid rgba(118,179,211,.22)!important} .fh-profile-equipment-section .fh-paper-slot.is-empty span{font-size:0!important;color:transparent!important} .fh-profile-equipment-section .fh-paper-slot.is-empty span::after{content:''!important;display:block!important;width:8px!important;height:8px!important;border-radius:50%!important;background:rgba(110,187,232,.13)!important;box-shadow:0 0 11px rgba(69,161,223,.15)!important} .fh-profile-equipment-section .fh-profile-paperdoll-grid{column-gap:12px!important} @media(max-width:600px){.fh-profile-detail-grid{grid-template-columns:1fr!important;gap:0!important}.fh-profile-detail-column:first-child{border-right:0!important}.fh-profile-equipment-section .fh-profile-paperdoll-grid{column-gap:2px!important}} /* v62 instant account workspaces based on the supplied side-panel references. */ .fh-account-local-host .fh-inline-module-body{padding:16px!important;background:rgba(3,10,19,.97)!important} .fh-local-panel{min-height:100%;color:#f6f9ff;font-size:14px} .fh-local-panel-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px} .fh-local-panel-tabs button,.fh-local-panel-toolbar button{border:1px solid rgba(82,165,224,.35);border-radius:7px;background:#091625;color:#8bcdff;padding:10px 15px;font-weight:800;cursor:pointer} .fh-local-panel-tabs button.active{background:linear-gradient(135deg,#194c7c,#207cc2);border-color:#7dccff;color:#fff;box-shadow:0 0 20px rgba(29,139,214,.22)} .fh-local-panel-toolbar{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:18px;border:1px solid rgba(82,165,224,.3);border-radius:10px;background:linear-gradient(105deg,rgba(74,17,10,.35),rgba(6,27,52,.72));margin-bottom:16px} .fh-local-panel-toolbar>div{display:grid;gap:3px}.fh-local-panel-toolbar small{color:#74c9ff;font-weight:900;letter-spacing:.13em}.fh-local-panel-toolbar strong{font-size:22px}.fh-local-panel-toolbar span{color:#b8c8d9} .fh-local-panel-empty{min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;border:1px solid rgba(82,165,224,.24);border-radius:10px;background:rgba(5,15,27,.78)} .fh-local-panel-empty i{width:58px;height:58px;border:1px solid #358bd0;border-radius:18px;display:grid;place-items:center;color:#80d4ff;font-size:27px;box-shadow:0 0 25px rgba(49,147,215,.18)} .fh-local-panel-empty strong{font-size:20px}.fh-local-panel-empty span{max-width:580px;color:#aebed0;line-height:1.55} .fh-local-panel-note{margin-top:12px;padding:12px 14px;border-left:3px solid #dba531;background:rgba(219,165,49,.08);color:#c9d4e0} .fh-deposit-grid{display:grid;gap:10px}.fh-deposit-row{display:grid;grid-template-columns:46px 1fr 1fr auto auto;align-items:center;gap:12px;padding:16px;border:1px solid rgba(82,165,224,.26);border-radius:9px;background:rgba(7,20,34,.82)} .fh-deposit-row>b{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:#102b45;color:#7dd4ff;font-size:22px}.fh-deposit-row span{display:grid;gap:4px}.fh-deposit-row small{color:#75bff0}.fh-deposit-row strong{font-size:16px}.fh-deposit-row button{border:1px solid rgba(77,162,222,.3);border-radius:6px;background:#10243a;color:#70859a;padding:9px 12px} .fh-achievement-rank{display:flex;align-items:center;gap:14px;padding:17px;border:1px solid rgba(207,166,58,.38);border-radius:10px;background:linear-gradient(90deg,rgba(110,74,8,.2),rgba(8,25,40,.8));margin-bottom:15px}.fh-achievement-rank>span{font-size:32px;color:#ffd85a}.fh-achievement-rank>div{display:grid;flex:1}.fh-achievement-rank small{color:#8dcdf4}.fh-achievement-rank strong{font-size:19px}.fh-achievement-rank>b{color:#71d6ff} .fh-achievement-list{display:grid;gap:8px}.fh-achievement-list article{display:grid;grid-template-columns:42px 1fr auto;gap:13px;align-items:center;padding:14px;border:1px solid rgba(82,165,224,.23);border-radius:8px;background:rgba(7,18,31,.84)}.fh-achievement-list article>i{font-style:normal;font-size:25px}.fh-achievement-list article>div{display:grid;gap:5px}.fh-achievement-list article span{color:#9fb2c6}.fh-achievement-list article em{height:6px;border-radius:9px;background:#253442;overflow:hidden}.fh-achievement-list article em b{display:block;height:100%;background:#3eb89f}.fh-achievement-list mark{background:transparent;color:#70caff;font-weight:800} .fh-local-form{max-width:720px;display:grid;gap:15px;padding:19px;border:1px solid rgba(82,165,224,.28);border-radius:10px;background:rgba(7,19,32,.85)}.fh-local-form label{display:grid;gap:7px;font-weight:800}.fh-local-form select{width:100%;height:45px;border:1px solid #31536d;border-radius:7px;background:#0a1929;color:#eff8ff;padding:0 12px}.fh-local-price{display:flex;justify-content:space-between;padding:13px;border:1px solid rgba(210,161,44,.35);border-radius:7px;background:rgba(210,161,44,.07)}.fh-local-price strong{color:#ffd15a}.fh-local-form>button{height:45px;border:1px solid #2d6da2;border-radius:7px;background:linear-gradient(180deg,#245f94,#173f68);color:#a8b9c8;font-weight:900} .fh-menu-auction{color:#d78cff!important} @media(max-width:700px){.fh-deposit-row{grid-template-columns:40px 1fr 1fr}.fh-deposit-row button{grid-column:span 1}.fh-local-panel-toolbar{align-items:flex-start;flex-direction:column}.fh-achievement-list article{grid-template-columns:34px 1fr}.fh-achievement-list mark{grid-column:2}} /* v64: immediate first paint, plain wallet names and production account tools. */ .fh-site-preloader{display:none!important;visibility:hidden!important;pointer-events:none!important} body.fh-site-preloading{overflow:auto!important} body.we-body-home .fh-account-logged .fh-currency-tile{grid-template-columns:minmax(0,1fr) auto!important;padding:5px 7px!important} body.we-body-home .fh-account-logged .fh-wallet-icon{display:none!important} body.we-body-home .fh-account-logged .fh-currency-tile span{font-size:10px!important;font-weight:850!important;letter-spacing:.01em!important} body.we-body-home .fh-account-logged .fh-currency-credits span,body.we-body-home .fh-account-logged .fh-currency-credits strong{color:#ffb44f!important;text-shadow:0 0 10px rgba(255,180,79,.42)!important} body.we-body-home .fh-account-logged .fh-currency-gold span,body.we-body-home .fh-account-logged .fh-currency-gold strong{color:#ffe062!important;text-shadow:0 0 10px rgba(255,224,98,.42)!important} body.we-body-home .fh-account-logged .fh-currency-pc-points span,body.we-body-home .fh-account-logged .fh-currency-pc-points strong,body.we-body-home .fh-account-logged .fh-currency-cash span,body.we-body-home .fh-account-logged .fh-currency-cash strong{color:#65bdff!important;text-shadow:0 0 10px rgba(101,189,255,.42)!important} /* v71: keep every live wallet row aligned even with five different balances. */ body.we-body-home .fh-account-logged .fh-currency-tile{grid-template-columns:minmax(112px,1fr) 66px!important;width:100%!important;min-height:30px!important} body.we-body-home .fh-account-logged .fh-currency-tile strong{width:66px!important;text-align:right!important;white-space:nowrap!important} body.we-body-home .fh-account-logged .fh-currency-tokens span,body.we-body-home .fh-account-logged .fh-currency-tokens strong{color:#d188ff!important;text-shadow:0 0 10px rgba(209,136,255,.42)!important} body.we-body-home .fh-account-logged .fh-currency-sign-of-lord span,body.we-body-home .fh-account-logged .fh-currency-sign-of-lord strong{color:#ff8c58!important;text-shadow:0 0 10px rgba(255,140,88,.42)!important} .fh-account-warehouse,.fh-character-market,.fh-siege-register{display:grid;gap:12px;color:#f7fbff!important} .fh-account-warehouse-hero,.fh-character-market-hero,.fh-siege-register-hero{padding:17px 19px;border:1px solid rgba(76,167,247,.34);border-left:3px solid #ff6849;border-radius:9px;background:radial-gradient(circle at 100% 0,rgba(28,106,210,.22),transparent 43%),linear-gradient(110deg,rgba(83,24,18,.87),#081422 48%,#071c34);box-shadow:0 16px 35px rgba(0,0,0,.3)} .fh-account-warehouse-hero h2,.fh-character-market-hero h2,.fh-siege-register-hero h2{margin:4px 0!important;color:#fff!important;font-size:24px!important;font-weight:950!important}.fh-account-warehouse-hero p,.fh-character-market-hero p,.fh-siege-register-hero p{margin:0!important;color:#d9e9f5!important;font-size:10px!important;line-height:1.55!important} .fh-account-warehouse-toolbar{display:grid;grid-template-columns:1fr 1fr auto;gap:9px;align-items:center;padding:10px 12px;border:1px solid rgba(76,167,247,.26);border-radius:7px;background:#071421}.fh-account-warehouse-toolbar div{display:flex;flex-direction:column}.fh-account-warehouse-toolbar small{color:#65bffc!important;font-size:7px!important;font-weight:900!important;letter-spacing:.12em!important}.fh-account-warehouse-toolbar strong{color:#fff!important;font-size:11px!important}.fh-account-warehouse-toolbar>span{color:#9fb5c6!important;font-size:8px!important}.fh-account-warehouse-alert{padding:11px;border:1px solid rgba(255,96,70,.35);border-radius:7px;background:rgba(89,24,19,.42);color:#ffd0c7!important} .fh-account-warehouse-stage{position:relative;display:grid;min-height:480px;place-items:center;padding:16px;border:1px solid rgba(72,153,215,.23);border-radius:9px;background:radial-gradient(circle at 50% 45%,rgba(35,101,151,.12),transparent 48%),#050d15}.fh-account-warehouse-grid{display:grid;width:min(360px,92%);aspect-ratio:8/15;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(15,1fr);border:1px solid #5c4e36;background-color:#0c0d0d;background-image:linear-gradient(rgba(119,103,72,.38) 1px,transparent 1px),linear-gradient(90deg,rgba(119,103,72,.38) 1px,transparent 1px);background-size:12.5% 6.6667%;box-shadow:0 18px 45px rgba(0,0,0,.52),0 0 22px rgba(77,157,213,.09)}.fh-account-warehouse-item{position:relative;z-index:2;display:grid;min-width:0;min-height:0;padding:1px;border:0;background:radial-gradient(circle,rgba(57,148,210,.09),transparent 72%);place-items:stretch;cursor:help}.fh-account-warehouse-item img{display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;filter:drop-shadow(0 0 7px rgba(80,176,255,.42))}.fh-account-warehouse-tooltip{position:absolute;z-index:20;bottom:calc(100% + 8px);left:50%;display:none;width:280px;padding:9px;transform:translateX(-50%);border:1px solid #d6a936;border-radius:6px;background:#03070c;color:#fff;text-align:left;box-shadow:0 14px 30px #000}.fh-account-warehouse-item:hover .fh-account-warehouse-tooltip,.fh-account-warehouse-item:focus .fh-account-warehouse-tooltip{display:block}.fh-account-warehouse-empty{position:absolute;color:#8297aa!important}.fh-account-warehouse-note{display:flex;gap:12px;padding:11px 13px;border-left:3px solid #e0aa3c;background:rgba(89,61,10,.18)}.fh-account-warehouse-note strong{color:#ffd666!important;white-space:nowrap}.fh-account-warehouse-note span{color:#cbd7e0!important} .fh-character-market-rules{display:grid;grid-template-columns:38px 1fr auto;gap:11px;align-items:center;padding:11px 13px;border:1px solid rgba(55,204,122,.28);border-radius:8px;background:rgba(5,42,30,.58)}.fh-character-market-rules>span{display:grid;width:38px;height:38px;place-items:center;border:1px solid #38a86a;border-radius:10px;color:#64eca0!important}.fh-character-market-rules div{display:flex;flex-direction:column}.fh-character-market-rules strong{color:#fff!important}.fh-character-market-rules small{color:#bcd7c8!important}.fh-character-market-rules b{color:#ffd35f!important}.fh-character-market-layout{display:grid;grid-template-columns:minmax(210px,.36fr) minmax(0,1fr);gap:11px}.fh-character-market-sell,.fh-character-market-board{border:1px solid rgba(67,153,224,.28);border-radius:9px;background:#06111d}.fh-character-market-sell{display:flex;height:max-content;flex-direction:column;gap:11px;padding:14px}.fh-character-market-sell header,.fh-character-market-board>header,.fh-siege-register-form header,.fh-siege-register-status header{display:flex;flex-direction:column}.fh-character-market-sell small,.fh-character-market-board small,.fh-siege-register small{color:#70c4fc!important}.fh-character-market-sell strong,.fh-character-market-board strong,.fh-siege-register strong{color:#fff!important}.fh-character-market-sell label,.fh-siege-register-form label{display:flex;flex-direction:column;gap:6px;color:#fff!important;font-size:9px!important;font-weight:850!important}.fh-character-market-sell select,.fh-character-market-sell input,.fh-siege-register-form select{width:100%;height:40px;padding:0 10px;border:1px solid #315f84;border-radius:6px;background:#091927;color:#fff}.fh-character-market-sell button,.fh-character-market-card button,.fh-siege-register-form button{min-height:40px;border:1px solid #5bb5ff;border-radius:6px;background:linear-gradient(#266eae,#123c6b);color:#fff;font-size:9px;font-weight:950;cursor:pointer}.fh-character-market-board{overflow:hidden}.fh-character-market-board>header{flex-direction:row;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid rgba(71,153,219,.25)}.fh-character-market-board>header span{display:flex;flex-direction:column}.fh-character-market-board>header b{color:#ffcf56!important;font-size:9px!important}.fh-character-market-list{display:grid;gap:7px;padding:9px}.fh-character-market-card{display:grid;grid-template-columns:58px 1fr 105px 118px;gap:10px;align-items:center;padding:9px;border:1px solid rgba(63,145,210,.22);border-radius:7px;background:#081522}.fh-character-market-avatar img{width:52px;height:52px;border-radius:7px;object-fit:cover}.fh-character-market-copy,.fh-character-market-price{display:flex;min-width:0;flex-direction:column}.fh-character-market-copy span{color:#aebfce!important;font-size:8px!important}.fh-character-market-price strong{color:#ffd45d!important;font-size:17px!important}.fh-character-market-price span{color:#ff9d65!important;font-size:8px!important}.fh-character-market-card button{width:100%}.fh-character-market-card button.is-cancel{border-color:#a74c41;background:#542019}.fh-character-market-empty{padding:30px;text-align:center;color:#91a5b7!important} .fh-siege-register-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(230px,.85fr);gap:11px}.fh-siege-register-form,.fh-siege-register-status,.fh-siege-register-list{padding:14px;border:1px solid rgba(67,153,224,.28);border-radius:9px;background:#06111d}.fh-siege-register-form{display:flex;flex-direction:column;gap:11px}.fh-siege-register-cost{display:flex;justify-content:space-between;padding:11px;border:1px solid rgba(215,166,54,.31);border-radius:6px;background:rgba(83,57,8,.2)}.fh-siege-register-cost span{color:#c7d4df!important}.fh-siege-register-cost strong{color:#ffd65b!important}.fh-siege-register-status{display:grid;align-content:start}.fh-siege-register-status>div{display:flex;justify-content:space-between;gap:12px;padding:11px 2px;border-bottom:1px solid rgba(84,151,199,.2)}.fh-siege-register-status span{color:#8fc8ed!important}.fh-siege-register-list>header,.fh-siege-register-list>div{display:grid;grid-template-columns:1fr 1fr 80px;gap:12px;align-items:center;padding:10px;border-bottom:1px solid rgba(76,148,202,.2)}.fh-siege-register-list>header{color:#79caff!important;font-weight:900}.fh-siege-register-list>div>span:first-child{display:flex;align-items:center;gap:9px}.fh-siege-register-list b{color:#ffd35e!important;text-align:right}.fh-siege-register-list p{padding:22px;text-align:center;color:#91a6b8!important} @media(max-width:820px){.fh-character-market-layout,.fh-siege-register-grid{grid-template-columns:1fr}.fh-character-market-card{grid-template-columns:50px 1fr 90px}.fh-character-market-card form{grid-column:2/4}.fh-account-warehouse-toolbar{grid-template-columns:1fr 1fr}.fh-account-warehouse-toolbar>span{grid-column:1/-1}} @media(max-width:520px){.fh-character-market-rules{grid-template-columns:34px 1fr}.fh-character-market-rules>b{grid-column:2}.fh-character-market-card{grid-template-columns:44px 1fr}.fh-character-market-price,.fh-character-market-card form{grid-column:2}.fh-siege-register-list>header,.fh-siege-register-list>div{grid-template-columns:1fr 1fr}.fh-siege-register-list b{grid-column:2}.fh-account-warehouse-note{flex-direction:column}.fh-account-warehouse-grid{width:250px}} /* v72 live wallet: compact icons, visible zero values and requested currency colours. */ body.we-body-home .fh-account-logged .fh-currency-tile{grid-template-columns:18px minmax(92px,1fr) 66px!important;gap:7px!important;padding:5px 7px!important} body.we-body-home .fh-account-logged .fh-wallet-icon{display:grid!important;width:16px!important;height:16px!important;place-items:center!important;border:1px solid currentColor!important;border-radius:5px!important;background:rgba(7,17,29,.88)!important;font:900 8px/1 Arial,sans-serif!important;font-style:normal!important;box-shadow:0 0 9px currentColor!important;opacity:.95!important} body.we-body-home .fh-account-logged .fh-currency-wc span,body.we-body-home .fh-account-logged .fh-currency-wc strong,body.we-body-home .fh-account-logged .fh-currency-wc .fh-wallet-icon{color:#5dbbff!important;text-shadow:0 0 10px rgba(93,187,255,.48)!important} body.we-body-home .fh-account-logged .fh-currency-cash span,body.we-body-home .fh-account-logged .fh-currency-cash strong,body.we-body-home .fh-account-logged .fh-currency-cash .fh-wallet-icon{color:#58e895!important;text-shadow:0 0 10px rgba(88,232,149,.45)!important} body.we-body-home .fh-account-logged .fh-currency-gold .fh-wallet-icon{color:#ffe062!important}body.we-body-home .fh-account-logged .fh-currency-tokens .fh-wallet-icon{color:#d188ff!important}body.we-body-home .fh-account-logged .fh-currency-sign-of-lord .fh-wallet-icon{color:#ff8c58!important} body.we-body-home .fh-account-logged .fh-wallet-icon .we-icon{display:block!important;width:11px!important;height:11px!important;stroke-width:1.9!important} .fh-vip-recover-form{display:flex!important;justify-content:flex-end!important;margin:0 0 11px!important}.fh-vip-recover-form button{min-height:38px!important;padding:8px 15px!important;border:1px solid #4a9edc!important;border-radius:7px!important;background:#0b2034!important;color:#86ceff!important;font-weight:900!important;cursor:pointer!important;box-shadow:0 0 18px rgba(60,157,226,.12)!important} /* v73: direct live wallet values fit fully inside the narrow account rail. */ body.we-body-home .fh-account-logged .fh-currency-tile{grid-template-columns:16px minmax(0,1fr) 44px!important;gap:5px!important;padding:5px 4px!important;overflow:visible!important} body.we-body-home .fh-account-logged .fh-currency-tile span{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important} body.we-body-home .fh-account-logged .fh-currency-tile strong{display:block!important;width:44px!important;min-width:44px!important;font-size:11px!important;text-align:right!important;white-space:nowrap!important} /* v73: empty equipment positions stay invisible; lower-body gear gets air. */ .fh-profile-equipment-section .fh-paper-slot.is-empty span{display:none!important} .fh-profile-equipment-section .fh-paper-slot-pants .fh-paper-item{transform:translateY(18px)!important} @media(max-width:600px){.fh-profile-equipment-section .fh-paper-slot-pants .fh-paper-item{transform:translateY(12px)!important}} /* v77: classic MU vault proportions, click actions and unclipped item details. */ .fh-account-warehouse-tabs{display:flex;justify-content:flex-end;gap:7px;margin-top:-2px!important} .fh-account-warehouse-tabs button{min-height:36px;padding:0 14px;border:1px solid rgba(76,167,247,.28);border-radius:6px;background:#071421;color:#72c5ff!important;font-weight:850;cursor:pointer} .fh-account-warehouse-tabs button:hover,.fh-account-warehouse-tabs button.is-active{border-color:#56b8f8;background:#10273a;color:#fff!important;box-shadow:0 0 16px rgba(62,169,239,.16)} .fh-account-warehouse-stage{overflow:visible!important;align-content:start!important;min-height:680px!important;padding:20px 20px 28px!important;background:radial-gradient(circle at 50% 42%,rgba(32,113,166,.12),transparent 46%),linear-gradient(145deg,#07121d,#040b12)!important} .fh-account-warehouse-vault-title{display:block;margin:0 auto 8px;color:#78c9ff!important;font-size:13px!important;font-weight:800!important;text-align:center} .fh-account-warehouse-grid{width:320px!important;overflow:visible!important} .fh-account-warehouse-item{overflow:visible!important;border-radius:2px!important;cursor:pointer!important;outline:none!important} .fh-account-warehouse-item:hover,.fh-account-warehouse-item:focus,.fh-account-warehouse-item.is-selected{z-index:40!important;background:rgba(91,188,250,.15)!important;box-shadow:inset 0 0 0 1px rgba(102,198,255,.36),0 0 13px rgba(73,170,233,.2)!important} .fh-account-warehouse-tooltip{top:8px!important;bottom:auto!important;left:calc(100% + 162px)!important;width:310px!important;max-height:540px!important;overflow:auto!important;transform:none!important;border-color:rgba(226,182,76,.72)!important;border-radius:8px!important;background:linear-gradient(160deg,rgba(44,44,44,.98),rgba(5,10,16,.99))!important;text-align:center!important;pointer-events:none!important} .fh-account-warehouse-item:hover .fh-account-warehouse-tooltip,.fh-account-warehouse-item:focus .fh-account-warehouse-tooltip{display:none!important} .fh-account-warehouse-item.is-selected .fh-account-warehouse-tooltip{display:block!important} .fh-account-warehouse-actions{position:absolute;z-index:45;top:0;left:calc(100% + 8px);display:none;width:145px;padding:7px;border:1px solid rgba(96,189,244,.45);border-radius:7px;background:rgba(21,51,69,.98);box-shadow:0 15px 32px rgba(0,0,0,.54)} .fh-account-warehouse-item.is-selected .fh-account-warehouse-actions{display:grid;gap:5px} .fh-account-warehouse-actions a{display:block;padding:9px 10px;border:1px solid rgba(109,205,255,.26);border-radius:5px;background:#52a9ce;color:#fff!important;font-size:10px!important;font-weight:900!important;text-align:center;text-decoration:none!important;white-space:nowrap} .fh-account-warehouse-actions a:hover{background:#67c5eb;box-shadow:0 0 14px rgba(76,190,240,.35)} .fh-account-warehouse-tooltip{display:none!important}.fh-account-warehouse-item.is-selected{z-index:40!important}.fh-account-warehouse-item.is-selected .fh-account-warehouse-actions{display:grid!important}.fh-account-warehouse-item img{pointer-events:none} @media(max-width:980px){.fh-account-warehouse-tooltip{left:auto!important;right:calc(100% + 162px)!important}.fh-account-warehouse-actions{left:auto;right:calc(100% + 8px)}} @media(max-width:620px){.fh-account-warehouse-tabs{justify-content:center;flex-wrap:wrap}.fh-account-warehouse-stage{min-height:580px!important;padding-inline:4px!important}.fh-account-warehouse-grid{width:250px!important}.fh-account-warehouse-tooltip{position:fixed!important;inset:16% 12px auto!important;width:auto!important;max-height:65vh!important}.fh-account-warehouse-actions{position:fixed!important;inset:auto 12px 18px!important;width:auto!important;grid-template-columns:repeat(3,1fr)}} /* v83: unified market scale, activity logs, auctions and extended rankings. */ .fh-account-warehouse-actions button{display:block;width:100%;padding:9px 10px;border:1px solid rgba(109,205,255,.26);border-radius:5px;background:#52a9ce;color:#fff!important;font-size:10px!important;font-weight:900!important;text-align:center;white-space:nowrap;cursor:pointer} .fh-account-warehouse-actions button:hover{background:#67c5eb;box-shadow:0 0 14px rgba(76,190,240,.35)} .fh-auction-dialog{position:fixed;z-index:2147483500;inset:0;display:none;place-items:center;padding:18px}.fh-auction-dialog.is-open{display:grid}.fh-auction-backdrop{position:absolute;inset:0;background:rgba(0,4,10,.82);backdrop-filter:blur(5px)}.fh-auction-window{position:relative;width:min(620px,95vw);overflow:hidden;border:1px solid rgba(91,183,243,.54);border-radius:9px;background:#07121e;box-shadow:0 30px 80px rgba(0,0,0,.72);color:#fff}.fh-auction-window>header{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;border-bottom:1px solid #315975;background:linear-gradient(100deg,#172a3d,#351817)}.fh-auction-window>header div{display:grid;gap:3px}.fh-auction-window>header small{color:#72caff;font-size:8px;font-weight:900;letter-spacing:.14em}.fh-auction-window>header strong{font-size:17px}.fh-auction-window>header button{width:38px;height:38px;border:1px solid #d76045;border-radius:7px;background:#67271d;color:#fff;font-size:24px;cursor:pointer}.fh-auction-body{display:grid;gap:12px;padding:18px}.fh-auction-body label{display:grid;gap:6px;color:#fff;font-size:10px;font-weight:900}.fh-auction-body select,.fh-auction-body input{width:100%;height:44px;border:1px solid #315f83;border-radius:6px;background:#0b1b2b;color:#fff;padding:0 12px}.fh-auction-body>button{height:44px;border:1px solid #69c2fc;border-radius:6px;background:linear-gradient(#2e79b6,#17466f);color:#fff;font-weight:950;cursor:pointer}.fh-auction-body>button:disabled{opacity:.45;cursor:not-allowed}.fh-auction-body p{min-height:17px;margin:0;color:#82d6ff}.fh-auction-window>footer{display:flex;justify-content:flex-end;padding:12px 18px;border-top:1px solid #273e52}.fh-auction-window>footer button{padding:9px 18px;border:1px solid #4e6577;border-radius:6px;background:#101c28;color:#dbe9f3;cursor:pointer} .fh-account-logs{display:grid;gap:12px;color:#f6fbff}.fh-account-log-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;padding:10px;border:1px solid rgba(77,164,224,.25);border-radius:8px;background:#07131f}.fh-account-log-tabs button{min-height:38px;padding:8px 14px;border:1px solid #294a64;border-radius:6px;background:#0b1a28;color:#a9c4d8;font-weight:850;cursor:pointer}.fh-account-log-tabs button b{display:inline-grid;min-width:20px;height:20px;margin-left:5px;place-items:center;border-radius:10px;background:#152d41;color:#80d3ff;font-size:9px}.fh-account-log-tabs button.is-active{border-color:#65c5fa;background:linear-gradient(#1c527e,#123755);color:#fff;box-shadow:0 0 18px rgba(60,167,228,.18)}.fh-account-log-panel{display:none;gap:6px}.fh-account-log-panel.is-active{display:grid}.fh-account-log-panel article{display:grid;grid-template-columns:145px minmax(165px,.55fr) minmax(0,1fr);gap:13px;align-items:center;min-height:48px;padding:10px 13px;border:1px solid rgba(77,151,202,.24);border-radius:6px;background:#081521}.fh-account-log-panel time{color:#82caf4;font-size:10px}.fh-account-log-panel strong{color:#eef7ff;font-size:11px}.fh-account-log-panel span{color:#9eb5c8;font-size:10px;cursor:help}.fh-account-log-panel .is-positive strong{color:#62e992}.fh-account-log-panel .is-negative strong{color:#ff6958}.fh-account-log-empty{min-height:260px;display:grid;place-items:center;border:1px solid rgba(77,151,202,.2);border-radius:8px;color:#91a8bb} .fh-ranking-type-tabs .rankings_menu{gap:8px!important;margin:0 0 16px!important;padding:11px!important;border:1px solid rgba(83,159,207,.2)!important;border-radius:22px!important;background:#080f18!important}.fh-ranking-type-tabs .rankings_menu a{min-height:38px!important;padding:10px 18px!important;border-radius:22px!important;color:#aeb9c7!important;font-size:9.5px!important;text-transform:uppercase!important}.fh-ranking-type-tabs .rankings_menu a.active,.fh-ranking-type-tabs .rankings_menu a:hover{border-color:#55c5f3!important;background:linear-gradient(105deg,#28204d,#10364c)!important;color:#fff!important;box-shadow:0 0 18px rgba(69,182,237,.15)!important}.fh-custom-ranking-window{display:grid;gap:13px}.fh-ranking-story{display:grid;gap:6px;padding:21px;border:1px solid rgba(80,160,208,.27);border-radius:11px;background:linear-gradient(110deg,rgba(53,20,21,.45),rgba(7,23,37,.94));color:#dce9f3}.fh-ranking-story strong{color:#78d4ff;font-size:19px}.fh-ranking-story span{max-width:700px;line-height:1.55}.fh-ranking-reward{color:#ffce4b;font-size:17px;text-shadow:0 0 12px rgba(255,197,47,.35)}.fh-ranking-event-empty{min-height:230px;display:grid;place-items:center;color:#91a8b9}.fh-modern-ranking-table{min-width:760px!important} @media(max-width:700px){.fh-account-log-panel article{grid-template-columns:1fr;gap:4px}.fh-ranking-type-tabs .rankings_menu{justify-content:flex-start!important;flex-wrap:nowrap!important;overflow-x:auto!important}.fh-ranking-type-tabs .rankings_menu a{white-space:nowrap!important}} /* v84: reference-matched ranking navigation and class portraits. */ .fh-rankings-window{min-height:760px!important} .fh-ranking-type-tabs .rankings_menu{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:8px!important;margin:0 0 16px!important;padding:12px!important;border:1px solid rgba(86,148,190,.18)!important;border-radius:22px!important;background:rgba(4,10,17,.88)!important} .fh-ranking-type-tabs .rankings_menu a{display:grid!important;min-height:40px!important;place-items:center!important;padding:10px 18px!important;border:1px solid rgba(97,131,158,.2)!important;border-radius:22px!important;background:linear-gradient(#0c131d,#090f17)!important;color:#aeb8c5!important;font-size:9px!important;font-weight:950!important;letter-spacing:.035em!important;text-transform:uppercase!important;white-space:nowrap!important} .fh-ranking-type-tabs .rankings_menu a.active,.fh-ranking-type-tabs .rankings_menu a:hover{border-color:#57c8f3!important;background:linear-gradient(110deg,#2a1c4f,#103b4c)!important;color:#fff!important;box-shadow:0 0 20px rgba(55,183,239,.17),inset 0 1px 0 rgba(255,255,255,.08)!important} .fh-ranking-class-tabs{display:grid!important;grid-template-columns:repeat(7,minmax(78px,1fr))!important;gap:7px!important;margin:0 0 17px!important;padding:15px!important;border:1px solid rgba(82,147,190,.18)!important;border-radius:19px!important;background:rgba(4,10,17,.78)!important} .fh-ranking-class-tabs button{display:grid!important;min-height:112px!important;grid-template-rows:72px auto!important;gap:7px!important;align-items:center!important;justify-items:center!important;padding:10px 7px!important;border:1px solid transparent!important;border-radius:14px!important;background:linear-gradient(145deg,rgba(19,29,40,.82),rgba(8,13,20,.9))!important;color:#75818f!important;font-size:9px!important;font-weight:900!important;cursor:pointer!important} .fh-ranking-class-tabs button img{display:block!important;width:68px!important;height:68px!important;border-radius:12px!important;object-fit:cover!important;filter:grayscale(1) brightness(.62)!important;opacity:.78!important;transition:.18s ease!important} .fh-ranking-class-tabs button:hover,.fh-ranking-class-tabs button.is-active{border-color:rgba(83,205,239,.48)!important;background:linear-gradient(145deg,rgba(26,55,70,.88),rgba(13,19,34,.96))!important;color:#eef9ff!important;box-shadow:0 0 18px rgba(55,183,239,.14)!important} .fh-ranking-class-tabs button:hover img,.fh-ranking-class-tabs button.is-active img{filter:none!important;opacity:1!important;box-shadow:0 0 18px rgba(65,198,240,.2)!important} .fh-ranking-all-mark{display:grid!important;width:68px!important;height:68px!important;place-items:center!important;border-radius:12px!important;background:radial-gradient(circle,#1fd4a8 0 16%,#0a7e91 17% 34%,#15313f 35% 100%)!important;color:#8fffe1!important;font:900 35px/1 Arial!important;font-style:normal!important;text-shadow:0 0 12px #29e7ca!important;box-shadow:0 0 20px rgba(28,219,183,.22)!important} .fh-ranking-table-shell>header{font-size:12px!important;letter-spacing:.09em!important;text-transform:uppercase!important} .fh-modern-ranking-table th{color:#ff5f55!important;font-size:9px!important;letter-spacing:.09em!important;text-transform:uppercase!important}.fh-modern-ranking-table td{font-size:10px!important}.fh-modern-ranking-table tbody tr{height:58px!important} .fh-custom-ranking-window .fh-ranking-story strong{display:block!important}.fh-custom-ranking-window .fh-ranking-story span{display:block!important;margin-top:5px!important} @media(max-width:980px){.fh-ranking-class-tabs{display:flex!important;flex-wrap:nowrap!important;justify-content:flex-start!important;overflow-x:auto!important}.fh-ranking-class-tabs button{min-width:100px!important}.fh-modern-ranking-table{min-width:850px!important}} /* v85: readable home guide, themed statistics, event badges and class population. */ .fh-left-welcome-cards{display:grid;gap:8px;padding:10px;border-top:1px solid rgba(227,121,57,.25);background:linear-gradient(180deg,rgba(35,10,8,.24),rgba(2,9,16,.9))} .fh-left-welcome-card{display:grid;gap:7px;padding:7px;border:1px solid rgba(77,145,198,.3);border-radius:7px;background:#050d16;color:#fff!important;text-decoration:none!important;transition:.18s ease} .fh-left-welcome-card.is-red{border-color:rgba(236,91,54,.45);background:linear-gradient(140deg,rgba(77,19,13,.72),rgba(4,11,18,.96))}.fh-left-welcome-card.is-blue{border-color:rgba(70,151,231,.48);background:linear-gradient(140deg,rgba(10,40,75,.78),rgba(4,11,18,.96))} .fh-left-welcome-card:hover{transform:translateY(-1px);filter:brightness(1.1);box-shadow:0 0 18px rgba(65,154,223,.14)}.fh-left-welcome-card img{display:block;width:100%;height:62px;border-radius:4px;object-fit:cover}.fh-left-welcome-card span{display:grid;gap:4px}.fh-left-welcome-card strong{font-size:12px;line-height:1.25}.fh-left-welcome-card small{color:#c7d1dc;font-size:9px;line-height:1.4}.fh-left-welcome-card em{color:#78caff;font-size:8px;font-style:normal;font-weight:900;text-transform:uppercase} .fh-home-showcase-wrap{display:grid;gap:13px}.fh-home-showcase{position:relative;height:260px;overflow:hidden;border:1px solid rgba(218,160,61,.58);border-radius:10px;background:#050b13;box-shadow:0 20px 46px rgba(0,0,0,.35),0 0 32px rgba(63,139,222,.08)} .fh-home-showcase-slide{position:absolute;inset:0;display:flex;align-items:flex-end;padding:26px;background-position:center;background-size:cover;color:#fff!important;text-decoration:none!important;opacity:0;transform:scale(1.015);transition:opacity .65s ease,transform 5s linear}.fh-home-showcase-slide::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(29,7,5,.86),rgba(4,11,21,.18) 55%,rgba(4,11,21,.5)),linear-gradient(0deg,rgba(2,7,13,.94),transparent 65%)}.fh-home-showcase-slide.is-active{opacity:1;transform:scale(1)}.fh-home-showcase-slide span{position:relative;z-index:1;display:grid;max-width:560px;gap:5px}.fh-home-showcase-slide small{color:#75ccff;font-size:10px;font-weight:950;letter-spacing:.16em}.fh-home-showcase-slide strong{font-size:26px;line-height:1.08;text-shadow:0 3px 16px #000}.fh-home-showcase-slide em{color:#ffd06a;font-size:11px;font-style:normal;font-weight:900}.fh-home-showcase-dots{position:absolute;z-index:3;right:17px;bottom:15px;display:flex;gap:7px}.fh-home-showcase-dots button{width:22px;height:4px;padding:0;border:0;border-radius:4px;background:rgba(255,255,255,.32);cursor:pointer}.fh-home-showcase-dots button.is-active{background:#6bc9ff;box-shadow:0 0 10px #3299e8} .fh-home-information{display:grid;gap:16px;padding:18px;border:1px solid rgba(72,151,209,.33);border-radius:10px;background:linear-gradient(145deg,rgba(43,13,13,.4),rgba(4,17,31,.97) 45%,rgba(5,12,22,.98));color:#f7fbff;box-shadow:0 18px 40px rgba(0,0,0,.28)}.fh-home-information>header{display:grid;gap:3px;padding-bottom:12px;border-bottom:1px solid rgba(101,175,224,.22)}.fh-home-information>header small{color:#7fd0ff;font-size:9px;font-weight:950;letter-spacing:.15em}.fh-home-information>header h2{margin:0;color:#fff;font-size:21px}.fh-home-information>header p,.fh-home-info-section>p{margin:0;color:#b8c9d9;font-size:11px}.fh-home-info-section{display:grid;gap:8px}.fh-home-info-section h3{margin:0;color:#7ed3ff;font-size:17px}.fh-home-info-table{overflow:hidden;border:1px solid rgba(84,154,204,.3);border-radius:8px;background:#07131e}.fh-home-info-table>div{display:grid;grid-template-columns:minmax(130px,.7fr) minmax(0,1.3fr);gap:12px;align-items:center;min-height:38px;padding:8px 12px;border-bottom:1px solid rgba(93,154,196,.2);font-size:11px}.fh-home-info-table>div:last-child{border-bottom:0}.fh-home-info-table>div:nth-child(even){background:rgba(255,255,255,.018)}.fh-home-info-table .head{background:#122231;color:#82d4ff;font-size:9px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.fh-home-info-table b{color:#fff}.fh-home-info-table span{color:#c8d5e0}.fh-home-info-table.three>div{grid-template-columns:minmax(150px,1fr) minmax(125px,.85fr) minmax(75px,.45fr)}.fh-home-info-table strong{color:#ffd25d}.fh-home-premium{display:grid;justify-items:center;gap:6px;padding:15px;border:1px solid rgba(74,219,132,.35);border-radius:9px;background:linear-gradient(100deg,rgba(17,82,48,.26),rgba(5,20,27,.9));text-align:center}.fh-home-premium strong{color:#72ee9f;font-size:18px;text-transform:uppercase}.fh-home-premium p{margin:0;color:#c4d6ce;font-size:11px}.fh-home-premium a{color:#81cfff!important;font-size:10px;font-weight:900} .fh-home-classes{display:grid;gap:14px;padding-top:4px}.fh-home-classes>header{display:flex;align-items:end;justify-content:space-between;gap:12px;padding:12px 14px;border-left:4px solid #78d6ff;border-radius:7px;background:#111d28}.fh-home-classes h3{margin:0;color:#82d7ff;font-size:18px}.fh-home-classes>header span,.fh-home-classes footer{color:#8ea7ba;font-size:9px}.fh-class-stage{display:grid;gap:8px}.fh-class-stage>strong{color:#73d7ff;font-size:11px;text-transform:uppercase}.fh-class-count-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.fh-class-count{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:40px;padding:9px 11px;border:1px solid rgba(90,156,201,.32);border-radius:7px;background:#0a1723}.fh-class-count span{color:#e9f4fd;font-size:11px}.fh-class-count b{color:#7dd4ff;font-size:12px}.fh-class-dark-knight,.fh-class-blade-knight,.fh-class-blade-master{border-color:rgba(239,76,62,.42)}.fh-class-dark-knight b,.fh-class-blade-knight b,.fh-class-blade-master b{color:#ff7166}.fh-class-elf,.fh-class-muse-elf,.fh-class-high-elf{border-color:rgba(72,220,126,.42)}.fh-class-elf b,.fh-class-muse-elf b,.fh-class-high-elf b{color:#68ea98}.fh-class-magic-gladiator,.fh-class-duel-master{border-color:rgba(183,91,245,.45)}.fh-class-magic-gladiator b,.fh-class-duel-master b{color:#c17bff}.fh-class-dark-lord,.fh-class-lord-emperor{border-color:rgba(235,181,62,.48)}.fh-class-dark-lord b,.fh-class-lord-emperor b{color:#ffd368}.fh-class-summoner,.fh-class-bloody-summoner,.fh-class-dimension-master{border-color:rgba(238,92,176,.46)}.fh-class-summoner b,.fh-class-bloody-summoner b,.fh-class-dimension-master b{color:#ff7ac9}.fh-home-classes footer{padding-top:10px;border-top:1px dashed rgba(103,160,198,.25);color:#72c9f7} body.we-body-home .fh-classic-stats-panel{overflow:hidden!important;border-color:rgba(66,157,229,.62)!important;border-radius:8px!important;background:linear-gradient(145deg,rgba(45,13,13,.42),rgba(5,19,37,.98) 42%,rgba(3,11,22,.99))!important;box-shadow:0 16px 36px rgba(0,0,0,.32),0 0 24px rgba(48,139,222,.08)!important}body.we-body-home .fh-classic-stats-section{padding:14px!important}body.we-body-home .fh-classic-stats-title{min-height:43px!important;padding:0 2px 12px!important;border-bottom:1px solid rgba(81,166,225,.32)!important}body.we-body-home .fh-classic-stats-title span{color:#fff!important;font-size:16px!important;letter-spacing:.025em!important}body.we-body-home .fh-classic-stats-title .we-icon{color:#65c6ff!important;filter:drop-shadow(0 0 7px rgba(67,179,244,.6))}body.we-body-home .fh-classic-stats-rows>div{min-height:40px!important;padding:8px 2px!important;border-bottom:1px solid rgba(94,154,198,.17)!important}body.we-body-home .fh-classic-stats-rows span{color:#d6e1eb!important;font-size:11.5px!important;font-weight:700!important}body.we-body-home .fh-classic-stats-rows strong{color:#fff!important;font-size:12px!important;font-weight:900!important;text-align:right!important}body.we-body-home .fh-classic-stats-rows .fh-stat-gold{color:#ffd05b!important}body.we-body-home .fh-classic-stats-rows .fh-stat-online{color:#5ce789!important;text-shadow:0 0 9px rgba(70,230,127,.35)!important}body.we-body-home .fh-classic-stats-rows .fh-stat-time{max-width:130px;color:#9bcfff!important;font-size:9px!important;line-height:1.25!important} body.we-body-home .fh-live-console{border-color:rgba(66,224,123,.55)!important;border-radius:9px!important;background:radial-gradient(circle at 15% 50%,rgba(60,232,124,.15),transparent 31%),linear-gradient(135deg,#062a17,#03140f)!important;box-shadow:0 0 24px rgba(44,211,103,.1),0 15px 32px rgba(0,0,0,.3)!important}body.we-body-home .fh-live-console-copy strong{font-size:26px!important;color:#75f294!important}body.we-body-home .fh-live-console-copy b{font-size:33px!important;color:#fff!important}.fh-emblem-action{min-height:88px!important;border-radius:9px!important}.fh-action-copy strong{font-size:17px!important}.fh-action-copy em{font-size:9px!important}.fh-action-emblem{width:50px!important;height:50px!important} body.we-body-home .we-events-panel{border-color:rgba(64,153,225,.6)!important;border-radius:8px!important;background:linear-gradient(155deg,rgba(38,12,15,.35),rgba(4,17,31,.98))!important}body.we-body-home .we-events-panel .panel-heading{min-height:48px!important;background:linear-gradient(90deg,rgba(158,44,31,.2),rgba(12,69,122,.18))!important}body.we-body-home .we-events-panel .panel-title{color:#fff!important;font-size:16px!important}body.we-body-home .we-event-item{position:relative;min-height:58px!important;padding:10px 10px 10px 16px!important;border-bottom:1px solid rgba(75,151,202,.19)!important}body.we-body-home .we-event-item::before{content:"";position:absolute;left:3px;top:50%;width:5px;height:26px;border-radius:5px;background:#f0543f;transform:translateY(-50%);box-shadow:0 0 10px #f0543f}body.we-body-home .we-event-item:nth-child(2)::before{background:#4aaeff;box-shadow:0 0 10px #4aaeff}body.we-body-home .we-event-item:nth-child(3)::before{background:#ffd04a;box-shadow:0 0 10px #ffd04a}body.we-body-home .we-event-item:nth-child(4)::before{background:#56e177;box-shadow:0 0 10px #56e177}body.we-body-home .we-event-item:nth-child(5)::before{background:#bd73ff;box-shadow:0 0 10px #bd73ff}body.we-body-home .we-event-item:nth-child(6)::before{background:#ff8e45;box-shadow:0 0 10px #ff8e45}body.we-body-home .we-event-name{color:#fff!important;font-size:12px!important;font-weight:900!important}body.we-body-home .we-event-countdown{color:#84cfff!important;font-size:10px!important;font-weight:900!important}body.we-body-home .we-event-item .smalltext{color:#9fb3c5!important;font-size:9px!important} .fh-character-manage{display:grid;gap:15px;color:#fff}.fh-character-manage>header{display:grid;gap:5px;padding:19px;border:1px solid rgba(75,161,222,.35);border-radius:10px;background:linear-gradient(110deg,rgba(68,17,14,.48),rgba(6,24,43,.92))}.fh-character-manage h2{margin:0;font-size:23px}.fh-character-manage p{margin:0;color:#b7c8d7;line-height:1.5}.fh-character-manage form{display:grid;gap:9px}.fh-character-slot-row{overflow:hidden;border:1px solid rgba(82,153,202,.35);border-radius:8px;background:#091724}.fh-character-slot-head,.fh-character-slot-controls{display:grid;grid-template-columns:1fr 120px;gap:12px;align-items:center;padding:11px 14px}.fh-character-slot-head{border-bottom:1px solid rgba(85,157,207,.28);background:#142333}.fh-character-slot-head span,.fh-character-slot-controls span{color:#7ccaff;text-align:right}.fh-character-slot-controls select{height:43px;border:1px solid #356383;border-radius:6px;background:#0b1a29;color:#fff;padding:0 12px}.fh-character-manage-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:7px}.fh-character-manage-actions a{color:#81ccff!important}.fh-character-manage-actions button{min-width:180px;height:44px;border:1px solid #68bfff;border-radius:7px;background:linear-gradient(#2c78b7,#164772);color:#fff;font-weight:950;cursor:pointer} @media(max-width:700px){.fh-home-showcase{height:220px}.fh-home-showcase-slide{padding:18px}.fh-home-showcase-slide strong{font-size:21px}.fh-home-info-table>div,.fh-home-info-table.three>div{grid-template-columns:1fr}.fh-home-info-table .head{display:none}.fh-class-count-grid{grid-template-columns:1fr 1fr}.fh-character-slot-head,.fh-character-slot-controls{grid-template-columns:1fr}.fh-character-slot-head span,.fh-character-slot-controls span{text-align:left}.fh-character-manage-actions{align-items:stretch;flex-direction:column}.fh-character-manage-actions button{width:100%}} /* FinalHope v86: professional server guide, compact showcase and unified side rail */ body.we-body-home .we-home-account-grid{grid-template-columns:250px minmax(0,1fr) 250px!important;gap:10px!important} body.we-body-home .we-home-account-left,body.we-body-home .we-home-account-right{display:flex!important;flex-direction:column!important;gap:10px!important} body.we-body-home .we-home-account-card,body.we-body-home .fh-discord-community-card,body.we-body-home .fh-live-console,body.we-body-home .fh-right-action-stack,body.we-body-home .fh-classic-stats-widget,body.we-body-home .we-home-side-widget-events{margin:0!important} .fh-home-showcase-compact{height:190px!important;border:2px solid rgba(223,166,70,.72)!important;border-radius:4px!important;box-shadow:0 0 0 4px rgba(7,13,21,.9),0 18px 35px rgba(0,0,0,.4)!important} .fh-home-showcase-compact .fh-home-showcase-slide{padding:18px 20px 38px!important;background-size:cover!important;image-rendering:auto} .fh-home-showcase-compact .fh-home-showcase-slide strong{font-size:22px!important}.fh-home-showcase-compact .fh-home-showcase-slide small{font-size:9px!important}.fh-home-showcase-compact .fh-home-showcase-slide em{font-size:10px!important} .fh-showcase-facts{position:absolute;z-index:4;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);height:29px;border-top:1px solid rgba(120,190,235,.25);background:rgba(3,10,17,.91)} .fh-showcase-facts b{display:grid;place-items:center;border-right:1px solid rgba(255,255,255,.07);color:#d9edfa;font-size:8px;letter-spacing:.08em;text-transform:uppercase}.fh-showcase-facts b:nth-child(1){color:#70e59b}.fh-showcase-facts b:nth-child(2){color:#75cfff}.fh-showcase-facts b:nth-child(3){color:#c98bff}.fh-showcase-facts b:nth-child(4){color:#ffd068} .fh-home-showcase-compact .fh-home-showcase-dots{right:12px;bottom:36px!important} .fh-home-information{gap:20px!important;padding:20px!important;border-radius:5px!important;background:linear-gradient(145deg,rgba(31,11,14,.48),rgba(5,17,29,.985) 42%,rgba(4,12,21,.99))!important} .fh-home-information>header{padding:5px 4px 16px!important}.fh-home-information>header h2{font-size:24px!important}.fh-home-information>header p{font-size:12px!important} .fh-home-info-section{gap:10px!important;padding-top:4px;border-top:1px dashed rgba(99,157,197,.25)}.fh-home-info-section h3{padding-top:14px;font-size:18px!important} .fh-home-info-table>div{min-height:42px!important;font-size:11.5px!important}.fh-home-info-table .head{font-size:9px!important}.fh-home-info-table strong{color:#67e595!important} .fh-guide-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px}.fh-guide-cards article{display:grid;grid-template-columns:1fr auto;gap:6px 10px;padding:14px;border:1px solid rgba(84,155,204,.28);border-radius:7px;background:#081622}.fh-guide-cards h3{margin:0;color:#7cd2ff;font-size:15px}.fh-guide-cards p{grid-column:1/-1;margin:0;color:#aebfce;font-size:10.5px;line-height:1.5}.fh-guide-cards code,.fh-command-table code{padding:3px 6px;border-radius:4px;background:#10283a;color:#79d5ff;font-size:9px} .fh-command-table{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border:1px solid rgba(84,154,204,.3);border-radius:8px;background:#07131e}.fh-command-table span{display:grid;grid-template-columns:105px 1fr;align-items:center;gap:10px;min-height:38px;padding:7px 10px;border-right:1px solid rgba(93,154,196,.18);border-bottom:1px solid rgba(93,154,196,.18)}.fh-command-table b{color:#dbe9f3;font-size:10px} .fh-balance-grid{display:grid;grid-template-columns:minmax(130px,.7fr) 1fr;overflow:hidden;border:1px solid rgba(84,154,204,.3);border-radius:8px}.fh-balance-grid>*{min-height:38px;padding:9px 12px;border-bottom:1px solid rgba(93,154,196,.18);font-size:10.5px}.fh-balance-grid b{color:#74d1ff;background:#0c1b28}.fh-balance-grid span{color:#d9e4ed;background:#08141f} .fh-home-contact{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:15px;border:1px solid rgba(97,176,224,.3);border-radius:8px;background:#101e2b}.fh-home-contact strong{color:#7ed4ff;font-size:17px}.fh-home-contact span{color:#b9cad7;font-size:10.5px}.fh-home-contact a{color:#ffd16a!important;font-weight:900} body.we-body-home .fh-live-console{min-height:132px!important;padding:15px!important;border-radius:5px!important;background:radial-gradient(circle at 18% 50%,rgba(65,234,130,.17),transparent 32%),linear-gradient(135deg,#062c18,#03140f)!important} body.we-body-home .fh-live-console-copy{min-width:0;flex:1}.fh-live-console-copy>div{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:10px}.fh-live-console-copy>div strong{font-size:40px!important;line-height:.95!important}.fh-live-console-copy>div b{color:#6ff19a!important;font-size:20px!important}.fh-live-console-copy em{display:block;margin-top:5px;color:#83a995;font-size:8px;font-style:normal;text-transform:uppercase} body.we-body-home .fh-classic-stats-panel,body.we-body-home .we-events-panel{border-radius:5px!important;border-color:rgba(75,157,216,.55)!important;background:linear-gradient(145deg,rgba(28,10,15,.48),rgba(4,17,31,.99) 38%,rgba(3,11,20,.99))!important} body.we-body-home .fh-classic-stats-rows>div{min-height:38px!important;padding:8px 3px!important}body.we-body-home .fh-classic-stats-rows span{color:#eef4f9!important;font-size:10.5px!important}body.we-body-home .fh-classic-stats-rows strong{font-size:11px!important}body.we-body-home .fh-classic-stats-rows>div:nth-child(2) strong,body.we-body-home .fh-classic-stats-rows>div:nth-child(4) strong{color:#ffd063!important}body.we-body-home .fh-classic-stats-rows>div:nth-child(3) strong,body.we-body-home .fh-classic-stats-rows>div:nth-child(5) strong{color:#79ceff!important} .fh-ranking-type-tabs .rankings_menu a{grid-template-columns:auto 1fr!important;gap:7px!important}.fh-ranking-type-tabs .rankings_menu a i{display:grid;width:20px;height:20px;place-items:center;border-radius:50%;background:rgba(101,188,235,.1);color:#75d2ff;font-style:normal;font-size:11px}.fh-ranking-type-tabs .rankings_menu a.fh-rank-menu-topking i{color:#ffd05e}.fh-ranking-type-tabs .rankings_menu a.fh-rank-menu-guilds i{color:#f17663}.fh-ranking-type-tabs .rankings_menu a.fh-rank-menu-quest i{color:#bd82ff}.fh-ranking-type-tabs .rankings_menu a.fh-rank-menu-lorencia i{color:#65e892} @media(max-width:920px){.fh-guide-cards{grid-template-columns:1fr}.fh-command-table{grid-template-columns:1fr}.fh-showcase-facts{grid-template-columns:1fr 1fr;height:46px}.fh-home-showcase-compact .fh-home-showcase-slide{padding-bottom:55px!important}.fh-home-showcase-compact .fh-home-showcase-dots{bottom:53px!important}} @media(max-width:700px){.fh-home-showcase-compact{height:175px!important}.fh-showcase-facts{display:none}.fh-home-showcase-compact .fh-home-showcase-slide{padding-bottom:18px!important}.fh-home-showcase-compact .fh-home-showcase-dots{bottom:12px!important}.fh-home-contact{grid-template-columns:1fr}.fh-class-count-grid{grid-template-columns:1fr!important}} /* v87 compact right rail, clean ranking names, and centered animated banners. */ body.we-body-home .we-home-account-right{gap:0!important;align-content:start!important} body.we-body-home .we-home-account-right>.fh-live-command, body.we-body-home .we-home-account-right>.fh-right-action-stack, body.we-body-home .we-home-account-right>.we-home-side-widget{margin:0!important;border-radius:0!important} body.we-body-home .we-home-account-right>:first-child{border-radius:10px 10px 0 0!important} body.we-body-home .we-home-account-right>:last-child{border-radius:0 0 10px 10px!important} .fh-live-command{position:relative;display:grid;gap:7px;min-height:140px;padding:15px 16px;overflow:hidden;border:1px solid rgba(69,232,131,.46);background:radial-gradient(circle at 76% 35%,rgba(66,235,137,.17),transparent 33%),linear-gradient(145deg,#041912,#061126 72%);box-shadow:inset 0 1px rgba(134,255,188,.08),0 14px 30px rgba(0,0,0,.32);color:#fff} .fh-live-command:after{content:"";position:absolute;width:150px;height:150px;right:-62px;top:-72px;border:1px solid rgba(85,248,150,.13);border-radius:50%;box-shadow:0 0 0 22px rgba(85,248,150,.035),0 0 0 44px rgba(85,248,150,.02)} .fh-live-command header,.fh-live-command footer{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;color:#9dc4b1;font-size:8px;font-weight:900;letter-spacing:.09em;text-transform:uppercase} .fh-live-command header i{display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%;background:#5cf58b;box-shadow:0 0 12px #5cf58b} .fh-live-command header b{color:#69eca0} .fh-live-command-count{position:relative;z-index:1;display:flex;align-items:center;gap:12px} .fh-live-command-count strong{color:#fff;font-size:52px;font-weight:950;line-height:.9;text-shadow:0 0 22px rgba(84,245,143,.28)} .fh-live-command-count span{color:#78f1a2;font-size:14px;font-weight:950;line-height:1;text-transform:uppercase} .fh-live-command footer{padding-top:7px;border-top:1px solid rgba(105,239,159,.13)} .fh-live-command footer b{color:#d9eee2} body.we-body-home .fh-right-action-stack{gap:0!important;border:1px solid rgba(67,126,183,.32)!important;border-top:0!important;background:#06101d!important} body.we-body-home .fh-emblem-action{border:0!important;border-bottom:1px solid rgba(91,149,201,.17)!important;border-radius:0!important;box-shadow:none!important} body.we-body-home .fh-classic-stats-widget,body.we-body-home .we-events-panel{border-top:0!important} .fh-home-showcase-compact{height:190px!important} .fh-home-showcase-compact .fh-home-showcase-slide{align-items:center!important;justify-content:center!important;padding:18px!important;background-position:center!important} .fh-home-showcase-compact .fh-home-showcase-slide:before{background:linear-gradient(90deg,rgba(2,6,13,.5),rgba(4,8,17,.05) 30%,rgba(4,8,17,.05) 70%,rgba(2,6,13,.5)),linear-gradient(0deg,rgba(2,6,13,.4),transparent 60%)!important} .fh-home-showcase-compact .fh-home-showcase-slide span{display:block!important;max-width:none!important;text-align:center!important} .fh-home-showcase-compact .fh-home-showcase-slide strong{padding:10px 18px;color:#fff!important;font-size:25px!important;letter-spacing:.16em!important;text-shadow:0 4px 18px #000,0 0 22px rgba(93,184,255,.32)!important} .fh-home-showcase-compact .fh-home-showcase-dots{right:12px!important;bottom:11px!important} .fh-home-information{gap:0!important} .fh-home-information>header{padding:16px 18px!important;margin:0!important} .fh-home-info-section{margin:0!important;padding:13px 15px!important;border-top:0!important;border-radius:0!important} .fh-home-info-section h3{margin:0 0 8px!important} .fh-home-info-section p{margin:4px 0 8px!important} .fh-home-info-table>div,.fh-home-info-table.three>div{min-height:30px!important;padding:6px 9px!important} .fh-guide-cards{gap:0!important;margin:0!important} .fh-guide-cards article{min-height:0!important;padding:12px!important;border-radius:0!important} .fh-command-table{gap:4px!important}.fh-command-table span{padding:7px 9px!important} .fh-home-premium{margin:0!important;padding:13px 15px!important;border-radius:0!important} .fh-home-contact{margin:0!important;border-radius:0!important} .fh-modern-ranking-table .fh-ranking-player{display:flex!important;align-items:center!important;gap:9px!important;min-width:150px!important} .fh-modern-ranking-table .fh-ranking-player>span{display:block!important;min-width:70px!important;opacity:1!important;visibility:visible!important} .fh-modern-ranking-table .fh-ranking-player a{display:inline-block!important;color:#fff!important;opacity:1!important;visibility:visible!important;font-weight:900!important;text-shadow:0 0 10px rgba(93,192,255,.22)!important} .fh-ranking-type-tabs .rankings_menu a,.fh-ranking-type-tabs .rankings_menu a.active{min-width:132px!important;grid-template-columns:22px 1fr!important;background:linear-gradient(#0c131d,#090f17)!important;color:#dce7f1!important;box-shadow:none!important} .fh-ranking-type-tabs .rankings_menu a.active{border-color:#58c9f2!important;color:#fff!important;box-shadow:0 0 18px rgba(70,188,239,.16)!important} .fh-ranking-type-tabs .rankings_menu a.fh-rank-menu-killers i{color:#ff705c!important;background:rgba(255,84,66,.1)!important} .fh-rank-kills{color:#ff765e!important;font-weight:900!important}.fh-rank-deaths{color:#8dcfff!important;font-weight:900!important} /* v87.2 - static lightweight four-scene showcase and clearer event rail. */ .fh-home-showcase-compact{ border:1px solid rgba(216,158,65,.76)!important; background:#030914!important; box-shadow:none!important; } .fh-home-showcase-compact .fh-home-showcase-slide{ transform:none!important; transition:opacity .45s ease!important; background-position:center!important; } .fh-home-showcase-compact .fh-home-showcase-slide::before{ display:none!important; background:none!important; } .fh-home-showcase-compact .fh-home-showcase-slide strong{ max-width:94%!important; padding:0!important; font-family:Orbitron,"Segoe UI",sans-serif!important; font-size:clamp(20px,2.05vw,31px)!important; font-weight:950!important; letter-spacing:.16em!important; line-height:1.08!important; text-transform:uppercase!important; text-shadow:0 2px 3px rgba(0,0,0,.9),0 0 7px currentColor,0 0 20px currentColor!important; } .fh-home-showcase-compact .fh-slide-pvp strong{color:#fff3df!important} .fh-home-showcase-compact .fh-slide-sockets strong{color:#d69cff!important} .fh-home-showcase-compact .fh-slide-community strong{color:#7ff5c4!important} .fh-home-showcase-compact .fh-slide-staff strong{color:#80d5ff!important} .fh-home-showcase-compact .fh-home-showcase-dots button{width:16px!important;height:3px!important;background:rgba(255,255,255,.34)!important} .fh-home-showcase-compact .fh-home-showcase-dots button.is-active{width:30px!important;background:#73d6ff!important;box-shadow:0 0 12px #53b9ff!important} body.we-body-home .we-home-account-right{gap:0!important} body.we-body-home .we-home-account-right .we-events-panel{border-radius:0 0 8px 8px!important} body.we-body-home .we-events-list{max-height:540px!important;overflow-y:auto!important;scrollbar-width:thin!important;scrollbar-color:#3577ad #06111e!important} body.we-body-home .we-event-item{display:grid!important;grid-template-columns:1fr auto!important;align-items:center!important;min-height:48px!important;padding:8px 10px 8px 16px!important} body.we-body-home .we-event-name{overflow:visible!important;text-overflow:clip!important;white-space:normal!important;font-size:11.5px!important;line-height:1.15!important} body.we-body-home .we-event-time{min-width:84px!important;flex-basis:84px!important} body.we-body-home .we-event-countdown{font-size:9px!important;white-space:nowrap!important} body.we-body-home .we-event-item:nth-child(7) .we-event-name{color:#ff6654!important;text-shadow:0 0 10px rgba(255,76,55,.32)!important} .fh-modern-ranking-table .fh-ranking-player a,.fh-modern-ranking-table td a{color:#fff!important;opacity:1!important;visibility:visible!important} /* v87.1 - seamless right rail and denser guide panels. */ body.we-body-home .we-home-account-right>*{width:100%!important;margin:0!important;transform:none!important} body.we-body-home .we-home-account-right .fh-live-command, body.we-body-home .we-home-account-right .fh-right-action-stack, body.we-body-home .we-home-account-right .we-home-side-widget, body.we-body-home .we-home-account-right .fh-classic-stats-panel, body.we-body-home .we-home-account-right .panel{border-radius:0!important} /* v87.5 - right rail order: live count, market carousel, paired actions, stats, events. */ body.we-body-home .we-home-account-right>.mk-home-carousel-wrap{ margin:0!important; padding:10px 9px!important; border:1px solid rgba(66,138,201,.38)!important; border-top:0!important; background:linear-gradient(145deg,rgba(8,21,35,.98),rgba(4,13,24,.99))!important; } body.we-body-home .we-home-account-right>.mk-home-carousel-wrap .mk-home-carousel-head{margin-bottom:8px!important} body.we-body-home .we-home-account-right>.mk-home-carousel-wrap .mk-home-carousel-head h2{color:#fff!important;font-size:15px!important} body.we-body-home .we-home-account-right>.mk-home-carousel-wrap .mk-home-carousel-more{color:#a98aff!important;font-size:10px!important} body.we-body-home .fh-emblem-actions-paired{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:8px!important; padding:0!important; border:0!important; border-top:0!important; background:transparent!important; } body.we-body-home .fh-emblem-actions-paired .fh-emblem-action{ position:relative!important; grid-template-columns:1fr!important; gap:10px!important; min-height:132px!important; padding:16px 8px 14px!important; border:1px solid rgba(255,255,255,.12)!important; border-radius:14px!important; justify-items:center!important; text-align:center!important; isolation:isolate!important; box-shadow:inset 0 1px rgba(255,255,255,.09),0 12px 28px rgba(0,0,0,.34)!important; } body.we-body-home .fh-emblem-actions-paired .fh-emblem-action::before{content:""!important;position:absolute!important;z-index:-1!important;width:100px!important;height:100px!important;right:-50px!important;bottom:-55px!important;border:1px solid currentColor!important;border-radius:50%!important;opacity:.13!important;box-shadow:0 0 0 18px currentColor!important} body.we-body-home .fh-emblem-actions-paired .fh-emblem-shop{color:#ff5b4f!important;background:radial-gradient(circle at 50% 18%,rgba(255,77,63,.24),transparent 42%),linear-gradient(145deg,rgba(40,13,20,.99),rgba(7,17,29,.99))!important} body.we-body-home .fh-emblem-actions-paired .fh-emblem-vote{color:#9f8cff!important;background:radial-gradient(circle at 50% 18%,rgba(126,103,255,.2),transparent 42%),linear-gradient(145deg,rgba(25,19,44,.98),rgba(6,18,31,.99))!important} body.we-body-home .fh-emblem-actions-paired .fh-emblem-action:hover{transform:translateY(-3px)!important;border-color:currentColor!important;box-shadow:inset 0 1px rgba(255,255,255,.12),0 16px 34px rgba(0,0,0,.4),0 0 24px color-mix(in srgb,currentColor 22%,transparent)!important} body.we-body-home .fh-emblem-actions-paired .fh-action-emblem{width:58px!important;height:58px!important;padding:0!important;border:1px solid currentColor!important;border-radius:18px!important;background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.025))!important;box-shadow:inset 0 1px rgba(255,255,255,.15),0 9px 22px rgba(0,0,0,.28),0 0 18px color-mix(in srgb,currentColor 24%,transparent)!important} body.we-body-home .fh-emblem-actions-paired .fh-action-emblem::after{display:none!important} body.we-body-home .fh-emblem-actions-paired .fh-action-emblem svg{display:block!important;width:36px!important;height:36px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important;filter:drop-shadow(0 0 7px currentColor)!important} body.we-body-home .fh-emblem-actions-paired .fh-action-copy{gap:3px!important;justify-items:center!important} body.we-body-home .fh-emblem-actions-paired .fh-action-copy strong{margin:0!important;color:#fff!important;font-size:13px!important;line-height:1.12!important;text-shadow:0 2px 10px #000!important} body.we-body-home .fh-emblem-actions-paired .fh-action-copy small{display:block!important;color:currentColor!important;font-size:6.5px!important;line-height:1.15!important;letter-spacing:.11em!important} body.we-body-home .fh-emblem-actions-paired .fh-action-copy em{display:none!important} body.we-body-home .fh-emblem-actions-paired .fh-action-arrow{display:grid!important;position:absolute!important;right:8px!important;top:8px!important;width:22px!important;height:22px!important;place-items:center!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:50%!important;background:rgba(255,255,255,.055)!important;color:#fff!important;font-size:16px!important;line-height:1!important} /* v87.8 - premium homepage action artwork and glowing labels. */ body.we-body-home .fh-emblem-actions-paired .fh-action-emblem{ position:relative!important; overflow:visible!important; } body.we-body-home .fh-emblem-actions-paired .fh-action-emblem::before{ content:""!important; position:absolute!important; inset:6px!important; border-radius:13px!important; background:radial-gradient(circle,rgba(255,255,255,.15),transparent 66%)!important; filter:blur(2px)!important; } body.we-body-home .fh-emblem-actions-paired .fh-premium-action-icon{ position:relative!important; z-index:1!important; width:44px!important; height:44px!important; overflow:visible!important; fill:none!important; stroke:none!important; filter:drop-shadow(0 5px 6px rgba(0,0,0,.55))!important; transition:transform .22s ease,filter .22s ease!important; } body.we-body-home .fh-emblem-actions-paired .fh-emblem-action:hover .fh-premium-action-icon{ transform:translateY(-2px) scale(1.06)!important; } body.we-body-home .fh-emblem-actions-paired .fh-premium-action-icon .fh-icon-shadow{ fill:#02060b!important; stroke:none!important; opacity:.66!important; } body.we-body-home .fh-emblem-actions-paired .fh-premium-shop-icon .fh-icon-shell{ fill:url(#fhShopBag)!important; stroke:#ffc7a0!important; stroke-width:1.5!important; } body.we-body-home .fh-emblem-actions-paired .fh-premium-shop-icon .fh-icon-handle, body.we-body-home .fh-emblem-actions-paired .fh-premium-shop-icon .fh-icon-rim{ fill:none!important; stroke:#fff0dc!important; stroke-width:2.7!important; stroke-linecap:round!important; stroke-linejoin:round!important; } body.we-body-home .fh-emblem-actions-paired .fh-premium-shop-icon .fh-icon-rim{ stroke:#ffcf9e!important; stroke-width:1.4!important; opacity:.82!important; } body.we-body-home .fh-emblem-actions-paired .fh-premium-shop-icon .fh-icon-gem{ fill:url(#fhShopGem)!important; stroke:#fff2b5!important; stroke-width:1.35!important; } body.we-body-home .fh-emblem-actions-paired .fh-premium-shop-icon .fh-icon-gem-line{ fill:none!important; stroke:#fff7d8!important; stroke-width:1!important; opacity:.72!important; } body.we-body-home .fh-emblem-actions-paired .fh-premium-vote-icon .fh-icon-shell{ fill:url(#fhVoteCup)!important; stroke:#ffe89a!important; stroke-width:1.5!important; } body.we-body-home .fh-emblem-actions-paired .fh-premium-vote-icon .fh-icon-wings, body.we-body-home .fh-emblem-actions-paired .fh-premium-vote-icon .fh-icon-base{ fill:none!important; stroke:#d7beff!important; stroke-width:2.25!important; stroke-linecap:round!important; stroke-linejoin:round!important; } body.we-body-home .fh-emblem-actions-paired .fh-premium-vote-icon .fh-icon-star{ fill:url(#fhVoteStar)!important; stroke:#fff5ba!important; stroke-width:1.25!important; } body.we-body-home .fh-emblem-actions-paired .fh-premium-action-icon .fh-icon-glint{ fill:none!important; stroke:#fff!important; stroke-width:1.5!important; stroke-linecap:round!important; opacity:.9!important; } body.we-body-home .fh-emblem-actions-paired .fh-emblem-shop .fh-premium-action-icon{ filter:drop-shadow(0 0 7px rgba(255,61,50,.75)) drop-shadow(0 5px 6px rgba(0,0,0,.55))!important; } body.we-body-home .fh-emblem-actions-paired .fh-emblem-vote .fh-premium-action-icon{ filter:drop-shadow(0 0 7px rgba(159,125,255,.62)) drop-shadow(0 5px 6px rgba(0,0,0,.55))!important; } body.we-body-home .fh-emblem-actions-paired .fh-emblem-shop .fh-action-copy strong{ color:#ff5a50!important; font-size:14px!important; letter-spacing:.015em!important; text-shadow:0 0 4px rgba(255,65,55,1),0 0 11px rgba(255,44,36,.9),0 0 22px rgba(255,31,24,.6),0 2px 9px #000!important; } body.we-body-home .fh-emblem-actions-paired .fh-emblem-vote .fh-action-copy strong{ color:#ffd76a!important; text-shadow:0 0 7px rgba(150,110,255,.62),0 2px 9px #000!important; } @media (prefers-reduced-motion:reduce){ body.we-body-home .fh-emblem-actions-paired .fh-premium-action-icon{transition:none!important} body.we-body-home .fh-emblem-actions-paired .fh-emblem-action:hover .fh-premium-action-icon{transform:none!important} } .fh-live-command{min-height:122px!important;grid-template-columns:1fr auto!important;grid-template-areas:"head head" "count count" "foot foot"!important;padding:13px 15px!important;background:radial-gradient(circle at 78% 48%,rgba(65,239,137,.2),transparent 31%),linear-gradient(145deg,#031b12,#071523 65%,#061126)!important} .fh-live-command header{grid-area:head}.fh-live-command-count{grid-area:count;justify-content:center!important}.fh-live-command footer{grid-area:foot}.fh-live-command-count strong{font-size:48px!important}.fh-live-command-count span{font-size:12px!important} .fh-home-information{padding:0!important}.fh-home-information>header{padding:13px 15px 10px!important}.fh-home-information>header h2{font-size:21px!important}.fh-home-information>header p{margin:2px 0 0!important} .fh-home-info-section{padding:9px 12px!important}.fh-home-info-section h3{font-size:15px!important}.fh-home-info-table>div,.fh-home-info-table.three>div{min-height:27px!important;padding:5px 8px!important;font-size:10px!important} .fh-guide-cards article{padding:9px 11px!important}.fh-guide-cards h3{font-size:13px!important}.fh-guide-cards p{font-size:9.5px!important;line-height:1.35!important}.fh-command-table span{min-height:31px!important;padding:5px 8px!important}.fh-home-premium,.fh-home-contact{padding:10px 12px!important} .fh-ranking-type-tabs .rankings_menu a[class*="fh-rank-menu-"]{border-color:rgba(91,151,199,.35)!important;background:linear-gradient(180deg,#0c151f,#07101a)!important;color:#e9f1f7!important}.fh-ranking-type-tabs .rankings_menu a[class*="fh-rank-menu-"].active{border-color:#67cff4!important;background:linear-gradient(180deg,#123248,#091923)!important;color:#fff!important} .fh-modern-ranking-table td,.fh-modern-ranking-table td *{opacity:1!important;visibility:visible!important}.fh-modern-ranking-table .fh-ranking-player a:empty:before{content:attr(data-character);color:#fff} /* v87.3 - quick interaction and readability fixes. */ .fh-home-showcase-compact .fh-home-showcase-slide{ pointer-events:none!important; cursor:default!important; } .fh-ranking-type-tabs .rankings_menu a span{ display:inline-block!important; width:auto!important; padding:0!important; color:inherit!important; font-size:inherit!important; font-weight:950!important; line-height:1.1!important; opacity:1!important; visibility:visible!important; } body.we-body-home .we-events-panel .panel-heading{ position:relative!important; min-height:46px!important; padding:13px 48px 11px 13px!important; background:linear-gradient(90deg,rgba(105,37,23,.32),rgba(13,37,62,.72))!important; } body.we-body-home .we-events-panel .panel-heading::after{ content:"\1F4C5"!important; position:absolute!important; right:14px!important; top:50%!important; transform:translateY(-50%)!important; color:#ffd34e!important; font-size:24px!important; filter:drop-shadow(0 0 7px rgba(255,199,48,.5))!important; } body.we-body-home .we-events-panel .panel-title{ color:#ffd34e!important; font-size:14px!important; font-weight:950!important; letter-spacing:.04em!important; text-transform:uppercase!important; } body.we-body-home .we-events-panel .panel-body{ padding:7px 8px 9px!important; background:linear-gradient(155deg,rgba(51,16,20,.55),rgba(6,18,31,.98))!important; } body.we-body-home .we-events-list{ display:grid!important; gap:5px!important; max-height:530px!important; padding:0!important; } body.we-body-home .we-event-item{ display:block!important; min-height:45px!important; padding:6px 9px!important; border:1px solid rgba(124,137,154,.19)!important; border-radius:0!important; background:rgba(6,10,17,.24)!important; text-align:center!important; } body.we-body-home .we-event-item::before, body.we-body-home .we-event-item::after{display:none!important} body.we-body-home .we-event-info, body.we-body-home .we-event-time{ display:block!important; min-width:0!important; text-align:center!important; } body.we-body-home .we-event-name{ display:block!important; color:#fff!important; font-size:11.5px!important; font-weight:900!important; line-height:1.15!important; } body.we-body-home .we-event-info .smalltext, body.we-body-home .we-event-countdown{display:none!important} body.we-body-home .we-event-time .smalltext{ display:block!important; color:#64c7ff!important; font-size:9px!important; font-weight:800!important; line-height:1.15!important; } body.we-body-home .we-event-time .smalltext::before{content:"Start In "!important} body.we-body-home .we-event-item:nth-child(1) .we-event-name, body.we-body-home .we-event-item:nth-child(8) .we-event-name, body.we-body-home .we-event-item:nth-child(10) .we-event-name{ color:#ff553f!important; text-shadow:0 0 10px rgba(255,70,45,.35)!important; } body.we-body-home .we-event-item:nth-child(2) .we-event-name{ color:#7ce9f2!important; text-shadow:0 0 10px rgba(83,221,240,.3)!important; } /* ================================================================ FinalHope v88 - unified ranking navigation and public banned list ================================================================ */ html body .fh-inline-module-host .fh-rankings-window .fh-ranking-type-tabs .rankings_menu, html body .fh-server-inline-module .fh-rankings-window .fh-ranking-type-tabs .rankings_menu{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; align-items:stretch!important; justify-content:stretch!important; gap:8px!important; width:100%!important; margin:0 0 13px!important; padding:10px!important; overflow:visible!important; border:1px solid rgba(184,132,47,.22)!important; border-radius:13px!important; background:linear-gradient(180deg,rgba(12,21,31,.98),rgba(5,12,19,.98))!important; box-shadow:inset 0 1px rgba(255,255,255,.025),0 10px 22px rgba(0,0,0,.2)!important; } html body .fh-inline-module-host .fh-rankings-window .fh-ranking-type-tabs .rankings_menu>a, html body .fh-server-inline-module .fh-rankings-window .fh-ranking-type-tabs .rankings_menu>a{ --fh-tab:#dda93e; --fh-tab-rgb:221,169,62; position:relative!important; display:grid!important; grid-template-columns:36px minmax(0,1fr)!important; align-items:center!important; justify-content:start!important; gap:10px!important; width:100%!important; min-width:0!important; min-height:50px!important; height:auto!important; margin:0!important; padding:7px 12px!important; overflow:hidden!important; border:1px solid rgba(var(--fh-tab-rgb),.34)!important; border-radius:10px!important; background:radial-gradient(circle at 13% 50%,rgba(var(--fh-tab-rgb),.12),transparent 38%),linear-gradient(180deg,#111f2b,#08131d)!important; color:#dce7ef!important; box-shadow:inset 0 1px rgba(255,255,255,.04),0 4px 11px rgba(0,0,0,.2)!important; transform:none!important; transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease!important; } html body .fh-inline-module-host .fh-rankings-window .fh-ranking-type-tabs .rankings_menu>a:hover, html body .fh-inline-module-host .fh-rankings-window .fh-ranking-type-tabs .rankings_menu>a.active, html body .fh-server-inline-module .fh-rankings-window .fh-ranking-type-tabs .rankings_menu>a:hover, html body .fh-server-inline-module .fh-rankings-window .fh-ranking-type-tabs .rankings_menu>a.active{ border-color:rgba(var(--fh-tab-rgb),.92)!important; background:radial-gradient(circle at 13% 50%,rgba(var(--fh-tab-rgb),.3),transparent 43%),linear-gradient(180deg,#172837,#091620)!important; color:#fff!important; box-shadow:0 0 18px rgba(var(--fh-tab-rgb),.22),inset 0 0 15px rgba(var(--fh-tab-rgb),.06)!important; transform:translateY(-1px)!important; } html body .fh-rankings-window .rankings_menu>a>i{ position:relative!important; display:grid!important; width:34px!important; height:34px!important; min-width:34px!important; place-items:center!important; margin:0!important; border:1px solid rgba(var(--fh-tab-rgb),.88)!important; border-radius:50%!important; background:radial-gradient(circle at 34% 24%,rgba(255,255,255,.88),rgb(var(--fh-tab-rgb)) 29%,rgba(var(--fh-tab-rgb),.5) 57%,#071018 76%)!important; color:#09121a!important; font-size:15px!important; font-style:normal!important; line-height:1!important; text-shadow:0 1px rgba(255,255,255,.45)!important; filter:drop-shadow(0 0 7px rgba(var(--fh-tab-rgb),.38))!important; } html body .fh-rankings-window .rankings_menu>a:nth-child(2)>i{border-radius:9px 9px 14px 14px!important} html body .fh-rankings-window .rankings_menu>a:nth-child(3)>i{border-radius:7px 50%!important} html body .fh-rankings-window .rankings_menu>a:nth-child(4)>i{border-radius:6px!important} html body .fh-rankings-window .rankings_menu>a:nth-child(5)>i{border-radius:50% 8px!important} html body .fh-rankings-window .rankings_menu>a:nth-child(6)>i{border-radius:10px 3px!important} html body .fh-rankings-window .rankings_menu>a:nth-child(7)>i{border-radius:3px 12px 3px 12px!important} html body .fh-rankings-window .rankings_menu>a:nth-child(8)>i{border-radius:50% 50% 8px 8px!important} html body .fh-rankings-window .rankings_menu>a:nth-child(9)>i{border-radius:8px 50% 8px 50%!important} html body .fh-rankings-window .rankings_menu>a:nth-child(10)>i{border-radius:5px 13px!important} html body .fh-rankings-window .rankings_menu>a:nth-child(11)>i{border-radius:10px!important} html body .fh-rankings-window .rankings_menu>a>i>small{ position:absolute!important; right:-4px!important; bottom:-3px!important; display:grid!important; width:15px!important; height:15px!important; place-items:center!important; border:1px solid rgba(var(--fh-tab-rgb),.9)!important; border-radius:50%!important; background:#0b1016!important; color:rgb(var(--fh-tab-rgb))!important; font-size:6px!important; font-weight:950!important; line-height:1!important; } html body .fh-rankings-window .rankings_menu>a>span{ display:block!important; min-width:0!important; width:auto!important; padding:0!important; overflow:hidden!important; color:inherit!important; font-size:9px!important; font-weight:950!important; letter-spacing:.025em!important; line-height:1.15!important; text-align:left!important; text-overflow:ellipsis!important; text-transform:uppercase!important; white-space:nowrap!important; } html body .fh-rankings-window .rankings_menu>a.fh-rank-menu-gold{--fh-tab:#f6c64f!important;--fh-tab-rgb:246,198,79!important} html body .fh-rankings-window .rankings_menu>a.fh-rank-menu-red{--fh-tab:#ff625c!important;--fh-tab-rgb:255,98,92!important} html body .fh-rankings-window .rankings_menu>a.fh-rank-menu-orange{--fh-tab:#f39a42!important;--fh-tab-rgb:243,154,66!important} html body .fh-rankings-window .rankings_menu>a.fh-rank-menu-crimson{--fh-tab:#ef4767!important;--fh-tab-rgb:239,71,103!important} html body .fh-rankings-window .rankings_menu>a.fh-rank-menu-purple{--fh-tab:#b87cff!important;--fh-tab-rgb:184,124,255!important} html body .fh-rankings-window .rankings_menu>a.fh-rank-menu-cyan{--fh-tab:#52d6ff!important;--fh-tab-rgb:82,214,255!important} html body .fh-rankings-window .rankings_menu>a.fh-rank-menu-teal{--fh-tab:#4de0bd!important;--fh-tab-rgb:77,224,189!important} html body .fh-rankings-window .rankings_menu>a.fh-rank-menu-amber{--fh-tab:#ffb84b!important;--fh-tab-rgb:255,184,75!important} html body .fh-rankings-window .rankings_menu>a.fh-rank-menu-green{--fh-tab:#66df8d!important;--fh-tab-rgb:102,223,141!important} html body .fh-rankings-window .rankings_menu>a.fh-rank-menu-blue{--fh-tab:#5ca9ff!important;--fh-tab-rgb:92,169,255!important} html body .fh-rankings-window .rankings_menu>a.fh-rank-menu-steel{--fh-tab:#b7c4d1!important;--fh-tab-rgb:183,196,209!important} html body .fh-inline-module-host .fh-rankings-window .fh-ranking-type-tabs .rankings_menu>a.fh-rank-menu-killers>i, html body .fh-server-inline-module .fh-rankings-window .fh-ranking-type-tabs .rankings_menu>a.fh-rank-menu-killers>i{ background:radial-gradient(circle at 34% 24%,rgba(255,255,255,.88),rgb(var(--fh-tab-rgb)) 29%,rgba(var(--fh-tab-rgb),.5) 57%,#071018 76%)!important; } html body .fh-rankings-window{ border-color:rgba(93,144,184,.32)!important; border-radius:9px!important; background:linear-gradient(180deg,rgba(9,22,34,.98),rgba(5,14,22,.98))!important; } html body .fh-rankings-window .fh-ranking-story{ min-height:72px!important; margin:0 0 12px!important; padding:14px 16px!important; border:1px solid rgba(78,126,162,.35)!important; border-left:3px solid rgba(221,165,69,.9)!important; border-radius:7px!important; background:linear-gradient(110deg,rgba(39,24,21,.76),rgba(8,21,32,.94))!important; } html body .fh-rankings-window .fh-ranking-table-shell{ border:1px solid rgba(66,111,147,.32)!important; border-radius:8px!important; background:#07131d!important; } /* Public banned-player page */ .fh-banned-page{overflow:hidden;border:1px solid rgba(230,75,67,.34);border-radius:13px;background:linear-gradient(180deg,rgba(28,14,18,.94),rgba(8,15,23,.98));box-shadow:0 15px 34px rgba(0,0,0,.28)} .fh-banned-hero{position:relative;display:grid;min-height:154px;place-items:center;padding:30px 20px;border-bottom:1px solid rgba(239,83,72,.32);background:radial-gradient(circle at 50% 42%,rgba(239,73,59,.14),transparent 48%),linear-gradient(135deg,rgba(73,22,21,.36),rgba(16,17,25,.92));text-align:center;overflow:hidden} .fh-banned-hero:after{content:"";position:absolute;left:50%;top:50%;width:410px;height:2px;background:linear-gradient(90deg,transparent,#ff6a59,transparent);transform:translate(-50%,-24px);filter:blur(.3px);opacity:.72} .fh-banned-hero h2{position:relative;z-index:1;margin:0;color:#ff6859;font-size:31px;font-weight:950;letter-spacing:.15em;text-transform:uppercase;text-shadow:0 0 16px rgba(255,72,56,.38)} html body .fh-inline-module-host .fh-banned-page .fh-banned-hero h2, html body .fh-server-inline-module .fh-banned-page .fh-banned-hero h2{color:#ff6859!important;text-shadow:0 0 8px rgba(255,72,56,.72),0 0 22px rgba(255,72,56,.35)!important} .fh-banned-hero p{position:relative;z-index:1;margin:7px 0 0;color:#eab0ab;font-size:11px;letter-spacing:.22em;text-transform:uppercase} .fh-banned-panel{margin:28px 0 0;border-top:1px solid rgba(239,84,73,.35);background:rgba(7,15,23,.84)} .fh-banned-panel>header{padding:17px 24px;border-bottom:1px solid rgba(239,84,73,.32);color:#ff5f50;font-size:12px;font-weight:950;letter-spacing:.12em;text-transform:uppercase} .fh-banned-scroll{overflow-x:auto} .fh-banned-table{width:100%;min-width:650px;border-collapse:collapse;table-layout:fixed} .fh-banned-table th,.fh-banned-table td{padding:16px 20px;border-bottom:1px solid rgba(179,77,69,.24);text-align:left;vertical-align:middle} .fh-banned-table th{background:#08111a;color:#daa9a4;font-size:9px;letter-spacing:.08em;text-transform:uppercase} .fh-banned-table td{color:#e7d9d6;font-size:10px} .fh-banned-table tbody tr:nth-child(odd){background:rgba(255,255,255,.018)} .fh-banned-table tbody tr:hover{background:rgba(225,77,68,.055)} .fh-banned-table th:nth-child(1),.fh-banned-table td:nth-child(1){width:58px;color:#ff6254;font-weight:950} .fh-banned-table th:nth-child(2){width:24%} .fh-banned-table th:nth-child(3){width:20%} .fh-banned-table th:nth-child(4){width:24%} .fh-banned-type{color:#ff5d50;font-weight:950} .fh-banned-expiry{color:#ffc1b9;font-variant-numeric:tabular-nums} .fh-banned-empty{padding:34px 20px;color:#a99592;text-align:center} .fh-banned-note{margin:0;padding:12px 20px;color:#917f7e;font-size:8px;text-align:right} @media(max-width:720px){ html body .fh-inline-module-host .fh-rankings-window .fh-ranking-type-tabs .rankings_menu, html body .fh-server-inline-module .fh-rankings-window .fh-ranking-type-tabs .rankings_menu{grid-template-columns:repeat(2,minmax(0,1fr))!important} .fh-banned-hero h2{font-size:23px}.fh-banned-hero p{font-size:9px} } @media(max-width:460px){ html body .fh-inline-module-host .fh-rankings-window .fh-ranking-type-tabs .rankings_menu, html body .fh-server-inline-module .fh-rankings-window .fh-ranking-type-tabs .rankings_menu{grid-template-columns:1fr!important} } /* v88.3 - compact ranking symbols: no oversized bubbles or number dots */ html body .fh-inline-module-host .fh-rankings-window .fh-ranking-type-tabs .rankings_menu>a, html body .fh-server-inline-module .fh-rankings-window .fh-ranking-type-tabs .rankings_menu>a{ grid-template-columns:24px minmax(0,1fr)!important; gap:9px!important; min-height:44px!important; padding:7px 11px!important; } html body .fh-inline-module-host .fh-rankings-window .fh-ranking-type-tabs .rankings_menu>a>i, html body .fh-server-inline-module .fh-rankings-window .fh-ranking-type-tabs .rankings_menu>a>i, html body .fh-inline-module-host .fh-rankings-window .fh-ranking-type-tabs .rankings_menu>a:nth-child(n)>i, html body .fh-server-inline-module .fh-rankings-window .fh-ranking-type-tabs .rankings_menu>a:nth-child(n)>i{ display:grid!important; width:22px!important; height:22px!important; min-width:22px!important; place-items:center!important; border:1px solid rgba(var(--fh-tab-rgb),.58)!important; border-radius:6px!important; background:rgba(var(--fh-tab-rgb),.12)!important; color:rgb(var(--fh-tab-rgb))!important; font-size:12px!important; text-shadow:none!important; filter:drop-shadow(0 0 4px rgba(var(--fh-tab-rgb),.26))!important; box-shadow:inset 0 0 8px rgba(var(--fh-tab-rgb),.08)!important; } html body .fh-inline-module-host .fh-rankings-window .fh-ranking-type-tabs .rankings_menu>a.fh-rank-menu-killers>i, html body .fh-server-inline-module .fh-rankings-window .fh-ranking-type-tabs .rankings_menu>a.fh-rank-menu-killers>i{ background:rgba(var(--fh-tab-rgb),.12)!important; } html body .fh-rankings-window .rankings_menu>a>i>small{display:none!important} html body .fh-rankings-window .rankings_menu>a.fh-rank-menu-gold{--fh-tab:#ffd24a!important;--fh-tab-rgb:255,210,74!important} html body .fh-rankings-window .rankings_menu>a.fh-rank-menu-red{--fh-tab:#ff4d5a!important;--fh-tab-rgb:255,77,90!important} html body .fh-rankings-window .rankings_menu>a.fh-rank-menu-orange{--fh-tab:#ff8a3d!important;--fh-tab-rgb:255,138,61!important} html body .fh-rankings-window .rankings_menu>a.fh-rank-menu-crimson{--fh-tab:#ff4fa3!important;--fh-tab-rgb:255,79,163!important} html body .fh-rankings-window .rankings_menu>a.fh-rank-menu-purple{--fh-tab:#a76cff!important;--fh-tab-rgb:167,108,255!important} html body .fh-rankings-window .rankings_menu>a.fh-rank-menu-cyan{--fh-tab:#36d6ff!important;--fh-tab-rgb:54,214,255!important} html body .fh-rankings-window .rankings_menu>a.fh-rank-menu-teal{--fh-tab:#31dfb5!important;--fh-tab-rgb:49,223,181!important} html body .fh-rankings-window .rankings_menu>a.fh-rank-menu-amber{--fh-tab:#b6e34b!important;--fh-tab-rgb:182,227,75!important} html body .fh-rankings-window .rankings_menu>a.fh-rank-menu-green{--fh-tab:#5de36f!important;--fh-tab-rgb:93,227,111!important} html body .fh-rankings-window .rankings_menu>a.fh-rank-menu-blue{--fh-tab:#4d8dff!important;--fh-tab-rgb:77,141,255!important} html body .fh-rankings-window .rankings_menu>a.fh-rank-menu-steel{--fh-tab:#b9c7d6!important;--fh-tab-rgb:185,199,214!important} /* v88.4 - FinalHope red/blue/gold banned-list theme. */ .fh-banned-page{border-color:rgba(214,155,54,.48)!important;background:linear-gradient(135deg,rgba(52,13,17,.92),rgba(5,17,30,.98) 58%,rgba(7,29,48,.96))!important} .fh-banned-hero{border-bottom-color:rgba(91,176,244,.34)!important;background:radial-gradient(circle at 22% 48%,rgba(230,63,49,.22),transparent 42%),radial-gradient(circle at 78% 48%,rgba(48,135,221,.22),transparent 44%),linear-gradient(135deg,rgba(63,18,21,.72),rgba(5,19,34,.96))!important} .fh-banned-hero:after{background:linear-gradient(90deg,transparent,#ff5a49 20%,#f2c45b 50%,#55baff 80%,transparent)!important} html body .fh-inline-module-host .fh-banned-page .fh-banned-hero h2, html body .fh-server-inline-module .fh-banned-page .fh-banned-hero h2{color:#f6c95e!important;text-shadow:0 0 8px rgba(255,83,66,.64),0 0 22px rgba(61,151,239,.34)!important} .fh-banned-hero p{color:#9fd7ff!important} .fh-banned-panel{border-top-color:rgba(213,157,58,.42)!important;background:rgba(5,16,27,.9)!important} .fh-banned-panel>header{border-bottom-color:rgba(73,155,224,.32)!important;color:#f3c65c!important} .fh-banned-table th{background:linear-gradient(90deg,rgba(85,21,23,.72),rgba(7,28,47,.94))!important;color:#a9d9ff!important} .fh-banned-table th,.fh-banned-table td{border-bottom-color:rgba(69,126,173,.25)!important} .fh-banned-table tbody tr:hover{background:linear-gradient(90deg,rgba(224,71,55,.07),rgba(53,139,218,.07))!important} .fh-banned-table th:nth-child(1),.fh-banned-table td:nth-child(1){color:#f2c65d!important} .fh-banned-type{color:#ff6a5a!important}.fh-banned-expiry{color:#7cc9ff!important}.fh-banned-empty{color:#94b4ca!important}.fh-banned-note{color:#7895aa!important} /* v88.5 - ranking tables fit the page; no horizontal purple scrollbar. */ html body .fh-rankings-window .fh-ranking-table-scroll{width:100%!important;max-width:100%!important;overflow-x:hidden!important;scrollbar-width:none!important} html body .fh-rankings-window .fh-ranking-table-scroll::-webkit-scrollbar{display:none!important} html body .fh-rankings-window .fh-modern-ranking-table{width:100%!important;min-width:0!important;max-width:100%!important;table-layout:fixed!important} html body .fh-rankings-window .fh-modern-ranking-table th, html body .fh-rankings-window .fh-modern-ranking-table td{min-width:0!important;padding:7px 5px!important;overflow:hidden!important;font-size:9px!important;text-overflow:ellipsis!important;white-space:nowrap!important} html body .fh-rankings-window .fh-modern-ranking-table .fh-ranking-player{min-width:0!important;gap:6px!important;overflow:hidden!important} html body .fh-rankings-window .fh-modern-ranking-table .fh-ranking-player>span{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important} /* v88.6: keep character names visible and make player state unmistakable. */ html body .fh-rankings-window .fh-modern-ranking-table th:first-child, html body .fh-rankings-window .fh-modern-ranking-table td:first-child{width:7%!important} html body .fh-rankings-window .fh-modern-ranking-table th:nth-child(2), html body .fh-rankings-window .fh-modern-ranking-table td.fh-ranking-player{width:27%!important} html body .fh-rankings-window .fh-modern-ranking-table td.fh-ranking-player{display:table-cell!important;min-width:0!important;overflow:hidden!important;white-space:nowrap!important} html body .fh-rankings-window .fh-modern-ranking-table td.fh-ranking-player>.rankings-class-image{display:inline-block!important;margin-right:6px!important;vertical-align:middle!important} html body .fh-rankings-window .fh-modern-ranking-table td.fh-ranking-player>span{display:inline-block!important;width:calc(100% - 41px)!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;vertical-align:middle!important} html body .fh-rankings-window .fh-modern-ranking-table .fh-top-player-name{display:block!important;color:#fff!important;font-size:10px!important;font-weight:950!important;line-height:1.2!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important} html body .fh-rankings-window .fh-modern-ranking-table th:last-child, html body .fh-rankings-window .fh-modern-ranking-table td:last-child{width:12%!important;text-align:center!important} .fh-status-pill{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:48px!important;padding:4px 7px!important;border:1px solid transparent!important;border-radius:999px!important;font-size:8px!important;font-weight:950!important;letter-spacing:.04em!important;text-transform:uppercase!important} .fh-status-pill.is-online{color:#84ffa8!important;background:rgba(30,158,83,.22)!important;border-color:rgba(78,255,135,.42)!important;box-shadow:0 0 8px rgba(59,255,123,.42),0 0 18px rgba(59,255,123,.2)!important;text-shadow:0 0 8px rgba(91,255,145,.8)!important} .fh-status-pill.is-offline{color:#ff655f!important;background:rgba(164,30,38,.24)!important;border-color:rgba(255,73,73,.42)!important;box-shadow:0 0 10px rgba(255,45,45,.25)!important;text-shadow:0 0 7px rgba(255,60,60,.62)!important} html body .fh-rankings-window .fh-modern-ranking-table .rankings-class-image{width:29px!important;height:29px!important;flex:0 0 29px!important} @media(max-width:700px){html body .fh-rankings-window .fh-modern-ranking-table th,html body .fh-rankings-window .fh-modern-ranking-table td{padding:6px 3px!important;font-size:7.5px!important}html body .fh-rankings-window .fh-modern-ranking-table .rankings-class-image{width:24px!important;height:24px!important;flex-basis:24px!important}} /* Distinct event identities for the ranking navigation. */ html body .fh-rankings-window .rankings_menu>a.fh-rank-menu-killers>i, html body .fh-rankings-window .rankings_menu>a.fh-rank-menu-lorencia>i, html body .fh-rankings-window .rankings_menu>a.fh-rank-menu-bloodcastle>i, html body .fh-rankings-window .rankings_menu>a.fh-rank-menu-devilsquare>i, html body .fh-rankings-window .rankings_menu>a.fh-rank-menu-chaoscastle>i, html body .fh-rankings-window .rankings_menu>a.fh-rank-menu-illusiontemple>i, html body .fh-rankings-window .rankings_menu>a.fh-rank-menu-topking>i{font-size:0!important} html body .fh-rankings-window .rankings_menu>a.fh-rank-menu-killers>i:after{content:"\2694"!important;font-size:13px!important} html body .fh-rankings-window .rankings_menu>a.fh-rank-menu-lorencia>i:after{content:"\25C9"!important;font-size:14px!important} html body .fh-rankings-window .rankings_menu>a.fh-rank-menu-bloodcastle>i:after{content:"\265C"!important;font-size:14px!important} html body .fh-rankings-window .rankings_menu>a.fh-rank-menu-devilsquare>i:after{content:"\26E7"!important;font-size:14px!important} html body .fh-rankings-window .rankings_menu>a.fh-rank-menu-chaoscastle>i:after{content:"\2656"!important;font-size:14px!important} html body .fh-rankings-window .rankings_menu>a.fh-rank-menu-illusiontemple>i:after{content:"\26E9"!important;font-size:13px!important} html body .fh-rankings-window .rankings_menu>a.fh-rank-menu-topking>i:after{content:"\265A"!important;font-size:15px!important} /* v88.8: the inline dashboard theme has higher specificity, so suppress its original glyph here and leave exactly one replacement icon. */ html body.we-body-home .fh-inline-module-host .fh-rankings-window .fh-ranking-type-tabs .rankings_menu>a.fh-rank-menu-killers>i, html body.we-body-home .fh-inline-module-host .fh-rankings-window .fh-ranking-type-tabs .rankings_menu>a.fh-rank-menu-lorencia>i, html body.we-body-home .fh-inline-module-host .fh-rankings-window .fh-ranking-type-tabs .rankings_menu>a.fh-rank-menu-bloodcastle>i, html body.we-body-home .fh-inline-module-host .fh-rankings-window .fh-ranking-type-tabs .rankings_menu>a.fh-rank-menu-devilsquare>i, html body.we-body-home .fh-inline-module-host .fh-rankings-window .fh-ranking-type-tabs .rankings_menu>a.fh-rank-menu-chaoscastle>i, html body.we-body-home .fh-inline-module-host .fh-rankings-window .fh-ranking-type-tabs .rankings_menu>a.fh-rank-menu-illusiontemple>i, html body.we-body-home .fh-inline-module-host .fh-rankings-window .fh-ranking-type-tabs .rankings_menu>a.fh-rank-menu-topking>i{font-size:0!important} html body .fh-rankings-window .fh-modern-ranking-table td.fh-ranking-player>span, html body .fh-rankings-window .fh-modern-ranking-table .fh-top-player-name{overflow:visible!important;text-overflow:clip!important} /* v88.9: explicit labels/icons avoid clipping and pseudo-icon duplication. */ html body .fh-rankings-window .rankings_menu>a>i[data-fh-single-icon]{font-size:14px!important;color:rgb(var(--fh-tab-rgb))!important} html body .fh-rankings-window .rankings_menu>a>i[data-fh-single-icon]::before, html body .fh-rankings-window .rankings_menu>a>i[data-fh-single-icon]::after{display:none!important;content:none!important} html body .fh-rankings-window td.fh-ranking-player a[data-fh-visible-name]{display:block!important;width:auto!important;max-width:none!important;overflow:visible!important;color:transparent!important;font-size:0!important;line-height:15px!important;text-overflow:clip!important;white-space:nowrap!important;text-shadow:none!important} html body .fh-rankings-window td.fh-ranking-player a[data-fh-visible-name]::after{display:block!important;content:attr(data-fh-visible-name)!important;color:#fff!important;font-family:Inter,"Segoe UI",sans-serif!important;font-size:12px!important;font-weight:950!important;letter-spacing:.02em!important;line-height:15px!important;text-shadow:0 0 8px rgba(87,190,255,.38)!important} html body .fh-rankings-window td.fh-ranking-player .fh-crown-label{margin-top:1px!important;font-size:7.5px!important;line-height:10px!important} .fh-event-copy{display:grid!important;width:100%!important;min-width:0!important;gap:4px!important;place-items:center!important;text-align:center!important} .fh-event-copy-name{display:block!important;width:100%!important;overflow:hidden!important;color:#ff574d!important;font-size:11px!important;font-weight:950!important;line-height:13px!important;text-align:center!important;text-overflow:ellipsis!important;white-space:nowrap!important;text-shadow:0 0 8px rgba(255,64,52,.75)!important} .fh-event-copy-time{display:block!important;width:100%!important;overflow:hidden!important;color:#ffd75a!important;font-size:8px!important;font-weight:900!important;line-height:11px!important;text-align:center!important;text-overflow:ellipsis!important;white-space:nowrap!important;text-shadow:0 0 8px rgba(255,195,58,.58)!important} .we-event-item.is-live .fh-event-copy-name,.we-event-item.is-live .fh-event-copy-time{color:#69ff91!important;text-shadow:0 0 8px rgba(46,255,112,.9)!important} /* v89.0: ranking names must survive SPA/AJAX loads. The previous helper rendered a second copy from a data attribute; in a squeezed table that copy could collapse to an ellipsis on every board. Always render the real link. */ html body .fh-rankings-window .fh-modern-ranking-table td.fh-ranking-player{ overflow:visible!important; text-overflow:clip!important; } html body .fh-rankings-window .fh-modern-ranking-table td.fh-ranking-player>span{ display:inline-block!important; width:calc(100% - 39px)!important; min-width:0!important; overflow:visible!important; text-overflow:clip!important; vertical-align:middle!important; } html body .fh-rankings-window .fh-modern-ranking-table td.fh-ranking-player a, html body .fh-rankings-window .fh-modern-ranking-table td.fh-ranking-player a[data-fh-visible-name]{ display:block!important; width:auto!important; max-width:none!important; overflow:visible!important; color:#fff!important; font-family:Inter,"Segoe UI",sans-serif!important; font-size:11px!important; font-weight:950!important; line-height:15px!important; text-overflow:clip!important; white-space:nowrap!important; text-shadow:0 0 8px rgba(87,190,255,.38)!important; } html body .fh-rankings-window .fh-modern-ranking-table td.fh-ranking-player a[data-fh-visible-name]::before, html body .fh-rankings-window .fh-modern-ranking-table td.fh-ranking-player a[data-fh-visible-name]::after{ display:none!important; content:none!important; } /* v89.1: use the available screen height for ranking boards. */ body.we-body-home .fh-server-inline-module:has(.fh-rankings-window) .fh-inline-module-body{ max-height:calc(100vh - 110px)!important; } body.we-body-home .fh-server-inline-module:has(.fh-rankings-window) .fh-ranking-table-scroll{ max-height:none!important; } html body .fh-rankings-window .fh-modern-ranking-table tr.fh-top-player-1 td.fh-ranking-player a{color:#ffd44f!important} html body .fh-rankings-window .fh-modern-ranking-table tr.fh-top-player-2 td.fh-ranking-player a{color:#dce8f2!important} html body .fh-rankings-window .fh-modern-ranking-table tr.fh-top-player-3 td.fh-ranking-player a{color:#dc9259!important} /* v90: language selector with a compact Discord action directly beneath it. */ body.we-body-home .we-navbar-actions{ display:flex!important; flex-direction:column!important; align-items:stretch!important; gap:5px!important; max-width:190px!important; } body.we-body-home .we-navbar-actions>.fh-header-discord{ display:flex!important; align-items:center!important; justify-content:center!important; gap:7px!important; height:30px!important; padding:0 12px!important; border:1px solid rgba(88,101,242,.72)!important; border-radius:6px!important; background:rgba(28,34,78,.94)!important; color:#dfe2ff!important; box-shadow:0 6px 18px rgba(0,0,0,.28),inset 0 0 12px rgba(126,139,255,.08)!important; font-size:10px!important; font-weight:900!important; line-height:1!important; text-decoration:none!important; text-transform:uppercase!important; } body.we-body-home .we-navbar-actions>.fh-header-discord:hover{ border-color:#9aa8ff!important; background:rgba(42,49,105,.98)!important; color:#fff!important; } body.we-body-home .fh-header-discord .we-icon{ width:15px!important; height:15px!important; color:#9aa8ff!important; } @media(max-width:720px){ body.we-body-home .we-navbar-actions{display:none!important} } /* Compact homepage candidate: one connected dashboard, clearer Discord CTA, and prominent Castle Siege ownership without changing page behaviour. */ html body.we-body-home .we-navbar-actions{ top:20px!important; right:16px!important; width:210px!important; max-width:210px!important; gap:9px!important; } html body.we-body-home .we-navbar-actions>.fh-header-discord{ position:relative!important; display:flex!important; width:100%!important; height:42px!important; min-height:42px!important; margin:0!important; padding:0 18px!important; gap:9px!important; border:1px solid rgba(155,165,255,.92)!important; border-radius:8px!important; background:linear-gradient(135deg,#5865f2,#4048b8)!important; color:#fff!important; box-shadow:0 10px 24px rgba(29,35,105,.42),0 0 18px rgba(88,101,242,.32),inset 0 1px rgba(255,255,255,.16)!important; font-size:12px!important; font-weight:950!important; letter-spacing:.08em!important; overflow:hidden!important; } html body.we-body-home .we-navbar-actions>.fh-header-discord::after{ content:""!important; position:absolute!important; inset:0!important; background:linear-gradient(105deg,transparent 28%,rgba(255,255,255,.18) 48%,transparent 68%)!important; transform:translateX(-115%)!important; transition:transform .45s ease!important; pointer-events:none!important; } html body.we-body-home .we-navbar-actions>.fh-header-discord:hover{ border-color:#d8dcff!important; background:linear-gradient(135deg,#6875ff,#4c55ca)!important; box-shadow:0 12px 28px rgba(29,35,105,.5),0 0 24px rgba(104,117,255,.42)!important; transform:translateY(-1px)!important; } html body.we-body-home .we-navbar-actions>.fh-header-discord:hover::after{transform:translateX(115%)!important} html body.we-body-home .fh-header-discord .we-icon{ width:19px!important; height:19px!important; color:#fff!important; filter:drop-shadow(0 0 6px rgba(255,255,255,.28))!important; } html body.we-body-home .we-home-account-dashboard{margin-bottom:12px!important} html body.we-body-home .we-home-account-grid{gap:8px!important} html body.we-body-home .we-home-account-left, html body.we-body-home .we-home-account-right{gap:8px!important} html body.we-body-home .we-home-account-main.fh-main-dashboard{ display:flex!important; flex-direction:column!important; gap:0!important; overflow:hidden!important; border:1px solid rgba(211,158,61,.62)!important; border-radius:8px!important; background:linear-gradient(145deg,rgba(37,12,15,.55),rgba(4,16,29,.985) 42%,rgba(4,11,20,.99))!important; box-shadow:0 16px 38px rgba(0,0,0,.34),0 0 24px rgba(49,139,218,.08)!important; } html body.we-body-home .fh-main-dashboard>.fh-global-showcase{ height:160px!important; margin:0!important; border:0!important; border-bottom:1px solid rgba(211,158,61,.42)!important; border-radius:0!important; box-shadow:none!important; } html body.we-body-home .fh-main-dashboard>.fh-global-showcase .fh-home-showcase-slide strong{font-size:21px!important} html body.we-body-home .fh-main-dashboard>.fh-freevip-home, html body.we-body-home .fh-main-dashboard>.fh-weekend-bonus{ min-height:68px!important; margin:0!important; padding:9px 13px!important; border:0!important; border-bottom:1px solid rgba(101,158,202,.26)!important; border-radius:0!important; box-shadow:none!important; } html body.we-body-home .fh-main-dashboard>.fh-freevip-home .fh-freevip-home-mark{ width:40px!important; height:40px!important; font-size:19px!important; } html body.we-body-home .fh-main-dashboard>.fh-freevip-home .fh-freevip-home-copy strong{font-size:14px!important} html body.we-body-home .fh-main-dashboard>.fh-freevip-home .fh-freevip-home-command{padding:7px 12px!important} html body.we-body-home .fh-main-dashboard>.fh-weekend-bonus .fh-weekend-bonus-mark{height:38px!important;font-size:14px!important} html body.we-body-home .fh-main-dashboard>.fh-home-showcase-wrap{display:block!important;margin:0!important;padding:0!important} html body.we-body-home .fh-main-dashboard .fh-home-information{ display:grid!important; gap:0!important; margin:0!important; padding:0!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; } html body.we-body-home .fh-main-dashboard .fh-home-information>header{ gap:2px!important; margin:0!important; padding:10px 13px 9px!important; border-bottom:1px solid rgba(101,175,224,.2)!important; background:linear-gradient(90deg,rgba(122,34,27,.14),rgba(21,69,111,.12))!important; } html body.we-body-home .fh-main-dashboard .fh-home-information>header h2{font-size:19px!important;line-height:1.1!important} html body.we-body-home .fh-main-dashboard .fh-home-information>header p{font-size:10px!important} html body.we-body-home .fh-main-dashboard .fh-home-info-section{ gap:7px!important; margin:0!important; padding:9px 12px!important; border:0!important; border-bottom:1px solid rgba(92,154,198,.18)!important; } html body.we-body-home .fh-main-dashboard .fh-home-info-section h3{margin:0!important;padding:0!important;font-size:14px!important} html body.we-body-home .fh-main-dashboard .fh-home-info-table, html body.we-body-home .fh-main-dashboard .fh-command-table{ border-radius:5px!important; } html body.we-body-home .fh-main-dashboard .fh-home-info-table>div, html body.we-body-home .fh-main-dashboard .fh-home-info-table.three>div{ min-height:26px!important; padding:4px 8px!important; font-size:9.5px!important; } html body.we-body-home .fh-main-dashboard .fh-command-table{gap:0!important} html body.we-body-home .fh-main-dashboard .fh-command-table span{ min-height:29px!important; padding:4px 8px!important; } html body.we-body-home .fh-main-dashboard .fh-home-premium, html body.we-body-home .fh-main-dashboard .fh-home-contact{ margin:0!important; padding:9px 12px!important; border:0!important; border-bottom:1px solid rgba(91,157,199,.18)!important; border-radius:0!important; box-shadow:none!important; } html body.we-body-home .fh-main-dashboard .fh-home-premium{gap:3px!important} html body.we-body-home .fh-main-dashboard .fh-home-premium strong{font-size:15px!important} html body.we-body-home .fh-main-dashboard .fh-home-contact{grid-template-columns:auto 1fr auto!important;gap:10px!important} html body.we-body-home .fh-main-dashboard .fh-home-contact strong{font-size:15px!important} html body.we-body-home .fh-classic-stats-rows>.fh-castle-status-row{ position:relative!important; min-height:46px!important; padding:8px 4px!important; background:radial-gradient(circle at 90% 50%,rgba(255,194,63,.08),transparent 46%)!important; } html body.we-body-home .fh-classic-stats-rows>.fh-castle-status-row>span{ color:#f0c763!important; font-size:10.5px!important; font-weight:900!important; letter-spacing:.03em!important; } html body.we-body-home .fh-classic-stats-rows>.fh-castle-status-row>.fh-castle-status-value{ max-width:145px!important; overflow:hidden!important; color:#ffe58a!important; font-size:15px!important; font-weight:950!important; line-height:1.1!important; text-align:right!important; text-overflow:ellipsis!important; white-space:nowrap!important; text-shadow:0 0 5px rgba(255,221,112,.9),0 0 15px rgba(255,177,42,.55)!important; animation:fhCastleGoldPulse 2.4s ease-in-out infinite!important; } @keyframes fhCastleGoldPulse{ 0%,100%{filter:brightness(1);text-shadow:0 0 5px rgba(255,221,112,.75),0 0 13px rgba(255,177,42,.42)} 50%{filter:brightness(1.22);text-shadow:0 0 8px rgba(255,235,151,1),0 0 22px rgba(255,177,42,.72)} } @media(max-width:900px){ html body.we-body-home .we-home-account-grid{gap:8px!important} } @media(max-width:720px){ html body.we-body-home .we-navbar-actions{display:none!important} html body.we-body-home .we-home-account-main.fh-main-dashboard{border-radius:6px!important} html body.we-body-home .fh-main-dashboard>.fh-global-showcase{height:140px!important} html body.we-body-home .fh-main-dashboard .fh-home-contact{grid-template-columns:1fr!important} } @media(prefers-reduced-motion:reduce){ html body.we-body-home .fh-classic-stats-rows>.fh-castle-status-row>.fh-castle-status-value{animation:none!important} html body.we-body-home .we-navbar-actions>.fh-header-discord::after{display:none!important} }