@import url("https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700;800&family=Inter:wght@400;500;600;700&display=swap");:root{--bg:#090b0f;--panel:#12161d;--panel2:#181d25;--line:#2a313d;--text:#f3f0e9;--muted:#a6abb5;--gold:#d9a92c;--gold2:#f3cd62;--wrap:min(1160px,calc(100% - 40px))}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.55 Inter,Arial,sans-serif}.wrap{width:var(--wrap);margin:auto}a{color:inherit;text-decoration:none}.site-header{height:78px;position:-webkit-sticky;position:sticky;top:0;z-index:10;background:rgba(9,11,15,.94);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.header-row{height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{font-family:Cinzel,serif;color:var(--gold2);font-weight:800;letter-spacing:.08em;line-height:1.1}.logo small{display:block;color:var(--muted);font:10px Inter,sans-serif;letter-spacing:.04em;margin-top:4px}.site-header nav{display:flex;gap:5px}.chip,.site-header nav a{color:var(--muted);padding:8px 9px;font-size:13px}.chip:hover,.site-header nav a:hover{color:var(--gold2)}.header-actions{display:flex;align-items:center;gap:5px}.button,.game-cta{border:1px solid transparent;border-radius:5px;padding:11px 16px;font-weight:700;display:inline-flex;justify-content:center;align-items:center;cursor:pointer}.game-cta,.gold{background:linear-gradient(135deg,var(--gold2),#bd8420);color:#15100a}.ghost,.outline{border-color:#8791a1;color:var(--text);background:transparent}.hero{min-height:610px;position:relative;display:grid;place-items:center;overflow:hidden}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 25%;animation:drift 17s ease-in-out infinite alternate;z-index:0}.hero-overlay{background:linear-gradient(180deg,rgba(4,6,9,.25),rgba(4,6,9,.58) 45%,#090b0f);z-index:1}.hero-mask,.hero-overlay{position:absolute;inset:0}.hero-mask{z-index:2;pointer-events:none;-webkit-mask-image:radial-gradient(circle at 50% 45%,#000 38%,transparent 78%);mask-image:radial-gradient(circle at 50% 45%,#000 38%,transparent 78%);background:radial-gradient(circle at 50% 45%,rgba(0,0,0,.55) 0,rgba(0,0,0,.25) 38%,transparent 78%)}@keyframes drift{to{transform:scale(1.05)}}.hero-content{position:relative;text-align:center;padding:80px 0 95px;max-width:880px;z-index:3}.kicker{color:var(--gold2);font-size:12px;font-weight:700;letter-spacing:.16em;margin:0 0 9px}.hero h1,h1,h2{font-family:Cinzel,Georgia,serif;line-height:1.15}.hero h1{font-size:clamp(40px,6.2vw,74px);margin:0;text-shadow:0 3px 22px #000}.hero h1 span{color:var(--gold2)}.lead{font-size:18px;color:#e3e0db;max-width:620px;margin:18px auto}.searchbox{position:relative;display:flex;margin:28px auto 0;max-width:620px;border:1px solid #5d6571;background:rgba(15,18,23,.9);border-radius:5px;overflow:visible}.searchbox input{flex:1 1;min-width:0;border:0;background:transparent;color:#fff;padding:15px;outline:0;font:inherit}.searchbox>span{background:var(--gold);color:#17120a;padding:15px 20px;font-size:13px;font-weight:700}.search-results{position:absolute;top:calc(100% + 4px);left:0;right:0;text-align:left;background:#171c23;border:1px solid var(--line);z-index:2}.search-results a{display:flex;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--line)}.search-results small{color:var(--muted)}.hero-cta{display:flex;justify-content:center;gap:10px;margin-top:17px}.content-grid,.needs{padding:74px 0}.section-heading{text-align:center}.content-grid h2,.feature-copy h2,.section-heading h2{font-size:32px;margin:0}.need-grid{margin-top:27px;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:13px;gap:13px}.need-grid a{padding:22px 17px;background:var(--panel);border:1px solid var(--line);border-radius:7px}.need-grid a:hover{border-color:var(--gold)}.need-grid b,.need-grid span{display:block}.muted,.need-grid span{color:var(--muted);font-size:13px;margin-top:4px}.feature-row{display:grid;grid-template-columns:1.15fr 1fr;grid-gap:0;gap:0;background:var(--panel);border:1px solid var(--line);border-radius:8px;overflow:hidden}.image-panel{position:relative;min-height:320px;overflow:hidden;background:#000}.image-panel-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;-webkit-mask-image:linear-gradient(90deg,#000 55%,transparent 95%);mask-image:linear-gradient(90deg,#000 55%,transparent 95%);opacity:.85}.feature-copy{padding:55px 45px}.feature-copy p:not(.kicker){color:var(--muted)}.text-link{color:var(--gold2);font-weight:700}.content-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:55px;gap:55px}.list-cards{display:grid;grid-gap:8px;gap:8px;margin-top:18px}.list-cards a,.route-links a{display:flex;justify-content:space-between;padding:15px;background:var(--panel);border:1px solid var(--line);border-radius:5px}.list-cards span{color:var(--gold2);font-size:13px}.page{padding:68px 0 90px;min-height:60vh}.page-atmosphere{position:relative;height:210px;margin:0 0 28px;border:1px solid var(--line);border-radius:7px;overflow:hidden;background:#0a0d12}.page-atmosphere-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;-webkit-mask-image:linear-gradient(90deg,#000,#000 50%,transparent);mask-image:linear-gradient(90deg,#000,#000 50%,transparent);opacity:.55}.page-atmosphere-label{position:absolute;left:24px;bottom:18px;color:var(--gold2);font-family:Cinzel,serif;font-weight:700;letter-spacing:.08em;font-size:13px;text-transform:uppercase;z-index:2;text-shadow:0 1px 8px #000}.crumb{font-size:13px;color:var(--muted)}.crumb a{color:var(--gold2)}.page h1{font-size:45px;margin:7px 0 12px}.intro{font-size:18px;max-width:770px;color:#d4d4d2}.player-task{margin:30px 0 36px;padding:25px;border:1px solid #675128;border-radius:9px;background:linear-gradient(135deg,rgba(217,169,44,.13),rgba(18,22,29,.98) 48%)}.player-task h2{margin:0;font-size:clamp(22px,3vw,30px)}.player-task>p:not(.kicker):not(.task-check){color:#d8d5cf;max-width:680px}.player-task ol{list-style:none;padding:0;margin:19px 0 14px;display:grid;grid-gap:10px;gap:10px}.player-task li{display:grid;grid-template-columns:30px 1fr;grid-gap:11px;gap:11px;align-items:start;padding:12px;border:1px solid rgba(136,147,161,.28);border-radius:6px;background:rgba(9,11,15,.48)}.player-task li span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;color:#17120a;background:var(--gold2);font-weight:800;font-size:12px}.task-check{margin:0;color:var(--gold2);font-size:14px}.article{max-width:850px}.notice{margin:30px 0;padding:16px;border-left:3px solid var(--gold);background:var(--panel);color:var(--muted)}.route-links{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px}.route-links a{font-size:13px}.compare,.planner{margin-top:30px}.tabs{display:flex;border-bottom:1px solid var(--line)}.tabs button{background:transparent;border:0;color:var(--muted);padding:14px 22px;font:inherit}.tabs button.active{color:var(--gold2);border-bottom:2px solid var(--gold)}.compare-grid,.planner-grid{display:grid;grid-template-columns:1fr 300px;grid-gap:18px;gap:18px;margin-top:20px}.compare-grid article,.planner-grid aside,.planner-grid section{background:var(--panel);border:1px solid var(--line);padding:22px;border-radius:7px}.compare-grid h2,.planner-grid h2{font-size:21px;margin-top:0}.skill-row{display:grid;grid-template-columns:minmax(0,1fr) auto 30px 30px auto;align-items:center;grid-gap:8px;gap:8px;padding:12px 0;border-bottom:1px solid var(--line);font-size:14px}.skill-row button[aria-label^=Add]{width:auto;min-width:64px;padding:0 7px;font-size:12px}.planner-status{min-height:1.55em;margin:10px 0 0;color:var(--muted);font-size:13px}.skill-row span{color:var(--muted);font-size:12px}.skill-row button{width:27px;height:27px;border:1px solid var(--line);background:#222935;color:var(--gold2);border-radius:4px}.planner aside .button{width:100%;margin-top:10px}.choices{display:flex;gap:8px;flex-wrap:wrap}.choices button{background:var(--panel);border:1px solid var(--line);color:var(--text);padding:8px 10px;border-radius:4px}.choices button.selected{border-color:var(--gold);color:var(--gold2)}.compare-grid{grid-template-columns:repeat(3,1fr)}.compare-grid em,.footer{color:var(--muted)}.footer{background:#050609;border-top:1px solid var(--line);padding:44px 0;font-size:13px}.footer-logo{font-family:Cinzel;color:var(--gold2);letter-spacing:.08em}.footer-links{display:flex;gap:15px;flex-wrap:wrap;margin:15px 0}.footer-links a{color:#ddd}.not-found{text-align:center}.sr-only{position:absolute;left:-10000px}@media(max-width:900px){.site-header .header-actions .chip,.site-header nav{display:none!important}.need-grid{grid-template-columns:repeat(2,1fr)}.feature-row{grid-template-columns:1fr}.image-panel{min-height:240px}.content-grid{gap:24px}.route-links{grid-template-columns:1fr 1fr}}@media(max-width:520px){:root{--wrap:min(100% - 28px,600px)}.site-header{height:64px}.logo{font-size:14px}.header-actions{margin:auto}.game-cta{font-size:12px;padding:9px 10px}.hero{min-height:555px}.hero-content{padding:58px 0 68px}.hero h1{font-size:39px}.lead{font-size:15px}.searchbox{margin-top:22px}.searchbox input{padding:13px;font-size:13px}.searchbox>span{padding:13px 10px;font-size:11px}.hero-cta .button{padding:10px 11px;font-size:12px}.content-grid,.needs{padding:47px 0}.need-grid{gap:9px;margin-top:18px}.need-grid a{padding:16px 12px;font-size:13px}.need-grid span{font-size:11px}.feature-copy{padding:30px 22px}.content-grid{grid-template-columns:1fr}.page{padding:42px 0 60px}.page h1{font-size:32px}.intro{font-size:16px}.compare-grid,.planner-grid{grid-template-columns:1fr}.skill-row{grid-template-columns:minmax(0,1fr) auto 28px 25px auto}.route-links{grid-template-columns:1fr}.footer{padding:33px 0}.footer-links{gap:10px}}