:root{color-scheme:dark;--bg:#080d19;--surface:#121b2b;--surface2:#19263a;--line:#2b3b53;--text:#f2f6ff;--muted:#a5b5ce;--cyan:#31d9f7;--violet:#9969ff;--blue:#397fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.6;min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse 48% 32% at 85% 0%,#40307930,transparent),radial-gradient(ellipse 55% 35% at 5% 60%,#05668a18,transparent);z-index:-1}a{color:inherit;text-decoration:none}a:hover{color:var(--cyan)}.top{max-width:1280px;margin:auto;padding:22px 32px;display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid #35435a66;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:12px;white-space:nowrap}.brand-emblem{font-size:40px;line-height:1;color:var(--cyan);text-shadow:0 0 20px #268affaa}.brand-text{display:flex;flex-direction:column;line-height:1.05}.brand strong{font-size:22px;letter-spacing:2px;font-weight:950;font-style:italic;color:#eaf8ff;text-shadow:0 0 18px #377aff55}.brand strong span{background:linear-gradient(110deg,#52e9ff,#7e9bff,#bf71ff);background-clip:text;-webkit-background-clip:text;color:transparent}.brand small{letter-spacing:4px;font-size:9px;color:#8eadd2;margin-top:6px;font-weight:800}.top nav{display:flex;gap:24px;align-items:center}.top nav a{font-size:13px;font-weight:750;color:#d0dbee;white-space:nowrap}.top nav a:hover{color:#67e7ff}.top nav .navcta{padding:12px 18px;border:1px solid #4b8cff;background:linear-gradient(120deg,#236bd9,#623dc6);border-radius:8px;color:white;box-shadow:0 6px 25px #2d5ed62c}.menu{display:none;background:#1b2a41;border:1px solid var(--line);color:white;border-radius:8px;padding:8px 12px;font-size:22px}main{max-width:1280px;margin:auto;padding:48px 32px 88px;min-height:65vh}.hero{min-height:530px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;position:relative;padding:52px 54px;overflow:hidden;border:1px solid #2c4664;border-radius:20px;background:radial-gradient(circle at 77% 42%,#294b8c45,transparent 45%),linear-gradient(120deg,#0e1a2d,#101329 75%);box-shadow:0 28px 90px #0007}.hero:before,.panel:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,#4de2ff10,transparent 30%,#b96aff09 70%)}.hero-content{z-index:2;position:relative}.eyebrow{font-size:12px;letter-spacing:3px;color:#65e7fa;font-weight:900;margin:0 0 20px}.live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#5ae7ff;box-shadow:0 0 12px #5ae7ff;margin-right:7px}.hero h1,.panel h1{font-size:clamp(40px,5vw,70px);letter-spacing:-2.8px;line-height:1.07;font-weight:950;margin:0 0 24px}.hero h1 em{font-style:normal;background:linear-gradient(95deg,#43eaff,#6f95ff 55%,#c37bff);color:transparent;background-clip:text;-webkit-background-clip:text}.lead{font-size:18px;color:#b8c8de;max-width:640px;line-height:1.8}.hero .lead{max-width:570px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 23px;border-radius:8px;border:1px solid #4e92f8;background:linear-gradient(110deg,#238be7,#6544d9);color:white!important;font-weight:900;font-size:12px;letter-spacing:.5px;cursor:pointer;box-shadow:0 12px 25px #264ab538;transition:transform .18s,filter .18s}.btn:hover{transform:translateY(-2px);filter:brightness(1.15)}.btn.outline{background:#0d1726a6;border-color:#7d9ecb;box-shadow:none}.hero-note{font-size:10px;font-weight:900;letter-spacing:1.6px;color:#89a9cb;margin-top:35px}.hero-note span{color:#62e6ff;padding:0 12px}.board-art{position:relative;height:410px;display:flex;justify-content:center;align-items:center;filter:drop-shadow(0 0 50px #2e65d57c)}.board-halo{width:min(35vw,380px);height:min(35vw,380px);border-radius:50%;display:grid;place-items:center;border:4px solid #4bc8f8;background:radial-gradient(circle,#142a48 50%,#0c1830 64%,#3767a6 68%,#071322 70%);box-shadow:0 0 0 14px #1e45822b,0 0 0 28px #4f76da13,0 0 90px #299de544}.board-face{width:85%;height:85%;border-radius:50%;border:8px solid #080e18;background:repeating-conic-gradient(from -9deg,#1e304a 0deg 9deg,#091422 9deg 18deg);display:grid;place-items:center;box-shadow:inset 0 0 20px #000}.board-inner{width:66%;height:66%;border-radius:50%;border:9px solid #3d89cc;background:repeating-conic-gradient(from -9deg,#1e304a 0deg 9deg,#091422 9deg 18deg);display:grid;place-items:center;box-shadow:0 0 22px #319dff99}.board-bull{width:20%;height:20%;border-radius:50%;border:9px solid #2fe4f7;background:#b55aff;box-shadow:0 0 28px #8a6aff}.art-label{position:absolute;bottom:0;right:10px;font-size:10px;letter-spacing:3px;color:#77a5d7}.section-heading{text-align:center;margin:75px 0 30px}.section-heading h2{font-size:clamp(28px,4vw,44px);margin:0;font-weight:950;letter-spacing:-1px}.section-heading p:last-child{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{min-height:310px;border:1px solid #2c425d;border-radius:14px;padding:28px;display:flex;flex-direction:column;position:relative;overflow:hidden;background:linear-gradient(145deg,#182b42,#101929 80%);transition:transform .2s,border-color .2s}.card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 100% 0%,#298acb36,transparent 55%);pointer-events:none}.card-connect:before{background:radial-gradient(circle at 100% 0%,#8b5eff3b,transparent 55%)}.card-feedback:before{background:radial-gradient(circle at 100% 0%,#1dc2d83a,transparent 55%)}.card:hover{transform:translateY(-5px);border-color:#5aabef;color:inherit}.card-num{font-size:11px;letter-spacing:2px;color:#6be3f5;font-weight:900}.card-icon{position:absolute;top:22px;right:25px;font-size:35px;color:#73b8ff}.card h2{font-size:28px;line-height:1.15;margin:64px 0 12px;letter-spacing:-1px}.card p{color:var(--muted);font-size:14px;margin:0 0 24px}.card b{margin-top:auto;font-size:12px;color:#79eaff;letter-spacing:1px}.banner{margin-top:28px;border:1px solid #365179;background:linear-gradient(110deg,#172f4d,#181b39);border-radius:14px;padding:38px 42px;display:flex;align-items:center;justify-content:space-between;gap:30px}.banner h2{font-size:30px;line-height:1.2;margin:0 0 10px}.banner p:not(.eyebrow){color:var(--muted);margin:0}.panel{max-width:980px;margin:20px auto 0;border:1px solid #30445e;border-radius:16px;padding:clamp(28px,5vw,65px);background:linear-gradient(135deg,#172132,#101722);position:relative;box-shadow:0 25px 65px #0004}.panel>*{position:relative}.panel h1{font-size:clamp(34px,4.4vw,56px)}.note{color:#91a4be;font-size:13px;margin-top:28px}.info-strip{margin-top:35px;padding:18px;background:#1a3147;border:1px solid #3c6585;border-radius:10px;color:#a9d6ee;font-size:13px}.steps,.guide{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin:30px 0}.steps>div,.guide article{background:#19263a;border:1px solid #314866;border-radius:12px;padding:22px}.steps b{font-size:26px;color:#62dfff}.steps h3,.guide h3{margin:7px 0;font-size:18px}.steps p,.guide p{color:var(--muted);font-size:14px}.faq{margin:28px 0}.faq details{background:#18263a;border:1px solid #304561;border-radius:10px;margin-bottom:12px;padding:16px 20px}.faq summary{font-weight:800;cursor:pointer}.faq p{color:var(--muted)}.faq a{color:var(--cyan);text-decoration:underline}form{margin-top:30px}form label{display:block;font-weight:750;font-size:13px;margin-bottom:20px;color:#dce8fa}form .row{display:grid;grid-template-columns:1fr 1fr;gap:18px}input:not([type=checkbox]),textarea,select{display:block;width:100%;margin-top:9px;padding:14px 15px;border:1px solid #3a506b;border-radius:8px;background:#0c1726;color:white;font:inherit;outline:none}input:focus,textarea:focus,select:focus{border-color:#5eddfb;box-shadow:0 0 0 3px #5eddfb22}textarea{resize:vertical}label.check{display:flex;align-items:flex-start;gap:10px;color:var(--muted);font-weight:450;line-height:1.6}.check input{margin-top:5px}.trap{position:absolute!important;left:-99999px;opacity:0;pointer-events:none}.entry{background:#18263a;border:1px solid #354963;border-radius:10px;padding:20px;margin:20px 0}.entry small{color:#9db6d1}.entry p{overflow-wrap:anywhere}footer{border-top:1px solid #28384e;padding:34px max(32px,calc((100vw - 1216px)/2));color:#8193ad;font-size:12px}.footer-top{display:flex;justify-content:space-between;gap:20px;align-items:center}.footer-brand{font-size:17px;font-weight:950;letter-spacing:1px;color:#e6f5ff}.footer-brand span{color:#6cdaff;font-size:10px;margin-left:12px;letter-spacing:2px}footer a{color:#8bd8ff}footer p{margin-top:15px}@media(max-width:1020px){.top nav{gap:12px}.top nav a{font-size:11px}.hero{padding:36px}.hero h1{font-size:50px}}@media(max-width:780px){.top{padding:16px 20px}.menu{display:block}.top nav{display:none;position:absolute;top:100%;left:12px;right:12px;flex-direction:column;align-items:stretch;background:#121e31;border:1px solid #39506c;border-radius:12px;padding:20px;box-shadow:0 20px 50px #0009}.top nav.open{display:flex}.top nav a{font-size:14px;padding:8px}main{padding:22px 16px 60px}.hero{display:block;min-height:0;padding:38px 24px}.hero h1{font-size:clamp(37px,9vw,56px)}.board-art{height:250px;margin-top:25px}.board-halo{width:235px;height:235px}.art-label{bottom:-12px}.cards{grid-template-columns:1fr}.card{min-height:240px}.card h2{margin-top:40px}.banner{display:block;padding:26px}.banner .btn{margin-top:25px}.steps,.guide,form .row{grid-template-columns:1fr}.footer-top{display:block}.panel{margin-top:8px}}
/* Community Hub 2.1 – BlackDarts original branding and cross-system play */
.brand{gap:10px}.brand-image{width:186px;height:56px;object-fit:contain;object-position:left center;filter:drop-shadow(0 0 10px #2787ff55)}.brand-subtitle{font-size:9px;font-weight:900;letter-spacing:2px;color:#91b6df;white-space:nowrap}.top{gap:14px}.top nav{gap:17px}.top nav a{font-size:12px}.brand-hero-art img{width:min(100%,430px);max-height:390px;object-fit:contain;filter:drop-shadow(0 0 42px #258eff70);animation:brandFloat 7s ease-in-out infinite}.brand-hero-art{filter:none}.brand-hero-art .art-label{bottom:5px}@keyframes brandFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}.crossplay-feature{margin-top:30px;border:1px solid #36557c;border-radius:18px;padding:45px 48px;background:radial-gradient(circle at 85% 50%,#2a4c9340,transparent 45%),linear-gradient(115deg,#0e1b30,#10162b);display:grid;grid-template-columns:1.35fr 1fr;gap:28px;align-items:center;box-shadow:0 20px 60px #0004}.crossplay-feature h2{font-size:clamp(32px,4.4vw,56px);line-height:1.1;letter-spacing:-1.8px;margin:0 0 12px}.crossplay-feature h2 span{color:#60dafa}.crossplay-lead{font-size:20px;color:#dbeaff;font-weight:750}.crossplay-copy>p:not(.eyebrow){max-width:650px}.crossplay-copy>p:not(.eyebrow):not(.crossplay-lead){color:#b6c8e1}.crossplay-pills{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.crossplay-pills span{padding:8px 11px;border-radius:99px;background:#1a3452;border:1px solid #366b98;color:#a8e6ff;font-size:12px;font-weight:700}.crossplay-visual{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;padding:35px 10px}.system-label{font-size:clamp(15px,2vw,24px);font-weight:950;letter-spacing:1px;color:#c8f5ff;text-shadow:0 0 24px #17bffb}.system-link{width:96px;height:96px;border-radius:50%;border:2px solid #4bcbff;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;font-size:30px;font-weight:950;background:radial-gradient(circle,#214d84,#0b1730);box-shadow:0 0 38px #277fff6b}.system-link span{font-size:7px;text-align:center;line-height:1.3;letter-spacing:1px;color:#9fddff}.community-banner{margin-top:26px;border:1px solid #3a4f78;border-radius:16px;padding:26px 30px;display:flex;gap:25px;align-items:center;background:linear-gradient(115deg,#111f36,#181b39)}.community-banner>img{width:160px;max-height:70px;object-fit:contain}.community-banner>div{flex:1}.community-banner h2{margin:0;font-size:22px}.community-banner p:not(.eyebrow){margin:5px 0;color:var(--muted)}.community-banner .eyebrow{margin-bottom:4px}.footer-brand{display:flex;align-items:center;gap:12px}.footer-brand img{width:150px;max-height:55px;object-fit:contain}.footer-brand span{margin-left:0}@media(max-width:1100px){.brand-image{width:145px}.brand-subtitle{display:none}.top nav{gap:10px}}@media(max-width:780px){.brand-image{width:172px}.crossplay-feature{display:block;padding:28px 22px}.crossplay-visual{padding:22px 0 0}.community-banner{flex-direction:column;align-items:flex-start}.community-banner>img{width:180px}.brand-hero-art img{max-height:235px}}@media(prefers-reduced-motion:reduce){.brand-hero-art img{animation:none}}

/* v2.2: echte BlackDarts-Rainbow-Scheibe im Hero */
.brand-hero-art img{width:min(100%,455px);max-height:440px;object-fit:contain;filter:drop-shadow(0 0 34px #258eff65)}
@media(max-width:780px){.brand-hero-art img{max-height:260px}}

/* v2.3 – original BlackDarts logo assets and layout */
.top .brand{display:flex;align-items:center;gap:9px;min-width:0}.top .brand .bd-symbol{display:block;width:52px;height:54px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 0 8px #00cfff55)}.bd-brand-right{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.bd-wordmark{display:block;width:185px;height:51px;object-fit:contain;object-position:left center;filter:drop-shadow(0 0 8px #4d60ff55)}.bd-brand-right small{margin-top:-7px;margin-left:4px;color:#a8b8e8;font-size:9px;font-weight:900;letter-spacing:2px}.community-banner>img{width:170px;max-height:72px;object-fit:contain}.guide article a{color:#63dfff;text-decoration:underline}.top nav{gap:13px}@media(max-width:1100px){.top .brand .bd-symbol{width:43px;height:45px}.bd-wordmark{width:145px;height:44px}.bd-brand-right small{font-size:8px}}@media(max-width:780px){.bd-wordmark{width:160px}.top .brand .bd-symbol{width:45px}}