:root{--ink:#d8d0bd;--muted:#948a76;--gold:#d6a84b;--gold2:#fff0a3;--red:#7e1d18;--green:#47b57c;--panel:#15100c;--panel2:#0d0a08;--line:#57452d;--black:#080604;--display:Georgia,"Times New Roman",serif;--body:"Trebuchet MS",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#080604;background-image:radial-gradient(circle at 50% 0,#2b1d10 0,transparent 34rem),repeating-linear-gradient(135deg,rgba(255,255,255,.012) 0 1px,transparent 1px 5px);font-family:var(--body);line-height:1.55}.page-shell{min-height:100vh;overflow:hidden}.site-header{height:92px;max-width:1240px;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(214,168,75,.35);position:relative;z-index:5}.site-header:after{content:"";position:absolute;bottom:-4px;left:28px;right:28px;height:1px;background:rgba(214,168,75,.12)}.brand{width:195px;height:82px;display:grid;place-items:center}.brand img{width:190px;max-height:78px;object-fit:contain}.site-header nav{display:flex;align-items:center;gap:8px}.site-header nav a{color:#bbb19e;text-decoration:none;text-transform:uppercase;letter-spacing:.13em;font-size:12px;padding:11px 15px;border:1px solid transparent}.site-header nav a:hover{color:var(--gold2);border-color:#493820;background:#130e0a}.site-header .nav-play{border-color:#745b31;color:var(--gold2);background:linear-gradient(#302111,#171008)}main{max-width:1240px;margin:auto;padding:0 28px}.hero{min-height:610px;display:grid;grid-template-columns:1.06fr .94fr;align-items:center;position:relative;border-bottom:1px solid var(--line)}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0 47%,rgba(118,24,14,.08)),linear-gradient(0deg,rgba(214,168,75,.03),transparent 40%);pointer-events:none}.hero-copy{position:relative;z-index:2;padding:70px 0 60px}.kicker{margin:0 0 13px;color:var(--gold);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.24em}.hero h1,.page-title h1,.profile-hero h1,.not-found h1{font-family:var(--display);font-size:clamp(58px,7vw,96px);font-weight:400;letter-spacing:-.04em;line-height:.9;margin:0;color:#eee7d7;text-shadow:0 3px 20px #000}.hero h1 span{color:var(--gold2);text-shadow:0 0 28px rgba(214,168,75,.24)}.hero-lead{max-width:590px;color:#aaa08d;font-size:18px;margin:27px 0 31px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{min-height:47px;display:inline-flex;align-items:center;justify-content:center;padding:0 24px;text-decoration:none;text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:700;border:1px solid;box-shadow:inset 0 0 0 1px rgba(255,255,255,.035)}.button.primary{color:#1b1005;border-color:#f0c664;background:linear-gradient(#f2cd70,#ad7829)}.button.primary:hover{filter:brightness(1.12)}.button.secondary{color:#d9cfba;border-color:#655239;background:linear-gradient(#241a11,#100c09)}.button.disabled{opacity:.48;cursor:not-allowed}.realm-strip{display:flex;gap:0;margin:50px 0 0}.realm-strip div{min-width:135px;padding:0 24px;border-left:1px solid #493923}.realm-strip div:first-child{padding-left:0;border-left:0}.realm-strip dt{color:#e3d9c4;font-family:var(--display);font-size:18px}.realm-strip dd{margin:1px 0 0;color:#796f60;font-size:10px;text-transform:uppercase;letter-spacing:.16em}.hero-art{position:relative;display:grid;place-items:center;min-height:520px}.hero-art img{width:min(690px,58vw);max-width:none;filter:drop-shadow(0 25px 35px #000) drop-shadow(0 0 30px rgba(109,15,8,.32));z-index:2}.sigil{position:absolute;width:420px;height:420px;border:1px solid rgba(214,168,75,.2);border-radius:50%;box-shadow:0 0 90px rgba(111,22,14,.25),inset 0 0 60px rgba(214,168,75,.05)}.sigil:before,.sigil:after{content:"";position:absolute;inset:34px;border:1px solid rgba(214,168,75,.1);transform:rotate(45deg)}.sigil:after{inset:80px;transform:rotate(22.5deg)}.status-ribbon{margin-top:-1px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:linear-gradient(180deg,#19120d,#0e0a07);box-shadow:0 12px 35px #000}.status-ribbon>div{padding:20px 22px;border-right:1px solid #35291b;display:flex;flex-direction:column}.status-ribbon>div:last-child{border:0}.status-ribbon span{color:#796f60;font-size:10px;text-transform:uppercase;letter-spacing:.15em}.status-ribbon strong{color:#d8cfbd;font-family:var(--display);font-size:16px;font-weight:400}.status-ribbon>div:first-child{flex-direction:row;align-items:center;gap:10px}.status-dot{width:9px;height:9px;border-radius:50%;box-shadow:0 0 12px currentColor}.status-dot.online{color:var(--green);background:var(--green)}.status-dot.offline{color:#a23e36;background:#a23e36}.panel-section{padding:94px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:27px}.section-heading h2,.download-panel h2{font-family:var(--display);font-size:42px;font-weight:400;margin:0;color:#e8dfcc}.section-heading .kicker{position:absolute;margin-bottom:58px}.section-heading>a,.profile-back a{color:var(--gold);text-decoration:none;font-size:12px;text-transform:uppercase;letter-spacing:.12em}.ranking-table-wrap{border:1px solid var(--line);background:rgba(13,10,8,.88);overflow-x:auto;box-shadow:0 18px 45px rgba(0,0,0,.3)}.ranking-table{width:100%;border-collapse:collapse;min-width:760px}.ranking-table th{height:45px;color:#756a59;font-size:10px;text-transform:uppercase;letter-spacing:.14em;text-align:left;background:#0b0806;border-bottom:1px solid #3d301f}.ranking-table th,.ranking-table td{padding:10px 15px}.ranking-table td{border-bottom:1px solid #251d14;color:#a99f8c;font-size:13px}.ranking-table tr:last-child td{border-bottom:0}.ranking-table tbody tr:hover{background:rgba(214,168,75,.035)}.rank-number{color:#705c3e!important;font-family:var(--display);font-size:16px!important}.character-name{display:flex;align-items:center;gap:11px;color:#e7dbc2;text-decoration:none;font-weight:700}.character-name:hover{color:var(--gold2)}.class-mark{width:30px;height:30px;display:grid;place-items:center;border:1px solid #655038;background:#20150c;color:var(--gold);font-family:var(--display);font-size:11px}.empty{text-align:center!important;padding:45px!important}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.feature-grid article{padding:55px 38px;border-right:1px solid var(--line)}.feature-grid article:last-child{border:0}.feature-grid article>span{color:#634a2c;font-family:var(--display);font-size:12px}.feature-grid h3{font-family:var(--display);font-size:25px;font-weight:400;color:#dfd4bd;margin:19px 0 10px}.feature-grid p{color:#817767;font-size:14px;margin:0}.download-panel{margin:95px 0;min-height:230px;padding:50px 55px;border:1px solid #71552f;background:radial-gradient(circle at 80%,rgba(119,25,17,.23),transparent 38%),linear-gradient(120deg,#19110b,#0c0907);display:flex;align-items:center;justify-content:space-between;gap:30px;box-shadow:inset 0 0 0 4px #0b0806,0 22px 55px #000}.download-panel p:not(.kicker){color:#877b68}.download-actions{display:flex;flex-direction:column;align-items:end;gap:10px}.alpha-badge{color:#bd8b38;font-size:10px;text-transform:uppercase;letter-spacing:.17em}.page-title{padding:85px 0 45px;border-bottom:1px solid var(--line)}.page-title h1{font-size:58px}.page-title>p:last-child{color:var(--muted)}.ranking-card{padding:42px 0 95px}.character-search{margin-bottom:25px}.character-search label{display:block;color:#827664;font-size:10px;text-transform:uppercase;letter-spacing:.15em;margin-bottom:8px}.character-search>div{display:flex;max-width:490px}.character-search input{flex:1;min-width:0;height:44px;border:1px solid #5d492f;border-right:0;background:#0d0907;color:#e4dac6;padding:0 14px;outline:none}.character-search input:focus{border-color:var(--gold)}.character-search button{width:100px;border:1px solid #b5873a;background:#33210e;color:var(--gold2);text-transform:uppercase;font-size:10px;letter-spacing:.12em;cursor:pointer}.profile-hero{min-height:300px;display:flex;align-items:center;gap:35px;border-bottom:1px solid var(--line)}.profile-hero h1{font-size:64px}.profile-hero p:last-child{color:var(--muted)}.profile-emblem{width:128px;height:128px;display:grid;place-items:center;border:1px solid #886331;background:radial-gradient(circle,#42200d,#100a06 70%);box-shadow:inset 0 0 0 5px #090604,0 0 40px rgba(119,25,17,.25);font-family:var(--display);font-size:42px;color:var(--gold2)}.profile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#3a2c1c;border:1px solid #3a2c1c;margin:45px 0}.profile-grid article{padding:35px;background:#100c09;display:flex;flex-direction:column}.profile-grid span{color:#766b5a;font-size:10px;text-transform:uppercase;letter-spacing:.15em}.profile-grid strong{font-family:var(--display);font-size:29px;font-weight:400;color:#e1d6c0;margin-top:8px}.profile-back{margin:0 0 95px}.not-found{padding:120px 0;min-height:600px}.not-found h1{font-size:62px}.not-found>p:not(.kicker){color:var(--muted);margin-bottom:30px}.site-footer{max-width:1184px;margin:auto;padding:30px 0 55px;border-top:1px solid #2d2318;display:flex;justify-content:space-between;color:#665d50;text-transform:uppercase;letter-spacing:.12em;font-size:9px}@media(max-width:900px){.site-header{height:auto;min-height:78px;padding:8px 18px}.brand{width:145px}.brand img{width:145px}.site-header nav a:not(.nav-play){display:none}main{padding:0 18px}.hero{grid-template-columns:1fr;min-height:auto}.hero-copy{padding:65px 0 25px}.hero h1{font-size:64px}.hero-art{min-height:310px}.hero-art img{width:min(600px,110vw)}.sigil{width:280px;height:280px}.status-ribbon{grid-template-columns:1fr 1fr}.status-ribbon>div:nth-child(2){border-right:0}.feature-grid{grid-template-columns:1fr}.feature-grid article{border-right:0;border-bottom:1px solid var(--line)}.download-panel{align-items:flex-start;flex-direction:column;padding:38px}.download-actions{align-items:start}.profile-grid{grid-template-columns:1fr 1fr}.site-footer{margin:0 18px;gap:15px;flex-wrap:wrap}}@media(max-width:560px){.realm-strip{display:grid;grid-template-columns:1fr 1fr;gap:18px}.realm-strip div{padding-left:0;border-left:0}.status-ribbon{grid-template-columns:1fr}.status-ribbon>div{border-right:0;border-bottom:1px solid #35291b}.section-heading{align-items:flex-start;flex-direction:column;gap:12px}.section-heading .kicker{position:static;margin-bottom:0}.panel-section{padding:70px 0}.profile-hero{gap:20px}.profile-emblem{width:90px;height:90px;font-size:30px}.profile-hero h1{font-size:45px}.profile-grid{grid-template-columns:1fr}.site-footer{flex-direction:column}}
/* Wide-screen shell, launcher icon brand, live dashboard, and compact realm flags. */
body{background-color:#080604;background-image:radial-gradient(ellipse 76% 60% at 50% 5%,rgba(74,35,17,.19),transparent 72%),repeating-linear-gradient(125deg,rgba(255,255,255,.012) 0,rgba(255,255,255,.012) 1px,transparent 1px,transparent 5px);background-attachment:fixed}.page-shell{min-height:100vh;background:linear-gradient(90deg,transparent 0,rgba(17,11,7,.34) 14%,rgba(17,11,7,.34) 86%,transparent 100%)}.site-header,main,.site-footer{width:min(1600px,calc(100% - 64px));max-width:none}.site-header{padding-left:0;padding-right:0}.brand{width:72px;height:74px}.brand img{width:64px;height:64px;max-height:none;object-fit:contain}.hero{grid-template-columns:minmax(420px,.9fr) minmax(480px,1.1fr)}.hero-art img{width:min(100%,760px);max-width:100%}.realm-flag{display:inline-flex;align-items:center;justify-content:center;width:22px;font-size:14px;line-height:1;filter:saturate(.9)}.home-dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:34px 0 90px}.home-ledger{min-width:0;border:1px solid var(--line);background:rgba(13,10,8,.94);padding:28px}.section-heading.compact{margin:0 0 20px}.section-heading.compact h2{font-size:30px}.mini-ledger,.event-list{border-top:1px solid var(--line)}.mini-ledger>div{display:grid;grid-template-columns:28px 26px minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:14px 4px;border-bottom:1px solid rgba(91,68,37,.45)}.mini-ledger small,.event-list small{color:#746957;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.mini-ledger b{color:var(--gold2);font:600 13px "Segoe UI",Tahoma,sans-serif}.event-list>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 15px;padding:15px 4px;border-bottom:1px solid rgba(91,68,37,.45)}.event-list span{color:#ddd1bb}.event-list strong{color:var(--gold2);font:600 18px "Segoe UI",Tahoma,sans-serif;font-variant-numeric:tabular-nums}.event-list small{grid-column:1/-1}.guild-page{padding-top:10px}
@media(max-width:1100px){.site-header,main,.site-footer{width:min(100% - 40px,1240px)}.site-header nav{gap:18px}.hero{grid-template-columns:1fr 1fr}.home-dashboard-grid{grid-template-columns:1fr}.brand{width:62px}}
@media(max-width:900px){.hero{grid-template-columns:1fr}.brand{width:54px;height:60px}.brand img{width:50px;height:50px}.section-heading.compact .kicker{position:static;margin-bottom:8px}}
@media(max-width:760px){.site-header,main,.site-footer{width:calc(100% - 28px)}.brand{width:54px;height:60px}.brand img{width:50px;height:50px}.hero{grid-template-columns:1fr}.home-ledger{padding:20px}.mini-ledger>div{grid-template-columns:24px 22px minmax(0,1fr) auto}.mini-ledger b{display:none}}

/* Full-width header and hero atmosphere for 2K/4K displays. */
.site-header{width:100%;padding-left:max(32px,calc((100vw - 1600px)/2));padding-right:max(32px,calc((100vw - 1600px)/2))}
.site-header:after{left:max(32px,calc((100vw - 1600px)/2));right:max(32px,calc((100vw - 1600px)/2))}
.hero{isolation:isolate}.hero:before,.hero:after{content:none}.hero-copy,.hero-art{position:relative;z-index:2}
.section-heading.compact>div{display:flex;flex-direction:column;min-width:0}
.section-heading.compact .kicker{position:static;margin:0 0 5px;line-height:1.25}
.checksum-note{display:block;color:#796f60;font-size:10px;letter-spacing:.05em;text-align:right}.checksum-note a{color:#a98a50;text-decoration:none}.checksum-note a:hover{color:var(--gold2)}
@media(max-width:1100px){.site-header{width:100%;padding-left:20px;padding-right:20px}.site-header:after{left:20px;right:20px}}
@media(max-width:760px){.site-header{width:100%;padding-left:14px;padding-right:14px}.checksum-note{text-align:left}}
.section-heading>div{display:flex;min-width:0;flex-direction:column;gap:9px}
.section-heading>div>.kicker{position:static;margin:0;line-height:1.2}
.guild-mark{display:block;width:30px;height:30px;padding:2px;border:1px solid #655038;background:#15110d;image-rendering:pixelated;flex:0 0 30px}
.guild-mark-fallback{display:grid;place-items:center;color:var(--gold);font-family:var(--display);font-size:12px;padding:0}
.guild-name-cell{display:inline-flex;align-items:center;gap:11px;color:#e7dbc2}
.mini-ledger>div{grid-template-columns:28px 30px minmax(0,1fr) auto auto}
@media(max-width:760px){.mini-ledger>div{grid-template-columns:24px 30px minmax(0,1fr) auto}}

/* Live Castle Siege and community surfaces. */
.site-footer a{color:#8c806d;text-decoration:none}.site-footer a:hover,.nav-discord:hover{color:var(--gold2)}
.castle-siege-card{display:grid;grid-template-columns:86px minmax(180px,1.15fr) repeat(3,minmax(150px,1fr)) auto;align-items:center;gap:22px;margin:52px 0 5px;padding:25px 28px;border:1px solid #62492a;background:radial-gradient(circle at 10% 50%,rgba(126,29,24,.2),transparent 25%),linear-gradient(100deg,#17100b,#0b0806);box-shadow:0 18px 45px rgba(0,0,0,.3)}
.castle-siege-card .castle-emblem{width:70px;height:70px;display:grid;place-items:center;background:#090705;border:1px solid #574127}.castle-siege-card .guild-mark{width:56px;height:56px;flex-basis:56px;border:0;padding:4px}.castle-heading .kicker{margin-bottom:5px}.castle-heading h2{margin:0;color:#eadfca;font:400 30px var(--display)}
.castle-siege-card>div:not(.castle-emblem):not(.castle-heading){display:flex;flex-direction:column}.castle-siege-card span,.siege-hero span{color:#786c59;font-size:9px;text-transform:uppercase;letter-spacing:.14em}.castle-siege-card strong{color:#e5d9c1;font:400 18px var(--display)}.castle-siege-card .event-countdown{color:var(--gold2);font-family:"Segoe UI",Tahoma,sans-serif;font-variant-numeric:tabular-nums}.castle-siege-card .button{padding:0 18px;white-space:nowrap}
.siege-hero{display:grid;grid-template-columns:160px repeat(3,1fr);align-items:center;gap:30px;margin:48px 0 24px;padding:38px;border:1px solid #654a29;background:radial-gradient(circle at 8% 50%,rgba(126,29,24,.24),transparent 24%),linear-gradient(110deg,#19110c,#0b0806)}
.siege-owner-mark{width:122px;height:122px;display:grid;place-items:center;border:1px solid #6b502e;background:#090604}.siege-owner-mark .guild-mark{width:94px;height:94px;flex-basis:94px;border:0;padding:6px}.siege-hero>div:not(.siege-owner-mark){display:flex;flex-direction:column}.siege-hero strong{color:#f0e4cd;font:400 30px var(--display)}.siege-hero .event-countdown{color:var(--gold2);font:600 25px "Segoe UI",Tahoma,sans-serif;font-variant-numeric:tabular-nums}.siege-hero small{color:#786d5b;font-size:10px;text-transform:uppercase;letter-spacing:.08em}
.siege-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:0 0 34px}.siege-grid article{min-height:240px;padding:32px;border:1px solid var(--line);background:#100c09}.siege-grid h2{margin:0 0 16px;color:#e7dcc6;font:400 28px var(--display)}.siege-grid article>strong{color:var(--gold2);font:400 42px var(--display)}.siege-grid article>p:last-child{color:#827665}.siege-grid dl{margin:0}.siege-grid dl>div{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid #302519}.siege-grid dt{color:#897c68}.siege-grid dd{margin:0;color:#e1d5bd}.siege-access{font-size:30px!important;color:#b35e50!important}.siege-access.open{color:#69c994!important}
@media(max-width:1200px){.site-header nav{gap:1px}.site-header nav a{padding-left:9px;padding-right:9px}.castle-siege-card{grid-template-columns:72px 1fr 1fr 1fr}.castle-siege-card>a{grid-column:4}.castle-siege-card>div:nth-of-type(5){grid-column:3}}
@media(max-width:900px){.castle-siege-card{grid-template-columns:70px 1fr 1fr}.castle-siege-card>div:nth-of-type(4),.castle-siege-card>div:nth-of-type(5),.castle-siege-card>a{grid-column:auto}.siege-hero{grid-template-columns:130px 1fr}.siege-grid{grid-template-columns:1fr}.nav-discord{display:none!important}}
@media(max-width:620px){.castle-siege-card{grid-template-columns:62px 1fr}.castle-siege-card>div:not(.castle-emblem):not(.castle-heading),.castle-siege-card>a{grid-column:1/-1}.siege-hero{grid-template-columns:1fr}.siege-owner-mark{width:96px;height:96px}.siege-owner-mark .guild-mark{width:72px;height:72px;flex-basis:72px}}

.nav-toggle{display:none;width:46px;height:42px;padding:10px;border:1px solid #67502e;background:linear-gradient(#25190f,#100b08);cursor:pointer;align-items:center;justify-content:center;flex-direction:column;gap:5px}
.nav-toggle span{display:block;width:21px;height:1px;background:var(--gold2);transition:transform .18s ease,opacity .18s ease}
.nav-toggle.is-open span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.nav-toggle.is-open span:nth-child(2){opacity:0}
.nav-toggle.is-open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
@media(max-width:900px){
  .site-header{position:relative;z-index:30}
  .nav-toggle{display:flex}
  html.js .site-header #site-navigation{display:none}
  html.js .site-header #site-navigation.is-open,html:not(.js) .site-header #site-navigation{display:flex}
  .site-header #site-navigation{position:absolute;top:calc(100% + 1px);left:18px;right:18px;padding:9px;flex-direction:column;align-items:stretch;gap:2px;border:1px solid #614a2d;background:rgba(10,7,5,.98);box-shadow:0 20px 45px rgba(0,0,0,.72);backdrop-filter:blur(14px)}
  .site-header #site-navigation a,.site-header #site-navigation a:not(.nav-play){display:flex;min-height:44px;align-items:center;padding:9px 13px;border:1px solid transparent;font-size:12px}
  .site-header #site-navigation a:hover,.site-header #site-navigation a:focus-visible{border-color:#493820;background:#1a120c;outline:none}
  .site-header #site-navigation .language-switch{justify-content:center;border-color:#493820}
  .site-header #site-navigation .nav-play{justify-content:center;margin-top:4px;border-color:#745b31}
  .site-header #site-navigation .nav-discord{display:flex!important}
}
@media(max-width:560px){.site-header #site-navigation{left:14px;right:14px}}
