@font-face{font-family:"LifeCraft";src:url("assets/LifeCraft_Font.ttf") format("truetype");font-display:swap}
:root{
  --bg:#120d08;
  --bg2:#1a130c;
  --ink:#2b1a0d;
  --gold:#c9a45d;
  --gold-2:#efd7a0;
  --gold-dark:#7e5b2d;
  --line:#5e4524;
  --parchment:#dbc69c;
  --parchment-2:#cdb487;
  --text:#f3ebda;
  --muted:#d7cdb8;
  --shadow:#00000099;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:
 radial-gradient(circle at top,#5a391622,transparent 25%),
 linear-gradient(180deg,#0f0b08,#1a130d 35%,#110c08 100%);
 color:var(--text);font-family:Arial,Helvetica,sans-serif}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.site-shell{min-height:100vh;background:url("assets/stars.png") top center/cover no-repeat}
.realm-alert{background:linear-gradient(180deg,#463016,#291a0d);border-bottom:1px solid #8c6632;color:#f5e2b6;text-align:center;padding:10px 18px;font-size:11px;letter-spacing:1.2px;text-transform:uppercase;box-shadow:0 2px 12px #0007}
.masthead{max-width:1280px;margin:0 auto;padding:26px 24px 0}
.crest-wrap{display:flex;align-items:center;gap:18px;padding:18px 20px;border:1px solid var(--line);background:linear-gradient(180deg,#24170c,#160f09);box-shadow:0 10px 30px var(--shadow),inset 0 0 0 1px #8e6a2e33;border-radius:6px 6px 0 0}
.crest-logo{filter:drop-shadow(0 6px 14px #000)}
.mast-kicker,.section-title-kicker,.summary-kicker,.eco-kicker,.feature-meta,.manual-step,.section-ribbon,.board-header{letter-spacing:1.8px;text-transform:uppercase;font-size:11px;color:#f0d090;font-weight:700}
.crest-copy h1{margin:4px 0 8px;font-family:"LifeCraft",Georgia,serif;font-weight:normal;font-size:48px;letter-spacing:1px;color:#f3dfb6;text-shadow:0 2px 0 #000}
.crest-copy p{margin:0;color:#cec3af;max-width:620px;line-height:1.6}
.classic-tabs{display:flex;gap:8px;flex-wrap:wrap;padding:0 14px 14px;background:linear-gradient(180deg,#24170c,#160f09);border:1px solid var(--line);border-top:0;border-radius:0 0 10px 10px;box-shadow:0 14px 24px #0005}
.classic-tabs a{display:inline-flex;align-items:center;justify-content:center;padding:13px 18px;background:linear-gradient(180deg,#6d5228,#4a361c);border:1px solid #ad8444;border-top-color:#d8bb86;border-bottom-color:#3b2811;color:#fff3d2;font-weight:700;font-size:13px;border-radius:0 0 10px 10px;box-shadow:inset 0 1px 0 #f6e3b044,0 2px 4px #0005}
.classic-tabs a:hover{filter:brightness(1.06)}
main{max-width:1280px;margin:0 auto;padding:30px 24px 70px}
.hero-panel{display:grid;grid-template-columns:1.08fr .92fr;gap:22px;align-items:stretch}
.frame-panel{border:1px solid #7d5c2c;background:linear-gradient(180deg,#22160b,#171009);box-shadow:0 12px 30px var(--shadow),inset 0 0 0 1px #b98e4133;padding:18px;position:relative}
.frame-panel::before,.frame-panel::after{content:"";position:absolute;width:18px;height:18px;border:2px solid #b28a48;top:8px;left:8px;opacity:.55}
.frame-panel::after{top:auto;left:auto;right:8px;bottom:8px}
.parchment-panel{background:linear-gradient(180deg,var(--parchment),var(--parchment-2));color:var(--ink);border:1px solid #8b6630;box-shadow:0 12px 30px var(--shadow),inset 0 0 24px #fff2cc44;padding:24px;position:relative}
.parchment-panel::before{content:"";position:absolute;inset:8px;border:1px solid #a67d43;pointer-events:none;opacity:.55}
.section-ribbon{margin-bottom:14px}
.hero-left h2{font-family:"LifeCraft",Georgia,serif;font-size:50px;line-height:1.05;margin:0 0 14px;color:#3d220e;text-shadow:0 1px 0 #f6ead0}
.hero-left p{font-size:16px;line-height:1.8;margin:0 0 18px;color:#4e3520}
.hero-actions,.download-actions{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0 20px}
.wow-button{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;background:linear-gradient(180deg,#77562a,#4d3618);border:1px solid #a98246;color:#fff3d0;font-weight:700;font-size:14px;border-radius:5px;box-shadow:inset 0 1px 0 #f8e3b155,0 2px 5px #0006}
.wow-button.primary{background:linear-gradient(180deg,#c79842,#8d6225);color:#231405;border-color:#f0c77f}
.hero-bullets{display:grid;gap:8px;margin:12px 0 0;padding:0;list-style:none}
.hero-bullets li{padding-left:18px;position:relative;color:#533724}
.hero-bullets li::before{content:"◆";position:absolute;left:0;color:#8a5b1c;font-size:10px;top:4px}
.hero-right{display:flex;align-items:center;justify-content:center}
.hero-emblem-box{display:grid;place-items:center;min-height:100%;padding:24px;background:radial-gradient(circle at center,#2e1f11,#150e08 75%);border:1px solid #87612d}
.hero-emblem{width:min(72%,320px);height:auto;filter:drop-shadow(0 12px 24px #000)}
.hero-caption{text-align:center;margin-top:18px;color:#e8d8bd;font-family:"LifeCraft",Georgia,serif;letter-spacing:1.2px;font-size:22px}
.content-section{padding-top:40px}
.section-title-wrap{margin-bottom:18px}
.section-title-wrap h3,.network-copy h3,.download-copy h3{margin:6px 0 8px;font-family:"LifeCraft",Georgia,serif;font-weight:normal;font-size:40px;color:#f1ddb3;text-shadow:0 2px 0 #000}
.section-title-wrap p,.network-copy p,.download-copy p,.manual-card p,.eco-card p{color:#d1c4ac;line-height:1.7}
.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.feature-entry h4,.manual-card h4,.eco-card h4{margin:8px 0 10px;font-family:"LifeCraft",Georgia,serif;font-size:28px;font-weight:normal;color:#3f250f}
.feature-entry p{line-height:1.7;margin:0 0 12px;color:#523720}
.feature-entry ul{margin:0;padding-left:18px;color:#5b4025;line-height:1.7}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:stretch}
.map-board{display:flex;flex-direction:column}
.map-grid{position:relative;min-height:340px;border:1px solid #8a6a36;background:
 linear-gradient(180deg,#182028,#0d1418),
 linear-gradient(transparent 95%,#d9bb7455 96%),
 linear-gradient(90deg,transparent 95%,#d9bb7455 96%);
 background-size:auto,36px 36px,36px 36px;overflow:hidden}
.board-lines{position:absolute;inset:0;width:100%;height:100%}
.board-lines line{stroke:#d8b876;stroke-width:1.2;opacity:.75}
.grid-dot{position:absolute;width:16px;height:16px;border-radius:50%;background:#f1d18e;box-shadow:0 0 0 6px #eec36b33,0 0 18px #efc774}
.dot-a{left:14%;top:18%}.dot-b{left:50%;top:27%}.dot-c{left:73%;top:16%}.dot-d{left:67%;top:65%}.dot-e{left:30%;top:74%}
.board-legend{position:absolute;left:14px;bottom:14px;padding:10px 12px;background:#0c1117cc;border:1px solid #6f5630;color:#ecd39e;font-size:12px;letter-spacing:1px;text-transform:uppercase}
.network-copy{display:flex;flex-direction:column;justify-content:center}
.seal-list{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.seal-list span{padding:10px 12px;border:1px solid #96703a;background:#e8d7b6;color:#593a17;font-size:12px;font-weight:700;text-transform:uppercase}
.manual-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.manual-note{margin-top:18px;color:#dbcba8;line-height:1.7}
.ecosystem-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.eco-card{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center}.eco-card h4{color:#f3ddb0}.eco-kicker{margin-bottom:6px}.eco-card p{margin:0 0 10px}.eco-crests{display:flex;align-items:center;justify-content:center;gap:8px;min-width:160px;color:#f0d090;font-size:22px}
.inline-link{font-weight:700;color:#f5d79c}
.download-board{display:grid;grid-template-columns:1.2fr .8fr;gap:22px;align-items:stretch}.download-copy{color:var(--ink)}.download-copy h3{color:#44270e}.release-summary{display:flex;flex-direction:column;justify-content:center;gap:12px}.summary-build{font-family:"LifeCraft",Georgia,serif;font-size:54px;color:#f7e1b1}.summary-build span{font-size:26px;color:#d9bd84}.release-summary ul{margin:0;padding-left:18px;color:#d8c9ac;line-height:1.8}
.footer-bar{max-width:1280px;margin:0 auto;padding:0 24px 40px;display:flex;justify-content:space-between;gap:18px;align-items:center;color:#b4a48a;font-size:12px}.footer-branding{display:flex;align-items:center;gap:12px}.footer-branding strong{display:block;font-family:"LifeCraft",Georgia,serif;font-size:28px;color:#efd9a8;font-weight:normal}.footer-branding span{color:#c7baa2}
code{font-family:Consolas,monospace;background:#00000012;padding:2px 6px;border:1px solid #8f7248}
.leaderboard-panel{padding:22px}
.leaderboard-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-bottom:16px;border-bottom:1px solid #76572f}
.leaderboard-provenance{display:grid;gap:7px;color:#d9c9ad;font-size:13px;line-height:1.6}
.leaderboard-status{width:max-content;padding:6px 9px;border:1px solid #98743d;background:#171008;color:#f0d598;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase}
.leaderboard-filters{display:grid;grid-template-columns:2fr repeat(3,minmax(130px,1fr));gap:12px;padding:18px 0}
.leaderboard-filters label{display:grid;gap:7px;color:#e5d4b3;font-size:12px;font-weight:700}
.leaderboard-filters input,.leaderboard-filters select{width:100%;min-height:42px;padding:9px 11px;border:1px solid #8d6a37;background:#171008;color:#f3e7d0;font:inherit}
.leaderboard-table-wrap{overflow:auto;border:1px solid #6f512a;background:#100b07}
.leaderboard-table{width:100%;border-collapse:collapse;min-width:620px;text-align:left}
.leaderboard-table th{padding:13px 15px;background:#30200f;color:#f2d89e;font-size:11px;letter-spacing:1.2px;text-transform:uppercase}
.leaderboard-table td{padding:13px 15px;border-top:1px solid #49351d;color:#e8dcc6}
.leaderboard-table tbody tr:hover{background:#24180d}
.leaderboard-rank{color:#f0d090!important;font-family:"LifeCraft",Georgia,serif;font-size:21px}
.leaderboard-character{font-weight:700}
.leaderboard-faction.horde{color:#eaa39a}
.leaderboard-faction.alliance{color:#a7c7ec}
.leaderboard-class{font-weight:700}
.class-warrior{color:#c79c6e!important}.class-paladin{color:#f48cba!important}.class-hunter{color:#aad372!important}.class-rogue{color:#fff468!important}.class-priest{color:#fff!important}.class-shaman{color:#0070dd!important}.class-mage{color:#68ccef!important}.class-warlock{color:#9382c9!important}.class-druid{color:#ff7c0a!important}
.leaderboard-record-status{font-size:12px}
.leaderboard-empty{padding:32px 18px;text-align:center;color:#e1d2b7}
.leaderboard-empty strong{font-family:"LifeCraft",Georgia,serif;font-size:27px;font-weight:normal;color:#f0d9a8}
.leaderboard-empty p{margin:8px 0 0;color:#cbb99b;line-height:1.7}
.leaderboard-footnote{margin:14px 0 0;color:#cbb99b;font-size:12px;line-height:1.7}
button,select,input{font:inherit}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,.leaderboard-table-wrap:focus-visible{outline:3px solid #f0cf83;outline-offset:3px}
@media (max-width: 1024px){.hero-panel,.two-col,.download-board,.ecosystem-grid,.manual-grid{grid-template-columns:1fr}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.eco-card{grid-template-columns:1fr}.footer-bar{flex-direction:column;align-items:flex-start}}
@media (max-width: 700px){.crest-wrap{flex-direction:column;align-items:flex-start}.crest-copy h1{font-size:40px}.hero-left h2{font-size:42px}.section-title-wrap h3,.network-copy h3,.download-copy h3{font-size:34px}.classic-tabs a{font-size:12px;padding:11px 14px}.feature-grid{grid-template-columns:1fr}.hero-actions{flex-direction:column;align-items:stretch}.wow-button{width:100%}.main,.content-section{padding-top:32px}.map-grid{min-height:280px}.footer-branding strong{font-size:24px}.leaderboard-panel{padding:16px}.leaderboard-toolbar{align-items:flex-start;flex-direction:column}.leaderboard-filters{grid-template-columns:1fr 1fr}.leaderboard-filters label:first-child{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}