@import "tailwindcss";
@import url("/legion/app/shared-nav-separators.css?v=3");

:root { --fel:#9bff1f; --fel-soft:#70c91d; --ink:#070a08; --panel:#0d120f; --line:rgba(155,255,31,.16); --muted:#929b94; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:#050706; color:#f3f6f3; font-family:Arial, Helvetica, sans-serif; }
[hidden] { display:none!important; }
.site-notice { position:fixed; z-index:40; top:102px; left:50%; transform:translateX(-50%); width:max-content; max-width:calc(100% - 30px); padding:13px 20px; border:1px solid rgba(155,255,31,.4); background:#10170f; color:#dfffc4; font-size:11px; text-align:center; box-shadow:0 15px 45px #000; }.site-notice.error { border-color:rgba(255,79,79,.5); color:#ffd1d1; }
button, input { font:inherit; }
button, a { -webkit-tap-highlight-color:transparent; }
button { color:inherit; }
.site-shell { min-height:100vh; overflow:hidden; position:relative; background:linear-gradient(180deg,#070a08 0,#050706 48%,#090d0a 100%); }
.site-shell:before { content:""; position:absolute; inset:0; opacity:.2; pointer-events:none; background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px); background-size:44px 44px; mask-image:linear-gradient(to bottom,#000,transparent 75%); }
.site-shell:after { content:""; position:absolute; z-index:0; top:0; left:0; width:100%; height:940px; pointer-events:none; background-image:linear-gradient(180deg,rgba(3,6,4,.3) 0,rgba(4,7,5,.4) 55%,#050706 100%),linear-gradient(90deg,rgba(2,4,3,.22),transparent 25% 75%,rgba(2,4,3,.22)),url("/legion/public/legion-hero-background.png"); background-position:center top; background-repeat:no-repeat; background-size:100% 100%,100% 100%,max(100vw,1672px) auto; animation:hero-background-breathe 16s ease-in-out infinite alternate; will-change:filter; }
@keyframes hero-background-breathe { 0% { filter:brightness(.96) saturate(.97); } 50% { filter:brightness(1.01) saturate(1.03); } 100% { filter:brightness(1.04) saturate(1.07); } }
.fel-particles { position:absolute; z-index:1; top:90px; left:0; width:100%; height:780px; overflow:hidden; pointer-events:none; mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 82%,transparent); }
.fel-particles i { position:absolute; left:var(--x); top:var(--y); width:var(--size); height:var(--size); border-radius:50%; opacity:0; background:#b0ff43; box-shadow:0 0 6px rgba(155,255,31,.9),0 0 14px rgba(113,255,24,.52); animation:fel-particle-rise var(--duration) ease-in-out var(--delay) infinite; }
@keyframes fel-particle-rise { 0% { opacity:0; transform:translate3d(0,35px,0) scale(.45); } 16% { opacity:.72; } 65% { opacity:.42; } 100% { opacity:0; transform:translate3d(18px,-190px,0) scale(1.15); } }
.fel-mist { position:absolute; z-index:1; width:58%; height:230px; pointer-events:none; border-radius:50%; filter:blur(55px); opacity:.16; background:radial-gradient(ellipse,rgba(103,226,25,.28),rgba(60,130,18,.1) 45%,transparent 72%); }
.fel-mist-one { top:510px; left:-34%; animation:fel-mist-drift-one 19s ease-in-out infinite alternate; }.fel-mist-two { top:320px; right:-38%; opacity:.1; animation:fel-mist-drift-two 23s ease-in-out infinite alternate; }
@keyframes fel-mist-drift-one { from { transform:translate3d(-8%,12px,0) scale(.88); opacity:.09; } to { transform:translate3d(78%,-18px,0) scale(1.12); opacity:.22; } }
@keyframes fel-mist-drift-two { from { transform:translate3d(10%,0,0) scale(.9); opacity:.07; } to { transform:translate3d(-72%,25px,0) scale(1.08); opacity:.17; } }
.fel-lightning-field { position:absolute; z-index:1; top:70px; left:0; width:100%; height:650px; overflow:hidden; pointer-events:none; }
.fel-bolt { position:absolute; display:block; width:370px; height:600px; opacity:0; transform-origin:top center; background:url("/legion/public/fel-lightning-transparent.png") center top/contain no-repeat; filter:drop-shadow(0 0 7px rgba(146,255,49,.42)) drop-shadow(0 0 18px rgba(81,230,14,.18)); }
.fel-bolt:before { content:""; position:absolute; z-index:-1; top:-120px; left:-280px; width:930px; height:760px; border-radius:50%; background:radial-gradient(ellipse,rgba(164,255,79,.25) 0,rgba(105,238,34,.13) 20%,rgba(65,177,20,.06) 42%,rgba(35,95,12,.025) 60%,transparent 77%); filter:blur(32px); }
.fel-bolt:after { content:""; position:absolute; z-index:-1; top:-80px; left:-155px; width:680px; height:580px; border-radius:50%; background:radial-gradient(ellipse,rgba(210,255,170,.11),rgba(103,255,26,.065) 32%,transparent 70%); filter:blur(18px); }
.fel-bolt i { display:none; }
.bolt-one { top:-145px; left:5%; transform:rotate(-8deg) scale(.72); animation:fel-lightning-flash 8.7s linear 1.2s infinite; }.bolt-two { top:-180px; right:5%; transform:rotate(12deg) scale(.82); animation:fel-lightning-flash 11.3s linear 4.6s infinite; }.bolt-three { top:-70px; left:61%; transform:rotate(-14deg) scale(.55); animation:fel-lightning-flash-soft 13.6s linear 8.1s infinite; }
@keyframes fel-lightning-flash { 0%,72%,100% { opacity:0; } 73% { opacity:.08; } 73.5% { opacity:.82; } 74% { opacity:.12; } 74.5% { opacity:.96; } 75.2% { opacity:0; } 76% { opacity:.48; } 76.6% { opacity:0; } }
@keyframes fel-lightning-flash-soft { 0%,56%,100% { opacity:0; } 57% { opacity:.56; } 57.5% { opacity:.08; } 58% { opacity:.72; } 58.8% { opacity:0; } }
@media (max-width:700px) { .fel-bolt { width:280px; height:470px; }.bolt-one { left:-20%; transform:rotate(-8deg) scale(.65); }.bolt-two { right:-20%; transform:rotate(12deg) scale(.68); }.bolt-three { display:none; } }
.background-glows { position:absolute; z-index:1; top:0; left:50%; width:max(100vw,1672px); aspect-ratio:1672/941; transform:translateX(-50%); overflow:hidden; pointer-events:none; mix-blend-mode:screen; }
.window-glow { position:absolute; display:block; width:6.3%; height:16%; border-radius:50%; background:radial-gradient(ellipse,rgba(176,255,77,.28) 0,rgba(108,235,31,.12) 32%,rgba(68,169,20,.04) 54%,transparent 74%); filter:blur(14px); opacity:.13; animation:window-fel-pulse 5.8s ease-in-out infinite; }
.window-glow-left { top:21.8%; left:2.5%; transform:rotate(-7deg); }.window-glow-right { top:28.2%; right:2.8%; transform:rotate(6deg); animation-delay:-2.9s; animation-duration:6.6s; }
@keyframes window-fel-pulse { 0%,100% { opacity:.1; filter:blur(15px) brightness(.85); } 50% { opacity:.32; filter:blur(12px) brightness(1.16); } }
.portal-glow { position:absolute; top:43.4%; left:68.6%; width:11.2%; aspect-ratio:1; border-radius:50%; opacity:.36; background:conic-gradient(from 0deg,transparent 0 12%,rgba(177,255,76,.2) 18%,transparent 28% 45%,rgba(113,241,34,.28) 53%,transparent 65% 82%,rgba(193,255,99,.16) 90%,transparent); filter:blur(3px) drop-shadow(0 0 10px rgba(113,244,28,.2)); -webkit-mask-image:radial-gradient(circle,transparent 0 43%,#000 50% 62%,transparent 71%); mask-image:radial-gradient(circle,transparent 0 43%,#000 50% 62%,transparent 71%); animation:portal-fel-rotate 18s linear infinite; }
.portal-core { position:absolute; top:47.1%; left:72.2%; width:5.1%; aspect-ratio:1; display:block; border-radius:50%; background:radial-gradient(circle,rgba(184,255,93,.14),rgba(99,222,31,.06) 42%,transparent 72%); filter:blur(8px); animation:portal-core-pulse 4.8s ease-in-out infinite; }
@keyframes portal-fel-rotate { to { transform:rotate(360deg); } }
@keyframes portal-core-pulse { 0%,100% { opacity:.35; transform:scale(.94); } 50% { opacity:.8; transform:scale(1.08); } }
@media (max-width:900px) { .window-glow { opacity:.08; } }
.ambient { position:absolute; border:1px solid rgba(155,255,31,.14); width:560px; height:560px; transform:rotate(45deg); filter:drop-shadow(0 0 45px rgba(95,213,12,.08)); pointer-events:none; }
.ambient-one { left:-390px; top:80px; }.ambient-two { right:-420px; top:160px; }
.topbar { width:100%; height:90px; position:relative; z-index:10; display:flex; align-items:center; margin:0; padding:0 38px; border-bottom:1px solid rgba(255,255,255,.12); box-shadow:0 1px 0 rgba(155,255,31,.025); }
.brand { display:flex; align-items:center; gap:13px; width:260px; text-decoration:none; color:#fff; }
.brand-icon { display:block; width:48px; height:48px; flex:0 0 48px; object-fit:contain; filter:drop-shadow(0 0 7px rgba(155,255,31,.22)); }
.brand-mark { display:grid; place-items:center; width:42px; height:48px; color:var(--fel); border:1px solid rgba(155,255,31,.52); background:linear-gradient(145deg,rgba(155,255,31,.11),transparent); font-family:Georgia,serif; font-size:28px; font-weight:700; clip-path:polygon(50% 0,100% 20%,87% 88%,50% 100%,13% 88%,0 20%); text-shadow:0 0 14px var(--fel); }
.brand strong,.brand small { display:block; letter-spacing:.25em; }.brand strong { font-family:Georgia,serif; font-size:19px; }.brand small { color:#6f796f; font-size:8px; margin-top:3px; }
.nav { position:relative; display:flex; flex:1; justify-content:center; gap:45px; height:100%; }
.nav a { position:relative; display:flex; align-items:center; text-decoration:none; color:#8d958e; text-transform:uppercase; letter-spacing:.19em; font-weight:700; font-size:11px; transition:.2s; }
.nav a:hover,.nav a.active { color:#fff; }.nav-indicator { position:absolute; z-index:2; bottom:0; left:0; width:0; height:2px; opacity:0; pointer-events:none; background:linear-gradient(90deg,rgba(155,255,31,.55),var(--fel),rgba(155,255,31,.55)); box-shadow:0 0 5px rgba(155,255,31,.75),0 0 12px rgba(155,255,31,.32); transition:none; }.nav-indicator.ready { transition:left .65s ease-in-out,width .65s ease-in-out,opacity .3s ease; }
.account-link { position:relative; isolation:isolate; overflow:hidden; width:148px; height:42px; margin-left:112px; border:1px solid rgba(155,255,31,.38); clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px); background:linear-gradient(115deg,rgba(112,218,28,.13),transparent 38%),linear-gradient(180deg,rgba(15,23,16,.96),rgba(6,10,7,.94)); display:flex; justify-content:center; align-items:center; gap:10px; cursor:pointer; color:#fff; text-decoration:none; text-transform:uppercase; letter-spacing:.17em; font-size:10px; font-weight:700; transition:transform .45s ease,border-color .45s ease,box-shadow .45s ease,background .45s ease; }
.account-link:before { content:""; position:absolute; z-index:-1; top:-45%; left:-35%; width:38%; height:190%; transform:translateX(-180%) rotate(18deg); background:linear-gradient(90deg,transparent,rgba(197,255,139,.16),transparent); transition:transform .85s ease; pointer-events:none; }
.account-link:hover { transform:translateY(-1px); border-color:rgba(155,255,31,.72); background:linear-gradient(115deg,rgba(129,238,35,.2),transparent 42%),linear-gradient(180deg,rgba(17,27,18,.98),rgba(6,11,7,.96)); box-shadow:0 0 0 1px rgba(155,255,31,.045) inset,0 0 15px rgba(155,255,31,.13),0 6px 18px rgba(0,0,0,.28); }
.account-link:hover:before { transform:translateX(470%) rotate(18deg); }
.status-dot { width:7px; height:7px; flex:0 0 7px; background:var(--fel); border-radius:50%; box-shadow:0 0 5px rgba(155,255,31,.9),0 0 11px rgba(155,255,31,.45); animation:account-status-pulse 2.8s ease-in-out infinite; }
@keyframes account-status-pulse { 0%,100% { opacity:.65; box-shadow:0 0 4px rgba(155,255,31,.6),0 0 8px rgba(155,255,31,.25); } 50% { opacity:1; box-shadow:0 0 6px rgba(155,255,31,1),0 0 13px rgba(155,255,31,.5); } }
.menu-toggle { display:none; }
.hero { position:relative; z-index:1; min-height:850px; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:70px 24px 55px; text-align:center; }.hero:after { content:""; position:absolute; z-index:3; left:50%; bottom:0; width:100vw; height:1px; transform:translateX(-50%); pointer-events:none; background:linear-gradient(90deg,rgba(255,255,255,.025),rgba(255,255,255,.11) 20%,rgba(155,255,31,.1) 50%,rgba(255,255,255,.11) 80%,rgba(255,255,255,.025)); box-shadow:0 0 8px rgba(155,255,31,.025); }
.hero:before { content:""; position:absolute; top:4%; width:430px; height:430px; border-radius:50%; opacity:.38; filter:blur(2px); background:repeating-radial-gradient(circle,transparent 0 57px,rgba(148,255,31,.055) 58px 59px),conic-gradient(from 20deg,transparent 0 7%,rgba(147,255,31,.11) 8% 8.5%,transparent 9% 24%,rgba(147,255,31,.08) 25% 26%,transparent 27% 100%); }
.eyebrow { position:relative; display:flex; align-items:center; gap:14px; color:#fff; font-size:9px; letter-spacing:.34em; font-weight:700; text-shadow:0 0 4px rgba(255,255,255,.85),0 0 11px rgba(255,255,255,.55),0 0 23px rgba(255,255,255,.28); }.eyebrow span { display:block; width:42px; height:1px; background:linear-gradient(90deg,transparent,var(--fel)); }.eyebrow span:last-child { transform:rotate(180deg); }
.hero h1 { position:relative; font-family:Georgia,"Times New Roman",serif; font-weight:400; font-size:clamp(50px,7vw,92px); line-height:.88; letter-spacing:.035em; margin:32px 0 25px; text-shadow:0 8px 40px #000; }.hero h1 em { color:var(--fel); font-style:normal; text-shadow:0 0 30px rgba(155,255,31,.28); }
.hero-emblem-wrap { position:relative; z-index:1; width:min(760px,82vw); margin:8px 0 0; display:flex; justify-content:center; }
.hero-emblem { display:block; width:100%; height:auto; object-fit:contain; transform:scale(1); transform-origin:center; filter:drop-shadow(0 0 0 rgba(132,255,30,0)); transition:transform .8s ease-in-out,filter .8s ease-in-out; will-change:transform,filter; }
.hero-emblem:hover { transform:scale(1.035); filter:drop-shadow(0 0 14px rgba(132,255,30,.22)); }
.hero>p { position:relative; max-width:650px; color:#fff; line-height:1.8; font-family:Georgia,serif; font-size:14px; text-shadow:0 0 4px rgba(255,255,255,.65),0 0 12px rgba(255,255,255,.38),0 0 22px rgba(255,255,255,.18),0 2px 10px rgba(0,0,0,.85); }
.hero-hardcore-motto{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:20px;width:min(620px,82vw);margin-top:13px}.hero-hardcore-motto strong{color:#f1f4f1;font:17px Georgia,serif;letter-spacing:.2em;white-space:nowrap;text-shadow:0 0 5px rgba(255,255,255,.28),0 0 15px rgba(155,255,31,.1),0 2px 9px #000}.motto-ornament{position:relative;flex:1;height:18px;display:flex;align-items:center}.motto-ornament:before{content:"";width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(155,255,31,.55))}.motto-ornament:after{content:"";position:absolute;right:-1px;width:8px;height:8px;border:1px solid rgba(155,255,31,.65);background:#080d09;transform:rotate(45deg);box-shadow:0 0 8px rgba(155,255,31,.18)}.motto-ornament i:before,.motto-ornament i:after{content:"";position:absolute;right:12px;width:3px;height:3px;border-radius:50%;background:rgba(155,255,31,.62);box-shadow:0 0 6px rgba(155,255,31,.28)}.motto-ornament i:after{right:20px;width:2px;height:2px;opacity:.55}.motto-ornament.right{transform:scaleX(-1)}
.hero-actions { position:relative; display:flex; gap:15px; margin-top:34px; }.hero-actions button { width:210px; height:70px; cursor:pointer; transform:skew(-7deg) translateY(0) scale(1); transition:transform .45s ease-in-out,box-shadow .45s ease-in-out,border-color .45s ease-in-out; will-change:transform; }.hero-actions button>* { display:block; transform:skew(7deg); }.hero-actions span { font-weight:900; letter-spacing:.12em; font-size:14px; }.hero-actions small { font-size:8px; font-weight:700; letter-spacing:.21em; margin-top:6px; }
.primary-action { border:1px solid var(--fel); background:linear-gradient(135deg,#6abf18,#98ee28); color:#0a0d09; box-shadow:0 0 0 rgba(155,255,31,0); }.secondary-action { border:1px solid rgba(255,255,255,.22); background:rgba(9,13,10,.72); box-shadow:0 0 0 rgba(155,255,31,0); }.primary-action:hover,.secondary-action:hover { transform:skew(-7deg) translateY(-2px) scale(1.025); border-color:rgba(155,255,31,.7); }.primary-action:hover { box-shadow:0 7px 20px rgba(0,0,0,.28),0 0 10px rgba(155,255,31,.08); }.secondary-action:hover { box-shadow:0 7px 22px rgba(0,0,0,.3),0 0 18px rgba(155,255,31,.2); }
.panel-link { display:flex; flex-direction:column; align-items:center; justify-content:center; width:210px; height:70px; cursor:pointer; text-decoration:none; transform:skew(-7deg) translateY(0) scale(1); transition:transform .45s ease-in-out,box-shadow .45s ease-in-out,border-color .45s ease-in-out; }.panel-link>* { transform:skew(7deg); }
.realm-status { position:relative; display:flex; align-items:center; gap:28px; margin-top:58px; padding:18px 30px; border-top:1px solid rgba(255,255,255,.09); border-bottom:1px solid rgba(255,255,255,.09); background:rgba(7,10,8,.44); }.realm-status div { min-width:92px; position:relative; }.realm-status small,.realm-status strong { display:block; }.realm-status small { color:#626b63; letter-spacing:.2em; font-size:7px; margin-bottom:5px; }.realm-status strong { letter-spacing:.13em; font-size:10px; }.realm-status div:first-child strong { color:var(--fel); }.realm-status i { width:1px; height:25px; background:rgba(255,255,255,.1); }.live-pulse { position:absolute; left:-11px; top:15px; width:4px; height:4px; background:var(--fel); border-radius:50%; box-shadow:0 0 8px var(--fel); }
.content-section { position:relative; z-index:1; max-width:1180px; margin:0 auto; padding:90px 30px 110px; }.content-section:before { content:none; }.section-heading { display:flex; align-items:end; justify-content:space-between; margin-bottom:34px; }.section-heading span { color:var(--fel-soft); font-size:8px; font-weight:800; letter-spacing:.3em; }.section-heading h2 { font-family:Georgia,serif; font-size:38px; margin:8px 0 0; }.section-heading button { background:none; border:0; color:#808981; font-size:8px; letter-spacing:.2em; cursor:pointer; }
.news-grid { display:grid; grid-template-columns:1.3fr 1fr 1fr; gap:16px; }.news-card { background:#0c100d; border:1px solid rgba(255,255,255,.07); min-width:0; transition:.25s; }.news-card:hover { border-color:rgba(155,255,31,.3); transform:translateY(-4px); }.card-art { height:180px; position:relative; overflow:hidden; display:grid; place-items:center; background:radial-gradient(circle,rgba(136,255,26,.19),transparent 45%),linear-gradient(145deg,#121a13,#070907); }.card-art:before,.card-art:after { content:""; position:absolute; width:130px; height:130px; border:1px solid rgba(155,255,31,.15); transform:rotate(45deg); }.card-art:after { width:85px; height:85px; }.card-art span { font-family:Georgia,serif; font-size:35px; color:var(--fel); text-shadow:0 0 20px var(--fel); }.card-copy { padding:24px 25px 27px; }.card-copy small { color:#637064; font-size:7px; letter-spacing:.18em; }.card-copy h3 { font-family:Georgia,serif; font-size:21px; margin:10px 0 8px; }.card-copy p { color:#818a82; font-family:Georgia,serif; font-size:12px; line-height:1.65; margin:0; }
footer { position:relative; z-index:1; width:100%; margin:0 auto; padding:40px 30px 44px; border-top:1px solid rgba(255,255,255,.08); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:15px; text-align:center; color:#657067; }.footer-brand { display:flex; align-items:center; justify-content:center; gap:12px; color:#fff; }.footer-icon { display:block; width:43px; height:43px; object-fit:contain; filter:drop-shadow(0 0 7px rgba(155,255,31,.18)); }.footer-brand strong,.footer-brand small { display:block; text-align:left; }.footer-brand strong { font-family:Georgia,serif; font-size:15px; letter-spacing:.22em; }.footer-brand small { margin-top:3px; font-size:7px; letter-spacing:.15em; color:#727d73; }.footer-brand+ p { max-width:760px; margin:0; font-size:10px; line-height:1.75; color:#778178; }.admin-entry { background:none; border:1px solid rgba(255,255,255,.1); color:#697269; font-size:7px; letter-spacing:.18em; padding:10px 14px; }
.modal-backdrop { position:fixed; z-index:30; inset:0; display:grid; place-items:center; padding:20px; background:rgba(0,0,0,.82); backdrop-filter:blur(10px); }.auth-modal { width:min(440px,100%); max-height:calc(100vh - 30px); overflow:auto; position:relative; padding:38px 45px 40px; text-align:center; border:1px solid rgba(155,255,31,.25); background:linear-gradient(145deg,#101711,#070a08); box-shadow:0 25px 80px #000,0 0 60px rgba(155,255,31,.08); }.modal-close { position:absolute; top:12px; right:16px; border:0; background:none; color:#697269; font-size:26px; cursor:pointer; }.modal-icon { display:block; width:58px; height:58px; margin:0 auto 14px; object-fit:contain; filter:drop-shadow(0 0 8px rgba(155,255,31,.2)); }.auth-modal>small { color:var(--fel-soft); font-size:8px; letter-spacing:.28em; }.auth-modal h2 { font:32px Georgia,serif; margin:8px 0; }.auth-modal>p { color:#7f8980; font:13px/1.6 Georgia,serif; margin:0 0 22px; }.auth-modal label { display:block; text-align:left; color:#aab3ab; font-size:10px; font-weight:700; letter-spacing:.16em; margin:14px 0; }.auth-modal input { display:block; width:100%; height:47px; margin-top:8px; padding:0 14px; outline:0; color:#fff; font-size:12px; letter-spacing:.08em; border:1px solid rgba(255,255,255,.13); background:#070a08; }.auth-modal input:focus { border-color:rgba(155,255,31,.55); }.submit-action { width:100%; height:50px; margin-top:10px; cursor:pointer; border:1px solid var(--fel); background:linear-gradient(135deg,#70c91d,#9aef2b); color:#081006; font-size:10px; font-weight:900; letter-spacing:.17em; transform:scale(1); transition:transform .55s ease,box-shadow .55s ease,background .55s ease; }.submit-action:hover { transform:scale(1.018); background:linear-gradient(135deg,#7bd824,#a8f43b); box-shadow:0 0 17px rgba(155,255,31,.18),0 7px 20px rgba(0,0,0,.3); }.switch-auth { margin-top:20px; border:0; background:none; color:#7c877d; cursor:pointer; font-size:9px; }
.user-panel-modal { width:min(820px,100%); padding:34px 38px 30px; text-align:left; background:linear-gradient(145deg,rgba(15,23,16,.98),rgba(5,8,6,.99)); }
.panel-header { display:flex; align-items:center; gap:17px; padding:0 0 24px; border-bottom:1px solid rgba(255,255,255,.08); }.panel-header .modal-icon { width:64px; height:64px; margin:0; }.panel-header>div { min-width:0; }.panel-header small { color:var(--fel-soft); font-size:8px; font-weight:800; letter-spacing:.27em; }.panel-header h2 { margin:5px 0 2px; font-size:29px; }.panel-header p { margin:0; color:#818b82; font-size:11px; overflow:hidden; text-overflow:ellipsis; }
.panel-stats { display:grid; grid-template-columns:repeat(4,1fr); margin:24px 0 28px; border:1px solid rgba(255,255,255,.075); background:rgba(255,255,255,.015); }.panel-stats div { min-width:0; padding:17px 18px; border-right:1px solid rgba(255,255,255,.065); }.panel-stats div:last-child { border:0; }.panel-stats small,.panel-stats strong { display:block; }.panel-stats small { color:#687269; font-size:7px; letter-spacing:.15em; margin-bottom:7px; }.panel-stats strong { color:#edf4ed; font:18px Georgia,serif; white-space:nowrap; }.panel-stats div:nth-child(3) strong { color:var(--fel); text-shadow:0 0 9px rgba(155,255,31,.18); }
.panel-section-title { display:flex; justify-content:space-between; align-items:center; margin-bottom:12px; }.panel-section-title span { color:#dfe5df; font-size:9px; font-weight:800; letter-spacing:.2em; }.panel-section-title small { color:#59625a; font-size:7px; letter-spacing:.15em; }
.character-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; max-height:290px; overflow:auto; padding-right:3px; scrollbar-color:rgba(155,255,31,.28) transparent; }.character-card { display:flex; align-items:center; gap:13px; min-width:0; padding:13px 14px; border:1px solid rgba(255,255,255,.075); background:linear-gradient(125deg,rgba(155,255,31,.025),rgba(255,255,255,.012)); transition:border-color .35s ease,background .35s ease; }.character-card:hover { border-color:rgba(155,255,31,.24); background:linear-gradient(125deg,rgba(155,255,31,.055),rgba(255,255,255,.018)); }.character-level { width:43px; height:46px; flex:0 0 43px; display:grid; place-content:center; text-align:center; border:1px solid rgba(155,255,31,.22); background:#080d09; }.character-level small,.character-level strong { display:block; }.character-level small { color:#657066; font-size:6px; letter-spacing:.12em; }.character-level strong { color:var(--fel); font:18px Georgia,serif; }.character-data { min-width:0; flex:1; }.character-data h3 { margin:0 0 3px; overflow:hidden; text-overflow:ellipsis; font:18px Georgia,serif; white-space:nowrap; }.character-data p { margin:0 0 5px; color:#8a948b; font-size:9px; }.character-data small { color:#586159; font-size:6px; letter-spacing:.11em; }.character-state { flex:0 0 auto; color:#555e56; font-size:6px; letter-spacing:.13em; }.character-state.online { color:var(--fel); text-shadow:0 0 7px rgba(155,255,31,.35); }.panel-empty { grid-column:1/-1; padding:35px 20px; text-align:center; border:1px dashed rgba(255,255,255,.1); color:#717b72; font:13px Georgia,serif; }
.panel-footer { display:flex; justify-content:space-between; align-items:center; margin-top:22px; padding-top:20px; border-top:1px solid rgba(255,255,255,.08); }.panel-footer small,.panel-footer strong { display:block; }.panel-footer small { color:#5c665d; font-size:7px; letter-spacing:.14em; margin-bottom:5px; }.panel-footer strong { color:#9ca59d; font-size:10px; font-weight:400; }.panel-footer button { min-width:112px; height:36px; cursor:pointer; border:1px solid rgba(255,255,255,.14); background:#090d0a; color:#8f9990; font-size:8px; font-weight:800; letter-spacing:.16em; transition:border-color .35s ease,color .35s ease; }.panel-footer button:hover { border-color:rgba(155,255,31,.38); color:#fff; }
.panel-page-body { min-height:100vh; background:#050806; }.panel-page-shell { position:relative; min-height:100vh; overflow:hidden; background:linear-gradient(135deg,rgba(5,9,6,.96),rgba(4,6,5,.98)); }.panel-page-background { position:absolute; z-index:0; inset:90px 0 0; background:linear-gradient(90deg,rgba(3,6,4,.96) 0,rgba(4,8,5,.83) 32%,rgba(4,8,5,.91) 100%),url("/legion/public/legion-hero-background.png") center/cover no-repeat; opacity:.38; filter:saturate(.75); }.panel-topbar { background:rgba(5,8,6,.88); backdrop-filter:blur(12px); }.panel-topbar>form { width:260px; display:flex; justify-content:flex-end; }.panel-nav { display:flex; flex:1; align-items:stretch; justify-content:center; gap:42px; height:100%; }.panel-nav a { display:flex; align-items:center; position:relative; color:#707a71; text-decoration:none; font-size:9px; font-weight:800; letter-spacing:.18em; }.panel-nav a:hover,.panel-nav a.active { color:#fff; }.panel-nav a.active:after { content:""; position:absolute; left:0; right:0; bottom:0; height:2px; background:var(--fel); box-shadow:0 0 9px rgba(155,255,31,.45); }.panel-top-logout { width:110px; height:37px; cursor:pointer; border:1px solid rgba(255,255,255,.13); background:rgba(8,13,9,.78); color:#89938a; font-size:8px; font-weight:800; letter-spacing:.16em; }.panel-top-logout:hover { border-color:rgba(155,255,31,.35); color:#fff; }
.panel-page-content { position:relative; z-index:1; display:grid; grid-template-columns:265px minmax(0,1fr); gap:32px; width:min(1280px,calc(100% - 48px)); margin:0 auto; padding:54px 0 80px; }.panel-sidebar { align-self:start; position:sticky; top:32px; border:1px solid rgba(255,255,255,.075); background:rgba(7,11,8,.84); backdrop-filter:blur(16px); }.panel-profile { padding:28px 24px 25px; text-align:center; border-bottom:1px solid rgba(255,255,255,.075); }.panel-profile img { width:68px; height:68px; object-fit:contain; filter:drop-shadow(0 0 10px rgba(155,255,31,.18)); }.panel-profile small { display:block; margin-top:12px; color:var(--fel-soft); font-size:7px; letter-spacing:.2em; }.panel-profile h1 { margin:7px 0 5px; font:23px Georgia,serif; }.panel-profile p { margin:0; overflow:hidden; color:#788279; font-size:9px; text-overflow:ellipsis; }.panel-side-nav { padding:10px; }.panel-side-nav a { display:flex; align-items:center; gap:10px; min-height:45px; padding:0 12px; border-left:2px solid transparent; color:#747e75; text-decoration:none; font-size:10px; }.panel-side-nav a span { width:18px; color:#667067; text-align:center; }.panel-side-nav a.active { border-left-color:var(--fel); background:rgba(155,255,31,.045); color:#fff; }.panel-side-nav a.active span { color:var(--fel); }.panel-side-nav a small { margin-left:auto; color:#4d554e; font-size:6px; letter-spacing:.12em; }.panel-side-nav a.disabled { pointer-events:none; opacity:.55; }.panel-account-meta { padding:19px 22px 22px; border-top:1px solid rgba(255,255,255,.075); }.panel-account-meta div+div { margin-top:14px; }.panel-account-meta small,.panel-account-meta strong { display:block; }.panel-account-meta small { color:#505951; font-size:6px; letter-spacing:.15em; margin-bottom:4px; }.panel-account-meta strong { color:#929c93; font-size:9px; font-weight:400; }
.panel-main { min-width:0; }.panel-page-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:25px; margin-bottom:28px; padding-bottom:24px; border-bottom:1px solid rgba(255,255,255,.08); }.panel-page-heading small,.panel-content-heading small { color:var(--fel-soft); font-size:7px; font-weight:800; letter-spacing:.22em; }.panel-page-heading h2 { margin:7px 0 6px; font:36px Georgia,serif; }.panel-page-heading p { margin:0; color:#7a847b; font:13px Georgia,serif; }.realm-online { flex:0 0 auto; padding:9px 12px; border:1px solid rgba(155,255,31,.16); background:rgba(155,255,31,.03); color:#8b958c; font-size:7px; letter-spacing:.15em; }.realm-online i { display:inline-block; width:6px; height:6px; margin-right:7px; border-radius:50%; background:var(--fel); box-shadow:0 0 8px var(--fel); }
.page-stats { margin:0 0 37px; background:rgba(7,11,8,.7); backdrop-filter:blur(10px); }.page-stats div { padding:21px 20px; }.page-stats strong { font-size:24px; }.page-stats span { display:block; margin-top:7px; color:#525b53; font-size:7px; }.page-stats .status-good { color:var(--fel); font-size:15px; letter-spacing:.08em; }.panel-content-heading { display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:15px; }.panel-content-heading h2 { margin:5px 0 0; font:27px Georgia,serif; }.panel-content-heading>span { color:#5d665e; font-size:7px; letter-spacing:.15em; }.page-character-grid { grid-template-columns:repeat(2,minmax(0,1fr)); max-height:none; overflow:visible; gap:12px; padding:0; }.page-character-card { min-height:84px; padding:16px 17px; background:rgba(7,11,8,.76); backdrop-filter:blur(9px); }.page-character-card .character-level { width:48px; height:51px; flex-basis:48px; }
@media (max-width:900px) { .panel-topbar .panel-nav { display:none; }.panel-topbar>form { width:auto; margin-left:auto; }.panel-page-content { grid-template-columns:1fr; }.panel-sidebar { position:relative; top:auto; }.panel-side-nav { display:none; }.panel-account-meta { display:flex; justify-content:center; gap:35px; }.panel-account-meta div+div { margin:0; }.panel-profile { padding-bottom:20px; } }
@media (max-width:620px) { .panel-page-content { width:calc(100% - 28px); padding-top:28px; }.panel-topbar { padding:0 15px; }.panel-topbar .brand small { display:none; }.panel-page-heading { align-items:flex-start; flex-direction:column; }.panel-page-heading h2 { font-size:30px; }.page-character-grid { grid-template-columns:1fr; }.panel-account-meta { align-items:center; flex-direction:column; gap:12px; text-align:center; }.panel-top-logout { width:85px; }.page-stats { grid-template-columns:repeat(2,1fr); } }
@media (max-width:850px) { .topbar { height:76px; padding:0 20px; }.brand { width:auto; margin-right:auto; }.account-link { width:105px; height:36px; margin-left:0; margin-right:15px; }.menu-toggle { display:flex; width:34px; height:34px; padding:9px 6px; flex-direction:column; justify-content:center; gap:6px; background:none; border:0; order:3; }.menu-toggle span { display:block; width:100%; height:1px; background:#fff; }.nav { display:none; position:absolute; top:75px; left:15px; right:15px; height:auto; padding:10px 24px; background:#0b0f0c; border:1px solid rgba(155,255,31,.18); flex-direction:column; gap:0; }.nav.open { display:flex; }.nav-indicator { display:none; }.nav a { min-height:48px; }.nav a.active:after { content:""; position:absolute; top:12px; bottom:12px; width:2px; left:-12px; background:var(--fel); box-shadow:0 0 8px rgba(155,255,31,.55); }.hero { min-height:650px; }.news-grid { grid-template-columns:1fr; }.card-art { height:150px; } }
@media (max-width:540px) { .brand small { display:none; }.brand strong { font-size:16px; }.account-link { font-size:0; }.account-link:after { content:"ACCOUNT"; font-size:8px; }.hero { padding-top:70px; }.hero h1 { font-size:49px; }.hero-emblem-wrap { width:105vw; margin:18px -12vw 4px; }.hero-hardcore-motto{width:94vw;gap:10px}.hero-hardcore-motto strong{font-size:13px;letter-spacing:.12em}.hero-actions { width:100%; flex-direction:column; align-items:center; }.hero-actions button,.hero-actions .panel-link { width:min(280px,90%); }.realm-status { width:100%; gap:10px; padding:16px 5px; }.realm-status div { min-width:0; flex:1; }.realm-status i { display:none; }.section-heading h2 { font-size:31px; }.section-heading button { display:none; }.content-section { padding:70px 18px; } footer { align-items:center; padding:32px 20px 36px; }.footer-brand+p { width:100%; }.auth-modal { padding:35px 25px; } }
@media (max-width:680px) { .user-panel-modal { padding:28px 18px 24px; }.panel-header .modal-icon { width:52px; height:52px; }.panel-stats { grid-template-columns:repeat(2,1fr); }.panel-stats div:nth-child(2) { border-right:0; }.panel-stats div:nth-child(-n+2) { border-bottom:1px solid rgba(255,255,255,.065); }.character-grid { grid-template-columns:1fr; max-height:330px; }.panel-footer { gap:15px; }.panel-footer>div { min-width:0; }.panel-footer strong { white-space:nowrap; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } * { transition:none!important; } .site-shell:after { animation:hero-background-breathe 16s ease-in-out infinite alternate!important; } .hero-emblem { transition:transform .8s ease-in-out,filter .8s ease-in-out!important; } .hero-actions button { transition:transform .45s ease-in-out,box-shadow .45s ease-in-out,border-color .45s ease-in-out!important; } .account-link { transition:transform .45s ease,border-color .45s ease,box-shadow .45s ease,background .45s ease!important; }.account-link:before { transition:transform .85s ease!important; }.submit-action { transition:transform .55s ease,box-shadow .55s ease,background .55s ease!important; }.nav-indicator.ready { transition:left .65s ease-in-out,width .65s ease-in-out,opacity .3s ease!important; } }

.account-menu { position:relative; width:148px; margin-left:112px; flex:0 0 auto; }
.account-menu .account-link { width:100%; margin-left:0; }
.account-chevron { margin-left:2px; color:var(--fel); font-size:14px; line-height:1; transition:transform .3s ease; }
.account-menu-trigger[aria-expanded="true"] .account-chevron { transform:rotate(180deg); }
.account-dropdown { position:absolute; z-index:25; top:calc(100% + 12px); right:0; width:235px; padding:7px; border:1px solid rgba(155,255,31,.25); background:linear-gradient(145deg,rgba(14,22,15,.99),rgba(5,8,6,.99)); box-shadow:0 18px 45px rgba(0,0,0,.65),0 0 24px rgba(155,255,31,.06); }
.account-dropdown:before { content:""; position:absolute; top:-6px; right:26px; width:10px; height:10px; border-left:1px solid rgba(155,255,31,.25); border-top:1px solid rgba(155,255,31,.25); background:#0d150e; transform:rotate(45deg); }
.account-dropdown a { display:flex; align-items:center; gap:12px; min-height:46px; padding:9px 12px; color:#dfe7df; text-decoration:none; border:1px solid transparent; transition:background .3s ease,border-color .3s ease,transform .3s ease; }
.account-dropdown a:hover { transform:translateX(2px); border-color:rgba(155,255,31,.2); background:rgba(155,255,31,.07); }
.account-dropdown a>span { width:25px; color:var(--fel); font-size:16px; text-align:center; text-shadow:0 0 9px rgba(155,255,31,.35); }
.account-dropdown strong,.account-dropdown small { display:block; }
.account-dropdown strong { font-size:10px; letter-spacing:.1em; text-transform:uppercase; }
.account-dropdown small { margin-top:4px; color:#687269; font-size:6px; letter-spacing:.14em; }
.account-dropdown .admin-center-link { border-top-color:rgba(255,255,255,.06); }
.dropdown-logout-form { margin:0; border-top:1px solid rgba(255,255,255,.06); }
.dropdown-logout { display:flex; align-items:center; gap:12px; width:100%; min-height:46px; padding:9px 12px; cursor:pointer; color:#cbd2cb; border:1px solid transparent; background:transparent; text-align:left; transition:background .3s ease,border-color .3s ease,color .3s ease,transform .3s ease; }
.dropdown-logout:hover { transform:translateX(2px); color:#fff; border-color:rgba(155,255,31,.16); background:rgba(155,255,31,.055); }
.dropdown-logout span { width:25px; color:#879087; font-size:17px; text-align:center; }
.dropdown-logout strong { font-size:10px; letter-spacing:.1em; text-transform:uppercase; }
@media (max-width:850px) { .account-menu { width:105px; margin-left:0; margin-right:15px; }.account-menu .account-link { width:100%; margin-right:0; }.account-dropdown { right:0; } }
@media (max-width:540px) { .account-menu .account-link { font-size:0; }.account-menu .account-link:after { content:"DASH"; font-size:8px; }.account-menu .status-dot,.account-menu .account-chevron { display:none; } }

.news-card { color:inherit; text-decoration:none; }.view-all-news { color:#808981; font-size:8px; letter-spacing:.2em; text-decoration:none; }.view-all-news:hover { color:var(--fel); }
.news-empty-home { grid-column:1/-1; padding:55px 25px; border:1px dashed rgba(255,255,255,.09); color:#687269; text-align:center; font:14px Georgia,serif; }
.news-card-image,.news-list-art img { display:block; width:100%; height:100%; object-fit:cover; object-position:center; }
.news-card-image { position:absolute; inset:0; }
.news-list-art { overflow:hidden; }
.news-article-image { display:block; width:100%; max-height:480px; margin:0 0 35px; object-fit:cover; object-position:center; border:1px solid rgba(155,255,31,.18); }
.news-image-input { height:auto!important; padding:11px!important; cursor:pointer; }
.news-composer label>small { margin-left:8px; color:#5e685f; font-size:8px; letter-spacing:.1em; }
.news-page-body { min-height:100vh; background:radial-gradient(circle at 50% 0,rgba(91,155,27,.13),transparent 34%),#050706; }
.news-topbar { border-bottom-color:rgba(155,255,31,.14); }.news-account-link { color:#dce5dd; border:1px solid rgba(155,255,31,.25); padding:11px 18px; font-size:8px; letter-spacing:.15em; text-decoration:none; }
.news-page-shell { width:min(1120px,calc(100% - 40px)); min-height:calc(100vh - 90px); margin:auto; padding:78px 0 110px; }
.news-page-heading { max-width:720px; margin-bottom:45px; }.news-page-heading small,.news-article-full>small { color:var(--fel-soft); font-size:8px; font-weight:800; letter-spacing:.28em; }.news-page-heading h1,.news-article-full h1 { margin:10px 0 14px; font:52px Georgia,serif; }.news-page-heading p,.news-lead { color:#8d978e; font:15px/1.8 Georgia,serif; }
.news-page-grid { display:grid; gap:18px; }.news-list-card { display:grid; grid-template-columns:280px 1fr; min-height:220px; color:inherit; border:1px solid rgba(255,255,255,.075); background:rgba(10,15,11,.88); text-decoration:none; transition:transform .3s ease,border-color .3s ease; }.news-list-card:hover { transform:translateY(-3px); border-color:rgba(155,255,31,.28); }.news-list-art { display:grid; place-items:center; background:radial-gradient(circle,rgba(155,255,31,.18),transparent 48%),linear-gradient(145deg,#101a11,#060806); }.news-list-art span { color:var(--fel); font:32px Georgia,serif; text-shadow:0 0 18px rgba(155,255,31,.35); }.news-list-card>div+div { padding:32px 38px; }.news-list-card small { color:#687269; font-size:7px; letter-spacing:.18em; }.news-list-card h2 { margin:10px 0; font:28px Georgia,serif; }.news-list-card p { color:#89928a; font:13px/1.7 Georgia,serif; }.news-list-card strong { color:var(--fel-soft); font-size:7px; letter-spacing:.2em; }
.news-article-full { max-width:850px; margin:auto; }.news-back { display:inline-block; margin-bottom:55px; color:#879087; font-size:8px; letter-spacing:.2em; text-decoration:none; }.news-article-full h1 { font-size:58px; }.news-lead { padding-bottom:30px; border-bottom:1px solid rgba(255,255,255,.08); font-size:18px; }.news-article-body { padding-top:28px; color:#b0b8b1; font:16px/2 Georgia,serif; }
@media (max-width:720px) { .news-page-shell { padding-top:45px; }.news-list-card { grid-template-columns:1fr; }.news-list-art { min-height:150px; }.news-list-card>div+div { padding:25px; }.news-page-heading h1,.news-article-full h1 { font-size:38px; }.news-account-link { display:none; } }

.admin-page-body { min-height:100vh; background:radial-gradient(circle at 78% 0,rgba(95,173,24,.11),transparent 35%),#050706; }
.admin-shell { display:grid; grid-template-columns:260px minmax(0,1fr); width:min(1250px,calc(100% - 40px)); margin:auto; padding:48px 0 90px; gap:42px; }
.admin-sidebar { min-height:620px; padding:28px 25px; border:1px solid rgba(255,255,255,.07); background:rgba(9,14,10,.88); }.admin-sidebar>small,.admin-heading small { color:var(--fel-soft); font-size:7px; letter-spacing:.24em; }.admin-sidebar h1 { margin:8px 0 28px; font:27px Georgia,serif; }.admin-sidebar nav { display:grid; gap:7px; }.admin-sidebar nav a,.admin-sidebar nav span { padding:14px 12px; color:#778178; font-size:9px; letter-spacing:.1em; text-decoration:none; border:1px solid transparent; }.admin-sidebar nav a.active { color:#fff; border-color:rgba(155,255,31,.2); background:rgba(155,255,31,.06); }.admin-sidebar nav span small { float:right; font-size:6px; color:#515a52; }
.admin-heading { display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:28px; }.admin-heading h2 { margin:7px 0 8px; font:38px Georgia,serif; }.admin-heading p { margin:0; color:#7d877e; font:13px Georgia,serif; }.admin-heading>span { padding:10px 13px; color:var(--fel-soft); border:1px solid rgba(155,255,31,.18); font-size:7px; letter-spacing:.16em; }
.admin-error { margin-bottom:16px; padding:12px 15px; color:#ffcaca; border:1px solid rgba(255,70,70,.3); background:rgba(90,15,15,.18); font-size:11px; }.news-composer { margin-bottom:27px; border:1px solid rgba(155,255,31,.18); background:rgba(10,16,11,.92); }.news-composer summary { padding:17px 20px; cursor:pointer; color:var(--fel); font-size:8px; font-weight:800; letter-spacing:.18em; }.news-composer form { padding:5px 22px 23px; }.news-composer label { display:block; margin:13px 0; color:#8d978e; font-size:8px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; }.news-composer input,.news-composer textarea,.news-composer select { display:block; width:100%; margin-top:7px; padding:12px 13px; color:#f1f4f1; border:1px solid rgba(255,255,255,.11); outline:0; background:#060906; resize:vertical; }.news-composer input:focus,.news-composer textarea:focus,.news-composer select:focus { border-color:rgba(155,255,31,.5); }.admin-form-row { display:grid; grid-template-columns:2fr 1fr; gap:15px; }.admin-publish-row { display:flex; justify-content:flex-end; gap:12px; }.admin-publish-row select { width:160px; margin:0; }.admin-publish-row button { min-width:155px; cursor:pointer; border:1px solid var(--fel); background:linear-gradient(135deg,#70c91d,#9aef2b); color:#071006; font-size:8px; font-weight:900; letter-spacing:.15em; }
.admin-news-list { display:grid; gap:11px; }.admin-news-list article { display:flex; justify-content:space-between; gap:20px; padding:20px 22px; border:1px solid rgba(255,255,255,.075); background:rgba(10,14,11,.82); }.admin-news-list article small { color:#687269; font-size:7px; letter-spacing:.16em; }.admin-news-list h3 { margin:7px 0 6px; font:21px Georgia,serif; }.admin-news-list p { max-width:600px; margin:0 0 10px; color:#7e8880; font:11px/1.6 Georgia,serif; }.news-status { display:inline-block; padding:5px 8px; font-size:6px; letter-spacing:.15em; border:1px solid rgba(255,255,255,.1); }.news-status.published { color:var(--fel-soft); border-color:rgba(155,255,31,.2); }.news-status.draft { color:#b0a36f; }.admin-news-actions { display:flex; align-items:center; gap:6px; }.admin-news-actions form { margin:0; }.admin-news-actions a,.admin-news-actions button { display:grid; place-items:center; height:34px; padding:0 11px; cursor:pointer; color:#aeb6af; border:1px solid rgba(255,255,255,.1); background:transparent; font-size:7px; letter-spacing:.1em; text-decoration:none; }.admin-news-actions a:hover,.admin-news-actions button:hover { color:#fff; border-color:rgba(155,255,31,.3); }.admin-news-actions button.danger:hover { color:#ffb5b5; border-color:rgba(255,70,70,.4); }
.news-current-image{display:flex;align-items:center;gap:18px;margin:10px 0 17px;padding:12px;border:1px solid rgba(155,255,31,.14);background:rgba(0,0,0,.24)}.news-current-image img{display:block;width:150px;height:78px;object-fit:cover;border:1px solid rgba(255,255,255,.1)}.news-current-image label{display:flex;align-items:center;gap:9px;margin:0}.news-current-image input{width:auto;margin:0;accent-color:var(--fel)}.admin-page-body .admin-publish-row .news-edit-cancel,.admin-page-body .admin-publish-row .news-edit-cancel:visited{display:grid;place-items:center;box-sizing:border-box;height:44px;min-width:105px;padding:0 18px;color:#aeb6af!important;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.025);font-size:9px;font-weight:800;letter-spacing:.13em;line-height:1;text-decoration:none}.admin-page-body .admin-publish-row .news-edit-cancel:hover,.admin-page-body .admin-publish-row .news-edit-cancel:focus{color:#fff!important;border-color:rgba(155,255,31,.38);background:rgba(155,255,31,.06)}.admin-news-list article.is-editing{border-color:rgba(155,255,31,.38);box-shadow:inset 3px 0 0 var(--fel),0 0 22px rgba(155,255,31,.05)}
@media (max-width:900px) { .admin-shell { grid-template-columns:1fr; }.admin-sidebar { min-height:auto; }.admin-sidebar nav { grid-template-columns:1fr 1fr 1fr; }.admin-news-list article { flex-direction:column; }.admin-news-actions { justify-content:flex-start; } }
@media (max-width:600px) { .admin-shell { width:calc(100% - 24px); padding-top:25px; }.admin-sidebar nav { grid-template-columns:1fr; }.admin-heading { flex-direction:column; gap:18px; }.admin-form-row { grid-template-columns:1fr; }.admin-publish-row { flex-direction:column; }.admin-publish-row select,.admin-publish-row button { width:100%; height:44px; }.admin-news-actions { flex-wrap:wrap; } }

/* Admin Center readability */
.admin-page-body .panel-topbar { min-height:96px; }
.admin-page-body .panel-topbar .brand strong { font-size:20px; }
.admin-page-body .panel-topbar .brand small { font-size:9px; }
.admin-page-body .panel-nav { gap:45px; }
.admin-page-body .panel-nav a { font-size:12px; letter-spacing:.14em; }
.admin-page-body .admin-sidebar>small,.admin-page-body .admin-heading small { font-size:9px; }
.admin-page-body .admin-sidebar h1 { font-size:32px; }
.admin-page-body .admin-sidebar nav a,.admin-page-body .admin-sidebar nav span { font-size:12px; padding:16px 14px; }
.admin-page-body .admin-sidebar nav span small { font-size:8px; }
.admin-page-body .admin-heading h2 { font-size:43px; }
.admin-page-body .admin-heading p { font-size:15px; }
.admin-page-body .admin-heading>span { font-size:9px; }
.admin-page-body .news-composer summary { font-size:11px; padding:20px 22px; }
.admin-page-body .news-composer label { font-size:11px; }
.admin-page-body .news-composer input,.admin-page-body .news-composer textarea,.admin-page-body .news-composer select { font-size:14px; line-height:1.55; }
.admin-page-body .admin-publish-row button { font-size:11px; }
.admin-page-body .admin-news-list article small { font-size:9px; }
.admin-page-body .admin-news-list h3 { font-size:25px; }
.admin-page-body .admin-news-list p { font-size:14px; }
.admin-page-body .news-status { font-size:8px; }
.admin-page-body .admin-news-actions a,.admin-page-body .admin-news-actions button { height:39px; padding:0 14px; font-size:9px; }

.panel-nav { position:relative; }
.panel-nav a,.admin-page-body .panel-nav a { color:#8d958e; font-size:11px; font-weight:700; letter-spacing:.19em; text-transform:uppercase; transition:color .2s ease; }
.panel-nav a.active:after { display:none; }
.panel-nav-indicator { position:absolute; z-index:2; left:0; bottom:0; width:0; height:2px; opacity:0; pointer-events:none; background:linear-gradient(90deg,rgba(155,255,31,.55),var(--fel),rgba(155,255,31,.55)); box-shadow:0 0 5px rgba(155,255,31,.75),0 0 12px rgba(155,255,31,.32); transition:none; }
.panel-nav-indicator.ready { transition:left .65s ease-in-out,width .65s ease-in-out,opacity .3s ease; }
@media (prefers-reduced-motion:reduce) { .panel-nav-indicator.ready { transition:left .65s ease-in-out,width .65s ease-in-out,opacity .3s ease!important; } }

/* Fixed news cards and rich article editor */
.news-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:26px; align-items:stretch; }
.news-grid .news-card { display:flex; flex-direction:column; height:335px; overflow:hidden; }
.news-grid .news-card { transform:translateY(0); transition:transform .65s cubic-bezier(.22,.61,.36,1),border-color .65s ease,box-shadow .65s ease,background .65s ease; }
.news-grid .news-card:hover { transform:translateY(-3px); border-color:rgba(155,255,31,.43); background:linear-gradient(145deg,rgba(155,255,31,.065),rgba(12,18,13,.98) 42%); box-shadow:0 13px 30px rgba(0,0,0,.3),0 0 23px rgba(155,255,31,.13),inset 0 0 18px rgba(155,255,31,.025); }
.news-grid .card-art { flex:0 0 180px; height:180px; }
.news-grid .news-card-image { transform:none; filter:none; transition:none; }
.news-grid .news-card:hover .news-card-image { transform:none; filter:none; }
.news-grid .card-copy { flex:1; min-height:0; overflow:hidden; }
.news-grid .card-copy h3 { display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.news-grid .card-copy p { display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:3; }
.card-art:has(.news-card-image):before { display:none; }
.card-art:has(.news-card-image):after { content:""; display:block; position:absolute; z-index:2; left:0; right:0; bottom:0; width:auto; height:66px; border:0; transform:none; pointer-events:none; background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.22) 32%,rgba(0,0,0,.84) 100%); box-shadow:inset 0 -10px 20px rgba(0,0,0,.3); }
.news-list-card { height:220px; min-height:220px; overflow:hidden; }
.news-page-grid { gap:22px; }.news-list-card { transition:transform .65s cubic-bezier(.22,.61,.36,1),border-color .65s ease,box-shadow .65s ease,background .65s ease; }.news-list-card:hover { transform:translateY(-3px); border-color:rgba(155,255,31,.38); background:linear-gradient(145deg,rgba(155,255,31,.045),rgba(10,15,11,.94) 42%); box-shadow:0 13px 30px rgba(0,0,0,.28),0 0 22px rgba(155,255,31,.11); }
.news-list-card p { display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:3; }
.editor-label { margin:16px 0 7px; color:#8d978e; font-size:11px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; }
.news-editor { margin-bottom:18px; border:1px solid rgba(255,255,255,.12); background:#060906; }
.editor-toolbar { display:flex; flex-wrap:wrap; gap:4px; padding:8px; border-bottom:1px solid rgba(255,255,255,.1); background:#0b100c; }
.editor-toolbar button { min-width:34px; height:32px; padding:0 9px; cursor:pointer; color:#aab3ab; border:1px solid rgba(255,255,255,.1); background:#080c09; font-size:10px; }
.editor-toolbar button:hover,.editor-toolbar button:focus { color:#fff; border-color:rgba(155,255,31,.4); background:rgba(155,255,31,.06); }
.editor-toolbar>span { width:1px; height:28px; margin:2px 4px; background:rgba(255,255,255,.1); }
.editor-surface { min-height:250px; padding:18px; outline:0; color:#eef3ee; font:15px/1.75 Georgia,serif; }
.editor-surface:empty:before { content:attr(data-placeholder); color:#586159; pointer-events:none; }
.editor-surface:focus { box-shadow:inset 0 0 0 1px rgba(155,255,31,.35); }
.editor-surface h2 { font-size:30px; }.editor-surface h3 { font-size:23px; }.editor-surface img { max-width:100%; height:auto; }
.editor-value { position:absolute!important; width:1px!important; height:1px!important; opacity:0!important; pointer-events:none; }
.news-article-body h2 { margin:32px 0 12px; color:#f2f6f2; font-size:31px; }.news-article-body h3 { margin:25px 0 10px; color:#edf3ed; font-size:24px; }.news-article-body p { margin:0 0 18px; }.news-article-body a { color:var(--fel-soft); }.news-article-body img { display:block; max-width:100%; height:auto; margin:25px auto; border:1px solid rgba(155,255,31,.15); }.news-article-body blockquote { margin:24px 0; padding:12px 20px; border-left:2px solid var(--fel); background:rgba(155,255,31,.04); }
@media (max-width:850px) { .news-grid { grid-template-columns:1fr; } }
@media (max-width:720px) { .news-list-card { height:auto; min-height:0; }.news-grid .news-card { height:335px; } }
@media (prefers-reduced-motion:reduce) { .news-grid .news-card,.news-list-card { transition:transform .65s cubic-bezier(.22,.61,.36,1),border-color .65s ease,box-shadow .65s ease,background .65s ease!important; } }
.admin-page-body .admin-news-actions .move-news { min-width:38px; padding:0; color:var(--fel-soft); font-size:17px; }
.admin-page-body .admin-news-actions .move-news:hover { color:var(--fel); background:rgba(155,255,31,.07); box-shadow:0 0 12px rgba(155,255,31,.08); }

.playtime-panel { margin:0 0 38px; padding:24px 25px 26px; border:1px solid rgba(255,255,255,.075); background:rgba(7,11,8,.72); backdrop-filter:blur(10px); }
.playtime-heading { display:flex; align-items:flex-end; justify-content:space-between; margin-bottom:23px; }.playtime-heading small { color:var(--fel-soft); font-size:7px; font-weight:800; letter-spacing:.22em; }.playtime-heading h2 { margin:5px 0 0; font:27px Georgia,serif; }.playtime-heading>span { color:#687269; font-size:7px; letter-spacing:.15em; }
.playtime-content { display:grid; grid-template-columns:170px minmax(0,1fr); align-items:center; gap:32px; }.playtime-donut { width:145px; height:145px; display:grid; place-items:center; border-radius:50%; background:var(--playtime-chart); box-shadow:0 0 24px rgba(0,0,0,.38); }.playtime-donut:before { content:""; grid-area:1/1; width:92px; height:92px; border-radius:50%; background:#080c09; box-shadow:inset 0 0 18px rgba(0,0,0,.7); }.playtime-donut>div { z-index:1; grid-area:1/1; text-align:center; }.playtime-donut strong,.playtime-donut small { display:block; }.playtime-donut strong { font:27px Georgia,serif; }.playtime-donut small { margin-top:3px; color:#687269; font-size:6px; letter-spacing:.17em; }
.playtime-classes { display:grid; gap:13px; }.playtime-row>div { display:grid; grid-template-columns:9px minmax(100px,1fr) 70px 50px; align-items:center; gap:9px; }.playtime-row i { width:7px; height:7px; border-radius:50%; background:var(--class-color); box-shadow:0 0 8px color-mix(in srgb,var(--class-color) 55%,transparent); }.playtime-row strong { color:var(--class-color); font-size:10px; font-weight:700; }.playtime-row span,.playtime-row b { color:#747e75; font-size:8px; font-weight:400; }.playtime-row b { text-align:right; }.playtime-row em { display:block; height:3px; margin:7px 0 0 18px; overflow:hidden; background:rgba(255,255,255,.055); }.playtime-row em span { display:block; height:100%; background:var(--class-color); box-shadow:0 0 8px var(--class-color); }.playtime-empty { margin:0; color:#667067; font:13px Georgia,serif; }
@media (max-width:620px) { .playtime-content { grid-template-columns:1fr; }.playtime-donut { margin:auto; }.playtime-heading { align-items:flex-start; flex-direction:column; gap:10px; }.playtime-row>div { grid-template-columns:9px minmax(85px,1fr) 55px 42px; } }
.sidebar-roster { padding:17px 10px 12px; border-top:1px solid rgba(255,255,255,.075); }.sidebar-roster>small { display:block; padding:0 10px 10px; color:#586159; font-size:6px; font-weight:800; letter-spacing:.18em; }.sidebar-roster>p { margin:5px 10px 10px; color:#59625a; font:11px Georgia,serif; }.sidebar-roster>a { display:flex; align-items:center; gap:10px; min-height:52px; margin:3px 0; padding:7px 9px; color:#a7afa8; border:1px solid transparent; text-decoration:none; transition:background .45s ease,border-color .45s ease,transform .45s ease; }.sidebar-roster>a:hover { transform:translateX(2px); border-color:color-mix(in srgb,var(--class-color) 30%,transparent); background:color-mix(in srgb,var(--class-color) 6%,transparent); }.sidebar-roster img { width:36px; height:36px; flex:0 0 36px; object-fit:cover; border:1px solid color-mix(in srgb,var(--class-color) 45%,#202820); box-shadow:0 0 10px color-mix(in srgb,var(--class-color) 16%,transparent); }.sidebar-roster a>span { min-width:0; flex:1; }.sidebar-roster strong,.sidebar-roster a small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.sidebar-roster strong { color:var(--class-color); font:14px Georgia,serif; }.sidebar-roster a small { margin-top:3px; color:#667067; font-size:7px; }.sidebar-roster i { width:6px; height:6px; flex:0 0 6px; border-radius:50%; background:#343b35; }.sidebar-roster i.online { background:var(--fel); box-shadow:0 0 8px var(--fel); }
.character-class-icon { position:relative; width:52px; height:52px; flex:0 0 52px; }.character-class-icon img { display:block; width:100%; height:100%; object-fit:cover; border:1px solid color-mix(in srgb,var(--class-color) 48%,#202820); box-shadow:0 0 13px color-mix(in srgb,var(--class-color) 16%,transparent); }.character-class-icon span { position:absolute; right:-4px; bottom:-4px; min-width:22px; height:22px; display:grid; place-items:center; padding:0 4px; color:#fff; border:1px solid color-mix(in srgb,var(--class-color) 55%,#202820); background:#080c09; font:11px Georgia,serif; }.page-character-card:target { border-color:color-mix(in srgb,var(--class-color) 55%,transparent); background:color-mix(in srgb,var(--class-color) 8%,rgba(7,11,8,.76)); box-shadow:0 0 20px color-mix(in srgb,var(--class-color) 10%,transparent); }

.armory-page-body { min-height:100vh; background:radial-gradient(circle at 50% 0,rgba(91,155,27,.12),transparent 34%),#050706; }.armory-shell { width:min(1180px,calc(100% - 40px)); margin:auto; padding:68px 0 100px; }.armory-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:25px; margin-bottom:34px; }.armory-heading small { color:var(--fel-soft); font-size:8px; font-weight:800; letter-spacing:.27em; }.armory-heading h1 { margin:8px 0 10px; font:50px Georgia,serif; }.armory-heading p { margin:0; color:#818b82; font:14px Georgia,serif; }.armory-heading>span { padding:10px 13px; color:#849086; border:1px solid rgba(155,255,31,.16); font-size:8px; letter-spacing:.15em; }
.armory-filters { display:grid; grid-template-columns:2fr repeat(3,1fr) 110px 110px 1.2fr; gap:10px; padding:22px; margin-bottom:30px; border:1px solid rgba(255,255,255,.08); background:rgba(9,14,10,.88); }.armory-filters label { color:#778178; font-size:8px; font-weight:700; letter-spacing:.13em; text-transform:uppercase; }.armory-filters input,.armory-filters select { display:block; width:100%; height:43px; margin-top:7px; padding:0 11px; color:#e7ece7; border:1px solid rgba(255,255,255,.11); outline:0; background:#060906; font-size:11px; }.armory-filters input:focus,.armory-filters select:focus { border-color:rgba(155,255,31,.45); }.armory-filters button,.armory-filters>a { height:43px; align-self:end; display:grid; place-items:center; cursor:pointer; text-decoration:none; font-size:8px; font-weight:900; letter-spacing:.14em; }.armory-filters button { grid-column:1/7; border:1px solid var(--fel); color:#071006; background:linear-gradient(135deg,#70c91d,#9aef2b); }.armory-filters>a { border:1px solid rgba(255,255,255,.12); color:#89938a; background:#090d0a; }
.armory-results { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px; }.armory-card { position:relative; display:flex; align-items:center; gap:16px; min-height:138px; padding:20px; overflow:hidden; border:1px solid rgba(255,255,255,.075); background:rgba(9,14,10,.86); transition:transform .55s ease,border-color .55s ease,box-shadow .55s ease,background .55s ease; }.armory-card:hover { transform:translateY(-3px); border-color:color-mix(in srgb,var(--class-color) 38%,transparent); background:color-mix(in srgb,var(--class-color) 5%,rgba(9,14,10,.9)); box-shadow:0 12px 28px rgba(0,0,0,.28),0 0 18px color-mix(in srgb,var(--class-color) 9%,transparent); }.armory-class-image { position:relative; width:72px; height:72px; flex:0 0 72px; }.armory-class-image img { width:100%; height:100%; object-fit:cover; border:1px solid color-mix(in srgb,var(--class-color) 50%,#1c241d); box-shadow:0 0 16px color-mix(in srgb,var(--class-color) 15%,transparent); }.armory-class-image>span { position:absolute; right:-5px; bottom:-5px; min-width:27px; height:27px; display:grid; place-items:center; padding:0 4px; color:#fff; border:1px solid var(--class-color); background:#070a08; font:13px Georgia,serif; }.armory-character-copy { min-width:0; flex:1; }.armory-character-copy>small { color:#626c63; font-size:6px; letter-spacing:.15em; }.armory-character-copy h2 { margin:5px 0 3px; overflow:hidden; color:var(--class-color); font:22px Georgia,serif; text-overflow:ellipsis; white-space:nowrap; }.armory-character-copy p { margin:0 0 11px; color:#7f8980; font-size:9px; }.armory-character-copy p b { color:#aab2ab; font-weight:400; }.armory-character-copy>div { display:flex; gap:17px; }.armory-character-copy>div>span { color:#d7ddd7; font-size:10px; }.armory-character-copy>div small { display:block; margin-top:2px; color:#505951; font-size:5px; letter-spacing:.12em; }.armory-status { position:absolute; top:12px; right:12px; width:6px; height:6px; border-radius:50%; background:#303731; }.armory-status.online { background:var(--fel); box-shadow:0 0 9px var(--fel); }.armory-empty { grid-column:1/-1; padding:65px 20px; text-align:center; border:1px dashed rgba(255,255,255,.1); color:#687269; font:15px Georgia,serif; }.armory-pagination { display:flex; align-items:center; justify-content:center; gap:25px; margin-top:32px; }.armory-pagination a,.armory-pagination span { padding:11px 14px; color:#7b857c; border:1px solid rgba(255,255,255,.1); font-size:8px; letter-spacing:.14em; text-decoration:none; }.armory-pagination a:hover { color:#fff; border-color:rgba(155,255,31,.3); }
@media (max-width:1050px) { .armory-filters { grid-template-columns:repeat(3,1fr); }.armory-filters button { grid-column:1/3; }.armory-results { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:680px) { .armory-shell { width:calc(100% - 24px); padding-top:38px; }.armory-heading { align-items:flex-start; flex-direction:column; }.armory-heading h1 { font-size:38px; }.armory-filters { grid-template-columns:1fr 1fr; padding:15px; }.armory-name { grid-column:1/-1; }.armory-filters button { grid-column:1; }.armory-results { grid-template-columns:1fr; } }

/* Armory race portrait with class and level badges */
.armory-race-image { position:relative; width:82px; height:82px; flex:0 0 82px; }
.armory-race-portrait { width:100%; height:100%; object-fit:cover; border:1px solid color-mix(in srgb,var(--class-color) 50%,#1c241d); box-shadow:0 0 16px color-mix(in srgb,var(--class-color) 15%,transparent); }
.armory-class-badge { position:absolute; left:-7px; bottom:-7px; width:29px; height:29px; object-fit:cover; border:1px solid var(--class-color); background:#070a08; box-shadow:0 3px 10px rgba(0,0,0,.75); }
.armory-race-image>span { position:absolute; right:-5px; bottom:-5px; min-width:27px; height:27px; display:grid; place-items:center; padding:0 4px; color:#fff; border:1px solid var(--class-color); background:#070a08; font:13px Georgia,serif; }

/* Shared animated Legion background for internal pages */
.shared-page-effects { position:fixed; z-index:0; inset:0; overflow:hidden; pointer-events:none; background:#040705; }
.shared-page-wallpaper { position:absolute; inset:0; background:linear-gradient(180deg,rgba(3,6,4,.38),rgba(3,6,4,.62) 68%,#040705),linear-gradient(90deg,rgba(2,4,3,.28),transparent 24% 76%,rgba(2,4,3,.28)),url("/legion/public/legion-hero-background.png") center top/max(100vw,1672px) auto no-repeat; animation:hero-background-breathe 16s ease-in-out infinite alternate; }
.shared-page-effects .fel-particles { position:absolute; top:70px; height:calc(100vh - 70px); }
.shared-page-effects .fel-lightning-field { position:absolute; top:45px; height:min(760px,100vh); }
.shared-page-effects .fel-mist { position:absolute; }
.news-page-body,.armory-page-body,.admin-page-body,.panel-page-body { position:relative; background:#040705; }
.news-page-body>.topbar,.news-page-body>.news-page-shell,.armory-page-body>.topbar,.armory-page-body>.armory-shell,.admin-page-body>.topbar,.admin-page-body>.admin-shell,.panel-page-body>.panel-page-shell { position:relative; z-index:2; }
.panel-page-shell { background:transparent; }
.panel-page-background { display:none; }

/* Armory faction state and quieter search action */
.armory-realm-state { display:flex; align-items:center; gap:7px; font-size:9px!important; letter-spacing:.13em!important; }
.armory-realm-state>span { color:#59615a; }
.armory-faction { font-size:10px; font-weight:900; text-shadow:0 0 8px currentColor; }
.armory-faction.alliance { color:#3f9dff; }
.armory-faction.horde { color:#ef4b43; }
.armory-faction.neutral { color:#d8bd62; }
.armory-filters button { display:flex; align-items:center; justify-content:center; gap:10px; border-color:rgba(114,205,40,.42); color:#dcebd5; background:linear-gradient(180deg,rgba(34,67,25,.96),rgba(13,29,15,.98)); font-size:11px; letter-spacing:.16em; box-shadow:inset 0 1px rgba(198,255,154,.05); transition:transform .42s ease,border-color .42s ease,background .42s ease,box-shadow .42s ease,color .42s ease; }
.armory-filters button:before { content:"⌕"; font:24px/1 Georgia,serif; transform:rotate(-18deg); color:#9dcc75; text-shadow:0 0 7px rgba(117,205,48,.22); }
.armory-filters button:hover { transform:translateY(-1px); color:#fff; border-color:rgba(133,222,61,.68); background:linear-gradient(180deg,rgba(43,82,31,.98),rgba(16,35,18,.98)); box-shadow:0 7px 18px rgba(0,0,0,.3),0 0 13px rgba(112,201,39,.1),inset 0 1px rgba(210,255,174,.08); }

/* Race portraits in the user panel roster */
.sidebar-roster .sidebar-race-icon { position:relative; width:40px; height:40px; flex:0 0 40px; }
.sidebar-roster .sidebar-race-icon>img:first-child { display:block; width:40px; height:40px; object-fit:cover; border:1px solid color-mix(in srgb,var(--class-color) 45%,#202820); box-shadow:0 0 10px color-mix(in srgb,var(--class-color) 16%,transparent); }
.sidebar-roster .sidebar-race-icon>.sidebar-class-badge { position:absolute; left:-4px; bottom:-4px; width:17px; height:17px; object-fit:cover; border:1px solid var(--class-color); background:#070a08; box-shadow:0 2px 6px rgba(0,0,0,.8); }
.character-race-icon { position:relative; width:60px; height:60px; flex:0 0 60px; }
.character-race-portrait { display:block; width:100%; height:100%; object-fit:cover; border:1px solid color-mix(in srgb,var(--class-color) 48%,#202820); box-shadow:0 0 13px color-mix(in srgb,var(--class-color) 16%,transparent); }
.character-class-badge { position:absolute; left:-5px; bottom:-5px; width:23px; height:23px; object-fit:cover; border:1px solid var(--class-color); background:#080c09; box-shadow:0 2px 7px rgba(0,0,0,.8); }
.character-race-icon>span { position:absolute; right:-4px; bottom:-4px; min-width:23px; height:23px; display:grid; place-items:center; padding:0 4px; color:#fff; border:1px solid color-mix(in srgb,var(--class-color) 55%,#202820); background:#080c09; font:11px Georgia,serif; }

/* User profile picture with username-initial fallback */
.profile-avatar-form { display:flex; justify-content:center; }
.profile-avatar { position:relative; display:grid; place-items:center; width:88px; height:88px; margin:auto; overflow:hidden; cursor:pointer; border:1px solid rgba(155,255,31,.3); border-radius:50%; background:radial-gradient(circle at 35% 28%,rgba(155,255,31,.18),rgba(12,23,13,.98) 68%); box-shadow:0 0 18px rgba(105,210,29,.12); transition:transform .5s ease,border-color .5s ease,box-shadow .5s ease; }
.panel-profile .profile-avatar img { width:100%; height:100%; object-fit:cover; filter:none; }
.profile-avatar>span { color:#dfffc9; font:34px Georgia,serif; text-shadow:0 0 12px rgba(155,255,31,.35); }
.profile-avatar>i { position:absolute; inset:auto 0 0; padding:5px 2px; opacity:0; color:#eafbe1; background:rgba(4,9,5,.85); font-size:6px; font-style:normal; font-weight:800; letter-spacing:.14em; transition:opacity .4s ease; }
.profile-avatar:hover { transform:scale(1.045); border-color:rgba(155,255,31,.62); box-shadow:0 0 22px rgba(105,210,29,.2); }
.profile-avatar:hover>i { opacity:1; }
.profile-avatar input { position:absolute; width:1px; height:1px; opacity:0; pointer-events:none; }
.profile-avatar-error { display:block; margin-top:9px; color:#e78686; font-size:8px; font-style:normal; line-height:1.4; }

/* Admin control center dashboard */
.admin-dashboard-shell { position:relative; z-index:2; width:min(1320px,calc(100% - 48px)); margin:auto; padding:45px 0 90px; }
.admin-title { display:flex; align-items:flex-end; justify-content:space-between; margin-bottom:25px; }.admin-title small { color:#77b947; font-size:8px; font-weight:800; letter-spacing:.24em; }.admin-title h1 { margin:7px 0 0; font:38px Georgia,serif; }.admin-title>span { padding:9px 12px; color:#8b968c; border:1px solid rgba(155,255,31,.14); background:rgba(6,11,7,.65); font-size:8px; letter-spacing:.14em; }
.admin-metric-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:15px; }.admin-metric { min-height:148px; padding:23px 22px; border:1px solid rgba(133,149,190,.18); border-radius:11px; background:linear-gradient(145deg,rgba(23,30,48,.92),rgba(15,21,35,.92)); box-shadow:0 12px 30px rgba(0,0,0,.15); }.admin-metric i,.admin-metric strong,.admin-metric span { display:block; }.admin-metric i { height:29px; color:#a984dc; font-size:22px; font-style:normal; text-shadow:0 0 12px currentColor; }.admin-metric strong { margin:4px 0 5px; font:32px Georgia,serif; text-shadow:0 0 9px rgba(255,255,255,.22); }.admin-metric span { color:#7f899a; font-size:8px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }.admin-metric.green i,.admin-metric.green strong { color:#6ee781; }.admin-metric.blue i { color:#86bfff; }.admin-metric.gold i,.admin-metric.gold strong { color:#e5c34b; }.admin-metric.red i,.admin-metric.red strong { color:#ed7379; }
.admin-section-tabs { display:flex; align-items:stretch; gap:15px; margin:16px 0 24px; border-bottom:1px solid rgba(255,255,255,.13); }.admin-section-tabs a,.admin-section-tabs>span { position:relative; min-height:48px; display:flex; align-items:center; gap:6px; padding:0 20px; color:#828c98; font-size:10px; font-weight:700; text-decoration:none; white-space:nowrap; }.admin-section-tabs small { color:#48515d; font-size:6px; }.admin-section-tabs a { transition:color .35s ease,background .35s ease,border-color .35s ease; }.admin-section-tabs a:hover,.admin-section-tabs a.active { color:#fff; }.admin-section-tabs a.active { border:1px solid rgba(155,255,31,.2); border-bottom-color:#11151a; border-radius:9px 9px 0 0; background:rgba(20,21,33,.92); box-shadow:0 -2px 12px rgba(155,255,31,.05); }.admin-section-tabs a.active:after { content:""; position:absolute; left:18px; right:18px; bottom:-1px; height:2px; background:#78c93c; box-shadow:0 0 9px rgba(127,222,55,.45); }
.admin-overview-grid { display:grid; grid-template-columns:312px minmax(420px,1.25fr) minmax(310px,.95fr); gap:16px; }.admin-dashboard-card { min-height:440px; padding:24px 25px; border:1px solid rgba(121,132,163,.18); border-radius:12px; background:rgba(14,15,27,.9); backdrop-filter:blur(13px); }.admin-dashboard-card h2 { margin:0 0 16px; padding-bottom:13px; color:#e2e5e8; border-bottom:1px solid rgba(255,255,255,.1); font-size:10px; letter-spacing:.11em; text-transform:uppercase; }.admin-server-card h2:nth-of-type(2) { margin-top:22px; }.admin-server-row { display:flex; align-items:center; gap:11px; min-height:48px; margin:9px 0; padding:0 13px; border:1px solid rgba(255,255,255,.09); border-radius:8px; background:rgba(255,255,255,.025); }.admin-server-row>i { width:8px; height:8px; border-radius:50%; background:#ecfff1; box-shadow:0 0 10px #fff; }.admin-server-row>i.offline { background:#d55b5b; box-shadow:0 0 8px #d55b5b; }.admin-server-row strong { font-size:11px; }.admin-server-row small { margin-left:auto; color:#515a69; font-size:7px; }.admin-server-row b { color:#dfe5df; font-size:9px; }
.admin-class-list { display:grid; gap:9px; }.admin-class-list span { display:flex; justify-content:space-between; margin-bottom:4px; }.admin-class-list b { color:var(--class-color); font-size:9px; }.admin-class-list em { color:#7c8794; font-size:8px; font-style:normal; }.admin-class-list i { display:block; height:3px; overflow:hidden; background:rgba(255,255,255,.08); }.admin-class-list u { display:block; height:100%; background:var(--class-color); box-shadow:0 0 7px var(--class-color); text-decoration:none; }
.admin-chart-card { min-width:0; }.admin-bar-chart { height:345px; display:flex; align-items:flex-end; gap:8px; padding:28px 3px 0; border-bottom:1px solid rgba(255,255,255,.11); background:repeating-linear-gradient(to top,rgba(255,255,255,.055) 0 1px,transparent 1px 52px); }.admin-bar-chart>div { height:100%; min-width:0; flex:1; display:flex; align-items:center; justify-content:flex-end; flex-direction:column; }.admin-bar-chart span { position:relative; width:min(24px,72%); min-height:3px; border:1px solid rgba(101,224,96,.75); border-bottom:0; border-radius:5px 5px 0 0; background:linear-gradient(to top,rgba(80,43,27,.9),rgba(80,53,27,.68)); }.admin-bar-chart b { position:absolute; top:-17px; left:50%; transform:translateX(-50%); color:#89948f; font-size:7px; font-weight:400; }.admin-bar-chart small { height:38px; padding-top:9px; color:#68727f; font-size:7px; transform:rotate(-42deg); white-space:nowrap; }
.admin-no-bans { min-height:300px; display:grid; place-content:center; gap:12px; text-align:center; color:#515b6c; }.admin-no-bans i { width:27px; height:27px; display:grid; place-items:center; margin:auto; border:2px solid #515b6c; border-radius:50%; font-style:normal; }.admin-no-bans span { font-size:10px; }.admin-ban-list>div { padding:14px 5px; border-bottom:1px solid rgba(255,255,255,.08); }.admin-ban-list strong,.admin-ban-list span { display:block; }.admin-ban-list strong { color:#e47a7a; font-size:11px; }.admin-ban-list span { margin-top:5px; color:#747e89; font-size:9px; }
.admin-news-workspace { padding:30px; border:1px solid rgba(255,255,255,.08); border-radius:12px; background:rgba(8,12,10,.84); backdrop-filter:blur(12px); }
@media(max-width:1150px){.admin-metric-grid{grid-template-columns:repeat(3,1fr)}.admin-overview-grid{grid-template-columns:1fr 1.4fr}.admin-bans-card{grid-column:1/-1;min-height:260px}.admin-section-tabs{overflow-x:auto}}
@media(max-width:760px){.admin-dashboard-shell{width:calc(100% - 24px);padding-top:28px}.admin-title{align-items:flex-start;flex-direction:column;gap:15px}.admin-metric-grid{grid-template-columns:repeat(2,1fr)}.admin-overview-grid{grid-template-columns:1fr}.admin-dashboard-card{min-height:auto}.admin-bar-chart{height:300px}.admin-section-tabs>span{display:none}.admin-news-workspace{padding:16px}}

/* Sky Legion palette for the admin dashboard */
.admin-metric { border-color:rgba(155,255,31,.13); background:linear-gradient(145deg,rgba(10,18,11,.94),rgba(5,10,7,.94)); box-shadow:0 12px 30px rgba(0,0,0,.24),inset 0 1px rgba(190,255,122,.025); }
.admin-metric:hover { border-color:rgba(155,255,31,.26); background:linear-gradient(145deg,rgba(13,25,14,.96),rgba(6,12,8,.96)); }
.admin-metric i { color:#78c93c; text-shadow:0 0 10px rgba(125,214,55,.3); }
.admin-metric span { color:#69756b; }
.admin-metric.blue i { color:#91d257; }
.admin-metric.green i,.admin-metric.green strong { color:#87df4a; }
.admin-section-tabs { border-bottom-color:rgba(155,255,31,.12); }
.admin-section-tabs a,.admin-section-tabs>span { color:#78837a; }
.admin-section-tabs small { color:#465048; }
.admin-section-tabs a.active { border-color:rgba(155,255,31,.22); border-bottom-color:#071008; background:linear-gradient(180deg,rgba(18,31,19,.94),rgba(7,16,9,.96)); }
.admin-dashboard-card { border-color:rgba(155,255,31,.12); background:linear-gradient(145deg,rgba(8,15,9,.92),rgba(5,10,7,.94)); box-shadow:0 15px 35px rgba(0,0,0,.2); }
.admin-dashboard-card h2 { color:#dfe8dc; border-bottom-color:rgba(155,255,31,.1); }
.admin-server-row { border-color:rgba(155,255,31,.1); background:rgba(155,255,31,.018); }
.admin-server-row small,.admin-class-list em,.admin-bar-chart small { color:#667168; }
.admin-bar-chart { border-bottom-color:rgba(155,255,31,.13); background:repeating-linear-gradient(to top,rgba(155,255,31,.045) 0 1px,transparent 1px 52px); }
.admin-bar-chart span { border-color:rgba(134,222,63,.75); background:linear-gradient(to top,rgba(30,68,24,.9),rgba(66,112,34,.72)); box-shadow:0 0 8px rgba(119,211,49,.08); }
.admin-no-bans { color:#526055; }.admin-no-bans i { border-color:#526055; }

/* Neutral graphite base; Fel green is reserved for small accents */
.admin-metric { border-color:rgba(196,204,198,.1); background:linear-gradient(145deg,rgba(23,26,25,.94),rgba(12,15,14,.96)); box-shadow:0 12px 30px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.025); transition:transform .45s ease,border-color .45s ease,background .45s ease,box-shadow .45s ease; }
.admin-metric:hover { transform:translateY(-2px); border-color:rgba(155,255,31,.2); background:linear-gradient(145deg,rgba(27,31,29,.96),rgba(14,18,16,.97)); box-shadow:0 15px 34px rgba(0,0,0,.3),0 0 14px rgba(155,255,31,.035); }
.admin-metric i,.admin-metric.blue i { color:#9aa39c; text-shadow:0 0 8px rgba(255,255,255,.1); }
.admin-metric strong { color:#edf0ed; }.admin-metric span { color:#747d76; }
.admin-metric.green i,.admin-metric.green strong { color:#88d84e; }.admin-metric.gold i,.admin-metric.gold strong { color:#cbb45c; }.admin-metric.red i,.admin-metric.red strong { color:#d66d72; }
.admin-section-tabs { border-bottom-color:rgba(210,218,212,.11); }.admin-section-tabs a,.admin-section-tabs>span { color:#858d87; }
.admin-section-tabs a.active { border-color:rgba(210,218,212,.14); border-bottom-color:#111513; background:linear-gradient(180deg,rgba(27,30,29,.96),rgba(16,19,18,.98)); box-shadow:none; }
.admin-section-tabs a.active:after { background:#82ce49; box-shadow:0 0 7px rgba(130,206,73,.32); }
.admin-dashboard-card { border-color:rgba(205,214,207,.1); background:linear-gradient(145deg,rgba(19,22,21,.93),rgba(11,14,13,.95)); box-shadow:0 15px 35px rgba(0,0,0,.22); }
.admin-dashboard-card h2 { border-bottom-color:rgba(215,222,217,.09); }.admin-server-row { border-color:rgba(210,218,212,.09); background:rgba(255,255,255,.018); }
.admin-class-list i { background:rgba(225,230,226,.075); }
.admin-bar-chart { border-bottom-color:rgba(220,226,221,.11); background:repeating-linear-gradient(to top,rgba(220,226,221,.045) 0 1px,transparent 1px 52px); }
.admin-bar-chart span { border-color:rgba(126,198,74,.62); background:linear-gradient(to top,rgba(34,39,36,.96),rgba(55,64,58,.9)); box-shadow:none; }
.admin-news-workspace { border-color:rgba(210,218,212,.1); background:rgba(15,18,17,.9); }

/* Smooth Dashboard hero action */
.hero-actions .panel-link { transform:skew(-7deg) translateY(0) scale(1); transition:transform .65s cubic-bezier(.22,.61,.36,1),box-shadow .65s ease,border-color .65s ease,background .65s ease; will-change:transform; }
.hero-actions .panel-link:hover { transform:skew(-7deg) translateY(-2px) scale(1.018); border-color:rgba(155,255,31,.7); box-shadow:0 7px 20px rgba(0,0,0,.28),0 0 10px rgba(155,255,31,.08); }
.hero-actions .primary-action span { text-shadow:0 1px 0 rgba(255,255,255,.18); }.hero-actions .primary-action small { color:rgba(7,14,7,.72); }.hero-actions .secondary-action span { color:#f5f8f5; text-shadow:0 0 8px rgba(255,255,255,.15); }.hero-actions .secondary-action small { color:#a2aaa3; }
@media (prefers-reduced-motion:reduce) { .hero-actions .panel-link { transition:transform .65s cubic-bezier(.22,.61,.36,1),box-shadow .65s ease,border-color .65s ease,background .65s ease!important; } }
@media (max-width:540px) { .admin-page-body .account-menu .account-link:after { content:"ADMIN"; } }

/* Clickable Armory cards and full 3D character profile */
.armory-card-link { min-width:0; color:inherit; text-decoration:none; }.armory-card-link .armory-card { height:100%; }
.character-profile-shell { position:relative; z-index:2; width:min(1320px,calc(100% - 48px)); margin:auto; padding:42px 0 100px; }.character-back { color:#788279; font-size:8px; font-weight:800; letter-spacing:.16em; text-decoration:none; transition:color .35s ease; }.character-back:hover { color:#fff; }.character-profile-heading { display:flex; align-items:flex-end; justify-content:space-between; margin:28px 0 25px; padding-bottom:21px; border-bottom:1px solid rgba(255,255,255,.1); }.character-profile-heading small { color:var(--class-color); font-size:8px; font-weight:800; letter-spacing:.2em; }.character-profile-heading h1 { margin:7px 0 5px; color:var(--class-color); font:48px Georgia,serif; text-shadow:0 0 17px color-mix(in srgb,var(--class-color) 16%,transparent); }.character-profile-heading p { margin:0; color:#89938b; font:14px Georgia,serif; }.character-profile-heading p b { color:#d7ddd8; font-weight:400; }.character-profile-heading>span { padding:10px 13px; color:#778179; border:1px solid rgba(255,255,255,.1); background:rgba(10,13,11,.66); font-size:8px; letter-spacing:.15em; }
.character-showcase { display:grid; grid-template-columns:250px minmax(390px,1fr) 250px; gap:17px; min-height:590px; }.character-equipment-list { display:grid; align-content:center; gap:8px; }.character-equipment-list a { position:relative; min-height:61px; display:flex; justify-content:center; flex-direction:column; padding:9px 13px; overflow:hidden; color:inherit; border:1px solid rgba(255,255,255,.085); background:linear-gradient(135deg,rgba(24,27,25,.9),rgba(11,14,12,.92)); text-decoration:none; transition:transform .45s ease,border-color .45s ease,background .45s ease; }.character-equipment-list:not(.right) a { border-left:2px solid color-mix(in srgb,var(--class-color) 55%,#3a423b); }.character-equipment-list.right a { align-items:flex-end; border-right:2px solid color-mix(in srgb,var(--class-color) 55%,#3a423b); text-align:right; }.character-equipment-list a:hover { transform:translateY(-2px); border-color:color-mix(in srgb,var(--class-color) 34%,rgba(255,255,255,.1)); background:linear-gradient(135deg,rgba(29,33,30,.96),rgba(13,17,14,.96)); }.character-equipment-list small,.character-equipment-list strong,.character-equipment-list span { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.character-equipment-list small { color:#5e6860; font-size:6px; letter-spacing:.15em; }.character-equipment-list strong { margin:4px 0; color:#d7ddd8; font:12px Georgia,serif; }.character-equipment-list span { color:#6d776f; font-size:6px; letter-spacing:.11em; }
.character-model-stage { position:relative; min-width:0; overflow:hidden; border:1px solid rgba(255,255,255,.085); background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--class-color) 8%,transparent),transparent 42%),linear-gradient(180deg,rgba(12,17,13,.86),rgba(5,8,6,.94)); box-shadow:inset 0 0 70px rgba(0,0,0,.5); }.character-model-stage:after { content:""; position:absolute; z-index:0; left:15%; right:15%; bottom:35px; height:18px; border-radius:50%; background:rgba(0,0,0,.7); filter:blur(14px); }.character-model-stage #character-model { position:absolute; z-index:1; inset:0; }.character-model-stage canvas { width:100%!important; height:100%!important; }.model-loading { position:absolute; inset:0; display:grid; place-content:center; gap:9px; text-align:center; }.model-loading i { width:34px; height:34px; margin:auto; border:2px solid rgba(255,255,255,.1); border-top-color:var(--class-color); border-radius:50%; animation:model-loader 1s linear infinite; }.model-loading strong { margin-top:8px; color:#d8ded9; font-size:9px; letter-spacing:.18em; }.model-loading span { color:#5f6961; font-size:8px; }.model-controls-hint { position:absolute; z-index:3; left:0; right:0; bottom:13px; color:#59635b; font-size:6px; letter-spacing:.18em; text-align:center; pointer-events:none; }@keyframes model-loader{to{transform:rotate(360deg)}}
.character-profile-grid { display:grid; grid-template-columns:1fr 1fr; gap:17px; margin-top:17px; }.character-profile-grid>article { min-height:230px; padding:25px; border:1px solid rgba(255,255,255,.085); background:rgba(15,18,16,.9); }.character-profile-grid>article>small { color:var(--class-color); font-size:7px; font-weight:800; letter-spacing:.19em; }.character-profile-grid h2 { margin:6px 0 22px; font:28px Georgia,serif; }.character-stat-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }.character-stat-grid span { padding:14px 12px; color:#647067; border:1px solid rgba(255,255,255,.07); background:rgba(255,255,255,.015); font-size:7px; letter-spacing:.08em; }.character-stat-grid b { display:block; margin-bottom:6px; color:#e2e7e3; font:19px Georgia,serif; letter-spacing:0; }.character-talents { display:grid; grid-template-columns:repeat(2,1fr); gap:10px; }.character-talents>a { min-height:74px; display:flex; align-items:center; gap:13px; padding:10px; color:#859087; border:1px solid rgba(255,255,255,.075); background:rgba(255,255,255,.012); text-decoration:none; transition:border-color .4s ease,background .4s ease,transform .4s ease,box-shadow .4s ease; }.character-talents>a:hover { transform:translateY(-2px); border-color:color-mix(in srgb,var(--class-color) 46%,transparent); background:color-mix(in srgb,var(--class-color) 6%,rgba(255,255,255,.018)); box-shadow:0 8px 22px rgba(0,0,0,.24); }.talent-icon-frame { width:52px;height:52px;flex:0 0 52px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--class-color) 35%,#202620);background:#080b09; }.talent-icon { width:100%;height:100%;object-fit:cover; }.talent-copy { min-width:0; }.character-talents .talent-copy small,.character-talents .talent-copy b,.character-talents .talent-copy em { display:block; }.character-talents .talent-copy small { color:var(--class-color);font-size:8px;font-weight:800;letter-spacing:.13em; }.character-talents .talent-copy b { margin:5px 0;color:#e6eae7;font:15px/1.15 Georgia,serif; }.character-talents .talent-copy em { color:#687269;font-size:8px;font-style:normal;letter-spacing:.08em; }.talent-empty { color:#6c766e; font:13px Georgia,serif; }.armory-character-missing { min-height:500px; display:grid; place-content:center; text-align:center; }.armory-character-missing h1 { font:42px Georgia,serif; }.armory-character-missing a { color:var(--fel-soft); font-size:10px; }
@media(max-width:1050px){.character-showcase{grid-template-columns:210px minmax(340px,1fr) 210px}.character-equipment-list strong{font-size:10px}}
@media(max-width:820px){.character-showcase{grid-template-columns:1fr 1fr}.character-model-stage{grid-column:1/-1;grid-row:1;min-height:520px}.character-equipment-list{grid-row:2}.character-profile-grid{grid-template-columns:1fr}}
@media(max-width:580px){.character-profile-shell{width:calc(100% - 24px);padding-top:28px}.character-profile-heading{align-items:flex-start;flex-direction:column;gap:15px}.character-profile-heading h1{font-size:39px}.character-showcase{grid-template-columns:1fr}.character-model-stage{min-height:480px}.character-equipment-list,.character-equipment-list.right{grid-row:auto}.character-equipment-list.right a{align-items:flex-start;text-align:left;border-right:1px solid rgba(255,255,255,.085);border-left:2px solid color-mix(in srgb,var(--class-color) 55%,#3a423b)}.character-stat-grid{grid-template-columns:repeat(2,1fr)}}
.character-equipment-list a{display:flex;align-items:center;gap:12px}
.character-equipment-list a>div{min-width:0;display:flex;flex-direction:column}
.equipment-item-icon{width:46px;height:46px;flex:0 0 46px;object-fit:cover;border:1px solid rgba(112,255,45,.35);border-radius:5px;box-shadow:0 0 12px rgba(84,210,25,.12)}
.character-equipment-list a small{font-size:9px;font-weight:800;letter-spacing:.11em;color:#8b978d}
.character-equipment-list a span{font-size:9px;font-weight:700;letter-spacing:.08em;color:#768078}
.character-profile-grid>article>small{font-size:9px}
.character-stat-grid span{padding:16px 13px;color:#89948b;font-size:10px;font-weight:700;line-height:1.3;letter-spacing:.055em}
.character-stat-grid b{margin-bottom:7px;color:#eef2ef;font-size:22px}
.character-profile-shell{width:min(1240px,calc(100% - 48px));padding-top:38px}
.character-profile-heading{margin:24px 0 22px;padding-bottom:18px}
.character-profile-heading h1{font-size:44px}
.character-showcase{grid-template-columns:235px minmax(370px,1fr) 235px;gap:15px;min-height:550px}
.character-equipment-list{gap:7px}
.character-equipment-list a{min-height:57px;padding:8px 11px;gap:10px}
.equipment-item-icon{width:43px;height:43px;flex-basis:43px}
.character-profile-grid{gap:15px;margin-top:15px}
.character-profile-grid>article{min-height:215px;padding:22px}
.character-profile-grid h2{font-size:26px;margin-bottom:19px}
.character-stat-grid{gap:9px}
.character-stat-grid span{padding:14px 11px;font-size:9px}
.character-stat-grid b{font-size:20px}
.character-talents>a{min-height:68px;gap:11px;padding:8px}
.talent-icon-frame{width:48px;height:48px;flex-basis:48px}
.character-talents .talent-copy b{font-size:14px}
@media(max-width:1050px){.character-showcase{grid-template-columns:200px minmax(330px,1fr) 200px}}

/* Hall of Heroes */
.heroes-page-body{min-height:100vh;background:#050806;color:#e9edea}
.heroes-page-body>.shared-background,.heroes-page-body>.topbar,.heroes-page-body>.heroes-shell{position:relative;z-index:2}
.heroes-shell{width:min(1240px,calc(100% - 48px));margin:0 auto;padding:54px 0 100px}
.heroes-intro{text-align:center;padding:18px 0 38px}
.heroes-intro>small{color:#96ce5d;font-size:8px;font-weight:800;letter-spacing:.34em}
.heroes-intro h1{margin:10px 0 8px;color:#f0f3f0;font:52px Georgia,serif;letter-spacing:.025em;text-shadow:0 0 25px rgba(139,213,68,.12)}
.heroes-intro p{margin:0;color:#929c94;font:15px Georgia,serif}
.heroes-rule{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:24px;color:#667068;font-size:7px;font-weight:800;letter-spacing:.25em}
.heroes-rule i{width:55px;height:1px;background:linear-gradient(90deg,transparent,rgba(143,207,76,.5))}.heroes-rule i:last-child{transform:scaleX(-1)}
.heroes-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:25px}
.heroes-summary article{position:relative;min-height:116px;padding:20px 22px;overflow:hidden;border:1px solid rgba(255,255,255,.085);background:linear-gradient(145deg,rgba(21,25,22,.92),rgba(10,13,11,.94))}
.heroes-summary article:after{content:"";position:absolute;right:-28px;bottom:-35px;width:95px;height:95px;border-radius:50%;background:rgba(142,211,72,.05);filter:blur(4px)}
.heroes-summary small,.heroes-summary span{display:block}.heroes-summary small{color:#687269;font-size:7px;font-weight:800;letter-spacing:.17em}.heroes-summary strong{display:block;margin:8px 0 2px;color:#e9edea;font:28px Georgia,serif}.heroes-summary span{color:#89928b;font-size:10px}.heroes-summary .fallen{border-color:rgba(126,116,105,.2)}.heroes-summary .fallen strong{color:#b7afa6}
.heroes-tabs{position:relative;height:69px;display:flex;justify-content:center;border-bottom:1px solid rgba(255,255,255,.1)}
.heroes-tabs button{width:220px;display:grid;grid-template-columns:28px 1fr;grid-template-rows:1fr 1fr;align-items:end;padding:12px 18px;border:0;background:none;color:#747e76;cursor:pointer;text-align:left;font-size:14px;font-weight:800;letter-spacing:.08em;transition:color .35s ease,background .35s ease}
.heroes-tabs button span{grid-row:1/3;align-self:center;color:#586159;font-size:17px}.heroes-tabs button small{align-self:start;margin-top:3px;color:#59635b;font-size:8px;letter-spacing:.15em}.heroes-tabs button:hover,.heroes-tabs button.active{color:#fff;background:rgba(255,255,255,.018)}.heroes-tabs button.active span{color:#94dc49;text-shadow:0 0 10px rgba(148,220,73,.4)}
.heroes-tab-indicator{position:absolute;left:0;bottom:-1px;width:0;height:2px;background:linear-gradient(90deg,rgba(155,255,31,.35),var(--fel),rgba(155,255,31,.35));box-shadow:0 0 10px rgba(155,255,31,.42);transition:left .55s ease,width .55s ease}
.heroes-section{padding-top:30px}.heroes-section[hidden]{display:none}.heroes-section>header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:20px}.heroes-section>header small{color:#8dcc4d;font-size:7px;font-weight:800;letter-spacing:.22em}.heroes-section>header h2{margin:5px 0 0;font:30px Georgia,serif}.heroes-section>header p{margin:0;color:#69736b;font:13px Georgia,serif}
.heroes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.hero-record{position:relative;min-height:151px;display:flex;align-items:center;gap:17px;padding:17px;overflow:hidden;border:1px solid rgba(255,255,255,.085);background:linear-gradient(135deg,rgba(20,24,21,.94),rgba(9,12,10,.95));color:inherit;text-decoration:none;transition:transform .48s ease,border-color .48s ease,background .48s ease,box-shadow .48s ease}
.hero-record:before{content:"";position:absolute;left:0;top:18%;bottom:18%;width:2px;background:var(--hero-color);opacity:.65;box-shadow:0 0 9px color-mix(in srgb,var(--hero-color) 42%,transparent)}
.active-hero:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--hero-color) 35%,rgba(255,255,255,.08));background:linear-gradient(135deg,color-mix(in srgb,var(--hero-color) 6%,rgba(21,25,22,.96)),rgba(10,13,11,.97));box-shadow:0 13px 30px rgba(0,0,0,.28)}
.hero-record-portrait{position:relative;width:80px;height:96px;flex:0 0 80px}.hero-record-portrait>img:first-child{width:80px;height:96px;display:block;object-fit:cover;object-position:top;border:1px solid color-mix(in srgb,var(--hero-color) 38%,#303630);filter:saturate(.82);box-shadow:0 7px 18px rgba(0,0,0,.32)}
.hero-record-class{position:absolute;left:-6px;bottom:-6px;width:28px;height:28px;object-fit:cover;border:1px solid var(--hero-color);background:#080a08}.hero-record-portrait>b{position:absolute;right:-5px;bottom:-5px;min-width:29px;height:29px;display:grid;place-items:center;padding:0 5px;border:1px solid color-mix(in srgb,var(--hero-color) 55%,#252b26);background:#080b09;color:#fff;font:13px Georgia,serif}
.hero-record-copy{min-width:0;flex:1}.hero-record-copy>small{display:flex;align-items:center;gap:6px;color:#6f7971;font-size:7px;font-weight:800;letter-spacing:.13em}.hero-record-copy>small i{width:6px;height:6px;border-radius:50%;background:#59615a}.hero-record-copy>small i.online{background:#8bea32;box-shadow:0 0 8px rgba(139,234,50,.65)}
.hero-record-copy h3{margin:6px 0 3px;overflow:hidden;color:#eef1ef;font:23px Georgia,serif;text-overflow:ellipsis;white-space:nowrap}.hero-record-copy>p{margin:0;color:#778179;font:11px Georgia,serif}.hero-record-copy>p b{color:var(--hero-color);font-weight:400}
.hero-record-copy>div:last-child{display:flex;gap:23px;margin-top:13px}.hero-record-copy>div:last-child>span{color:#d9dedb;font:13px Georgia,serif}.hero-record-copy>div:last-child small{display:block;margin-top:3px;color:#59625b;font:6px Arial,sans-serif;letter-spacing:.12em}
.fallen-grid .hero-record{filter:saturate(.55)}.fallen-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 50%,rgba(93,83,76,.055));pointer-events:none}.fallen-hero .hero-record-portrait>img:first-child{filter:grayscale(.65) saturate(.4) brightness(.7)}.fallen-hero .hero-record-copy h3{color:#c7c4bf}.fallen-hero .hero-record-copy>small{color:#9b8274}.hero-death{margin-top:10px;padding-top:8px;border-top:1px solid rgba(255,255,255,.06)}.hero-death span,.hero-death strong{display:block}.hero-death span{color:#665f5a;font-size:7px;letter-spacing:.12em}.hero-death strong{margin-top:3px;color:#a89c92;font:12px Georgia,serif}
.fallen-hero:hover{transform:translateY(-3px);filter:saturate(.72);border-color:rgba(150,137,124,.28);background:linear-gradient(135deg,rgba(27,26,24,.96),rgba(13,14,13,.97));box-shadow:0 13px 30px rgba(0,0,0,.3)}
.heroes-empty{grid-column:1/-1;min-height:245px;display:grid;place-content:center;gap:8px;text-align:center;border:1px solid rgba(255,255,255,.07);background:rgba(11,14,12,.82);color:#687169}.heroes-empty strong{color:#abb2ac;font:20px Georgia,serif}.heroes-empty>span{font-size:10px}.memorial-empty{background:radial-gradient(circle at 50% 45%,rgba(107,91,78,.07),transparent 32%),rgba(10,12,11,.85)}.memorial-mark{color:#82766c!important;font:34px Georgia,serif!important;text-shadow:0 0 18px rgba(151,126,105,.18)}
@media(max-width:1100px){.panel-nav{gap:26px}.heroes-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:850px){.heroes-shell{width:calc(100% - 28px);padding-top:30px}.heroes-summary{grid-template-columns:repeat(2,1fr)}.heroes-intro h1{font-size:42px}.heroes-section>header{align-items:flex-start;flex-direction:column;gap:7px}}
@media(max-width:620px){.heroes-summary,.heroes-grid{grid-template-columns:1fr}.heroes-tabs button{width:50%;padding:10px}.hero-record{min-height:142px}.heroes-section>header p{font-size:11px}}

/* Hardcore life status */
.character-life-banner{min-height:64px;display:flex;align-items:center;justify-content:center;gap:22px;margin:6px auto 10px;text-align:center}
.character-life-banner>div{min-width:190px}.character-life-banner strong,.character-life-banner small{display:block}.character-life-banner strong{color:#e9eee9;font:22px Georgia,serif;letter-spacing:.16em;text-shadow:0 0 14px rgba(141,222,63,.18)}.character-life-banner small{margin-top:5px;color:#6e796f;font-size:7px;font-weight:800;letter-spacing:.23em}
.character-life-banner .life-ornament{position:relative;width:105px;height:30px;display:flex;align-items:center}.character-life-banner .life-ornament:before,.character-life-banner .life-ornament:after{content:"";display:block}.character-life-banner.active .life-ornament:before{width:100%;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--class-color) 65%,#6b8f50))}.character-life-banner.active .life-ornament:after{position:absolute;right:-2px;width:12px;height:12px;border:1px solid color-mix(in srgb,var(--class-color) 58%,#65824f);background:#0a0e0b;transform:rotate(45deg);box-shadow:0 0 9px color-mix(in srgb,var(--class-color) 24%,transparent)}.character-life-banner.active .right{transform:scaleX(-1)}
.character-life-banner.fallen strong{color:#bdb9b3;text-shadow:0 0 13px rgba(157,145,132,.17)}.character-life-banner.fallen small{color:#756d66}.character-life-banner.fallen .life-ornament{width:82px;justify-content:center}.character-life-banner.fallen .life-ornament:before{width:25px;height:27px;border:1px solid #77736e;border-bottom:3px solid #77736e;border-radius:13px 13px 2px 2px;background:linear-gradient(#292a28,#171918);box-shadow:0 0 12px rgba(145,134,121,.11)}.character-life-banner.fallen .life-ornament:after{position:absolute;bottom:0;width:39px;height:3px;background:#77736e;box-shadow:0 3px 0 #343532}.character-life-banner.fallen .life-ornament i:before,.character-life-banner.fallen .life-ornament i:after{content:"";position:absolute;z-index:1;left:50%;top:9px;background:#96918b;transform:translateX(-50%)}.character-life-banner.fallen .life-ornament i:before{width:10px;height:1px}.character-life-banner.fallen .life-ornament i:after{width:1px;height:11px;top:5px}
@media(max-width:580px){.character-life-banner{gap:10px}.character-life-banner .life-ornament{width:55px}.character-life-banner>div{min-width:155px}.character-life-banner strong{font-size:17px;letter-spacing:.11em}.character-life-banner.fallen .life-ornament{width:45px}}

.heroes-pagination{min-height:68px;display:flex;align-items:center;justify-content:center;gap:7px;margin-top:24px;padding-top:19px;border-top:1px solid rgba(255,255,255,.075)}
.heroes-pagination a,.heroes-pagination span{height:34px;display:grid;place-items:center;text-decoration:none}.heroes-pagination .page-number{width:34px;border:1px solid rgba(255,255,255,.085);background:rgba(11,15,12,.78);color:#7c867e;font-size:9px;font-weight:800;transition:color .35s ease,border-color .35s ease,background .35s ease,box-shadow .35s ease}.heroes-pagination a.page-number:hover,.heroes-pagination .page-number.active{color:#fff;border-color:rgba(151,222,80,.38);background:rgba(125,190,61,.08);box-shadow:0 0 12px rgba(132,211,57,.09)}.heroes-pagination .page-number.active{color:#a7ec62}
.heroes-pagination .page-direction{min-width:92px;padding:0 12px;color:#737d75;font-size:7px;font-weight:800;letter-spacing:.12em;transition:color .35s ease}.heroes-pagination a.page-direction:hover{color:#fff}.heroes-pagination .page-direction.disabled{opacity:.28}.heroes-pagination .page-gap{width:22px;color:#4f5851;font-size:11px}
.armory-pagination{gap:7px}.armory-pagination a,.armory-pagination span{height:34px;display:grid;place-items:center;padding:0}.armory-pagination .page-number{width:34px;background:rgba(11,15,12,.78);font-size:9px;font-weight:800;letter-spacing:0}.armory-pagination .page-number.active{color:#a7ec62;border-color:rgba(151,222,80,.38);background:rgba(125,190,61,.08);box-shadow:0 0 12px rgba(132,211,57,.09)}.armory-pagination .page-direction{min-width:92px;padding:0 12px;border-color:transparent;font-size:7px;font-weight:800}.armory-pagination .page-direction.disabled{opacity:.28}.armory-pagination .page-gap{width:22px;border:0;color:#4f5851;font-size:11px}
@media(max-width:580px){.heroes-pagination{gap:3px}.heroes-pagination .page-direction{min-width:68px;padding:0 5px;font-size:6px}.heroes-pagination .page-number{width:31px}}

/* Admin fallen heroes */
.admin-fallen-workspace{padding:26px 0 70px}.admin-fallen-workspace .admin-heading{margin-bottom:20px}.admin-revive-message{margin-bottom:15px;padding:13px 16px;border:1px solid rgba(255,255,255,.09);font-size:10px;letter-spacing:.04em}.admin-revive-message.success{color:#b8e58d;border-color:rgba(139,218,67,.24);background:rgba(117,190,48,.07)}.admin-revive-message.error{color:#e1a09d;border-color:rgba(220,88,83,.25);background:rgba(180,55,52,.07)}
.admin-hero-search{display:flex;align-items:flex-end;gap:10px;margin-bottom:16px;padding:16px;border:1px solid rgba(255,255,255,.075);background:rgba(12,16,13,.86)}.admin-hero-search label{flex:1}.admin-hero-search label span{display:block;margin-bottom:8px;color:#778178;font-size:7px;font-weight:800;letter-spacing:.16em}.admin-hero-search input{width:100%;height:40px;padding:0 13px;outline:0;border:1px solid rgba(255,255,255,.11);background:#080b09;color:#e8ece9;font-size:11px}.admin-hero-search input:focus{border-color:rgba(155,255,31,.35)}.admin-hero-search button,.admin-hero-search a{height:40px;display:grid;place-items:center;padding:0 20px;border:1px solid rgba(155,255,31,.25);background:rgba(124,194,57,.08);color:#a5d976;text-decoration:none;font-size:8px;font-weight:800;letter-spacing:.12em;cursor:pointer}.admin-hero-search a{border-color:rgba(255,255,255,.1);background:none;color:#777f78}
.admin-fallen-list{display:grid;gap:9px}.admin-fallen-list>article{min-height:104px;display:grid;grid-template-columns:62px minmax(230px,1fr) minmax(150px,.7fr) auto;align-items:center;gap:16px;padding:14px 16px;border:1px solid rgba(255,255,255,.075);border-left:2px solid color-mix(in srgb,var(--class-color) 48%,#4d534e);background:linear-gradient(110deg,rgba(19,22,20,.92),rgba(9,12,10,.95))}.admin-fallen-list>article>img{width:58px;height:58px;object-fit:cover;border:1px solid color-mix(in srgb,var(--class-color) 38%,#303530);filter:grayscale(.4) saturate(.65)}.admin-fallen-identity small,.admin-fallen-cause small{color:#89776c;font-size:7px;font-weight:800;letter-spacing:.13em}.admin-fallen-identity h3{margin:5px 0 3px;color:#dddeda;font:21px Georgia,serif}.admin-fallen-identity p{margin:0;color:#707970;font-size:9px}.admin-fallen-cause strong{display:block;margin-top:5px;color:#b3aaa2;font:13px Georgia,serif}.admin-fallen-actions{display:flex;align-items:center;gap:8px}.admin-fallen-actions>a,.admin-fallen-actions button,.revive-unavailable{height:36px;display:grid;place-items:center;padding:0 13px;text-decoration:none;font-size:7px;font-weight:900;letter-spacing:.1em;white-space:nowrap}.admin-fallen-actions>a{border:1px solid rgba(255,255,255,.1);color:#8a938b}.admin-fallen-actions button{cursor:pointer;border:1px solid rgba(142,218,69,.35);background:rgba(119,190,50,.1);color:#ade479;transition:border-color .35s ease,background .35s ease,color .35s ease}.admin-fallen-actions button:hover{border-color:rgba(155,238,75,.62);background:rgba(130,207,57,.17);color:#d9ffc0}.revive-unavailable{border:1px solid rgba(255,255,255,.07);color:#5e665f}.revive-unavailable.online{color:#987d72}.admin-fallen-empty{padding:55px;text-align:center;border:1px dashed rgba(255,255,255,.09);color:#687169;font:14px Georgia,serif}.admin-fallen-pagination{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:20px}.admin-fallen-pagination a,.admin-fallen-pagination span{padding:10px 14px;border:1px solid rgba(255,255,255,.08);color:#778078;text-decoration:none;font-size:7px;letter-spacing:.1em}
@media(max-width:1050px){.admin-page-body .admin-section-tabs{gap:18px}.admin-fallen-list>article{grid-template-columns:55px 1fr auto}.admin-fallen-cause{display:none}.admin-fallen-actions{flex-direction:column;align-items:stretch}}
@media(max-width:720px){.admin-hero-search{align-items:stretch;flex-direction:column}.admin-fallen-list>article{grid-template-columns:50px 1fr}.admin-fallen-actions{grid-column:1/-1;flex-direction:row}.admin-fallen-list>article>img{width:50px;height:50px}}

/* Support tickets */
.ticket-page-body{min-height:100vh;background:#050806}.ticket-page-body>.topbar,.ticket-shell{position:relative;z-index:2}.ticket-shell{width:min(1240px,calc(100% - 48px));margin:auto;padding:48px 0 90px}.ticket-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:22px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.09)}.ticket-heading small,.admin-ticket-workspace .admin-heading small{color:#92d253;font-size:8px;font-weight:800;letter-spacing:.2em}.ticket-heading h1{margin:6px 0 4px;font:37px Georgia,serif}.ticket-heading p{margin:0;color:#7a847c;font:13px Georgia,serif}.ticket-heading>span{padding:10px 13px;border:1px solid rgba(255,255,255,.09);color:#737d75;font-size:8px;letter-spacing:.13em}.ticket-layout,.admin-ticket-layout{display:grid;grid-template-columns:350px 1fr;gap:14px}.ticket-sidebar,.admin-ticket-list{min-width:0}.ticket-create{margin-bottom:12px;border:1px solid rgba(145,217,73,.18);background:rgba(11,15,12,.92)}.ticket-create summary{padding:15px;color:#a5db71;cursor:pointer;font-size:8px;font-weight:900;letter-spacing:.14em}.ticket-create form{display:grid;gap:11px;padding:0 15px 16px;border-top:1px solid rgba(255,255,255,.06)}.ticket-create label{color:#818b83;font-size:8px;font-weight:800;letter-spacing:.1em}.ticket-create label small{color:#545d55}.ticket-create input,.ticket-create select,.ticket-create textarea,.ticket-reply textarea,.admin-ticket-filters input,.admin-ticket-filters select,.admin-ticket-thread select{width:100%;margin-top:7px;padding:11px 12px;outline:0;border:1px solid rgba(255,255,255,.1);background:#080b09;color:#e4e9e5;font-size:10px}.ticket-create textarea,.ticket-reply textarea{resize:vertical}.ticket-create button,.ticket-reply button,.admin-ticket-filters button{height:40px;border:1px solid rgba(145,219,71,.3);background:rgba(124,194,57,.1);color:#ade279;cursor:pointer;font-size:8px;font-weight:900;letter-spacing:.12em}.ticket-own-list,.admin-ticket-list{display:grid;align-content:start;gap:7px}.ticket-own-list>a,.admin-ticket-list>a{display:block;padding:13px 14px;border:1px solid rgba(255,255,255,.075);background:rgba(11,15,12,.88);text-decoration:none;transition:border-color .3s ease,background .3s ease}.ticket-own-list>a:hover,.ticket-own-list>a.active,.admin-ticket-list>a:hover,.admin-ticket-list>a.active{border-color:rgba(145,215,77,.3);background:rgba(119,180,61,.06)}.ticket-own-list small,.ticket-own-list strong,.ticket-own-list span,.admin-ticket-list small,.admin-ticket-list strong,.admin-ticket-list span{display:block}.ticket-own-list small,.admin-ticket-list small{color:#7ca34f;font-size:7px;letter-spacing:.11em}.ticket-own-list strong,.admin-ticket-list strong{margin:5px 0;color:#dce2dd;font:15px Georgia,serif}.ticket-own-list span,.admin-ticket-list span{color:#626c64;font-size:8px}.ticket-own-list>p,.admin-ticket-list>p{padding:25px;color:#667067;text-align:center;font-size:10px}.ticket-conversation,.admin-ticket-thread{min-height:600px;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.08);background:rgba(9,13,10,.91)}.ticket-conversation>header,.admin-ticket-thread>header{display:flex;align-items:center;justify-content:space-between;padding:19px 21px;border-bottom:1px solid rgba(255,255,255,.075)}.ticket-conversation>header small,.admin-ticket-thread>header small{color:#82b651;font-size:7px;letter-spacing:.13em}.ticket-conversation>header h2,.admin-ticket-thread>header h2{margin:5px 0 0;font:23px Georgia,serif}.admin-ticket-thread>header p{margin:4px 0 0;color:#69736b;font-size:9px}.ticket-status{padding:9px 12px;border:1px solid rgba(255,255,255,.1);font-size:7px;font-weight:900;letter-spacing:.1em}.ticket-status.open{color:#a4dc71}.ticket-status.in_progress{color:#e1bd65}.ticket-status.closed{color:#8b938c}.ticket-message-list{display:flex;flex:1;flex-direction:column;gap:12px;padding:20px;overflow:auto}.ticket-message{max-width:78%;padding:14px 16px;border:1px solid rgba(255,255,255,.075);background:rgba(255,255,255,.025)}.ticket-message.user{align-self:flex-start}.ticket-message.admin{align-self:flex-end;border-color:rgba(137,210,68,.18);background:rgba(119,182,58,.055)}.ticket-message>div{display:flex;justify-content:space-between;gap:18px}.ticket-message strong{color:#9dd461;font-size:7px;letter-spacing:.13em}.ticket-message time{color:#59625b;font-size:7px}.ticket-message p{margin:10px 0 0;color:#c7cec8;font:12px/1.6 Georgia,serif}.ticket-image{display:block;margin-top:12px}.ticket-image img{display:block;max-width:min(420px,100%);max-height:280px;object-fit:contain;border:1px solid rgba(255,255,255,.1)}.ticket-reply{padding:16px 20px;border-top:1px solid rgba(255,255,255,.075)}.ticket-reply textarea{margin:0}.ticket-reply>div{display:flex;align-items:center;justify-content:space-between;margin-top:9px}.ticket-reply label{color:#778179;cursor:pointer;font-size:7px;font-weight:800;letter-spacing:.12em}.ticket-reply label input{display:block;margin-top:6px;color:#626b64;font-size:8px}.ticket-reply button{min-width:140px}.ticket-closed-note{padding:20px;border-top:1px solid rgba(255,255,255,.07);color:#707970;text-align:center;font-size:9px}.ticket-welcome{flex:1;display:grid;place-content:center;text-align:center}.ticket-welcome>span{color:#7b9f59;font:35px Georgia,serif}.ticket-welcome h2{margin:8px 0 5px;font:25px Georgia,serif}.ticket-welcome p{margin:0;color:#69736b;font-size:10px}.ticket-alert{margin-bottom:13px;padding:12px 15px;border:1px solid rgba(255,255,255,.08);font-size:9px}.ticket-alert.error{color:#dda09c;border-color:rgba(220,85,80,.22);background:rgba(170,50,47,.06)}
.admin-ticket-workspace{padding:26px 0 70px}.admin-ticket-filters{display:grid;grid-template-columns:1fr 180px 110px;gap:9px;margin-bottom:14px}.admin-ticket-filters input,.admin-ticket-filters select{height:40px;margin:0}.admin-ticket-layout{grid-template-columns:330px 1fr}.admin-ticket-thread{min-height:610px}.admin-ticket-thread>header select{width:140px;margin:0}.ticket-reply.admin{margin-top:auto}
@media(max-width:900px){.ticket-layout,.admin-ticket-layout{grid-template-columns:1fr}.ticket-conversation,.admin-ticket-thread{min-height:520px}.ticket-heading{align-items:flex-start;flex-direction:column;gap:12px}}
@media(max-width:600px){.ticket-shell{width:calc(100% - 24px);padding-top:28px}.admin-ticket-filters{grid-template-columns:1fr}.ticket-message{max-width:92%}.ticket-reply>div{align-items:stretch;flex-direction:column;gap:10px}.ticket-reply button{width:100%}}

/* Ticket readability and status language */
.ticket-notification{min-width:24px;height:20px;display:inline-grid;place-items:center;margin-left:7px;padding:0 6px;border:1px solid rgba(238,103,95,.48);border-radius:10px;background:rgba(189,58,52,.16);color:#ff9d96;font-size:9px;line-height:1;box-shadow:0 0 9px rgba(210,70,63,.1)}.panel-side-nav .ticket-notification{margin-left:auto}.admin-section-tabs .ticket-notification{margin-left:3px}
.account-dropdown .ticket-notification{margin-left:auto}
.ticket-create,.ticket-own-list>a,.admin-ticket-list>a,.ticket-conversation,.admin-ticket-thread{border-color:rgba(205,213,207,.11);background:rgba(16,19,17,.94)}.ticket-create{border-color:rgba(205,213,207,.14)}.ticket-create summary{color:#d2d8d3;font-size:10px}.ticket-create form{gap:14px}.ticket-create label{color:#aeb6b0;font-size:10px}.ticket-create input,.ticket-create select,.ticket-create textarea,.ticket-reply textarea,.admin-ticket-filters input,.admin-ticket-filters select,.admin-ticket-thread select{border-color:rgba(205,213,207,.14);background:#0d100e;font-size:12px}.ticket-create button,.ticket-reply button,.admin-ticket-filters button{border-color:rgba(205,213,207,.2);background:#202521;color:#e0e5e1;font-size:10px}.ticket-create button:hover,.ticket-reply button:hover,.admin-ticket-filters button:hover{border-color:rgba(150,204,98,.38);background:#252c26}
.ticket-own-list>a:hover,.ticket-own-list>a.active,.admin-ticket-list>a:hover,.admin-ticket-list>a.active{border-color:rgba(205,213,207,.22);background:#1b1f1c}.ticket-own-list small,.admin-ticket-list small{color:#9aa39c;font-size:9px}.ticket-own-list strong,.admin-ticket-list strong{font-size:17px}.ticket-own-list span,.admin-ticket-list span{color:#7f8981;font-size:10px}.ticket-conversation>header small,.admin-ticket-thread>header small{color:#9ca69e;font-size:9px}.ticket-conversation>header h2,.admin-ticket-thread>header h2{font-size:26px}.admin-ticket-thread>header p{font-size:11px}.ticket-message{padding:16px 18px;border-color:rgba(205,213,207,.11);background:#171a18}.ticket-message.admin{border-color:rgba(91,139,190,.28);background:rgba(49,74,101,.16)}.ticket-message strong{color:#d7ddd8;font-size:9px}.ticket-message.admin strong{color:#90bcea}.ticket-message time{color:#778078;font-size:8px}.ticket-message p{font-size:14px;line-height:1.65}.ticket-reply label{font-size:9px}
.ticket-status{min-width:105px;text-align:center;font-size:9px;border-radius:2px}.ticket-status.open{border-color:rgba(94,201,103,.38);background:rgba(55,154,65,.13);color:#8fe49a}.ticket-status.in_progress{border-color:rgba(72,146,222,.42);background:rgba(48,111,180,.16);color:#8fc5ff}.ticket-status.closed{border-color:rgba(220,79,75,.4);background:rgba(174,50,48,.15);color:#f09590}
.admin-ticket-thread:has(option[value="open"]:checked)>header select{border-color:rgba(94,201,103,.38);background:rgba(55,154,65,.13);color:#8fe49a}.admin-ticket-thread:has(option[value="in_progress"]:checked)>header select{border-color:rgba(72,146,222,.42);background:rgba(48,111,180,.16);color:#8fc5ff}.admin-ticket-thread:has(option[value="closed"]:checked)>header select{border-color:rgba(220,79,75,.4);background:rgba(174,50,48,.15);color:#f09590}
.admin-ticket-list>a{position:relative}.admin-ticket-list>a.unread{border-color:rgba(102,167,226,.48);background:linear-gradient(110deg,rgba(41,67,91,.24),rgba(20,25,27,.96));box-shadow:inset 3px 0 0 #66a9e8,0 0 12px rgba(77,150,219,.16);animation:ticket-unread-pulse 2.8s ease-in-out infinite}.admin-ticket-list>a.unread:hover{border-color:rgba(118,187,249,.68);box-shadow:inset 3px 0 0 #79bcf8,0 0 19px rgba(77,150,219,.25)}.admin-ticket-new{position:absolute;right:10px;top:10px;padding:4px 7px;border:1px solid rgba(112,181,244,.45);border-radius:8px;background:rgba(43,105,164,.22);color:#9ed0ff;font-size:7px;letter-spacing:.1em}@keyframes ticket-unread-pulse{0%,100%{box-shadow:inset 3px 0 0 #66a9e8,0 0 9px rgba(77,150,219,.1)}50%{box-shadow:inset 3px 0 0 #79bcf8,0 0 19px rgba(77,150,219,.24)}}
@media(prefers-reduced-motion:reduce){.admin-ticket-list>a.unread{animation:ticket-unread-pulse 2.8s ease-in-out infinite!important}}
.panel-side-nav{padding:12px}.panel-side-nav a{min-height:50px;gap:12px;padding:0 14px;font-size:12px;font-weight:700;letter-spacing:.025em}.panel-side-nav a span{width:21px;font-size:14px}.panel-side-nav a small{font-size:7px}.panel-side-nav .ticket-notification{font-size:9px}

/* Player ticket state accents */
.ticket-own-list>a.ticket-user-open{border-color:rgba(91,159,224,.43);background:linear-gradient(110deg,rgba(38,67,94,.22),rgba(16,19,17,.96));box-shadow:inset 3px 0 0 #5fa8eb,0 0 10px rgba(69,145,216,.12);animation:player-ticket-open-pulse 2.8s ease-in-out infinite}.ticket-own-list>a.ticket-user-open:hover,.ticket-own-list>a.ticket-user-open.active{border-color:rgba(111,184,249,.65);box-shadow:inset 3px 0 0 #78bdff,0 0 19px rgba(72,151,224,.24)}.ticket-list-status{display:inline-block!important;margin-left:5px;padding:3px 6px;border:1px solid;border-radius:8px;font-size:8px;line-height:1;letter-spacing:.08em}.ticket-list-status.open{border-color:rgba(87,164,235,.4);background:rgba(49,115,179,.16);color:#91caff}.ticket-list-status.in_progress{border-color:rgba(231,151,54,.43);background:rgba(188,105,31,.16);color:#ffb965}.ticket-list-status.closed{border-color:rgba(224,77,72,.42);background:rgba(178,52,49,.16);color:#f38e89}@keyframes player-ticket-open-pulse{0%,100%{box-shadow:inset 3px 0 0 #5fa8eb,0 0 8px rgba(69,145,216,.09)}50%{box-shadow:inset 3px 0 0 #78bdff,0 0 18px rgba(72,151,224,.23)}}@media(prefers-reduced-motion:reduce){.ticket-own-list>a.ticket-user-open{animation:none}}

/* Admin ticket state accents */
.admin-ticket-list>a.admin-ticket-open{border-color:rgba(91,159,224,.34);background:linear-gradient(110deg,rgba(38,67,94,.17),rgba(16,19,17,.96));box-shadow:inset 3px 0 0 #5fa8eb}.admin-ticket-list>a.admin-ticket-in_progress{box-shadow:inset 3px 0 0 #dc8d37}.admin-ticket-list>a.admin-ticket-closed{box-shadow:inset 3px 0 0 #d95752}.admin-ticket-thread:has(option[value="open"]:checked)>header select{border-color:rgba(87,164,235,.42);background:rgba(49,115,179,.16);color:#91caff}.admin-ticket-thread:has(option[value="in_progress"]:checked)>header select{border-color:rgba(231,151,54,.43);background:rgba(188,105,31,.16);color:#ffb965}.admin-ticket-thread:has(option[value="closed"]:checked)>header select{border-color:rgba(224,77,72,.42);background:rgba(178,52,49,.16);color:#f38e89}
.ticket-admin-handler{display:inline-block!important;margin-left:6px;color:#9ee66c!important;font-size:8px!important;font-weight:900;letter-spacing:.08em;text-shadow:0 0 8px rgba(128,218,73,.3)}

/* Keep long player ticket histories inside the sidebar */
.ticket-own-list{max-height:380px;padding-right:5px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(112,145,82,.45) rgba(255,255,255,.035)}.ticket-own-list::-webkit-scrollbar{width:6px}.ticket-own-list::-webkit-scrollbar-track{background:rgba(255,255,255,.035)}.ticket-own-list::-webkit-scrollbar-thumb{border-radius:6px;background:rgba(112,145,82,.45)}.ticket-own-list::-webkit-scrollbar-thumb:hover{background:rgba(133,177,91,.62)}
@media(max-width:900px){.ticket-own-list{max-height:300px}}

.admin-ticket-list{max-height:380px;padding-right:5px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(112,145,82,.45) rgba(255,255,255,.035)}.admin-ticket-list::-webkit-scrollbar{width:6px}.admin-ticket-list::-webkit-scrollbar-track{background:rgba(255,255,255,.035)}.admin-ticket-list::-webkit-scrollbar-thumb{border-radius:6px;background:rgba(112,145,82,.45)}.admin-ticket-list::-webkit-scrollbar-thumb:hover{background:rgba(133,177,91,.62)}
@media(max-width:900px){.admin-ticket-list{max-height:300px}}

/* Admin audit log */
.admin-audit-workspace{padding:26px 0 70px}.admin-audit-list{display:grid;gap:8px}.admin-audit-list article{min-height:88px;display:grid;grid-template-columns:150px 1fr 180px;align-items:center;gap:18px;padding:14px 17px;border:1px solid rgba(255,255,255,.08);border-left:3px solid #76806f;background:linear-gradient(110deg,rgba(18,21,19,.95),rgba(10,13,11,.96))}.admin-audit-list article.audit-fallen_heroes{border-left-color:#9bdd55}.admin-audit-list article.audit-tickets{border-left-color:#609ed6}.admin-audit-list time{color:#707970;font-size:8px;letter-spacing:.1em}.admin-audit-list small{color:#838d85;font-size:7px;font-weight:900;letter-spacing:.16em}.admin-audit-list h3{margin:5px 0 4px;color:#e1e6e2;font:17px Georgia,serif}.admin-audit-list p{margin:0;color:#a1aaa3;font-size:10px}.admin-audit-list p b{color:#687169}.admin-audit-list span{display:block;margin-top:7px;color:#707a72;font-size:8px;word-spacing:5px}.admin-audit-list article>strong{justify-self:end;color:#9ee66c;font-size:9px;letter-spacing:.1em;text-shadow:0 0 8px rgba(128,218,73,.25)}.admin-audit-empty{padding:55px;border:1px dashed rgba(255,255,255,.09);color:#69736b;text-align:center;font:14px Georgia,serif}@media(max-width:760px){.admin-audit-list article{grid-template-columns:1fr}.admin-audit-list article>strong{justify-self:start}}
.admin-audit-list article.audit-news{border-left-color:#d4a14d}
.admin-audit-list{max-height:780px;padding-right:6px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(112,145,82,.48) rgba(255,255,255,.035)}.admin-audit-list::-webkit-scrollbar{width:6px}.admin-audit-list::-webkit-scrollbar-track{background:rgba(255,255,255,.035)}.admin-audit-list::-webkit-scrollbar-thumb{border-radius:6px;background:rgba(112,145,82,.48)}.admin-audit-list::-webkit-scrollbar-thumb:hover{background:rgba(137,183,94,.68)}
@media(max-width:760px){.admin-audit-list{max-height:560px}}
.admin-audit-list article.audit-accounts{border-left-color:#b27adb}
.admin-audit-list article.audit-tools{border-left-color:#91bc70}

/* User dashboard readability and balance */
.page-stats{grid-template-columns:repeat(5,1fr)!important}.page-stats div{padding:23px 20px!important}.page-stats small{color:#aeb6b0!important;font-size:10px!important;font-weight:800!important;letter-spacing:.12em!important}.page-stats strong{font-size:27px!important}.page-stats span{color:#8d9790!important;font-size:11px!important;line-height:1.45!important}.page-stats .status-good{font-size:17px!important}.page-stats .balance-stat strong{color:#63aef2!important;text-shadow:0 0 12px rgba(70,158,235,.25)}.page-stats .balance-stat span{color:#7daed7!important}.page-character-card{min-height:94px!important;padding:18px 19px!important}.page-character-card .character-data h3{font-size:21px!important}.page-character-card .character-data p{font-size:12px!important}.page-character-card .character-data small{color:#8d9790!important;font-size:9px!important}.page-character-card .character-state{font-size:9px!important;font-weight:800!important}.panel-content-heading>span{font-size:9px!important}.sidebar-roster>small{font-size:9px!important}.sidebar-roster a strong{font-size:13px!important}.sidebar-roster a small{font-size:9px!important}.panel-account-meta small{font-size:8px!important}.panel-account-meta strong{font-size:11px!important}@media(max-width:1050px){.page-stats{grid-template-columns:repeat(3,1fr)!important}.page-stats .balance-stat{grid-column:auto}}@media(max-width:620px){.page-stats{grid-template-columns:repeat(2,1fr)!important}.page-stats .balance-stat{grid-column:1/-1}}

/* User account settings */
.settings-alert{margin-bottom:16px;padding:14px 17px;border:1px solid rgba(210,218,212,.14);background:#161917;color:#dce1dd;font-size:13px}.settings-alert.success{border-left:3px solid #75b54d}.settings-alert.error{border-left:3px solid #d15b57;color:#efaaa6}.account-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.settings-card{padding:22px;border:1px solid rgba(210,218,212,.12);background:rgba(18,21,19,.94);box-shadow:0 14px 35px rgba(0,0,0,.17)}.settings-card>header{display:flex;align-items:center;gap:13px;margin-bottom:18px;padding-bottom:15px;border-bottom:1px solid rgba(210,218,212,.09)}.settings-card>header>span{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(132,171,99,.22);background:#202421;color:#a5bf92;font-size:18px}.settings-card header small{color:#929b94;font-size:9px;font-weight:800;letter-spacing:.14em}.settings-card h3{margin:4px 0 0;color:#edf0ee;font:23px Georgia,serif}.settings-card>p{color:#a2aaa4;font:13px/1.65 Georgia,serif}.settings-card form{display:grid;gap:13px}.settings-card form+form{margin-top:18px;padding-top:18px;border-top:1px solid rgba(210,218,212,.08)}.settings-card label{color:#b4bcb6;font-size:10px;font-weight:800;letter-spacing:.11em}.settings-card input{width:100%;height:45px;margin-top:8px;padding:0 13px;outline:0;border:1px solid rgba(210,218,212,.16);background:#0e110f;color:#eef1ef;font-size:13px}.settings-card input:focus{border-color:rgba(132,180,93,.42)}.settings-card label small{display:block;margin-top:7px;color:#818a83;font-size:10px;font-weight:400;letter-spacing:0}.settings-card button{height:43px;border:1px solid rgba(139,181,102,.3);background:#292e2a;color:#e1e7dd;cursor:pointer;font-size:10px;font-weight:900;letter-spacing:.11em;transition:border-color .3s ease,background .3s ease,transform .3s ease}.settings-card button:hover{transform:translateY(-1px);border-color:rgba(150,200,108,.5);background:#313731}.settings-profile-preview{display:flex;align-items:center;gap:14px;margin-bottom:20px;padding:15px;border:1px solid rgba(210,218,212,.09);background:#141715}.settings-profile-preview>img,.settings-profile-preview>b{width:58px;height:58px;flex:0 0 58px;border-radius:50%;object-fit:cover}.settings-profile-preview>b{display:grid;place-items:center;background:linear-gradient(145deg,#303b32,#171c18);color:#dcebd3;font:25px Georgia,serif}.settings-profile-preview strong,.settings-profile-preview span{display:block}.settings-profile-preview strong{color:#eef1ef;font:20px Georgia,serif}.settings-profile-preview span{margin-top:4px;color:#8e9790;font-size:11px}.account-information{grid-column:1/-1}.account-information dl{display:grid;grid-template-columns:repeat(4,1fr);margin:0;border:1px solid rgba(210,218,212,.1)}.account-information dl>div{padding:17px;border-right:1px solid rgba(210,218,212,.08)}.account-information dl>div:last-child{border:0}.account-information dt{color:#8e9790;font-size:9px;font-weight:800;letter-spacing:.12em}.account-information dd{margin:7px 0 0;overflow:hidden;color:#dde2de;font-size:13px;text-overflow:ellipsis}.account-information .settings-balance{color:#63aef2;font-weight:800;text-shadow:0 0 10px rgba(70,158,235,.2)}.account-information>p{margin-bottom:0;color:#858e87;font-size:11px}@media(max-width:850px){.account-settings-grid{grid-template-columns:1fr}.account-information{grid-column:auto}.account-information dl{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.account-information dl{grid-template-columns:1fr}.account-information dl>div{border-right:0;border-bottom:1px solid rgba(210,218,212,.08)}}

/* Animated dashboard side navigation */
.panel-side-nav{position:relative}.panel-side-nav a{z-index:1;margin:3px 0;border:1px solid transparent!important;border-left:0!important;background:transparent!important;transition:color .58s ease,background .58s ease,border-color .58s ease,transform .58s cubic-bezier(.22,.61,.36,1)}.panel-side-nav a span{transition:color .6s ease,text-shadow .6s ease,transform .6s cubic-bezier(.22,.61,.36,1)}.panel-side-nav a:hover,.panel-side-nav a:focus-visible{transform:translateX(2px);border-color:rgba(205,214,208,.09)!important;background:linear-gradient(90deg,rgba(128,177,86,.075),rgba(255,255,255,.022))!important;color:#f0f3f1}.panel-side-nav a:hover span,.panel-side-nav a:focus-visible span,.panel-side-nav a.active span{color:#9ad95e!important;text-shadow:0 0 6px rgba(144,214,80,.68),0 0 14px rgba(123,194,61,.28);transform:scale(1.06)}.panel-side-nav a.active{border-color:rgba(205,214,208,.075)!important;background:linear-gradient(90deg,rgba(128,177,86,.055),rgba(255,255,255,.016))!important}.panel-side-indicator{position:absolute;z-index:2;left:0;width:3px;height:50px;opacity:1;pointer-events:none;background:linear-gradient(180deg,rgba(154,219,91,.3),#8ed34f,rgba(154,219,91,.3));box-shadow:0 0 5px rgba(139,211,76,.58),0 0 13px rgba(139,211,76,.22);transition:top .78s cubic-bezier(.22,.61,.36,1),height .78s cubic-bezier(.22,.61,.36,1),box-shadow .6s ease}.panel-side-nav.indicator-overview .panel-side-indicator{top:15px}.panel-side-nav.indicator-settings .panel-side-indicator{top:183px}.panel-side-nav a:nth-of-type(1):is(:hover,:focus-visible)~.panel-side-indicator{top:15px}.panel-side-nav a:nth-of-type(2):is(:hover,:focus-visible)~.panel-side-indicator{top:71px}.panel-side-nav a:nth-of-type(3):is(:hover,:focus-visible)~.panel-side-indicator{top:127px}.panel-side-nav a:nth-of-type(4):is(:hover,:focus-visible)~.panel-side-indicator{top:183px}.panel-side-nav:has(a:hover) .panel-side-indicator{box-shadow:0 0 7px rgba(139,211,76,.7),0 0 17px rgba(139,211,76,.27)}.dashboard-heading>div>small{color:#dce5de!important;font-size:13px!important;letter-spacing:.19em!important;text-shadow:0 0 10px rgba(139,205,79,.16)}
.panel-side-nav .panel-side-indicator{top:var(--side-indicator-top,15px)!important}.panel-side-nav.is-hovering a.active:not(:hover):not(:focus-visible){border-color:transparent!important;background:transparent!important;color:#747e75}.panel-side-nav.is-hovering a.active:not(:hover):not(:focus-visible) span{color:#667067!important;text-shadow:none!important;transform:scale(1)}

/* Password recovery */
.forgot-password-link{display:block;margin:-2px 0 13px auto;padding:2px 0;border:0;background:none;color:#9ba59d;cursor:pointer;font-size:11px;letter-spacing:.04em;transition:color .35s ease,text-shadow .35s ease}.forgot-password-link:hover{color:#cdebb7;text-shadow:0 0 9px rgba(139,205,79,.2)}.reset-modal>p{font-size:14px;line-height:1.7}.reset-modal .submit-action{margin-top:14px}.reset-modal .switch-auth{font-size:10px}
.admin-audit-workspace .admin-heading small{font-size:10px!important}.admin-audit-workspace .admin-heading p{font-size:13px!important}.admin-audit-workspace .admin-heading>span{font-size:10px!important}.admin-audit-list article{min-height:104px!important;padding:17px 20px!important}.admin-audit-list time{color:#9aa39c!important;font-size:11px!important;line-height:1.5!important}.admin-audit-list small{color:#a6aea8!important;font-size:9px!important}.admin-audit-list h3{margin:7px 0 6px!important;font-size:20px!important}.admin-audit-list p{color:#c5ccc7!important;font-size:13px!important}.admin-audit-list p b{font-size:11px!important}.admin-audit-list span{margin-top:9px!important;color:#9aa39c!important;font-size:11px!important;line-height:1.55!important;word-spacing:2px!important}.admin-audit-list article>strong{font-size:11px!important;line-height:1.5!important}

/* Admin tools */
.admin-tools-workspace{padding:26px 0 80px}.admin-tools-workspace .admin-heading small{color:#a6aea9;font-size:10px}.admin-tools-workspace .admin-heading p{font-size:14px}.tool-alert{margin-bottom:16px;padding:14px 17px;border:1px solid rgba(215,221,217,.14);background:#171a18;color:#d7ddd9;font-size:13px}.tool-alert.success{border-left:3px solid #78ba4c}.tool-alert.error{border-left:3px solid #d65d58;color:#efaaa6}.tool-status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.tool-status-grid article{min-height:105px;display:flex;align-items:center;gap:15px;padding:19px;border:1px solid rgba(215,221,217,.12);background:linear-gradient(145deg,#1b1e1c,#121513)}.tool-status-grid>article>i{width:12px;height:12px;flex:0 0 12px;border-radius:50%;background:#cf625e;box-shadow:0 0 10px rgba(207,98,94,.26)}.tool-status-grid>article>i.online{background:#83c957;box-shadow:0 0 11px rgba(131,201,87,.3)}.tool-status-grid small,.tool-status-grid strong,.tool-status-grid span{display:block}.tool-status-grid small{color:#8d9690;font-size:9px;font-weight:800;letter-spacing:.14em}.tool-status-grid strong{margin:5px 0 4px;color:#e7ebe8;font:20px Georgia,serif}.tool-status-grid span{max-width:340px;overflow:hidden;color:#909992;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.admin-tools-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:15px;margin-bottom:15px}.tool-card{padding:22px;border:1px solid rgba(215,221,217,.12);background:rgba(19,22,20,.94);box-shadow:0 15px 35px rgba(0,0,0,.15)}.tool-card>header{display:flex;align-items:center;gap:14px;margin-bottom:13px;padding-bottom:15px;border-bottom:1px solid rgba(215,221,217,.09)}.tool-card>header>span{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(137,179,101,.22);background:#202521;color:#a9c996;font-size:19px}.tool-card header small{color:#8d9690;font-size:9px;font-weight:800;letter-spacing:.14em}.tool-card h3{margin:4px 0 0;color:#edf0ee;font:24px Georgia,serif}.tool-card>p{margin:0 0 18px;color:#a2aaa4;font:14px/1.65 Georgia,serif}.tool-card label{display:block;color:#b8bfba;font-size:10px;font-weight:800;letter-spacing:.12em}.tool-card input,.tool-card textarea,.tool-card select{width:100%;margin-top:8px;padding:12px 13px;outline:0;border:1px solid rgba(215,221,217,.16);background:#0f1210;color:#edf0ee;font-size:13px}.tool-card textarea{resize:vertical}.tool-card input:focus,.tool-card textarea:focus,.tool-card select:focus{border-color:rgba(139,188,96,.42)}.tool-card button{min-height:42px;padding:0 17px;border:1px solid rgba(145,188,106,.3);background:#292f2a;color:#e1e8dd;cursor:pointer;font-size:10px;font-weight:900;letter-spacing:.1em;transition:border-color .3s ease,background .3s ease,transform .3s ease}.tool-card button:hover:not(:disabled){transform:translateY(-1px);border-color:rgba(153,205,108,.52);background:#303830}.tool-card button:disabled{cursor:not-allowed;opacity:.35}.tool-form-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:12px}.tool-form-footer small{color:#7e8780;font-size:10px}.tool-cache-state{display:flex;align-items:center;justify-content:space-between;margin:26px 0;padding:16px;border:1px solid rgba(215,221,217,.1);background:#111412}.tool-cache-state span{color:#969f98;font-size:10px;letter-spacing:.12em}.tool-cache-state strong{color:#b8d4aa;font-size:12px}.tool-cache form button{width:100%}.tool-character-center,.tool-item-center{margin-bottom:15px}.tool-search{display:flex;align-items:flex-end;gap:10px;margin-bottom:16px;padding:16px;border:1px solid rgba(215,221,217,.09);background:#151816}.tool-search label{flex:1}.tool-search input{height:43px;margin-top:7px}.tool-character-results,.tool-item-results{display:grid;gap:8px;max-height:430px;padding-right:5px;overflow-y:auto}.tool-character-results>article{display:grid;grid-template-columns:58px 1fr minmax(380px,auto);align-items:center;gap:15px;padding:13px 15px;border:1px solid rgba(215,221,217,.1);border-left:3px solid var(--class-color);background:#171a18}.tool-character-results img{width:54px;height:54px;object-fit:cover;border:1px solid color-mix(in srgb,var(--class-color) 45%,#353a36)}.tool-character-results small,.tool-character-results strong,.tool-character-results span{display:block}.tool-character-results small{color:#8e9790;font-size:10px}.tool-character-results strong{margin:5px 0 3px;color:#f0f2f0;font:20px Georgia,serif}.tool-character-results span{color:#9da59f;font-size:11px}.online-text{color:#8bd05e}.offline-text{color:#e1716d}.tool-character-results form{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:7px}.tool-character-results select{min-width:190px;margin:0}.tool-character-results button{min-height:40px}.tool-character-results button.secondary{border-color:rgba(215,221,217,.16);background:#202421;color:#c7cdc9}.tool-item-results>article{display:grid;grid-template-columns:90px 1fr auto;align-items:center;gap:15px;padding:14px 15px;border:1px solid rgba(215,221,217,.1);border-left:3px solid var(--quality);background:#171a18}.tool-item-results>article>b{color:var(--quality);font-size:13px}.tool-item-results strong,.tool-item-results span{display:block}.tool-item-results strong{color:var(--quality);font:18px Georgia,serif}.tool-item-results span{margin-top:5px;color:#969f98;font-size:11px}.tool-empty{padding:34px;border:1px dashed rgba(215,221,217,.13);color:#969f98;text-align:center;font-size:13px}@media(max-width:1000px){.admin-tools-grid{grid-template-columns:1fr}.tool-character-results>article{grid-template-columns:54px 1fr}.tool-character-results form{grid-column:1/-1}}@media(max-width:720px){.tool-status-grid{grid-template-columns:1fr}.tool-search,.tool-form-footer{align-items:stretch;flex-direction:column}.tool-character-results form{grid-template-columns:1fr}.tool-item-results>article{grid-template-columns:1fr}.tool-item-results>article button{justify-self:start}}

/* Accounts neutral readability layer */
.admin-accounts-workspace .admin-heading small{color:#a5ada7!important;font-size:9px!important}.admin-account-search,.admin-account-profile,.admin-game-account,.admin-account-character,.admin-account-actions details{border-color:rgba(214,220,216,.13)!important;background:#151816!important}.admin-account-search span,.admin-account-actions label{color:#b5bdb7!important;font-size:10px!important}.admin-account-search input,.admin-account-actions input,.admin-account-actions select,.admin-account-actions textarea{border-color:rgba(214,220,216,.16)!important;background:#101311!important;color:#edf0ee!important;font-size:13px!important}.admin-account-search button,.admin-account-actions button{border-color:rgba(214,220,216,.2)!important;background:#252a27!important;color:#e1e6e2!important;font-size:10px!important;transition:border-color .3s ease,background .3s ease,color .3s ease}.admin-account-search button:hover,.admin-account-actions button:hover{border-color:rgba(139,184,96,.38)!important;background:#2a302c!important;color:#eef6e9!important}.admin-account-results a{border-color:rgba(214,220,216,.12)!important;background:#171a18!important;color:#b9c0bb!important}.admin-account-results a:hover,.admin-account-results a.active{border-color:rgba(139,184,96,.3)!important;background:#1d211e!important}.admin-account-results strong{font-size:18px!important}.admin-account-results span{font-size:11px!important}.admin-account-results b{color:#b9c8ad!important;font-size:11px!important}.admin-account-profile>header small{color:#9da69f!important;font-size:9px!important}.admin-account-profile>header p{font-size:13px!important}.admin-account-profile>header>div:last-child strong{color:#cbd7c4!important}.admin-account-profile>header>div:last-child span{font-size:9px!important}.admin-account-facts>span{font-size:12px!important}.admin-account-facts small{color:#8c958e!important;font-size:9px!important}.admin-account-columns h3{font-size:20px!important}.admin-game-account strong,.admin-account-character strong{font-size:13px!important}.admin-game-account span,.admin-account-character span{font-size:10px!important}.admin-account-character>b{font-size:9px!important}.admin-account-actions summary{color:#d1d7d2!important;font-size:10px!important}.admin-account-actions label small{color:#858e87!important}.admin-account-alert,.admin-account-empty{font-size:12px!important}

.admin-account-character{justify-content:flex-start!important;gap:14px!important;border-left:3px solid color-mix(in srgb,var(--account-class-color) 62%,#555)!important}.admin-account-character-icons{display:flex;align-items:center;gap:7px;flex:0 0 auto}.admin-account-character-icons img{width:38px;height:38px;object-fit:cover;border:1px solid rgba(220,225,221,.16)}.admin-account-character-icons img+img{margin-left:0;border-radius:50%;transform:scale(.9);box-shadow:0 0 0 2px #151816}.admin-account-character>div:nth-child(2){min-width:0;flex:1}.admin-account-character>div:nth-child(2) strong{color:color-mix(in srgb,var(--account-class-color) 72%,#fff)!important;font-size:15px!important}.admin-account-character>div:nth-child(2) span{font-size:11px!important}.admin-account-character>b{color:#ee7772!important;font-size:9px!important}.admin-account-character>b.online{color:#83d45e!important}

/* Account administration */
.admin-game-account span i{color:#70b7ee;font-style:normal;font-weight:800;text-shadow:0 0 8px rgba(75,151,211,.18)}
.admin-account-profile>header>div:last-child strong{color:#70b7ee!important;text-shadow:0 0 10px rgba(75,151,211,.2)}.admin-account-profile>header>div:last-child span{color:#8ebfe5!important}

/* News charcoal balance — fel green is an accent, not the surface color */
.news-page-body {
    background:#050706;
}
.news-grid .news-card,
.news-list-card {
    border-color:rgba(211,218,213,.12);
    background:linear-gradient(145deg,rgba(25,29,27,.96),rgba(12,15,13,.98) 58%);
    box-shadow:0 14px 32px rgba(0,0,0,.25);
}
.news-grid .news-card:hover,
.news-list-card:hover {
    border-color:rgba(172,187,176,.26);
    background:linear-gradient(145deg,rgba(35,40,37,.98),rgba(15,18,16,.99) 58%);
    box-shadow:0 16px 34px rgba(0,0,0,.34),0 0 18px rgba(133,187,91,.075),inset 0 0 16px rgba(255,255,255,.015);
}
.card-art,
.news-list-art {
    background:radial-gradient(circle,rgba(136,158,140,.11),transparent 48%),linear-gradient(145deg,#181d1a,#0a0d0b);
}
.card-art:before,
.card-art:after {
    border-color:rgba(186,201,190,.12);
}
.card-art span,
.news-list-art span {
    color:#b5c6b8;
    text-shadow:0 0 15px rgba(137,190,97,.13);
}
.card-copy small,
.news-list-card small {
    color:#8a958d;
}
.card-copy h3,
.news-list-card h2 {
    color:#edf0ee;
}
.card-copy p,
.news-list-card p {
    color:#a1aaa4;
}
.news-list-card strong {
    color:#a8c993;
}
.news-page-heading small,
.news-article-full>small {
    color:#a2aca5;
}
.news-page-heading h1:after {
    background:linear-gradient(90deg,transparent,rgba(144,199,99,.72),transparent)!important;
    box-shadow:0 0 7px rgba(128,196,73,.18)!important;
}
.news-article-image,
.news-article-body img {
    border-color:rgba(211,218,213,.14);
}
.news-article-body a {
    color:#9fc784;
}
.news-article-body blockquote {
    border-left-color:#819975;
    background:rgba(210,218,212,.035);
}
.view-all-news:hover {
    color:#c8d5cb;
    text-shadow:0 0 9px rgba(139,205,79,.16);
}
.admin-accounts-workspace{padding:26px 0 80px}.admin-account-search{display:flex;align-items:flex-end;gap:10px;margin-bottom:14px;padding:16px;border:1px solid rgba(255,255,255,.08);background:rgba(13,16,14,.92)}.admin-account-search label{flex:1}.admin-account-search span,.admin-account-actions label{display:block;margin-bottom:8px;color:#858f87;font-size:8px;font-weight:800;letter-spacing:.12em}.admin-account-search input,.admin-account-actions input,.admin-account-actions select,.admin-account-actions textarea{width:100%;padding:11px 12px;outline:0;border:1px solid rgba(255,255,255,.12);background:#0b0e0c;color:#e1e6e2;font-size:11px}.admin-account-search button,.admin-account-actions button{min-height:40px;padding:0 17px;border:1px solid rgba(146,205,91,.28);background:rgba(117,170,66,.09);color:#b3df89;cursor:pointer;font-size:8px;font-weight:900;letter-spacing:.11em}.admin-account-results{max-height:235px;display:grid;gap:6px;margin-bottom:16px;padding-right:5px;overflow-y:auto}.admin-account-results a{display:grid;grid-template-columns:210px 1fr 90px;align-items:center;gap:15px;padding:12px 14px;border:1px solid rgba(255,255,255,.075);background:rgba(14,17,15,.93);color:#aeb7b0;text-decoration:none}.admin-account-results a:hover,.admin-account-results a.active{border-color:rgba(142,207,82,.3);background:rgba(104,151,61,.07)}.admin-account-results strong{color:#e0e5e1;font:16px Georgia,serif}.admin-account-results span{font-size:9px}.admin-account-results b{justify-self:end;color:#a5d977;font-size:9px}.admin-account-profile{border:1px solid rgba(255,255,255,.085);background:rgba(10,13,11,.92)}.admin-account-profile>header{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid rgba(255,255,255,.08)}.admin-account-profile>header small{color:#8cc94f;font-size:7px;letter-spacing:.17em}.admin-account-profile>header h2{margin:5px 0 3px;font:28px Georgia,serif}.admin-account-profile>header p{margin:0;color:#8d978f;font-size:11px}.admin-account-profile>header>div:last-child{text-align:right}.admin-account-profile>header>div:last-child strong{display:block;color:#abe474;font:27px Georgia,serif}.admin-account-profile>header>div:last-child span{color:#687169;font-size:7px;letter-spacing:.14em}.admin-account-facts{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid rgba(255,255,255,.07)}.admin-account-facts>span{padding:14px 17px;border-right:1px solid rgba(255,255,255,.06);color:#bbc3bd;font-size:10px}.admin-account-facts small{display:block;margin-bottom:6px;color:#626b64;font-size:7px;letter-spacing:.13em}.account-danger{color:#ef8580}.account-warning{color:#f1b568}.admin-account-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:20px}.admin-account-columns h3{margin:0 0 12px;color:#dce2dd;font:18px Georgia,serif}.admin-game-account,.admin-account-character{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px;padding:11px 12px;border:1px solid rgba(255,255,255,.075);background:#101311}.admin-game-account strong,.admin-account-character strong{display:block;color:#d9dfda;font-size:11px}.admin-game-account span,.admin-account-character span{display:block;margin-top:4px;color:#727c74;font-size:8px}.admin-account-character>b{color:#727b73;font-size:7px}.admin-account-character>b.online{color:#91d957}.admin-account-actions details{margin-bottom:7px;border:1px solid rgba(255,255,255,.08);background:#101311}.admin-account-actions summary{padding:13px 14px;color:#aeb8b0;cursor:pointer;font-size:8px;font-weight:900;letter-spacing:.12em}.admin-account-actions form{display:grid;gap:10px;padding:13px 14px;border-top:1px solid rgba(255,255,255,.065)}.admin-account-actions label{margin:0}.admin-account-actions label small{color:#616a63}.admin-account-actions button.danger{border-color:rgba(218,78,72,.35);background:rgba(167,51,48,.1);color:#ef918c}.admin-account-actions button.warning{border-color:rgba(222,146,53,.35);background:rgba(176,101,31,.1);color:#efb46d}.admin-account-alert,.admin-account-empty{margin-bottom:13px;padding:13px 15px;border:1px solid rgba(255,255,255,.09);font-size:10px}.admin-account-alert.success{color:#aee080;border-color:rgba(136,207,71,.25)}.admin-account-alert.error{color:#e69a95;border-color:rgba(219,77,72,.28)}.admin-account-empty{color:#78827a;text-align:center}@media(max-width:850px){.admin-account-columns{grid-template-columns:1fr}.admin-account-facts{grid-template-columns:repeat(2,1fr)}.admin-account-results a{grid-template-columns:1fr}.admin-account-results b{justify-self:start}}@media(max-width:560px){.admin-account-search{align-items:stretch;flex-direction:column}.admin-account-facts{grid-template-columns:1fr}.admin-account-profile>header{align-items:flex-start;flex-direction:column;gap:12px}.admin-account-profile>header>div:last-child{text-align:left}}