:root{color-scheme:dark;--bg:#12090c;--red:#c82d36;--muted:#d5bdc0;--gold:#edc573;--line:#ffffff24;--white:#fff;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:280px;min-height:100svh;color:var(--white);background:radial-gradient(ellipse at 56% -7%,#b3222b 0,transparent 43%),radial-gradient(ellipse at -30% 45%,#4e101a 0,transparent 60%),linear-gradient(165deg,#421017,#1b0b10 58%,#0a080a);font-size:16px}body:before{content:"";position:fixed;z-index:-1;inset:0;opacity:.3;pointer-events:none;background-image:radial-gradient(#ffffff2a .65px,transparent .65px);background-size:8px 8px}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.35;cursor:not-allowed}a{color:inherit}button:focus-visible,a:focus-visible,#card-stage:focus-visible{outline:3px solid var(--gold);outline-offset:3px}[hidden]{display:none!important}
.page-shell{width:min(100% - 22px,620px);margin:auto;min-height:100svh;display:flex;flex-direction:column}.site-head{height:69px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:10px}.brand{display:flex;gap:9px;align-items:center;text-decoration:none;white-space:nowrap}.brand img{width:31px;height:38px;object-fit:contain}.brand-word{font-size:15px;font-weight:1000;letter-spacing:.13em}.cross{font-size:20px;color:#f8a3a9;font-weight:300}.club-word{font-size:16px;line-height:.92;font-weight:950;letter-spacing:.06em;display:flex;flex-direction:column}.club-word small{font-size:9px;letter-spacing:.36em;margin-top:5px}.head-tag{font-size:10px;font-weight:800;letter-spacing:.13em;color:#ffccd0;border:1px solid #ffffff45;border-radius:50px;padding:7px 9px;white-space:nowrap}.intro{display:flex;align-items:center;justify-content:center;gap:10px;text-align:center;font-size:10px;font-weight:900;letter-spacing:.22em;color:#f1bbc1;padding-top:22px}.intro-dash{height:1px;width:22px;background:#e68f97}
.match{margin:15px 0 15px;padding:10px 0 0}.match-switcher{display:grid;grid-template-columns:43px minmax(0,1fr) 43px;gap:3px;align-items:center;touch-action:pan-y}.match-arrow{border:1px solid #ffffff32;background:#ffffff0a;color:white;border-radius:13px;min-width:43px;min-height:54px;font-size:36px;line-height:1;display:grid;place-items:center;padding:0 0 4px}.match-arrow:not(:disabled):active{background:#c72a3c77;transform:scale(.97)}.match-heading{text-align:center;min-width:0}.match-label{font-size:10px;font-weight:850;letter-spacing:.19em;color:#efb4bc}.match h1{font-size:clamp(23px,5.3vw,32px);font-weight:950;line-height:1.12;letter-spacing:-.04em;margin:9px 0 9px;overflow-wrap:break-word;text-wrap:balance}.match-details{font-size:12px;color:#ddc5c9}.match-foot{display:flex;justify-content:center;align-items:center;gap:13px;padding-top:14px}.match-foot>span:first-child{font-size:10px;letter-spacing:.14em;color:#bca6a9;font-weight:800}.round-status{padding:7px 11px;font-size:10px;letter-spacing:.1em;border-radius:40px;border:1px solid #ffffff30;background:#ffffff13;font-weight:900}.round-status.is-live{background:linear-gradient(135deg,#bb142b,#e33947);border-color:#f76071;box-shadow:0 0 14px #d817445c}.round-status.is-over{color:#edc573;border-color:#9a6a38;background:#82542425}
.voting-section{padding-bottom:15px}.section-heading{display:flex;justify-content:space-between;align-items:end;padding:6px 11px 4px;gap:10px}.section-kicker{font-size:10px;color:#e5adb3;letter-spacing:.16em;font-weight:900}.section-heading h2{margin:5px 0 0;font-size:21px;line-height:1.2;letter-spacing:-.03em}.player-count{font-size:12px;font-weight:700;color:#efc9cd;white-space:nowrap}.carousel-container{position:relative;width:100%;margin-top:13px}.card-stage{position:relative;height:calc(var(--card-w) * 1.41);--card-w:clamp(218px,66vw,340px);isolation:isolate;touch-action:pan-y;outline-offset:-3px;overflow:hidden;user-select:none;-webkit-user-select:none}.player-card{position:absolute;top:3px;left:50%;width:var(--card-w);height:calc(var(--card-w) * 1.37);border-radius:20px;border:1px solid #ffffff66;overflow:hidden;background:linear-gradient(145deg,#761725,#1d0b11);box-shadow:0 16px 45px #000b,0 0 1px #ff949a;transform:translateX(calc(-50% + var(--shift))) rotate(var(--tilt)) scale(var(--scale));z-index:var(--depth);transition:transform .38s cubic-bezier(.2,.72,.2,1),opacity .32s,border-color .3s,filter .3s;will-change:transform;cursor:pointer;pointer-events:auto}.player-card:not(.is-center){filter:brightness(.62) saturate(.79);box-shadow:0 7px 25px #0008}.player-card.is-center{border:1.5px solid #ffc3c5;box-shadow:0 17px 45px #000c,0 0 28px #d6274a48;cursor:default}.player-card.is-hidden{opacity:0;pointer-events:none}.card-art{position:absolute;inset:0}.card-photo{width:100%;height:100%;object-fit:cover;object-position:center 18%;display:block;pointer-events:none}.card-placeholder{height:100%;display:grid;place-items:center;background:radial-gradient(circle at 40% 29%,#d25262,#821f32 45%,#270c14 85%)}.card-placeholder span{font-size:clamp(110px,30vw,205px);font-weight:1000;letter-spacing:-.11em;color:#ffffff1a}.card-texture{position:absolute;inset:0;background:linear-gradient(150deg,#ffffff1d 0%,transparent 22%),repeating-linear-gradient(120deg,transparent 0,transparent 14px,#ffffff07 15px,transparent 16px);pointer-events:none}.card-shimmer{position:absolute;z-index:3;inset:-60% -80%;transform:translateX(-95%) rotate(18deg);background:linear-gradient(90deg,transparent 37%,#ffffff06 48%,#ffffff24 50%,#ffffff05 52%,transparent 63%);pointer-events:none}.is-center .card-shimmer{animation:shine 6s ease-in-out infinite}@keyframes shine{0%,25%{transform:translateX(-95%) rotate(18deg)}58%,100%{transform:translateX(95%) rotate(18deg)}}.player-card:before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(0deg,#100509 0%,#140508eb 14%,#1d071259 44%,transparent 75%);pointer-events:none}.player-card:after{content:"";position:absolute;z-index:2;inset:8px;border:1px solid #ffffff2e;border-radius:14px;pointer-events:none}.card-topline{position:absolute;z-index:4;left:15px;right:15px;top:14px;display:flex;justify-content:space-between;align-items:start;gap:5px}.card-edition{border:1px solid #ffffff75;padding:6px 10px;background:#14080ca3;border-radius:30px;letter-spacing:.09em;font-size:9px;font-weight:900}.card-topline img{width:34px;height:41px;object-fit:contain;filter:drop-shadow(0 2px 5px #000b)}.card-info{position:absolute;z-index:4;left:18px;right:18px;bottom:77px;display:flex;gap:13px;align-items:end}.card-number{font-weight:1000;font-size:58px;line-height:.8;letter-spacing:-.1em;flex:none;text-shadow:0 3px 12px #0008}.card-person{min-width:0;flex:1}.card-person strong{display:block;font-size:clamp(18px,4.7vw,24px);line-height:1.04;overflow-wrap:break-word;font-weight:950;letter-spacing:-.025em;text-shadow:0 2px 6px #0009}.card-person small{display:block;font-size:10px;color:#ffdce0;margin-top:6px;letter-spacing:.06em}.card-action{position:absolute;z-index:5;bottom:14px;left:15px;right:15px;min-height:46px}.card-vote{display:flex;align-items:center;justify-content:center;gap:14px;width:100%;min-height:48px;border-radius:10px;border:0;background:#fff;color:#a70d21;font-weight:1000;font-size:14px;letter-spacing:.05em;box-shadow:0 4px 20px #0004}.card-vote span{font-size:19px}.card-vote:active{transform:scale(.975)}.card-closed{display:flex;align-items:center;justify-content:center;width:100%;min-height:45px;font-size:10px;letter-spacing:.045em;font-weight:850;border-radius:10px;background:#090508b8;color:#f8d8dc;border:1px solid #ffffff40;text-align:center;padding:4px 6px}.player-arrow{position:absolute;z-index:32;top:calc(50% - 25px);height:52px;width:40px;border:1px solid #ffffff75;background:#2b1017db;color:#fff;border-radius:12px;font-size:40px;display:grid;place-items:center;line-height:1;padding:0 0 5px;box-shadow:0 8px 18px #0004}.player-prev{left:0}.player-next{right:0}.player-arrow:not(:disabled):active{background:#b72739}.carousel-foot{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:5px;min-height:16px}.dots{display:flex;gap:4px;align-items:center;flex-wrap:wrap;justify-content:center;max-width:75%}.dot{display:inline-block;width:5px;height:5px;background:#ffffff49;border-radius:50%;transition:width .2s,background .2s}.dot.on{width:16px;border-radius:6px;background:#f7a6b0}.dot-counter{font-size:11px;color:#f1c4c8}.swipe-note{font-size:10px;font-weight:800;color:#ccabb1;letter-spacing:.09em}.vote-feedback{text-align:center;color:#e5c9cb;font-size:12px;line-height:1.5;min-height:34px;margin:9px 5px}.stage-loading{display:grid;place-items:center;height:100%;color:#f8d8db;font-size:14px;text-align:center;padding:10px}
.result-section{padding:14px 0 38px;text-align:center;position:relative;min-height:410px}.winner-heading{color:#eed0a0;font-size:10px;letter-spacing:.21em;font-weight:950;margin-bottom:16px}.gold-star{color:#f6d574;padding:0 9px}.winner-card{position:relative;z-index:2;width:min(82%,330px);aspect-ratio:3/3.95;margin:0 auto;border:2px solid #ffd88a;border-radius:21px;overflow:hidden;box-shadow:0 0 0 5px #b48c4026,0 16px 55px #000b,0 0 40px #e6a73469;background:radial-gradient(circle at 35% 28%,#bc943e,#311e16 62%,#110a09);animation:winnerReveal .7s both}.winner-card:after{content:"";position:absolute;z-index:4;inset:8px;border:1px solid #ffebba91;border-radius:13px;pointer-events:none}.winner-ribbon{position:absolute;z-index:5;top:12px;left:12px;right:12px;padding:9px 4px;border:1px solid #f9e4aa95;border-radius:30px;background:#17110db8;color:#ffe7a5;font-size:12px;letter-spacing:.12em;font-weight:950}.winner-ribbon span{color:#f5d478}.winner-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top}.winner-placeholder{position:absolute;inset:0;display:grid;place-items:center;font-size:160px;font-weight:1000;color:#ffe59c26}.winner-gradient{position:absolute;inset:0;background:linear-gradient(0deg,#211508 1%,#2b180ac4 29%,transparent 78%)}.winner-badge{position:absolute;z-index:5;right:22px;top:65px;font-size:35px;color:#ffe09a;filter:drop-shadow(0 2px 8px #e4a94b);animation:twinkle 2.4s ease-in-out infinite}.winner-person{position:absolute;z-index:5;left:17px;right:17px;bottom:23px}.winner-person .winner-number{font-weight:900;letter-spacing:.15em;color:#f7d591;font-size:14px}.winner-person h2{font-size:clamp(24px,6vw,35px);line-height:1.1;margin:6px 0 4px;text-shadow:0 3px 9px #0008;overflow-wrap:break-word}.winner-person p{font-size:12px;color:#ffe8b4;margin:0}.winner-caption{position:relative;z-index:2;font-size:10px;letter-spacing:.13em;font-weight:900;color:#ffda92;margin:18px auto 0;max-width:340px}.winner-glow{position:absolute;z-index:0;top:12%;left:50%;width:300px;height:300px;border-radius:50%;transform:translateX(-50%);background:radial-gradient(circle,#ffc85a50,transparent 70%);filter:blur(28px);animation:glow 3s ease-in-out infinite}.winner-sparks{position:absolute;z-index:1;inset:0;pointer-events:none;overflow:hidden}.winner-sparks span{position:absolute;top:var(--i);left:var(--x);font-size:14px;color:#ffce65;text-shadow:0 0 12px #ffe9a4;animation:floatGold var(--duration) linear var(--delay) infinite;opacity:0}.no-winner{border:1px solid #ffffff30;border-radius:20px;background:#ffffff0b;margin:30px auto;max-width:370px;padding:35px 20px}.no-winner-symbol{font-size:42px;color:#efcb9a}.no-winner h2{font-size:22px}.no-winner p{font-size:13px;color:#dec3c6}.empty-section{padding:48px 17px 88px;text-align:center}.empty-icon{font-size:42px;color:#f3c7cb}.empty-section h2{font-size:22px}.empty-section p{font-size:13px;color:#e1c6c9;line-height:1.55}
@keyframes winnerReveal{from{opacity:0;transform:translateY(22px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes glow{50%{opacity:.7;transform:translateX(-50%) scale(1.2)}}@keyframes twinkle{50%{transform:scale(1.2);filter:drop-shadow(0 0 14px #ffe9a4)}}@keyframes floatGold{0%{top:100%;transform:translateX(0) rotate(0);opacity:0}15%{opacity:.8}80%{opacity:.6}100%{top:-5%;transform:translateX(45px) rotate(165deg);opacity:0}}
.site-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-top:auto;border-top:1px solid var(--line);padding:17px 3px 24px;color:#cdb3b8;font-size:11px}.site-footer>span{font-weight:900;letter-spacing:.08em}.site-footer nav{display:flex;gap:15px}.site-footer a{text-decoration:none}.overlay{position:fixed;inset:0;z-index:100;background:#030205dc;backdrop-filter:blur(7px);display:grid;place-items:center;padding:18px}.modal{background:linear-gradient(145deg,#48121d,#230e14);border:1px solid #ffffff55;border-radius:22px;width:100%;max-width:420px;padding:28px 20px 20px;text-align:center;box-shadow:0 15px 55px #000c}.dialog-kicker{color:#fbc1c6;letter-spacing:.16em;font-size:11px;font-weight:900}.modal h2{font-size:26px;line-height:1.15;margin:14px 0 9px}.modal p{font-size:14px;color:#eed5d8;line-height:1.55}.modal-actions{display:grid;grid-template-columns:.85fr 1.3fr;gap:9px;margin-top:22px}.outline-btn,.primary-btn{min-height:51px;border-radius:12px;padding:10px 12px;font-size:14px;font-weight:900}.outline-btn{border:1px solid #ffffff7c;background:transparent;color:white}.primary-btn{background:#fff;border:0;color:#a51522}.modal>.primary-btn{width:100%;margin-top:18px}.success-check{border-radius:50%;display:grid;place-items:center;width:62px;height:62px;margin:0 auto;color:#5a1221;background:white;font-size:36px}.cookie-notice{position:fixed;z-index:50;bottom:max(12px,env(safe-area-inset-bottom));left:12px;right:12px;margin:auto;max-width:550px;display:flex;align-items:center;gap:12px;background:#fff;color:#281117;padding:12px 13px;border-radius:13px;box-shadow:0 12px 38px #0009}.cookie-notice p{font-size:12px;line-height:1.4;margin:0;flex:1}.cookie-notice a{text-decoration:underline}.cookie-notice button{font-size:12px;font-weight:900;background:#af1d2b;border:0;border-radius:8px;color:#fff;padding:11px 14px}.toast{position:fixed;z-index:110;top:12px;left:50%;transform:translateX(-50%);background:white;color:#6b1220;border-radius:12px;padding:12px 18px;max-width:min(400px,90vw);box-shadow:0 8px 25px #0009;font-size:13px;font-weight:800;text-align:center}
@media(min-width:600px){.site-head{height:81px}.intro{padding-top:32px}.match{margin-top:23px}.card-stage{--card-w:340px}.match h1{font-size:34px}.section-heading{padding-left:28px;padding-right:28px}.player-prev{left:10px}.player-next{right:10px}}
@media(max-width:355px){.page-shell{width:calc(100% - 14px)}.site-head{height:60px}.brand{gap:5px}.brand img{width:27px;height:33px}.brand-word{font-size:12px}.cross{font-size:16px}.club-word{font-size:12px}.club-word small{font-size:7px}.head-tag{font-size:8px;padding:7px}.intro{font-size:9px;padding-top:16px}.match h1{font-size:23px}.match-arrow{min-width:36px;min-height:49px}.match-switcher{grid-template-columns:36px minmax(0,1fr) 36px}.card-stage{--card-w:218px}.card-info{left:14px;right:14px;gap:10px}.card-number{font-size:48px}.card-person strong{font-size:18px}.card-action{left:12px;right:12px;bottom:12px}.card-vote{font-size:12px;min-height:43px}.card-info{bottom:67px}.player-arrow{width:34px}.section-heading h2{font-size:19px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.card-stage.is-moving .card-action{pointer-events:none}

/* V10: stabiler Fächer statt abgeschnittener statischer Karten */
.carousel-container{overflow:visible;margin-top:6px}
.card-stage{--card-w:clamp(205px,61vw,284px);height:calc(var(--card-w)*1.56 + 28px);overflow:hidden;width:100%;min-height:330px;isolation:isolate;touch-action:pan-y;perspective:960px;user-select:none;-webkit-user-select:none;mask-image:linear-gradient(to right,transparent 0%,black 2%,black 98%,transparent 100%)}
.player-card{
  left:50%;top:23px;width:var(--card-w);height:calc(var(--card-w)*1.39);transform-origin:50% 92%;
  transform:translate3d(calc(-50% + var(--fan-x)),var(--fan-y),0) rotate(var(--fan-rot)) scale(var(--fan-scale));
  z-index:var(--fan-depth);transition:transform .52s cubic-bezier(.2,.7,.16,1),opacity .29s,filter .32s,box-shadow .32s;
  will-change:transform;box-shadow:0 13px 25px #0009,0 0 1px #ffffff70;background:radial-gradient(ellipse at 35% 26%,#9f3d4b,#451622 50%,#15090e 100%)
}
.player-card:not(.is-center){filter:brightness(.76) saturate(.8);border-color:#ffffff77;box-shadow:0 12px 28px #000b;cursor:pointer}
.player-card.is-center{filter:none;border:1.5px solid #f6c4ca;box-shadow:0 20px 46px #000d,0 0 27px #d32c4661;cursor:default}
.player-card.is-hidden{pointer-events:none;opacity:0!important}
.player-card:not(.is-center) .card-action{display:none}
.card-art{background:radial-gradient(ellipse at 42% 27%,#bd4d60,#761b30 50%,#200d16 84%)}
.card-photo{object-fit:cover;object-position:50% 15%;width:100%;height:100%}
.card-photo.is-cutout{position:absolute;left:-2%;bottom:0;top:auto;width:104%;height:95%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 14px 19px #14030999)}
.card-placeholder{background:transparent}
.card-placeholder span{font-size:clamp(115px,32vw,190px);opacity:.55}
.card-texture{z-index:1;opacity:.65}
.card-topline{top:12px;left:13px;right:13px}
.card-topline img{width:30px;height:36px}
.card-info{bottom:72px;left:15px;right:15px;gap:9px}
.card-number{font-size:clamp(43px,10vw,58px)}
.card-person strong{font-size:clamp(16px,4.6vw,23px)}
.card-action{left:12px;right:12px;bottom:12px}
.card-vote{min-height:48px;font-size:13px}
.player-arrow{z-index:50;top:47%;transform:translateY(-50%);background:#2c0d16df;box-shadow:0 5px 24px #0009;width:37px;height:51px}
.player-prev{left:1px}.player-next{right:1px}
.player-arrow:not(:disabled):active{transform:translateY(-50%) scale(.95)}
.carousel-foot{margin-top:0}
.winner-photo.is-cutout{top:auto;bottom:0;left:0;height:91%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 8px 16px #0009)}
@media(min-width:600px){.card-stage{--card-w:284px;height:445px}.player-prev{left:8px}.player-next{right:8px}}
@media(max-width:355px){.card-stage{--card-w:205px;min-height:338px}.card-info{bottom:69px}.card-number{font-size:46px}.card-action{left:12px;right:12px}.card-vote{min-height:46px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.player-card{transition:none!important}}

/* V11: Endergebnis und offizieller Spielbericht */
.match-result{margin:13px auto 0;display:flex;flex-direction:column;align-items:center;gap:3px;max-width:410px}
.match-result span{font-size:10px;font-weight:900;letter-spacing:.18em;color:#eec3c9}
.match-result strong{font-size:clamp(27px,8vw,42px);color:#fff;line-height:1.1;font-variant-numeric:tabular-nums}
.match-result small{font-size:11px;color:#f0d0d4;line-height:1.5;text-align:center}

/* Photo uses the whole original image as input, with a controlled crop inside the card. */
.card-photo,.winner-photo{object-fit:cover}

/* CFC Himmelblau – eigenständige optische Variante, Kartenfächer aus V12 */
:root{--bg:#051724;--red:#2da6d6;--muted:#b9dbea;--line:#bfeaff29}
body{background:radial-gradient(ellipse at 52% -8%,#2175b7 0,transparent 44%),radial-gradient(ellipse at -25% 48%,#0b4868 0,transparent 60%),linear-gradient(165deg,#063a5b,#071f35 57%,#030f20)}
.cross,.intro,.match-label,.section-kicker{color:#8ee8ff}.head-tag{color:#c5f3ff;border-color:#a6e8ff66}.match-arrow{background:#0e4567aa}.round-status.is-live{background:linear-gradient(135deg,#006aa3,#2fbddd);border-color:#93e2ff;box-shadow:0 0 18px #3bd0f04a}
.player-card{background:radial-gradient(ellipse at 30% 20%,#5fc0ec,#09436f 60%,#051b31);border-color:#b3ecff9a}.player-card.is-center{border-color:#baf4ff;box-shadow:0 19px 42px #001522,0 0 32px #3aa9ec66}.player-card:not(.is-center){border-color:#d1efff66}
.card-art{background:radial-gradient(ellipse at 42% 27%,#83cffa,#1a78af 52%,#071a37 86%)}
.card-placeholder{background:radial-gradient(circle at 40% 22%,#63bde8,#1674a4 47%,#08253f 88%)}
.player-card:before{background:linear-gradient(0deg,#05192c 0%,#071c2ae9 15%,#0b38585a 45%,transparent 79%)}
.card-edition{background:#04283bbf}.card-person small{color:#d7f5ff}.card-vote{color:#075281}.card-closed{background:#031722ce;color:#d8f4ff}
.player-arrow{background:#052b4ddf;border-color:#c2f4ff7d}.player-arrow:not(:disabled):active{background:#1275b6}
.modal{background:linear-gradient(145deg,#12527b,#09233b);border-color:#a5e8ff8a}.dialog-kicker{color:#9adfff}.modal p{color:#d0eaff}.primary-btn{color:#075987}.cookie-notice{color:#071e36}.cookie-notice button{background:#116da1}.toast{color:#086292}
.site-footer{color:#aad2e3}.match-result span{color:#aadcea}.match-result small{color:#b8deea}.swipe-note{color:#9fd4e9}.card-texture{opacity:.55}