/* CONNDI Attack – Staffel 1 · Ergänzung zu minecraft.css (nur /minecraft/) */

/* ---------- Hero: schwebende Inseln ---------- */
.ca-site .ca-hero .mc-hero-copy strong{color:#ffe1a0}
.ca-site .ca-scene{background:linear-gradient(180deg,rgba(92,170,214,.30),rgba(40,92,130,.18) 55%,rgba(14,38,58,.55))}
.ca-site .ca-island{position:absolute;z-index:2;animation:ca-float 7s ease-in-out infinite}
.ca-site .ca-island-top{display:block;height:22px;background:linear-gradient(180deg,#7ccf72 0 45%,#5aa858 45% 100%);border-radius:4px 4px 0 0;box-shadow:inset 0 -4px 0 rgba(0,0,0,.12)}
.ca-site .ca-island-rock{display:block;height:70px;background:linear-gradient(180deg,#8b6a4a 0 30%,#6f6a68 30% 100%);clip-path:polygon(0 0,100% 0,82% 55%,60% 100%,40% 100%,18% 55%)}
.ca-site .ca-island-main{left:22%;top:34%;width:220px}
.ca-site .ca-island-main .ca-island-top{height:28px}
.ca-site .ca-island-main .ca-island-rock{height:110px}
.ca-site .ca-island-small{width:82px;animation-duration:9s}
.ca-site .ca-island-small .ca-island-rock{height:44px}
.ca-site .ca-island-left{left:5%;top:16%;animation-delay:-3s}
.ca-site .ca-island-right{right:8%;top:58%;width:96px;animation-delay:-5s}
.ca-site .ca-season-badge{position:absolute;z-index:3;right:26px;top:24px;display:grid;place-items:center;width:84px;height:84px;border-radius:20px;background:linear-gradient(140deg,#ffd27a,#f2a93c);color:#1b2e40;font-size:40px;font-weight:900;line-height:1;box-shadow:0 12px 30px rgba(242,169,60,.35);transform:rotate(6deg)}
.ca-site .ca-season-badge small{display:block;font-size:10px;letter-spacing:.18em;font-weight:900;margin-bottom:-14px}
.ca-site .ca-scene .mc-sun{right:auto;left:62%;top:40px;width:70px;height:70px;opacity:.85}
@keyframes ca-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}

/* ---------- Mitspielen: Whitelist & Voice ---------- */
.ca-site .ca-whitelist,.ca-site .ca-voice{margin-top:16px;padding:14px 16px;border-radius:12px;font-size:12px}
.ca-site .ca-whitelist{background:#fff6e4;border:1px solid #f0cf8e;color:#5d3f06}
.ca-site .ca-voice{background:#eef4fb;border:1px solid #c7d8ea;color:#21425a}
.ca-site .ca-whitelist strong,.ca-site .ca-voice strong{display:block;font-size:14px;margin-bottom:4px}
.ca-site .ca-whitelist p,.ca-site .ca-voice p{margin:0 0 8px;color:inherit;font-size:12px}
.ca-site .ca-whitelist p{margin:0}

/* ---------- Konzept-Säulen ---------- */
.ca-site .ca-pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.ca-site .ca-pillar{position:relative;padding:26px 24px 24px;border-radius:16px;background:linear-gradient(150deg,rgba(14,34,52,.96),rgba(18,52,58,.93));border:1px solid rgba(160,214,200,.22);color:#d6e6ee;box-shadow:0 12px 34px rgba(20,60,90,.18);overflow:hidden}
.ca-site .ca-pillar:after{content:"";position:absolute;right:-40px;bottom:-60px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(249,198,93,.16),transparent 65%)}
.ca-site .ca-pillar-num{display:inline-block;font-size:12px;font-weight:900;letter-spacing:.1em;color:#f9c65d;margin-bottom:10px}
.ca-site .ca-pillar h3{font-size:18px;font-weight:850;color:#fff;margin:0 0 8px;letter-spacing:-.02em}
.ca-site .ca-pillar p{font-size:13px;margin:0;color:#b9cdd8}

/* ---------- Streamer ---------- */
.ca-site .ca-streamer{display:grid;grid-template-columns:1.15fr .85fr;gap:0;border-radius:20px;overflow:hidden;border:1px solid #c4d9e4;box-shadow:0 14px 40px rgba(53,104,132,.16)}
.ca-site .ca-streamer-main{padding:32px 34px;background:linear-gradient(135deg,#2a1c4f,#163a5c);color:#e6eef6}
.ca-site .ca-streamer-main .mc-section-kicker{color:#f9c65d}
.ca-site .ca-streamer-main h2{font-size:clamp(24px,2.6vw,34px);line-height:1.2;letter-spacing:-.035em;color:#fff;margin:7px 0 12px;font-weight:850}
.ca-site .ca-streamer-main>p{font-size:14px;color:#c7d6e4;margin-bottom:18px}
.ca-site .ca-checklist{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.ca-site .ca-checklist li{position:relative;padding-left:28px;font-size:13px;color:#cfdcea}
.ca-site .ca-checklist li:before{content:"✓";position:absolute;left:0;top:0;width:19px;height:19px;border-radius:6px;display:grid;place-items:center;background:#8adfa4;color:#0b3b28;font-size:11px;font-weight:900}
.ca-site .ca-checklist strong{color:#fff}
.ca-site .ca-streamer-side{padding:30px 30px 28px;background:rgba(255,255,255,.94)}
.ca-site .ca-streamer-side>h3{font-size:19px;font-weight:850;color:#17364c;margin:0 0 18px}
.ca-site .ca-streamer-side .mc-steps{margin-bottom:20px}
.ca-site .ca-streamer-side .mc-stream-links a:first-child{background:#7b3fe4}
.ca-site .ca-streamer-side .mc-stream-links a:last-child{background:#1d8f3a}
.ca-site .ca-soon{margin:16px 0 0;font-size:12px;color:#5a7385;font-style:italic}

/* ---------- Mods ---------- */
.ca-site .ca-mods{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}
.ca-site .ca-mod-card{padding:22px 24px;border-radius:15px;background:rgba(255,255,255,.92);border:1px solid #cbdfe8;box-shadow:0 8px 24px #2d68841a}
.ca-site .ca-mod-card h3{font-size:17px;font-weight:850;margin:0 0 10px;color:#17364c}
.ca-site .ca-mod-card ul{margin:0;padding-left:18px;display:grid;gap:6px;font-size:13px;color:#3d5b6f}
.ca-site .ca-mod-card p{margin:12px 0 0;font-size:12px;color:#5a7385}
.ca-site .ca-mod-ok{border-top:4px solid #3fae6a}
.ca-site .ca-mod-no{border-top:4px solid #d9534f}

/* ---------- FAQ ---------- */
.ca-site .ca-faq{display:grid;gap:10px}
.ca-site .ca-faq details{background:rgba(255,255,255,.92);border:1px solid #cbdfe8;border-radius:12px;padding:0 18px;transition:border-color .2s}
.ca-site .ca-faq details[open]{border-color:#e8c27a}
.ca-site .ca-faq summary{cursor:pointer;list-style:none;padding:16px 28px 16px 0;font-size:14px;font-weight:800;color:#17364c;position:relative}
.ca-site .ca-faq summary::-webkit-details-marker{display:none}
.ca-site .ca-faq summary:after{content:"+";position:absolute;right:0;top:12px;font-size:22px;font-weight:700;color:#8c5d0d;transition:transform .2s}
.ca-site .ca-faq details[open] summary:after{transform:rotate(45deg)}
.ca-site .ca-faq details p{margin:0 0 16px;font-size:13px;color:#46647a}
.ca-site .ca-faq code{color:#166a52;font-weight:800}
.ca-site .ca-faq summary:focus-visible{outline:2px solid #e8b75a;outline-offset:3px;border-radius:6px}

/* ---------- Footer ---------- */
.ca-site .mc-footer .ca-disclaimer{max-width:560px;margin-top:8px;font-size:11px;color:#7f98a8}

/* ---------- Responsiv ---------- */
@media(max-width:900px){
  .ca-site .ca-pillars{grid-template-columns:1fr}
  .ca-site .ca-streamer{grid-template-columns:1fr}
  .ca-site .ca-island-main{left:30%;top:22%;width:150px}
  .ca-site .ca-island-main .ca-island-rock{height:60px}
  .ca-site .ca-island-small{display:none}
  .ca-site .ca-season-badge{width:62px;height:62px;font-size:28px;border-radius:15px;top:16px;right:16px}
  .ca-site .ca-season-badge small{font-size:8px;margin-bottom:-8px}
  .ca-site .mc-features{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:620px){
  .ca-site .ca-mods{grid-template-columns:1fr}
  .ca-site .ca-streamer-main,.ca-site .ca-streamer-side{padding:24px 21px}
  .ca-site .mc-features{grid-template-columns:1fr}
  .ca-site .ca-island-main{left:24%;top:24%;width:120px}
  .ca-site .ca-island-main .ca-island-top{height:18px}
  .ca-site .ca-island-main .ca-island-rock{height:44px}
}
@media(prefers-reduced-motion:reduce){.ca-site .ca-island{animation:none}}

/* ---------- Lesbarkeit (helles Theme) ---------- */
.ca-site .mc-steps li>span{color:#8c5d0d;background:#fff3d7;border-color:#eccd8a}
.ca-site .mc-rules-grid>div span{color:#a26c0c}
.ca-site .mc-bottom-cta .mc-section-kicker{color:#ffd27a}
.ca-site .mc-bottom-cta{background:linear-gradient(115deg,#174239,#18374c)}
@media(max-width:900px){
  .ca-site .ca-scene .mc-sun,.ca-site .ca-scene .mc-cloud{display:none}
  .ca-site .ca-season-badge{right:auto;left:16px;top:16px}
  .ca-site .ca-island-main{left:auto;right:12%;top:18%}
}

/* ---------- Globaler Kopfbereich (wie Startseite) ---------- */
.ca-site .conndi-v2-shell .conndi-v2-hamburger{font:800 13.333px/normal Arial,sans-serif}
.ca-site .conndi-v2-shell .conndi-v2-nav .nav-drop{background:#fff}

/* ---------- Countdown ---------- */
.ca-site .ca-countdown{margin:0 0 22px;padding:14px 16px;border-radius:14px;background:rgba(255,210,122,.08);border:1px solid rgba(249,198,93,.28);max-width:470px}
.ca-site .ca-countdown-label{font-size:12px;color:#d9e6ee;margin-bottom:9px}
.ca-site .ca-countdown-label strong{color:#ffd27a}
.ca-site .ca-countdown-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.ca-site .ca-countdown-grid div{text-align:center;padding:9px 4px;border-radius:10px;background:rgba(3,14,26,.55);border:1px solid rgba(160,200,220,.16)}
.ca-site .ca-countdown-grid b{display:block;font-size:26px;line-height:1.1;font-weight:900;color:#fff;font-variant-numeric:tabular-nums}
.ca-site .ca-countdown-grid span{display:block;margin-top:3px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:#9fb6c6}
.ca-site .ca-countdown-live{margin:0;font-size:15px;font-weight:850;color:#ffd27a}
.ca-site .ca-countdown [hidden]{display:none!important}
@media(max-width:620px){.ca-site .ca-countdown-grid b{font-size:21px}}

/* ---------- Discord ---------- */
.ca-site .mc-btn-discord{background:#5865f2;color:#fff;box-shadow:0 8px 24px rgba(88,101,242,.28)}
.ca-site .ca-btn-small{min-height:38px;padding:8px 14px;font-size:12px;margin-top:10px}
.ca-site .mc-stream-links a.ca-link-discord{background:#5865f2}
.ca-site .ca-textlink{color:#4752c4;font-weight:800;border-bottom:1px solid rgba(71,82,196,.35)}
.ca-site .ca-cta-actions{display:flex;flex-wrap:wrap;gap:10px;flex-shrink:0}
@media(max-width:620px){.ca-site .ca-cta-actions{margin-top:21px}.ca-site .mc-bottom-cta .ca-cta-actions .mc-btn{margin-top:0}}
