:root{--ink:#f7f8ff;--muted:#aeb2c5;--subtle:#777d97;--pink:#ff3db7;--pink2:#ed208f;--blue:#42e6ff;--blue2:#3778ff;--bg:#070810;--bg2:#0c0c18;--card:#111321;--edge:rgba(207,218,255,.14);--ring:rgba(255,61,183,.3);--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px;overflow-x:hidden}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 'Segoe UI',Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}::selection{background:var(--pink);color:#fff}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}button,input{font:inherit}button{cursor:pointer}.container{width:min(1170px,calc(100% - 48px));margin:0 auto}.skip{position:absolute;top:-100px;left:20px;z-index:100;background:#fff;color:#000;padding:10px 16px}.skip:focus{top:8px}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,.eyebrow,.btn,.nav a,.chip,.numbers,.tag,.stat-label,.block-number,.smallprint,.mono,.footer-head{font-family:Impact,'Arial Narrow','Segoe UI',Arial,sans-serif;letter-spacing:.045em}p{color:var(--muted)}.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--blue);font-size:.87rem;letter-spacing:.23em;text-transform:uppercase;font-weight:700}.eyebrow:before{content:'';width:25px;height:2px;background:var(--pink);box-shadow:0 0 14px var(--pink)}.gradient-text{background:linear-gradient(105deg,#fff 5%,#ff83d6 38%,var(--pink) 63%,var(--blue));background-clip:text;-webkit-background-clip:text;color:transparent}.pink{color:var(--pink)}.blue{color:var(--blue)}.pill{border:1px solid rgba(255,255,255,.15);padding:5px 12px;border-radius:30px;color:#cfd7eb;font-size:.7rem;text-transform:uppercase;letter-spacing:.14em;background:rgba(20,20,34,.7)}.section{padding:110px 0;position:relative}.section-tight{padding:75px 0}.section-heading{max-width:800px;margin-bottom:44px}.section-heading h2{font-size:clamp(2.5rem,5vw,4.8rem);line-height:1.03;letter-spacing:.02em;text-transform:uppercase;margin:12px 0 18px}.section-heading p{font-size:1.06rem;max-width:630px}.topbar{position:sticky;top:0;z-index:90;background:rgba(5,6,15,.78);border-bottom:1px solid rgba(255,255,255,.07);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.topbar:before{position:absolute;content:'';top:0;height:2px;left:0;right:0;background:linear-gradient(90deg,transparent,#eb37ac 26%,#59dafa 76%,transparent)}.nav-inner{min-height:84px;display:flex;justify-content:space-between;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.brand img{width:118px;height:72px;object-fit:contain;filter:drop-shadow(0 0 14px rgba(254,33,166,.3))}.brand .brand-meta{display:grid;font-size:.55rem;letter-spacing:.2em;line-height:1.55;color:#a1adc2}.brand .brand-meta strong{color:white;font-size:.71rem;letter-spacing:.16em}.nav{display:flex;align-items:center;gap:26px}.nav a{color:#d4d3e4;opacity:.87;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;transition:color .2s}.nav a:hover,.nav a.active{color:#ff76c8}.nav .nav-cta{opacity:1;border:1px solid #ff58bf;border-radius:9px;padding:10px 18px;color:#fff;background:rgba(235,40,159,.1)}.nav .nav-cta:hover{background:#e92a9d}.menu-toggle{display:none;background:transparent;border:1px solid var(--edge);color:#fff;border-radius:10px;padding:8px 12px;font-size:23px}.btn-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;justify-content:center;align-items:center;gap:12px;padding:15px 23px;min-height:52px;text-transform:uppercase;font-size:.92rem;letter-spacing:.1em;line-height:1;border-radius:10px;font-weight:700;transition:transform .2s,box-shadow .2s,border-color .2s;position:relative}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(115deg,#ff349d,#dc2cbc);color:white;box-shadow:0 12px 28px rgba(229,40,159,.25);border:1px solid #ff5fc0}.btn-primary:hover{box-shadow:0 15px 40px rgba(229,40,159,.35)}.btn-ghost{border:1px solid rgba(114,223,255,.54);color:#e6fcff;background:rgba(40,190,235,.05)}.btn-ghost:hover{border-color:var(--blue);box-shadow:0 0 21px rgba(64,223,251,.12)}.btn-outline{border:1px solid var(--edge);background:#151526;color:white}.btn-sm{font-size:.76rem;min-height:40px;padding:11px 15px}.hero{min-height:min(760px,calc(100svh - 84px));position:relative;overflow:hidden;isolation:isolate;display:flex;align-items:center;background:radial-gradient(ellipse at 80% 38%,rgba(96,17,94,.24),transparent 35%),radial-gradient(ellipse at 20% 60%,rgba(27,42,97,.24),transparent 45%),#090914}.hero:before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(103,119,175,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(103,119,175,.035) 1px,transparent 1px);background-size:60px 60px;mask-image:linear-gradient(to bottom,transparent 8%,black 80%);pointer-events:none}.hero .hero-inner{display:grid;grid-template-columns:.97fr 1.03fr;align-items:center;gap:25px;padding-top:56px;padding-bottom:80px;position:relative;z-index:2}.hero-content{position:relative;z-index:3}.hero h1{font-size:clamp(3.7rem,4.7vw,5.4rem);line-height:.98;text-transform:uppercase;letter-spacing:.005em;margin:23px 0}.hero h1 span{display:block}.hero-desc{max-width:540px;font-size:1.12rem;line-height:1.9;margin-bottom:32px}.hero-features{display:flex;gap:14px 20px;flex-wrap:wrap;margin-top:36px;color:#9da7b9;font-size:.82rem;letter-spacing:.07em;text-transform:uppercase}.hero-features span:before{content:'✦';margin-right:8px;color:var(--blue)}.hero-visual{position:relative;min-height:550px;display:flex;align-items:center;justify-content:center;isolation:isolate}.hero-visual:before{content:'';position:absolute;inset:3%;background:radial-gradient(ellipse at center,rgba(249,44,180,.23),rgba(61,124,250,.08) 39%,transparent 69%);filter:blur(22px);z-index:-1}.hero-logo{position:relative;width:min(105%,610px);z-index:4;filter:drop-shadow(0 0 39px rgba(219,29,161,.27));animation:logo-float 6s ease-in-out infinite}.retro-sun{position:absolute;width:340px;height:340px;border-radius:50%;right:9%;top:12%;background:linear-gradient(#ffc177,#ff6f9f 34%,#ff228b 80%);opacity:.53;filter:drop-shadow(0 0 50px rgba(250,47,154,.4));mask-image:repeating-linear-gradient(to bottom,#000 0 19px,transparent 20px 25px)}.skyline{position:absolute;bottom:50px;left:-2%;right:-2%;height:250px;z-index:-1;opacity:.75;background:linear-gradient(0deg,#040711 0%,rgba(4,7,17,.95) 23%,transparent 24%);overflow:hidden}.building{position:absolute;bottom:0;width:var(--w);height:var(--h);left:var(--x);background:linear-gradient(90deg,#100b20,#20122d 60%,#0b0e26);border-top:2px solid rgba(255,88,196,.45);box-shadow:0 0 0 1px rgba(54,106,189,.1),0 -3px 30px rgba(255,46,188,.09)}.building:after{content:'';position:absolute;inset:8px;background-image:repeating-linear-gradient(to bottom,transparent 0 14px,rgba(67,212,248,.23) 15px 18px,transparent 19px 24px),repeating-linear-gradient(to right,transparent 0 13px,rgba(255,89,204,.11) 14px 17px,transparent 18px 30px)}.hero-visual .grid-floor{position:absolute;bottom:-48px;left:-30%;right:-30%;height:190px;z-index:-1;background:linear-gradient(transparent,rgba(250,46,172,.12)),repeating-linear-gradient(90deg,transparent 0 76px,rgba(252,64,175,.22) 77px 78px),repeating-linear-gradient(0deg,transparent 0 38px,rgba(58,190,241,.25) 39px 40px);transform:perspective(240px) rotateX(56deg);transform-origin:bottom;opacity:.65;mask-image:linear-gradient(0deg,black,transparent)}.hero-note{position:absolute;right:5%;bottom:4%;color:#71809c;letter-spacing:.35em;font-size:.68rem;text-transform:uppercase;z-index:6}.ticker{overflow:hidden;border-block:1px solid rgba(251,56,166,.25);background:linear-gradient(90deg,rgba(255,57,161,.13),rgba(52,213,249,.07));padding:14px 0;color:#e6b7d6}.ticker .ticker-line{width:max-content;display:flex;gap:48px;animation:marquee 42s linear infinite;white-space:nowrap;text-transform:uppercase;letter-spacing:.23em;font-size:.73rem;font-weight:800}.ticker b{color:var(--blue)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--edge);border:1px solid var(--edge);border-radius:16px;overflow:hidden;margin-top:-1px}.stat{background:#0f1120;padding:27px 25px}.stat strong{display:block;font:2rem/1.2 Impact,'Arial Narrow',Arial,sans-serif;letter-spacing:.05em;color:#fff}.stat span{font-size:.79rem;letter-spacing:.08em;text-transform:uppercase;color:#919ab3}.stat:nth-child(2) strong,.stat:nth-child(4) strong{color:var(--blue)}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{position:relative;background:linear-gradient(165deg,#151626,#0b0d19);border:1px solid var(--edge);border-radius:18px;overflow:hidden;padding:31px;transition:transform .23s,border-color .23s}.card:hover{transform:translateY(-4px);border-color:rgba(249,61,182,.44)}.card:before{content:'';position:absolute;inset:0 0 auto 0;height:2px;background:linear-gradient(90deg,var(--pink),transparent 72%)}.card .card-icon{width:57px;height:57px;border-radius:13px;display:grid;place-items:center;color:var(--pink);font-size:28px;background:linear-gradient(145deg,rgba(255,53,164,.14),rgba(69,216,250,.06));border:1px solid rgba(255,49,156,.2);margin-bottom:24px}.card h3{font-size:1.45rem;text-transform:uppercase;letter-spacing:.035em;line-height:1.2;margin-bottom:14px}.card p{font-size:.94rem;margin-bottom:22px}.card a.link{display:inline-flex;align-items:center;gap:8px;color:var(--blue);font-weight:700;letter-spacing:.04em;font-size:.83rem;text-transform:uppercase}.card a.link:hover{color:white}.card.dark-top:before{background:linear-gradient(90deg,var(--blue),transparent)}.card.dark-top .card-icon{color:var(--blue);border-color:rgba(62,224,255,.18)}.feature-split{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.feature-media{position:relative;border:1px solid rgba(247,70,181,.2);border-radius:24px;background:#060712;overflow:hidden;padding:0;box-shadow:0 25px 60px rgba(0,0,0,.25)}.feature-media img{display:block;width:100%;aspect-ratio:1.06;object-fit:cover;opacity:.9}.feature-media:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,rgba(4,4,11,.85),transparent 48%)}.media-label{position:absolute;bottom:24px;left:26px;z-index:2;color:white;letter-spacing:.24em;font-family:Impact,Arial,sans-serif;font-size:.86rem;text-transform:uppercase}.feature-copy h2{font-size:clamp(2.8rem,5vw,4.9rem);line-height:1.02;text-transform:uppercase;margin:12px 0 26px}.checklist{list-style:none;margin:24px 0 31px;padding:0}.checklist li{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.07);color:#d3d8e8}.checklist li:before{content:'✓';color:var(--blue);margin-right:12px;font-weight:900}.cta-strip{background:linear-gradient(110deg,#171021 0%,#211028 48%,#0d2330 100%);border:1px solid rgba(255,74,178,.25);border-radius:23px;display:grid;grid-template-columns:1fr auto;gap:26px;align-items:center;padding:42px 50px;position:relative;overflow:hidden}.cta-strip:after{content:'V';position:absolute;font:280px/1 Impact,sans-serif;right:110px;top:-120px;opacity:.05;transform:rotate(-13deg);pointer-events:none}.cta-strip h2{font-size:clamp(2.3rem,4vw,3.5rem);line-height:1.02;text-transform:uppercase;margin:8px 0 0}.cta-strip p{margin:10px 0 0}.news-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.news-card{background:var(--card);border:1px solid var(--edge);border-radius:17px;padding:30px}.news-card.featured{background:radial-gradient(ellipse at 95% 0%,rgba(210,37,141,.14),transparent 60%),#141222}.news-top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.news-card h3{font-size:1.85rem;text-transform:uppercase;margin-bottom:12px;line-height:1.15}.news-card p{margin:0 0 22px}.page-hero{position:relative;isolation:isolate;padding:95px 0 85px;overflow:hidden;background:radial-gradient(ellipse at 75% 30%,rgba(140,23,113,.22),transparent 45%),linear-gradient(#0b0b17,#080a13);border-bottom:1px solid var(--edge)}.page-hero:after{content:'VICE COUNTY';position:absolute;z-index:-1;right:-35px;bottom:-80px;color:rgba(255,255,255,.024);font:clamp(110px,18vw,280px)/1 Impact,sans-serif;white-space:nowrap}.page-hero h1{font-size:clamp(3.8rem,8vw,7.3rem);text-transform:uppercase;line-height:1.01;margin:18px 0}.page-hero p{font-size:1.1rem;max-width:700px;margin-bottom:0}.crumb{font-size:.75rem;letter-spacing:.17em;color:#888da4;text-transform:uppercase;margin-bottom:18px}.crumb a{color:#cdd5e8}.crumb span{color:var(--pink)}.layout-aside{display:grid;grid-template-columns:265px minmax(0,1fr);gap:36px;align-items:start}.side-box{position:sticky;top:112px;border-radius:14px;border:1px solid var(--edge);background:#10101e;padding:22px}.side-box h3{font-size:1.1rem;text-transform:uppercase}.side-link{display:flex;justify-content:space-between;gap:5px;font-size:.84rem;padding:9px 7px;border-radius:7px;color:#aeb8d0}.side-link:hover,.side-link.active{color:var(--pink);background:rgba(255,65,177,.08)}.rule-search{width:100%;border:1px solid rgba(135,153,199,.3);background:#151626;color:white;border-radius:10px;padding:14px 18px;outline:0}.rule-search:focus{border-color:var(--pink);box-shadow:0 0 0 3px var(--ring)}.rule-chapter{background:linear-gradient(120deg,#151626,#0c0e1b);border:1px solid rgba(255,255,255,.11);border-radius:17px;overflow:hidden;margin-bottom:20px;scroll-margin-top:110px}.chapter-heading{display:flex;align-items:center;gap:19px;padding:25px 27px;border-bottom:1px solid var(--edge)}.chapter-bignum{font:2.7rem/1 Impact,Arial,sans-serif;color:var(--pink);text-shadow:0 0 22px rgba(255,44,166,.24)}.chapter-heading h2{font-size:1.8rem;line-height:1.2;margin:0;text-transform:uppercase}.chapter-heading p{font-size:.81rem;margin:0}.rule{padding:18px 27px;border-bottom:1px solid rgba(255,255,255,.06)}.rule:last-child{border-bottom:0}.rule h3{font:1.15rem/1.4 Impact,'Arial Narrow',sans-serif;margin:0 0 5px;letter-spacing:.04em}.rule h3 span{color:var(--blue);margin-right:11px}.rule p{font-size:.92rem;margin:0;white-space:pre-line}.rule.hidden,.rule-chapter.hidden{display:none}.rule-summary{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:0 0 25px;padding:18px 22px;border:1px solid var(--edge);border-radius:12px;background:#101220}.faction-feature{display:grid;grid-template-columns:repeat(5,1fr);gap:13px;margin-top:28px}.reward{background:linear-gradient(140deg,#201329,#141929);border:1px solid rgba(255,82,180,.17);border-radius:13px;padding:19px 15px;text-align:center}.reward strong{display:block;color:#fff;font-size:1rem;line-height:1.25}.reward span{display:block;color:#85dff1;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;margin-top:10px}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.step{padding:29px;border:1px solid var(--edge);border-radius:17px;background:#121321}.block-number{font-size:3.7rem;line-height:1;color:var(--pink);margin-bottom:22px;display:block}.step h3{font-size:1.5rem;text-transform:uppercase}.step p{font-size:.94rem}.notice{background:#161724;border:1px solid rgba(70,221,253,.22);padding:23px 26px;border-radius:13px;color:#d5deed}.notice strong{color:var(--blue)}.list-columns{columns:2;column-gap:35px;list-style:none;padding:0}.list-columns li{break-inside:avoid;padding:10px 0;border-bottom:1px solid var(--edge);color:#cbd2e2}.list-columns li:before{content:'+';margin-right:11px;color:var(--pink);font-weight:900}.legal{max-width:840px;margin:0 auto}.legal h2{font-size:1.5rem;text-transform:uppercase;margin-top:38px}.legal p{line-height:1.85}.placeholder{color:#ffd4ea;background:rgba(229,39,143,.09);border:1px solid rgba(251,77,174,.22);padding:3px 6px;border-radius:5px}.footer{background:#070811;border-top:1px solid var(--edge);padding:60px 0 26px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.footer-brand{max-width:265px}.footer-brand img{width:190px;margin:-45px 0 -12px}.footer-brand p{font-size:.91rem}.footer-head{font-size:1.06rem;text-transform:uppercase;margin:14px 0 19px}.footer-links{display:grid;gap:11px;font-size:.89rem;color:#9da8bf}.footer-links a:hover{color:var(--pink)}.footer-bottom{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.07);margin-top:42px;padding-top:19px;font-size:.73rem;color:#78819b}.footer-bottom a:hover{color:white}.reveal{opacity:0;transform:translateY(17px);transition:opacity .58s,transform .58s}.reveal.is-visible{opacity:1;transform:none}.mobile-only{display:none}.list-plain{padding-left:18px}.list-plain li{margin:10px 0;color:#bac3da}hr.line{border:0;border-top:1px solid var(--edge);margin:38px 0}.empty-state{border:1px dashed var(--edge);border-radius:12px;padding:28px;text-align:center;color:#b6bed1}.doc-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.note-micro{color:#8791aa;font-size:.79rem;margin-top:15px}
@keyframes logo-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes marquee{to{transform:translateX(-50%)}}@media(max-width:1050px){.nav{gap:16px}.nav a{font-size:.72rem}.brand .brand-meta{display:none}.card-grid{gap:13px}.card{padding:24px}.feature-split{gap:30px}.faction-feature{grid-template-columns:repeat(3,1fr)}}@media(max-width:800px){.container{width:min(100% - 32px,1170px)}.topbar .nav-inner{min-height:72px}.brand img{width:101px;height:60px}.menu-toggle{display:block}.nav{position:absolute;top:calc(100% + 1px);left:0;right:0;background:#0d0d1b;border-bottom:1px solid var(--edge);display:none;flex-direction:column;align-items:stretch;padding:20px 24px;gap:0;box-shadow:0 25px 50px #0007}.nav.open{display:flex}.nav a{padding:12px 8px;font-size:.91rem}.nav .nav-cta{margin-top:12px;text-align:center}.hero{min-height:0}.hero .hero-inner{grid-template-columns:1fr;padding-top:63px;padding-bottom:45px;gap:10px}.hero h1{font-size:clamp(3.7rem,10vw,5.6rem)}.hero-visual{min-height:380px;max-width:570px;margin:auto;width:100%}.hero-logo{width:92%}.retro-sun{width:240px;height:240px;top:8%;right:11%}.skyline{height:220px}.hero-note{bottom:0}.section{padding:70px 0}.section-tight{padding:50px 0}.stats{grid-template-columns:repeat(2,1fr)}.card-grid{grid-template-columns:repeat(2,1fr)}.feature-split{grid-template-columns:1fr}.feature-media{max-width:560px}.feature-copy{order:-1}.news-grid{grid-template-columns:1fr}.cta-strip{grid-template-columns:1fr;padding:33px}.layout-aside{grid-template-columns:1fr}.side-box{position:static}.side-links{display:grid;grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1.4fr 1fr;gap:24px}.footer-brand{grid-column:span 2}.footer-brand img{margin:-25px 0 -8px}.step-grid{grid-template-columns:1fr}.faction-feature{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.hero h1{font-size:3.65rem}.hero-desc{font-size:1rem}.hero-visual{min-height:330px}.hero-features{gap:7px 17px}.btn{width:100%}.btn-row{display:grid;grid-template-columns:1fr}.card-grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.stat{padding:19px 15px}.stat strong{font-size:1.55rem}.stat span{font-size:.65rem}.section-heading h2,.feature-copy h2{font-size:2.7rem}.page-hero{padding:60px 0}.page-hero h1{font-size:3.8rem}.chapter-heading{padding:19px 18px}.rule{padding:16px 18px}.rule-summary{display:block}.rule-summary>*{margin-bottom:12px}.faction-feature{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:span 2}.list-columns{columns:1}.cta-strip{padding:24px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

[hidden]{display:none!important}

/* Fraktionsregelwerk / 13 Kapitel */
.faction-rules-hero{padding-top:66px;padding-bottom:60px}
.faction-rules-hero-inner{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:44px;align-items:center}
.faction-rules-hero h1{font-size:clamp(3.7rem,6vw,6.6rem)}
.faction-rules-cover{position:relative;width:min(100%,310px);margin:0 auto;transform:rotate(2deg);box-shadow:0 18px 58px #000b,0 0 42px #ff3db71a;border:1px solid #ff66c75c;border-radius:12px;overflow:hidden;background:#0d0a1c}
.faction-rules-cover img{display:block;width:100%;height:auto}
.faction-rules-cover span{position:absolute;bottom:0;left:0;right:0;padding:10px 5px;background:#090815e0;color:#5ceaff;letter-spacing:.12em;text-align:center;font-size:.58rem;font-weight:800}
.faction-quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.faction-quick-card{background:linear-gradient(140deg,#181126,#111a2a);border:1px solid #ff57bf35;border-radius:15px;padding:22px 18px;display:flex;flex-direction:column;gap:3px;transition:transform .2s,border-color .2s}
.faction-quick-card:hover{transform:translateY(-3px);border-color:#ff66c787}
.faction-quick-card strong{font-family:Impact,'Arial Narrow',Arial,sans-serif;letter-spacing:.03em;font-size:2rem;line-height:1.2;color:#fff}
.faction-quick-card span{color:#c7d1e9;font-size:.83rem}
.faction-quick-card small{color:#58dff5;letter-spacing:.11em;font-size:.64rem;margin-top:9px}
.rule-group{background:rgba(9,12,23,.30)}
.rule-group-title{margin:0;padding:14px 27px;background:rgba(62,200,247,.055);color:#7edffa;font:1rem/1.3 Impact,'Arial Narrow',Arial,sans-serif;text-transform:uppercase;letter-spacing:.11em;border-bottom:1px solid #ffffff16}
.rule-group.hidden{display:none}
.rule:target{box-shadow:inset 3px 0 0 #ff3db7;background:#ff3db711;scroll-margin-top:115px}
.faction-rules-cta,.faction-rule-switch{display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(115deg,#1d1227,#101a2b);border:1px solid rgba(255,63,187,.25);border-radius:16px;padding:24px 28px;margin-top:25px}
.faction-rules-cta h3,.faction-rule-switch h3{margin:8px 0 5px;font-size:1.6rem;text-transform:uppercase}
.faction-rules-cta p,.faction-rule-switch p{margin:0;font-size:.9rem}
.faction-rules-cta .btn,.faction-rule-switch .btn{flex-shrink:0}
@media(min-width:801px) and (max-width:1180px){.nav-inner{gap:12px}.nav{gap:12px}.nav a{font-size:.72rem;letter-spacing:.04em}.brand img{width:102px}.brand .brand-meta{display:none}.nav .nav-cta{padding:9px 12px}}
@media(max-width:800px){.faction-rules-hero-inner{grid-template-columns:1fr}.faction-rules-cover{width:245px;max-width:72%;margin:10px auto 0}.faction-rules-hero{padding:55px 0}.faction-quick-grid{grid-template-columns:repeat(2,1fr)}.faction-rules-cta,.faction-rule-switch{align-items:stretch;flex-direction:column}}
@media(max-width:520px){.faction-rules-hero h1{font-size:clamp(3.0rem,12vw,4.1rem)}.faction-rules-cover{width:210px}.faction-quick-card{padding:16px 12px}.faction-quick-card strong{font-size:1.5rem}.faction-quick-card span{font-size:.73rem}.rule-group-title{padding:14px 18px}}
/* Keep the seven desktop navigation entries on one line. */
@media(min-width:801px){.nav{gap:15px}.nav a{white-space:nowrap;font-size:.76rem;letter-spacing:.055em}.nav .nav-cta{padding:10px 14px}}

/* Impressum – Betreiberkarten */
.legal-intro{font-size:1.03rem;max-width:760px;line-height:1.9}
.legal-owners{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:26px 0 34px}
.legal-owner{position:relative;overflow:hidden;border:1px solid rgba(185,196,247,.2);border-radius:17px;padding:30px 27px;background:linear-gradient(145deg,#181426,#101525 72%);min-width:0}
.legal-owner:before{content:'';position:absolute;left:0;top:0;right:0;height:3px;background:linear-gradient(90deg,#ff3db7,#42e6ff)}
.legal-owner-tag{display:block;font-family:Impact,'Arial Narrow',sans-serif;font-size:.73rem;letter-spacing:.19em;color:var(--blue);margin-bottom:13px}
.legal-owner h3{font-size:1.7rem;line-height:1.15;margin:0 0 18px;color:#fff;text-transform:uppercase;letter-spacing:.02em}
.legal-owner address{font-style:normal;color:#d9dfed;line-height:1.85;min-height:92px}
.legal-owner-contact{padding-top:19px;margin-top:15px;border-top:1px solid rgba(207,218,255,.13);display:grid;gap:5px}
.legal-owner-contact span{font-size:.72rem;letter-spacing:.13em;color:#8e9bb3;text-transform:uppercase}
.legal-owner-contact a{color:#75e8ff;font-size:.84rem;overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:3px}
.legal-owner-contact a:hover{color:#fff}
.legal-reference{margin-top:50px;padding:17px 20px;border-left:3px solid var(--pink);background:rgba(255,61,183,.06);font-size:.84rem;color:#aeb8d0}
@media(max-width:650px){.legal-owners{grid-template-columns:1fr}.legal-owner{padding:26px 22px}.legal-owner address{min-height:0}}


/* ViceV – tabbed official-faction directory */
.faction-tabs-section{position:relative;background:#0b0c19;border-bottom:1px solid rgba(124,154,229,.16);padding-top:10px}
.faction-tabs{display:flex;align-items:stretch;gap:12px;overflow-x:auto;padding:4px 0 0;scrollbar-width:thin;scrollbar-color:#402b61 transparent}
.faction-tab{display:flex;align-items:center;justify-content:center;gap:12px;white-space:nowrap;background:#161624;color:#b6bfd4;border:1px solid rgba(153,167,210,.18);border-bottom:none;border-radius:13px 13px 0 0;padding:20px 29px;font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:1rem;letter-spacing:.07em;cursor:pointer;position:relative;transition:background .2s,color .2s}
.faction-tab:hover,.faction-tab:focus-visible{background:#242039;color:#fff}
.faction-tab:focus-visible{outline:2px solid #60e3ff;outline-offset:-3px}
.faction-tab.is-active{background:linear-gradient(125deg,#351631,#17263b);color:#fff;border-color:#ff59bd66}
.faction-tab.is-active:after{content:'';height:3px;position:absolute;left:0;right:0;bottom:0;background:linear-gradient(90deg,#ff3db7,#5eeaff)}
.tab-symbol{font-size:1.3rem;color:#52dff9}.tab-count{background:#f83ab52e;border:1px solid #ff70d066;color:#ff97db;padding:4px 7px;border-radius:6px;font:700 .68rem/1 Arial,sans-serif}
.faction-tabpanel[hidden]{display:none!important}
.factions-roster{padding-top:65px;background:radial-gradient(ellipse at 80% 8%,#132747 0,transparent 44%),radial-gradient(ellipse at 0 65%,#3c112d 0,transparent 43%),#0a0b17}
.roster-heading{max-width:850px}.roster-heading p{max-width:720px}
.faction-roster-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:37px}
.active-faction{--fac-accent:#68e1ff;position:relative;display:grid;grid-template-columns:170px minmax(0,1fr);min-width:0;background:linear-gradient(145deg,rgba(28,28,49,.96),rgba(13,20,37,.99));border:1px solid rgba(192,199,242,.17);border-radius:20px;overflow:hidden;box-shadow:0 12px 46px #0003}
.active-faction:before{position:absolute;content:'';inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--fac-accent),#ff45bb);z-index:2}
.active-faction:hover{border-color:color-mix(in srgb,var(--fac-accent),transparent 44%);transform:translateY(-3px);transition:transform .2s,border-color .2s}
.active-faction.faction-gold{--fac-accent:#e4bd68}.active-faction.faction-blue{--fac-accent:#5de4ff}.active-faction.faction-red{--fac-accent:#ff747d}.active-faction.faction-pink{--fac-accent:#ff62c5}
.active-faction-art{display:flex;position:relative;flex-direction:column;justify-content:center;align-items:center;gap:15px;padding:28px 12px 22px;background:radial-gradient(circle at 45% 45%,color-mix(in srgb,var(--fac-accent),transparent 82%),transparent 63%),linear-gradient(180deg,#121b30,#111423);border-right:1px solid #ffffff0d}
.active-faction-art img{width:100%;max-width:154px;max-height:230px;height:auto;object-fit:contain;filter:drop-shadow(0 10px 18px #0007)}
.faction-card-number{position:absolute;left:15px;top:14px;color:#899cb9;font-size:.61rem;letter-spacing:.16em;font-weight:800}
.faction-short{color:var(--fac-accent);font-size:.63rem;letter-spacing:.12em;font-weight:800;text-align:center}
.active-faction-body{display:flex;flex-direction:column;min-width:0;padding:31px 26px 26px}
.faction-category{color:var(--fac-accent);font-size:.66rem;font-weight:800;letter-spacing:.1em;line-height:1.6}
.faction-dot{color:#8f9aad;padding:0 2px}
.active-faction h3{font-size:clamp(1.27rem,1.8vw,1.65rem);text-transform:uppercase;line-height:1.15;letter-spacing:.015em;color:#fff;margin:11px 0 7px;overflow-wrap:break-word}
.active-faction .faction-tagline{font-size:.88rem;font-weight:700;color:#dfdbe9;margin:0 0 18px}
.faction-description{font-size:.87rem;line-height:1.68;color:#aebdd4;margin:0 0 22px;flex:1}
.faction-leader{display:flex;align-items:center;gap:12px;border-top:1px solid #ffffff20;padding-top:17px;margin-top:auto}
.leader-indicator{display:grid;place-items:center;flex:0 0 37px;height:37px;background:color-mix(in srgb,var(--fac-accent),transparent 88%);border:1px solid color-mix(in srgb,var(--fac-accent),transparent 55%);border-radius:10px;color:var(--fac-accent);font-size:1rem}
.faction-leader div{min-width:0;display:grid;gap:5px}
.faction-leader small{font-size:.61rem;letter-spacing:.085em;color:#8d9bb5;font-weight:750}
.faction-leader strong{font-size:.91rem;color:white}
.faction-roster-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:28px 34px;margin-top:40px;border:1px solid #ff3db747;border-radius:17px;background:linear-gradient(95deg,#221328,#102239)}
.faction-roster-bottom h3{color:#fff;font-size:1.8rem;text-transform:uppercase;margin:7px 0}
.faction-roster-bottom p{max-width:640px;font-size:.91rem;margin:0}
.roster-actions{display:flex;flex-direction:column;gap:10px;min-width:200px}
@media(max-width:1120px){.faction-roster-grid{grid-template-columns:1fr}.active-faction{grid-template-columns:215px minmax(0,1fr)}.active-faction-art img{max-width:185px}}
@media(max-width:800px){.faction-roster-bottom{align-items:stretch;flex-direction:column}.roster-actions{flex-direction:row}.roster-actions .btn{flex:1}}
@media(max-width:590px){.faction-tabs{gap:8px}.faction-tab{gap:7px;padding:17px 15px;font-size:.82rem}.tab-count{padding:3px 5px}.active-faction{grid-template-columns:1fr}.active-faction-art{min-height:240px;padding:35px 24px 20px}.active-faction-art img{width:auto;max-width:min(75%,210px);height:190px;object-fit:contain}.active-faction-body{padding:25px 23px 26px}.active-faction h3{font-size:1.6rem}.factions-roster{padding-top:47px}.roster-actions{flex-direction:column}.faction-roster-bottom{padding:26px 21px}.faction-roster-bottom h3{font-size:1.52rem}}
@media(max-width:370px){.faction-tab{font-size:.73rem;padding:14px 10px}.tab-symbol{font-size:1rem}}
/* Keep both faction tab labels completely readable on compact screens. */
@media(max-width:590px){.faction-tabs{gap:7px;overflow:visible}.faction-tab{flex:1 1 0;min-width:0;white-space:normal;text-align:center;gap:5px;padding:15px 7px;font-size:.78rem}.tab-count{font-size:.6rem;padding:3px 5px}.tab-symbol{font-size:.96rem}}
@media(max-width:400px){.faction-tab .tab-symbol{display:none}.faction-tab{font-size:.79rem}}


/* Fraktionskarten – erweitertes Profil-Layout */
.faction-meta-pills{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.faction-meta-pills span{display:inline-flex;align-items:center;min-height:30px;padding:6px 11px;border-radius:999px;border:1px solid color-mix(in srgb,var(--fac-accent),transparent 62%);background:color-mix(in srgb,var(--fac-accent),transparent 90%);color:#f4f7ff;font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.faction-detail-box{margin:0 0 20px;padding:17px 18px 14px;border-radius:15px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.015))}
.faction-detail-box h4{margin:0 0 12px;font-size:.88rem;letter-spacing:.12em;text-transform:uppercase;color:var(--fac-accent)}
.faction-task-list{list-style:none;margin:0;padding:0;display:grid;gap:11px}
.faction-task-list li{position:relative;padding-left:22px;color:#d1d9ea;font-size:.87rem;line-height:1.58}
.faction-task-list li:before{content:'◆';position:absolute;left:0;top:0;color:var(--fac-accent);font-size:.75rem}
.active-faction-body{gap:0}
.active-faction .faction-tagline{margin:0 0 14px}
.faction-description{margin:0 0 18px}
.active-faction{min-height:100%}
.active-faction-art{justify-content:flex-start;padding-top:38px}
.faction-roster-bottom{margin-top:34px}
@media(max-width:1120px){.active-faction{grid-template-columns:190px minmax(0,1fr)}.active-faction-art img{max-width:165px}}
@media(max-width:800px){.active-faction{grid-template-columns:1fr}.active-faction-art{border-right:0;border-bottom:1px solid #ffffff12;padding:32px 18px 20px}.active-faction-art img{max-width:170px}.faction-meta-pills span{font-size:.68rem}.faction-detail-box{padding:16px}.faction-task-list li{font-size:.85rem}.roster-actions{width:100%}.roster-actions .btn{flex:1}}


/* 2026-10 ViceV navigation: bigger legible labels, no clipped logo */
html { scroll-padding-top: 180px; }
.topbar .container {width:min(1440px,calc(100% - 56px));}
.topbar .nav-inner {min-height:104px;gap:20px;}
.topbar .brand {gap:14px;flex-shrink:0;}
.topbar .brand img {width:174px;height:98px;object-fit:contain;}
.topbar .brand .brand-meta {display:grid;font-size:.67rem;line-height:1.55;letter-spacing:.16em;}
.topbar .brand .brand-meta strong {font-size:.93rem;letter-spacing:.12em;}
.topbar .nav {gap:clamp(12px,1.24vw,23px);}
.topbar .nav a {font-size:1.04rem;line-height:1.3;letter-spacing:.045em;white-space:nowrap;opacity:1;}
.topbar .nav .nav-cta {padding:13px 21px;border-radius:11px;background:rgba(242,42,161,.12);}
.topbar .nav a:focus-visible,.menu-toggle:focus-visible {outline:2px solid #60e5ff;outline-offset:4px;}
@media(min-width:901px) and (max-width:1420px){
  .topbar .nav-inner{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;gap:0;padding:7px 0 0;min-height:auto;}
  .topbar .brand{justify-content:center;}
  .topbar .brand img{width:161px;height:88px;}
  .topbar .nav{display:flex;width:100%;justify-content:center;align-items:center;gap:clamp(12px,1.9vw,25px);border-top:1px solid rgba(255,255,255,.065);padding:13px 0 16px;flex-wrap:wrap;}
  .topbar .nav a{font-size:1.02rem;}
}
@media(max-width:900px){
  html{scroll-padding-top:100px;}
  .topbar .container{width:calc(100% - 36px);}
  .topbar .nav-inner{display:flex;min-height:90px;align-items:center;justify-content:space-between;padding:4px 0;gap:15px;}
  .topbar .brand{justify-content:flex-start;gap:8px;min-width:0;}
  .topbar .brand img{width:132px;height:78px;flex-shrink:0;}
  .topbar .brand .brand-meta{display:grid;font-size:.54rem;}
  .topbar .brand .brand-meta strong{font-size:.73rem;}
  .menu-toggle{display:block;flex-shrink:0;min-width:49px;min-height:49px;font-size:24px;}
  .topbar .nav{display:none;position:absolute;top:100%;left:0;right:0;width:100%;background:rgba(9,10,24,.98);border:1px solid rgba(255,255,255,.13);border-left:0;border-right:0;box-shadow:0 20px 40px #0009;flex-direction:column;align-items:stretch;gap:0;padding:12px 19px 20px;max-height:calc(100svh - 90px);overflow-y:auto;z-index:95;}
  .topbar .nav.open{display:flex;}
  .topbar .nav a{font-size:1.14rem;padding:13px 13px;white-space:normal;}
  .topbar .nav .nav-cta{margin-top:10px;text-align:center;}
}
@media(max-width:450px){
  .topbar .brand .brand-meta{display:none;}
  .topbar .brand img{width:145px;height:78px;}
  .topbar .nav-inner{min-height:86px;}
}
/* Structured readable GDPR page */
.privacy-intro{max-width:800px;font-size:1.05rem;line-height:1.85;}
.privacy-toc{display:flex;gap:10px;flex-wrap:wrap;margin:26px 0 37px;}
.privacy-toc a{border-radius:999px;border:1px solid #42e6ff55;color:#c3edfb;background:#142433;padding:7px 14px;font-size:.8rem;font-weight:700;}
.privacy-toc a:hover{color:white;border-color:#ff69bd;}
.privacy-section{margin:0 0 38px;padding:26px 30px 25px;border:1px solid rgba(195,208,241,.15);background:linear-gradient(140deg,#121524,#0b101d);border-radius:17px;scroll-margin-top:180px;}
.privacy-section h2{font-size:clamp(1.35rem,2.5vw,1.8rem);margin:0 0 15px;letter-spacing:.035em;color:#fff;}
.privacy-section h3{font-size:1.05rem;color:#79dfff;letter-spacing:.02em;margin:23px 0 9px;}
.privacy-section p{font-size:.94rem;line-height:1.85;margin:0 0 13px;}
.privacy-section p:last-child{margin-bottom:0;}
.privacy-section ul{color:#bbc9df;line-height:1.85;padding-left:22px;margin:0 0 14px;}
.privacy-section li{margin:5px 0;}
.privacy-section a{color:#75e8ff;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere;}
.privacy-section a:hover{color:#fff;}
.privacy-contacts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:21px;}
.privacy-contact{border:1px solid #ffffff16;padding:18px 18px 20px;border-radius:12px;background:#181929;min-width:0;}
.privacy-contact strong{display:block;color:white;font-size:1.05rem;margin-bottom:7px;}
.privacy-contact address{font-style:normal;font-size:.9rem;line-height:1.7;color:#d0daeb;margin-bottom:12px;}
.privacy-contact a{font-size:.85rem;}
.privacy-fineprint{font-size:.82rem!important;color:#96a4bc;}
@media(max-width:900px){.privacy-section{scroll-margin-top:100px;}}
@media(max-width:630px){.privacy-section{padding:21px 19px}.privacy-contacts{grid-template-columns:1fr}.privacy-toc{gap:8px}.privacy-toc a{font-size:.73rem;}}


/* Offizielle ViceV Beta-Ankündigung – Originalbanner ohne Beschnitt */
.beta-announcement{padding:62px 0 68px;background:radial-gradient(ellipse at 50% 0%,rgba(255,42,170,.085),transparent 65%),#090b17;border-top:1px solid rgba(245,65,176,.16);border-bottom:1px solid rgba(87,211,245,.18)}
.beta-announcement-head{display:flex;align-items:flex-end;justify-content:space-between;gap:26px;margin-bottom:20px}
.beta-announcement-head h2{font-size:clamp(1.7rem,3vw,2.7rem);text-transform:uppercase;line-height:1.1;margin:11px 0 0;color:#fff}
.beta-announcement-head .btn{flex-shrink:0}
.beta-announcement-image{display:block;width:100%;height:auto;aspect-ratio:2048 / 682;object-fit:contain;border-radius:16px;border:1px solid rgba(101,195,240,.22);box-shadow:0 15px 50px rgba(0,0,0,.42),0 0 38px rgba(233,40,159,.10)}
.beta-announcement-mobile-note{font-size:.87rem;color:#b5bfd8;margin:13px 2px 0}
.beta-announcement-mobile-note strong{color:#fff}.beta-announcement-mobile-note a{color:#76eaff;text-decoration:underline;text-underline-offset:3px}
@media(max-width:800px){.beta-announcement{padding:42px 0 48px}.beta-announcement-head{align-items:start;flex-direction:column;gap:16px}.beta-announcement-head .btn{max-width:100%;white-space:normal;text-align:center}.beta-announcement-image{border-radius:11px}.beta-announcement-mobile-note{font-size:.84rem;line-height:1.55}}