@font-face{font-family:Acme;src:url(/fonts/Acme-Regular.ttf);font-display:swap}@font-face{font-family:Cinzel;src:url(/fonts/Cinzel.woff2);font-display:swap}:root{--ink:#121014;--stone:#211e26;--raised:#332c36;--bronze:#b87d59;--gold:#f4ae72;--text:#f3e9dc;--muted:#b9adb1;--jade:#f4ae72}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:radial-gradient(ellipse at 90% 10%,#50334255,transparent 45%),var(--ink);color:var(--text);font-family:Acme,serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--jade);outline-offset:6px}h1,h2,h3{font-family:Cinzel,serif;font-weight:600}p{line-height:1.65}.portal{max-width:1440px;margin:auto;padding:0 56px}.topbar{height:96px;display:flex;align-items:center;gap:24px;border-bottom:1px solid #b87d5944}.wordmark{font-family:Cinzel,serif;letter-spacing:.14em;font-size:15px;color:var(--gold)}.tag{font-size:12px;border:1px solid #b87d5955;padding:5px 9px}.tag,nav{color:var(--muted)}nav{margin-left:auto;display:flex;gap:28px;align-items:center}.navplay,nav a:hover{color:var(--gold)}.navplay{border:1px solid var(--bronze);padding:10px 22px}.hero{display:grid;grid-template-columns:1fr 1.12fr;gap:52px;align-items:center;padding:66px 0 64px}.eyebrow{font-size:12px;color:var(--jade);text-transform:uppercase;letter-spacing:.14em;margin:0 0 14px}h1{font-size:clamp(46px,5.2vw,76px);line-height:1.02;margin:16px 0 26px;letter-spacing:-.04em}h1 span{display:block;color:var(--gold)}.lead{font-size:26px;line-height:1.35;margin:0 0 18px}.intro{color:var(--muted);max-width:420px;font-size:18px;margin-bottom:28px}.primary{display:inline-flex;align-items:center;justify-content:space-between;gap:42px;padding:16px 24px;background:#865039;border:1px solid var(--gold);box-shadow:inset 0 0 0 4px var(--stone);font-size:21px}.primary:hover{background:#a66b49}.caption{font-size:13px;color:var(--muted);margin:14px 0}.hero-stats{display:flex;gap:30px;margin-top:32px;border-top:1px solid #b87d5933;padding-top:20px;color:var(--muted);font-size:14px}.hero-stats strong{display:block;color:var(--gold);font-size:22px;font-weight:400;margin-bottom:5px}.scene{border:1px solid var(--bronze);padding:7px;background:var(--stone);box-shadow:0 30px 70px #0006;transform:rotate(-1deg)}.scene-image{width:100%;display:block;aspect-ratio:1.05;object-fit:cover;object-position:48% center;image-rendering:pixelated}.scene-caption{padding:15px 8px 8px;display:flex;align-items:center;gap:8px;color:var(--gold);font-size:15px}.scene-caption>span:last-child{margin-left:auto;color:var(--muted);font-size:10px;letter-spacing:.12em}.live-dot{width:6px;height:6px;background:var(--jade);border-radius:50%}.section{border-top:1px solid #b87d5944;padding:46px 0}.section-title{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px}h2{font-size:27px;margin:0;line-height:1.25}.subtle{color:var(--muted);font-size:15px}.vocations{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.vocation{background:var(--stone);border:1px solid #b87d5966;padding:24px;box-shadow:inset 0 0 0 4px #12101466}.portrait{width:86px;height:86px;border:1px solid var(--bronze);margin-bottom:22px;padding:4px;background:#121014;border-radius:50%;overflow:hidden}.portrait img{width:100%;height:100%;object-fit:contain}.vocation .eyebrow{font-size:10px;letter-spacing:.08em}.vocation h3{font-size:23px;margin:8px 0}.vocation>p:not(.eyebrow){color:var(--muted);font-size:16px;min-height:78px}.vocation a{display:flex;justify-content:space-between;color:var(--gold);font-size:15px;border-top:1px solid #b87d5944;padding-top:17px}.vocation:hover{border-color:var(--gold);background:#30252f}.lower{display:grid;grid-template-columns:1fr 1fr;gap:42px;padding:20px 0 62px}.how,.rank{border:1px solid #b87d5955;background:#211e2677;padding:30px}ol{list-style:none;padding:0;margin:28px 0}li{display:flex;gap:18px;margin-bottom:22px}li>span{font-family:Cinzel,serif;font-size:24px;color:var(--bronze);padding-top:2px}li h3{font-family:Acme,serif;font-size:20px;font-weight:400;margin:0}li p{font-size:15px;margin:6px 0 0}.controls,li p{color:var(--muted)}.controls{display:flex;flex-wrap:wrap;gap:12px 18px;padding-top:20px;border-top:1px solid #b87d5944;font-size:13px}kbd{display:inline-block;font:13px Acme,serif;background:#332c36;padding:5px 7px;border:solid #b87d5977;border-width:1px 1px 3px;color:var(--text);margin-right:5px}.rank-status{padding:35px 0;color:var(--muted)}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;margin:24px 0}th{text-align:left;color:var(--muted);font-size:12px;font-weight:400;padding:10px 6px;border-bottom:1px solid var(--bronze)}td{font-size:15px;padding:14px 6px;border-bottom:1px solid #b87d5922}td:first-child{color:var(--bronze)}td:last-child,th:last-child{text-align:right;color:var(--gold)}footer{border-top:1px solid #b87d5944;padding:26px 0 36px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;color:var(--muted);font-size:12px}footer a{color:var(--gold)}@media(max-width:1050px){.portal{padding:0 28px}.hero{gap:28px}.vocations{grid-template-columns:repeat(2,1fr)}.vocation>p:not(.eyebrow){min-height:50px}.lower{gap:20px}.scene-caption>span:last-child{display:none}}@media(max-width:700px){.portal{padding:0 20px}.topbar{height:78px;gap:10px}.tag{display:none}.wordmark{font-size:11px}nav{gap:16px;font-size:14px}.navplay{padding:8px 12px}.hero{grid-template-columns:1fr;padding:42px 0}.hero h1{font-size:60px}.hero-copy{max-width:460px}.scene-image{aspect-ratio:1.5}.section-title{display:block}.section-title>.subtle{display:block;margin-top:14px}.vocations{gap:12px}.vocation{padding:18px}.vocation h3{font-size:20px}.vocation a{font-size:13px}.lower{grid-template-columns:1fr}.how,.rank{padding:24px}h2{font-size:24px}}