:root{
  --bg:#0d0c0b;--bg2:#15110e;--panel:#17130f;--panel2:#211912;--line:#453729;
  --text:#eee7df;--muted:#a4978a;--gold:#d3ad62;--gold2:#f0d28e;--cyan:#72d8e6;
  --green:#6bcf88;--red:#e56761;--orange:#e78b42
}
*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{margin:0;background:#0d0c0b;color:var(--text);font-family:Inter,Arial,sans-serif}body{overflow-x:hidden}
a{color:inherit;text-decoration:none}button{font:inherit}.page{max-width:1540px;margin:auto;padding-left:20px;padding-right:20px}
.hero{min-height:650px;position:relative;overflow:hidden;background:#0b0c0b;border-bottom:1px solid #3a3026}
.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,8,7,.96) 0%,rgba(9,8,7,.84) 42%,rgba(9,8,7,.28) 72%,rgba(9,8,7,.76) 100%),radial-gradient(circle at 72% 28%,rgba(100,210,225,.14),transparent 30%),url('/professions/assets/prof_ui.webp') center/cover no-repeat;filter:saturate(.9)}
.hero-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.06),rgba(13,12,11,.92) 100%)}
.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center;min-height:650px;padding-top:58px;padding-bottom:58px}
.eyebrow,.kicker{display:block;color:var(--cyan);font-weight:800;font-size:11px;letter-spacing:.22em;text-transform:uppercase}.hero h1{font:800 clamp(48px,5vw,76px)/.98 Cinzel,serif;margin:13px 0 18px;color:#f3eadf}.hero h1 span{color:var(--gold2);text-shadow:0 0 22px rgba(211,173,98,.16)}.hero-copy>p{max-width:680px;color:#c0b4aa;font-size:18px;line-height:1.7;margin:0}
.hero-actions{display:flex;gap:12px;margin-top:27px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border:1px solid #65503a;border-radius:4px;font-weight:800;font-size:13px}.btn.primary{background:linear-gradient(#d4aa5b,#9a6d32);color:#1a1208;border-color:#dbb568}.btn.ghost{background:rgba(15,13,11,.72);color:#e8dccf}
.hero-facts{display:flex;gap:22px;flex-wrap:wrap;margin-top:34px}.hero-facts div{min-width:150px;padding-left:13px;border-left:2px solid #8b6b3e}.hero-facts strong{display:block;color:#f1d18e;font:700 23px Cinzel}.hero-facts span{display:block;color:#92877d;font-size:11px;margin-top:2px}
.hero-ui{align-self:center}.screen-frame{position:relative;border:1px solid #755c3a;background:#090807;padding:7px;box-shadow:0 30px 80px rgba(0,0,0,.52),0 0 55px rgba(76,194,218,.08);transform:perspective(1000px) rotateY(-2deg)}.screen-frame img{display:block;width:100%;height:auto}.screen-glow{position:absolute;inset:0;box-shadow:inset 0 0 50px rgba(69,189,213,.08);pointer-events:none}
.mini-note{margin:12px 0 0 auto;max-width:420px;display:flex;gap:12px;align-items:center;padding:12px 14px;background:rgba(18,15,12,.9);border:1px solid #4f4030}.mini-note>span{display:grid;place-items:center;width:44px;height:32px;border:1px solid #9d7a43;background:#251d14;color:#f0ce86;font-weight:800}.mini-note strong,.mini-note small{display:block}.mini-note strong{font-size:12px}.mini-note small{margin-top:3px;color:#8c8177;font-size:10px}
.status-strip{background:linear-gradient(90deg,#2b1b0b,#3b230e 45%,#25170a);border-bottom:1px solid #74552d;border-top:1px solid #7c5a2d}.status-grid{min-height:92px;display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:16px}.status-icon{width:38px;height:38px;border:1px solid #d69d43;color:#ffd78e;display:grid;place-items:center;font-weight:900;background:#5c3712}.status-grid strong{display:block;color:#ffdc96;font-size:13px;letter-spacing:.06em}.status-grid p{margin:5px 0 0;color:#d2b98f;font-size:12px;line-height:1.5}.wip-badge{padding:8px 11px;border:1px solid #d59b44;background:#4a2c10;color:#ffd78c;font-size:10px;font-weight:800;letter-spacing:.12em}
.intro{padding-top:70px;padding-bottom:70px}.section-head{display:flex;justify-content:space-between;gap:60px;align-items:end}.section-head>div{flex:1}.section-head>p{max-width:640px;margin:0;color:var(--muted);font-size:14px;line-height:1.7}.section-head h2{font:700 clamp(30px,3vw,44px)/1.05 Cinzel;margin:7px 0 0;color:#ead8bd}.section-head.compact{margin-bottom:26px}
.rules{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:32px}.rules article{position:relative;padding:25px 22px;border:1px solid #413327;background:linear-gradient(180deg,#181410,#12100d);overflow:hidden}.rules article:after{content:"";position:absolute;inset:auto -60px -80px auto;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(97,206,220,.08),transparent 65%)}.rules article>span{color:#6d5a42;font:700 32px Cinzel}.rules h3{margin:10px 0 6px;font:700 18px Cinzel;color:#e6d4b7}.rules p{margin:0;color:#998d82;font-size:13px;line-height:1.6}
.ranks{padding:60px 0;background:linear-gradient(180deg,#12100e,#0d0c0b);border-top:1px solid #2d2721;border-bottom:1px solid #2d2721}.rank-track{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:#33291f;border:1px solid #4d3c2c}.rank{position:relative;padding:18px 15px;background:#15120f;min-height:92px}.rank b{display:block;color:#7e7267;font-size:10px}.rank strong{display:block;margin-top:8px;font:700 16px Cinzel;color:#d7c6b0}.rank i{position:absolute;left:0;right:0;bottom:0;height:3px;background:#6a573e}.rank:nth-child(2) i{background:#7c744b}.rank:nth-child(3) i{background:#5b7c68}.rank:nth-child(4) i{background:#4d7e93}.rank:nth-child(5) i{background:#8a5d91}.rank.grand{background:linear-gradient(180deg,#241b10,#17120e)}.rank.grand strong{color:#f0cd80}.rank.grand i{background:linear-gradient(90deg,#d59f43,#f1d98e)}
.professions{padding-top:72px;padding-bottom:72px}.type-label{display:flex;align-items:center;justify-content:space-between;margin-top:30px;padding:0 2px 10px;border-bottom:1px solid #3a2e23}.type-label span{font:700 15px Cinzel;color:#e1cfb3}.type-label b{color:#7e736a;font-size:10px;text-transform:uppercase;letter-spacing:.12em}.type-label.secondary{margin-top:34px}
.profession-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}.secondary-grid{grid-template-columns:repeat(2,1fr)}
.prof-card{position:relative;min-height:310px;border:1px solid #45372a;background:#15120f;overflow:hidden;cursor:pointer;box-shadow:0 14px 34px rgba(0,0,0,.16);transition:.18s ease}.prof-card:hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:0 18px 48px rgba(0,0,0,.32)}.prof-art{position:absolute;inset:0;background-position:center;background-size:cover;filter:saturate(.8);opacity:.55;transition:.2s}.prof-card:hover .prof-art{opacity:.68;transform:scale(1.02)}.prof-gradient{position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,10,8,.06),rgba(12,10,8,.58) 42%,rgba(12,10,8,.98) 78%)}.prof-card.no-image .prof-gradient{background:radial-gradient(circle at 72% 20%,color-mix(in srgb,var(--accent) 24%,transparent),transparent 28%),linear-gradient(155deg,#1b1713,#0f0d0b 70%)}.prof-card.no-image:before{content:"◆";position:absolute;right:28px;top:28px;color:var(--accent);font-size:66px;opacity:.18;transform:rotate(45deg)}
.prof-content{position:absolute;inset:auto 0 0;padding:20px}.prof-meta{display:flex;justify-content:space-between;gap:10px;align-items:center}.prof-type{color:var(--accent);font-size:9px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.prof-skill{color:#9a8f84;font-size:10px}.prof-card h3{font:700 23px Cinzel;margin:6px 0 5px;color:#f0e1cb}.prof-teacher{color:#a99b8e;font-size:11px}.prof-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:13px}.prof-tags span{padding:5px 7px;border:1px solid #44382e;background:rgba(12,10,8,.72);font-size:9px;color:#b8aa9d}.prof-open{margin-top:14px;color:#e3c078;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.recipe-section{padding:80px 0;background:radial-gradient(circle at 75% 50%,rgba(118,78,30,.22),transparent 30%),linear-gradient(180deg,#17120d,#0f0d0b);border-top:1px solid #413122;border-bottom:1px solid #3b2e24}.recipe-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.recipe-copy h2{font:700 43px/1.08 Cinzel;margin:8px 0 14px;color:#ead5b2}.recipe-copy>p{color:#a99b8d;font-size:15px;line-height:1.75}.recipe-warning{margin-top:24px;border-left:3px solid #d69d43;background:#241b11;padding:15px 17px}.recipe-warning strong{color:#efc975}.recipe-warning p{margin:6px 0 0;color:#b8a385;font-size:12px;line-height:1.6}
.source-orbit{position:relative;min-height:390px}.source{position:absolute;display:grid;place-items:center;text-align:center;border:1px solid #5b4731;background:#17120e;color:#cab99f;font-size:11px;font-weight:800;box-shadow:0 14px 40px rgba(0,0,0,.24)}.source.core{left:50%;top:50%;width:126px;height:126px;transform:translate(-50%,-50%) rotate(45deg);border-color:#b98a43;background:linear-gradient(135deg,#4b3216,#1c150d);color:#f0cf85}.source.core::after{content:"BAUPLAN";transform:rotate(-45deg)}.source.core{font-size:0}.source:not(.core){width:105px;height:50px}.s1{left:7%;top:16%}.s2{right:8%;top:14%}.s3{left:1%;top:49%}.s4{right:0;top:47%}.s5{left:10%;bottom:7%}.s6{right:10%;bottom:8%}.s7{left:50%;top:4%;transform:translateX(-50%)}
.systems{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding-top:70px;padding-bottom:70px}.system-card{padding:25px;border:1px solid #413329;background:#15120f}.system-card.wide{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.system-card h2{font:700 30px Cinzel;margin:8px 0 8px;color:#e8d6ba}.system-card h3{font:700 23px Cinzel;margin:7px 0 12px;color:#e8d6ba}.system-card p{color:#988c81;font-size:13px;line-height:1.7}.skillchance{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.skillchance span{padding:15px 10px;border:1px solid #3c322a;background:#100e0c;text-align:center;font-size:10px}.skillchance b{display:block;font:700 22px Cinzel;margin-bottom:2px}.skillchance .orange b{color:#ff8e37}.skillchance .yellow b{color:#e9d56b}.skillchance .green b{color:#65d17d}.skillchance .gray b{color:#8e8b87}
.synergy{display:grid;grid-template-columns:1fr 30px 1fr;gap:6px;align-items:center;margin:8px 0}.synergy span{padding:10px;border:1px solid #3d342c;background:#100e0c;text-align:center;color:#c8b9aa;font-size:11px}.synergy b{text-align:center;color:#cda95f}.system-card.danger{border-color:#5d3330;background:linear-gradient(180deg,#1c1211,#14100e)}.system-card.danger strong{color:#dc827b;font-size:12px}
.showcase{padding:70px 0;background:#0b0a09;border-top:1px solid #2f271f}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.gallery figure{position:relative;margin:0;min-height:310px;overflow:hidden;border:1px solid #42352a;background:#11100e}.gallery img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;filter:saturate(.82) brightness(.8);transition:.2s}.gallery figure:hover img{transform:scale(1.035);filter:saturate(1) brightness(.93)}.gallery figure:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(10,8,7,.96))}.gallery figcaption{position:absolute;z-index:2;left:14px;right:14px;bottom:14px}.gallery figcaption strong,.gallery figcaption span{display:block}.gallery figcaption strong{font:700 15px Cinzel;color:#f0ddc0}.gallery figcaption span{margin-top:3px;color:#a39486;font-size:10px}
.cta{margin-top:65px;margin-bottom:65px;min-height:170px;border:1px solid #59452f;background:radial-gradient(circle at 85% 50%,rgba(65,202,222,.12),transparent 30%),linear-gradient(110deg,#1b160f,#100e0c);display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:28px;padding-bottom:28px}.cta h2{font:700 31px Cinzel;margin:6px 0;color:#ead4af}.cta p{max-width:830px;color:#9f9286;font-size:13px;line-height:1.65}.cta-address{text-align:right}.cta-address span,.cta-address strong{display:block}.cta-address span{font-size:9px;color:#6ed7e4;letter-spacing:.2em}.cta-address strong{margin-top:5px;color:#efce88;font:700 20px Cinzel}
.footer{border-top:1px solid #33291f;background:#090807}.footer-inner{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#71685f;font-size:10px;letter-spacing:.08em}
.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.64);z-index:80;opacity:0;pointer-events:none;transition:.18s}.modal-backdrop.open{opacity:1;pointer-events:auto}.profession-modal{position:fixed;right:0;top:0;width:min(620px,100%);height:100vh;z-index:90;background:#0d0c0b;border-left:1px solid #6c5233;box-shadow:-18px 0 60px rgba(0,0,0,.52);transform:translateX(102%);transition:.22s;overflow:auto}.profession-modal.open{transform:none}.modal-close{position:absolute;right:14px;top:14px;z-index:3;width:38px;height:38px;border:1px solid #5e4831;background:#17120e;color:#d7c6af;font-size:23px;cursor:pointer}
.modal-hero{min-height:235px;position:relative;background:#15120f}.modal-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.7)}.modal-hero.no-img{background:radial-gradient(circle at 75% 25%,var(--accent),transparent 0 1px),linear-gradient(135deg,#221a13,#0d0c0b)}.modal-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),#0d0c0b 100%)}.modal-title{position:absolute;z-index:2;left:24px;right:60px;bottom:24px}.modal-title span{font-size:10px;color:var(--accent);font-weight:800;letter-spacing:.15em}.modal-title h2{font:700 31px Cinzel;margin:5px 0;color:#f0dfc7}.modal-title p{margin:0;color:#aaa094;font-size:12px}
.modal-body{padding:22px 24px 34px}.modal-summary{font-size:15px;line-height:1.7;color:#c2b5a9}.modal-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0}.modal-meta div{padding:12px;border:1px solid #3a3028;background:#13110f}.modal-meta span{display:block;color:#746b64;font-size:9px;text-transform:uppercase}.modal-meta strong{display:block;margin-top:5px;font-size:12px;color:#dbcbb8}.modal-body h3{margin:23px 0 9px;font:700 14px Cinzel;color:#e0c99f}.modal-list{padding-left:18px;color:#a99c91;font-size:13px;line-height:1.75}.unlock-list{display:grid;gap:6px}.unlock{display:grid;grid-template-columns:70px 1fr;border:1px solid #3b3128;background:#12100e}.unlock b{padding:9px;color:#e2b95f;border-right:1px solid #3b3128}.unlock span{padding:9px;color:#aa9d91}.modal-tags{display:flex;flex-wrap:wrap;gap:6px}.modal-tags span{padding:6px 8px;border:1px solid #44382d;color:#c1b2a4;font-size:10px}
@media(max-width:1150px){.hero-grid{grid-template-columns:1fr;gap:30px}.hero{min-height:auto}.hero-grid{min-height:auto}.hero-ui{max-width:850px}.profession-grid{grid-template-columns:repeat(2,1fr)}.gallery{grid-template-columns:repeat(3,1fr)}}
@media(max-width:820px){.page{padding-left:12px;padding-right:12px}.section-head{align-items:flex-start;flex-direction:column;gap:12px}.status-grid{grid-template-columns:40px 1fr}.wip-badge{grid-column:2}.rank-track{grid-template-columns:repeat(3,1fr)}.profession-grid,.secondary-grid{grid-template-columns:1fr}.recipe-grid{grid-template-columns:1fr}.source-orbit{min-height:370px}.systems{grid-template-columns:1fr}.system-card.wide{grid-column:auto;grid-template-columns:1fr}.gallery{grid-template-columns:repeat(2,1fr)}.cta{align-items:flex-start;flex-direction:column}.cta-address{text-align:left}.skillchance{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.hero h1{font-size:40px}.hero-copy>p{font-size:15px}.hero-facts{display:grid;grid-template-columns:1fr 1fr}.rank-track{grid-template-columns:1fr 1fr}.gallery{grid-template-columns:1fr}.gallery figure{min-height:260px}.status-grid{padding-top:12px;padding-bottom:12px}.status-grid p{font-size:11px}.source-orbit{transform:scale(.85);margin:-20px}.modal-meta{grid-template-columns:1fr}}