:root {
    --bg: #070b0d;
    --bg-soft: #0c1215;
    --card: rgba(16, 24, 27, .88);
    --card-2: #111a1e;
    --line: rgba(255,255,255,.08);
    --text: #f2f7f7;
    --muted: #8d9b9e;
    --accent: #1abc9c;
    --accent-2: #17a589;
    --acc-rgb: 26,188,156;
    --acc2: #4fd1ff;
    --acc2-rgb: 79,209,255;
    --danger: #e85d75;
    --warning: #e6b85c;
    --shadow: 0 25px 80px rgba(0,0,0,.35);
}

* { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
    margin: 0;
    min-height: 100vh;
    background:
        radial-gradient(circle at 75% 10%, rgba(var(--acc-rgb),.11), transparent 28%),
        radial-gradient(circle at 10% 70%, rgba(var(--acc-rgb),.05), transparent 25%),
        var(--bg);
    color: var(--text);
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

a { color: inherit; text-decoration: none; }

.background-grid {
    position: fixed;
    inset: 0;
    pointer-events: none;
    opacity: .22;
    background-image:
        linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
    background-size: 48px 48px;
    mask-image: linear-gradient(to bottom, black, transparent 80%);
}

.topbar {
    height: 76px;
    padding: 0 5vw;
    border-bottom: 1px solid var(--line);
    background: rgba(7,11,13,.78);
    backdrop-filter: blur(18px);
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: sticky;
    top: 0;
    z-index: 20;
}

.brand { display: flex; align-items: center; gap: 12px; }

.brand-mark, .auth-logo, .kraken-symbol {
    display: grid;
    place-items: center;
    background: linear-gradient(135deg, var(--accent), #0b6657);
    color: #03110e;
    font-weight: 950;
    box-shadow: 0 0 35px rgba(var(--acc-rgb),.25);
}

.brand-mark {
    width: 38px;
    height: 38px;
    border-radius: 10px;
    font-size: 20px;
}

.brand strong {
    display: block;
    letter-spacing: .12em;
    font-size: 14px;
}

.brand small {
    color: var(--muted);
    letter-spacing: .18em;
    font-size: 8px;
}

.main-nav, .guest-nav {
    display: flex;
    align-items: center;
    gap: 28px;
    color: #aab6b8;
    font-size: 13px;
    font-weight: 700;
}

.main-nav a:hover, .guest-nav a:hover { color: var(--accent); }

.nav-button {
    border: 1px solid rgba(var(--acc-rgb),.4);
    background: rgba(var(--acc-rgb),.1);
    padding: 10px 16px;
    border-radius: 9px;
    color: var(--accent);
}

.user-menu {
    display: flex;
    align-items: center;
    gap: 9px;
    font-size: 13px;
    color: #d6e0e0;
}

.online-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--accent);
    box-shadow: 0 0 10px var(--accent);
}

.logout-link { color: var(--muted); margin-left: 10px; }
.logout-link:hover { color: var(--danger); }

.page {
    width: min(92%, 1440px);
    margin: 0 auto;
    padding: 60px 0 90px;
    position: relative;
}

.hero {
    min-height: 610px;
    display: grid;
    grid-template-columns: 1.05fr .95fr;
    gap: 70px;
    align-items: center;
}

.eyebrow {
    color: var(--accent);
    letter-spacing: .22em;
    font-size: 14px;
    font-weight: 900;
}

.hero h1, .dashboard-header h1 {
    font-size: clamp(42px, 6vw, 76px);
    line-height: .98;
    margin: 18px 0;
    letter-spacing: -.045em;
}

.hero h1 span { color: var(--accent); }

.section-heading h1 {
    font-family: 'Oswald', var(--font-ui);
    font-weight: 700;
    text-transform: uppercase;
    font-size: clamp(28px, 2.6vw, 40px);
    line-height: 1.05;
    margin: 10px 0 0;
    letter-spacing: .01em;
}

.hero p, .section-heading p, .dashboard-header p {
    max-width: 600px;
    color: var(--muted);
    line-height: 1.75;
    font-size: 16px;
}

.hero-actions {
    display: flex;
    gap: 12px;
    margin-top: 32px;
    flex-wrap: wrap;
}

.button {
    border: 0;
    border-radius: 10px;
    padding: 13px 20px;
    cursor: pointer;
    font: inherit;
    font-weight: 850;
    transition: .2s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.button:hover { transform: translateY(-2px); }

.button.primary {
    color: #04100d;
    background: var(--accent);
    box-shadow: 0 12px 35px rgba(var(--acc-rgb),.18);
}

.button.secondary {
    color: #d8e3e3;
    border: 1px solid var(--line);
    background: rgba(255,255,255,.035);
}

.full { width: 100%; }

.hero-panel {
    aspect-ratio: 1;
    max-width: 520px;
    justify-self: end;
    border: 1px solid rgba(var(--acc-rgb),.16);
    border-radius: 34px;
    background:
        radial-gradient(circle at 50% 40%, rgba(var(--acc-rgb),.18), transparent 35%),
        linear-gradient(145deg, #10191c, #070b0d);
    box-shadow: var(--shadow), inset 0 0 80px rgba(var(--acc-rgb),.035);
    display: grid;
    place-content: center;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.hero-panel::before {
    content: "";
    position: absolute;
    width: 75%;
    aspect-ratio: 1;
    border: 1px solid rgba(var(--acc-rgb),.13);
    border-radius: 50%;
    left: 12.5%;
    top: 12.5%;
}

.kraken-symbol {
    width: 155px;
    height: 155px;
    border-radius: 45px;
    font-size: 72px;
    margin: 0 auto 24px;
    position: relative;
}

.hero-panel-title {
    letter-spacing: .3em;
    font-weight: 950;
    margin-left: .3em;
}

.hero-panel-subtitle {
    color: var(--muted);
    letter-spacing: .22em;
    font-size: 10px;
    margin-top: 8px;
}

.feature-grid, .module-grid, .stats-grid {
    display: grid;
    gap: 14px;
}

.feature-grid { grid-template-columns: repeat(3, 1fr); }

.feature-card, .stat-card, .module-card, .admin-card, .team-card {
    border: 1px solid var(--line);
    background: var(--card);
    border-radius: 16px;
    box-shadow: var(--shadow);
}

.feature-card {
    padding: 26px;
}

.feature-icon, .module-number {
    color: var(--accent);
    font-size: 11px;
    letter-spacing: .15em;
    font-weight: 900;
}

.feature-card h3 { margin: 15px 0 8px; }
.feature-card p { color: var(--muted); line-height: 1.6; margin: 0; font-size: 14px; }

.auth-wrap {
    min-height: 680px;
    display: grid;
    place-items: center;
}

.auth-card {
    width: min(440px, 100%);
    padding: 38px;
    border: 1px solid var(--line);
    background: rgba(13,20,23,.92);
    border-radius: 20px;
    box-shadow: var(--shadow);
}

.auth-card.wide { width: min(500px, 100%); }

.auth-logo {
    width: 54px;
    height: 54px;
    border-radius: 15px;
    margin-bottom: 28px;
    font-size: 26px;
}

.auth-card h1 { font-size: 38px; margin: 10px 0; }
.muted { color: var(--muted); line-height: 1.65; }

.form { display: grid; gap: 17px; margin-top: 28px; }

.form label {
    display: grid;
    gap: 8px;
    color: #c9d3d4;
    font-size: 13px;
    font-weight: 700;
}

input, select {
    width: 100%;
    border: 1px solid var(--line);
    outline: none;
    border-radius: 9px;
    padding: 13px 14px;
    background: #080e10;
    color: var(--text);
    font: inherit;
}

input:focus, select:focus { border-color: rgba(var(--acc-rgb),.55); }

.auth-bottom {
    border-top: 1px solid var(--line);
    margin-top: 26px;
    padding-top: 20px;
    color: var(--muted);
    font-size: 13px;
    text-align: center;
}

.auth-bottom a { color: var(--accent); font-weight: 800; }

.flash-stack {
    position: fixed;
    top: 90px;
    right: 25px;
    width: min(390px, calc(100vw - 50px));
    z-index: 50;
}

.flash {
    padding: 14px 16px;
    margin-bottom: 8px;
    border-radius: 10px;
    border: 1px solid var(--line);
    background: #11191c;
    box-shadow: var(--shadow);
    font-size: 13px;
    transition: .35s;
}

.flash.success { border-color: rgba(var(--acc-rgb),.35); }
.flash.warning { border-color: rgba(230,184,92,.35); }
.flash.danger { border-color: rgba(232,93,117,.35); }
.flash.hide { opacity: 0; transform: translateX(25px); }

.section-heading {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 6px;
    margin-bottom: 35px;
    background: rgba(4,10,13,.55);
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 16px;
    padding: 22px 28px;
}
.section-heading > div { max-width: 900px; }
.filter-row.stats-filter{background:rgba(4,10,13,.55);border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:16px 20px;margin-top:-16px}


.team-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}

.team-card {
    text-align: left;
    color: var(--text);
    padding: 20px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 15px;
    transition: .2s;
}

.team-card:hover, .team-card.active {
    border-color: rgba(var(--acc-rgb),.45);
    transform: translateY(-2px);
}

.team-emblem {
    width: 55px;
    height: 55px;
    border-radius: 15px;
    display: grid;
    place-items: center;
    background: rgba(var(--acc-rgb),.1);
    border: 1px solid rgba(var(--acc-rgb),.22);
    color: var(--accent);
    font-weight: 950;
}

.team-emblem.small { width: 42px; height: 42px; border-radius: 11px; }

.team-info { display: grid; gap: 4px; }
.team-info small, .admin-team small { color: var(--muted); }
.team-arrow { margin-left: auto; color: var(--accent); font-size: 22px; }

.dashboard-header {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    align-items: end;
    margin-bottom: 34px;
}

.dashboard-header h1 { font-size: clamp(38px, 5vw, 60px); }

.stats-grid { grid-template-columns: repeat(4, 1fr); margin-bottom: 18px; }

.stat-card {
    padding: 22px;
    min-height: 145px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.stat-card span { color: var(--muted); font-size: 10px; font-weight: 900; letter-spacing: .15em; }
.stat-card strong { font-size: 28px; }
.stat-card small { color: var(--muted); }
.status-online { color: var(--accent); }

.module-grid { grid-template-columns: repeat(3, 1fr); }

.module-card {
    padding: 22px;
    min-height: 145px;
    display: flex;
    gap: 16px;
    position: relative;
}

.module-card h3 { margin: 4px 0 7px; }
.module-card p { margin: 0; color: var(--muted); line-height: 1.5; font-size: 13px; }

.disabled-module { opacity: .75; }
.coming {
    position: absolute;
    right: 16px;
    top: 16px;
    font-size: 8px;
    letter-spacing: .12em;
    color: var(--muted);
}

.admin-grid {
    display: grid;
    grid-template-columns: 1.5fr .8fr;
    gap: 18px;
}

.admin-card { padding: 25px; }

.card-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 22px;
}
.card-heading > div:first-child { flex-shrink: 0; max-width: 100%; }
.card-heading .count { flex-shrink: 0; white-space: nowrap; }

.card-heading h2 { margin: 7px 0 0; }

.count {
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    background: rgba(var(--acc-rgb),.1);
    color: var(--accent);
    font-weight: 900;
}

.count-text {
    width: auto;
    height: auto;
    padding: 6px 12px;
    font-size: 12px;
    white-space: nowrap;
}

.table-wrap { overflow-x: auto; }

table { width: 100%; border-collapse: collapse; font-size: 13px; }
th, td { padding: 13px 10px; border-bottom: 1px solid var(--line); text-align: left; }
th { color: var(--muted); font-size: 9px; letter-spacing: .13em; }

.role {
    display: inline-block;
    padding: 5px 8px;
    border-radius: 6px;
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: .1em;
}

.role.admin { color: var(--accent); background: rgba(var(--acc-rgb),.1); }
.role.user { color: var(--muted); background: rgba(255,255,255,.05); }

.inline-form { display: flex; gap: 5px; }
.inline-form select { width: 85px; padding: 7px; font-size: 11px; }
.mini-button {
    border: 1px solid var(--line);
    background: #0a1012;
    color: #cdd7d8;
    border-radius: 6px;
    padding: 6px 8px;
    cursor: pointer;
    font-size: 10px;
}

.team-list { display: grid; gap: 10px; }
.admin-team {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px;
    border: 1px solid var(--line);
    border-radius: 10px;
}
.admin-team div { display: grid; gap: 3px; }

.team-form {
    border-top: 1px solid var(--line);
    margin-top: 22px;
    padding-top: 22px;
}

.footer {
    border-top: 1px solid var(--line);
    padding: 25px 5vw;
    color: #667477;
    font-size: 9px;
    letter-spacing: .18em;
    display: flex;
    justify-content: space-between;
}

@media (max-width: 950px) {
    .hero { grid-template-columns: 1fr; padding: 35px 0; }
    .hero-panel { justify-self: start; width: min(520px, 100%); }
    .feature-grid, .module-grid { grid-template-columns: 1fr 1fr; }
    .stats-grid { grid-template-columns: 1fr 1fr; }
    .admin-grid { grid-template-columns: 1fr; }
    .main-nav { display: none; }
}

@media (max-width: 650px) {
    .topbar { padding: 0 20px; }
    .user-menu { font-size: 11px; }
    .logout-link { display: none; }
    .page { width: calc(100vw - 34px); padding-top: 35px; }
    .hero { min-height: auto; }
    .hero h1 { font-size: 45px; }
    .hero-panel { max-width: 100%; }
    .feature-grid, .module-grid, .team-grid, .stats-grid { grid-template-columns: 1fr; }
    .dashboard-header { display: block; }
    .dashboard-header .button { margin-top: 10px; }
    .section-heading h1 { font-size: 26px; }
    .auth-card { padding: 28px 22px; }
    .guest-nav a:first-child { display: none; }
    .footer { padding: 20px; }
}

/* Phase 2 */
.phase2-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.live-module{color:inherit;opacity:1;transition:.2s}.live-module:hover{transform:translateY(-3px);border-color:rgba(var(--acc-rgb),.4)}.live-badge{position:absolute;right:16px;top:16px;color:var(--accent);font-size:8px;letter-spacing:.14em;font-weight:900}.content-card{border:1px solid var(--line);background:var(--card);border-radius:16px;box-shadow:var(--shadow);padding:25px;margin-top:18px}.card-heading a{color:var(--accent);font-size:12px;font-weight:800}.event-list{display:grid}.event-row{display:flex;align-items:center;gap:15px;padding:14px 4px;border-bottom:1px solid var(--line);transition:.15s}.event-row:hover{background:rgba(255,255,255,.02);padding-left:9px}.event-row:last-child{border-bottom:0}.event-date{width:45px;aspect-ratio:1;border:1px solid rgba(var(--acc-rgb),.2);background:rgba(var(--acc-rgb),.07);border-radius:10px;display:grid;place-content:center;text-align:center;color:var(--muted);font-size:9px}.event-date b{display:block;color:var(--text);font-size:17px}.event-row small,.player-row small{display:block;color:var(--muted);margin-top:4px}.empty-state{color:var(--muted);padding:25px 5px}.split-grid{display:grid;grid-template-columns:1.45fr .65fr;gap:18px;align-items:start}.split-grid>.content-card{margin-top:0}.roster-list,.attendance-list{display:grid}.player-row,.attendance-row{display:flex;align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid var(--line)}.player-row.inactive{opacity:.38}.grow{flex:1}.position-chip{min-width:46px;height:32px;padding:0 8px;display:grid;place-items:center;border-radius:8px;background:rgba(var(--acc-rgb),.1);border:1px solid rgba(var(--acc-rgb),.22);color:var(--accent);font-size:10px;font-weight:900}.danger-button,.danger-text{color:var(--danger)!important}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}textarea{width:100%;border:1px solid var(--line);outline:none;border-radius:9px;padding:13px 14px;background:#080e10;color:var(--text);font:inherit;resize:vertical}.detail-header,.calendar-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:28px}.detail-header h1,.calendar-head h1{font-size:clamp(38px,5vw,60px);margin:10px 0}.detail-header p{color:var(--muted)}.attendance-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.attendance-summary>div{border:1px solid var(--line);background:var(--card);border-radius:14px;padding:19px}.attendance-summary span{display:block;color:var(--muted);font-size:9px;letter-spacing:.15em;font-weight:900}.attendance-summary strong{display:block;font-size:30px;margin-top:6px}.segmented{display:flex;gap:5px}.seg input{display:none}.seg span{display:block;padding:8px 10px;border:1px solid var(--line);border-radius:7px;color:var(--muted);font-size:10px;cursor:pointer}.seg input:checked+span{border-color:rgba(var(--acc-rgb),.45);background:rgba(var(--acc-rgb),.12);color:var(--accent)}.seg.maybe input:checked+span{border-color:rgba(230,184,92,.45);background:rgba(230,184,92,.1);color:var(--warning)}.seg.declined input:checked+span{border-color:rgba(232,93,117,.45);background:rgba(232,93,117,.1);color:var(--danger)}.save-attendance{margin-top:22px}.notes-box{border-top:1px solid var(--line);margin-top:25px;padding-top:20px}.notes-box p{color:var(--muted);line-height:1.6}.calendar-nav{display:flex;gap:7px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr)}.calendar-weekdays{color:var(--muted);font-size:10px;font-weight:900;letter-spacing:.12em}.calendar-weekdays>div{padding:10px}.calendar-days{border-top:1px solid var(--line);border-left:1px solid var(--line)}.calendar-day{min-height:135px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:9px;background:rgba(12,18,21,.62)}.calendar-day.other-month{opacity:.28}.calendar-day.today{box-shadow:inset 0 0 0 1px rgba(var(--acc-rgb),.5)}.day-number{font-size:11px;color:var(--muted);font-weight:800}.day-events{display:grid;gap:5px;margin-top:8px}.calendar-event{display:block;padding:6px 7px;border-radius:6px;background:rgba(var(--acc-rgb),.1);border-left:2px solid var(--accent);font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calendar-event.spiel{background:rgba(255,255,255,.06);border-left-color:#fff}.calendar-event.besprechung{background:rgba(230,184,92,.08);border-left-color:var(--warning)}
@media(max-width:950px){.phase2-grid,.attendance-summary{grid-template-columns:1fr}.split-grid{grid-template-columns:1fr}.calendar-day{min-height:105px}.main-nav{display:none}}@media(max-width:650px){.attendance-row{align-items:flex-start;flex-wrap:wrap}.segmented{width:100%}.seg{flex:1}.seg span{text-align:center}.calendar-grid{min-width:760px}.calendar-head{align-items:flex-start}.calendar-days,.calendar-weekdays{overflow:visible}.page{overflow-x:auto}.form-two{grid-template-columns:1fr}}

/* Phase 3 */
.no-top{margin-top:0}.games-layout{grid-template-columns:1.35fr .65fr}.filter-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.filter-row select,.filter-row input{width:auto;min-width:130px;padding:9px 10px}.match-list{display:grid}.match-row{display:flex;align-items:center;gap:16px;padding:15px 5px;border-bottom:1px solid var(--line);transition:.18s}.match-row:hover{padding-left:10px;background:rgba(255,255,255,.02)}.match-date{width:70px;display:grid;gap:3px}.match-date b{font-size:13px}.match-date small{color:var(--muted);font-size:10px}.match-row small{display:block;color:var(--muted);margin-top:4px}.vs{color:var(--muted);font-size:10px;text-transform:uppercase}.score{min-width:60px;text-align:center;font-size:24px;font-weight:950;color:var(--accent);letter-spacing:-.03em}.score.planned{font-size:9px;letter-spacing:.12em;color:var(--muted);border:1px solid var(--line);padding:7px 8px;border-radius:7px}.match-hero{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:25px}.match-hero h1{font-size:clamp(34px,5vw,58px);line-height:1;margin:12px 0}.match-hero h1 span{color:var(--muted);font-weight:400}.match-hero p{color:var(--muted)}.big-score{font-size:64px;font-weight:950;color:var(--accent);letter-spacing:-.08em;white-space:nowrap}.big-score i{font-style:normal;color:#536164;padding:0 4px}.big-score.planned{font-size:14px;letter-spacing:.15em;color:var(--muted)}.match-tabs-grid{display:grid;grid-template-columns:.55fr 1.45fr;gap:18px}.score-form{display:flex;align-items:center;justify-content:center;gap:14px}.score-form input{font-size:42px;font-weight:950;text-align:center;width:110px}.score-form span{font-size:36px;color:var(--muted)}.delete-space{margin-top:10px}.muted-small{color:var(--muted);font-size:10px}.match-player-table select{min-width:90px;padding:7px}.match-player-table td small{display:block;color:var(--muted);margin-top:3px}.number-input{width:58px;padding:7px;text-align:center}.rating-input{width:70px;padding:7px;text-align:center}.check input{display:none}.check span{width:20px;height:20px;border:1px solid var(--line);border-radius:5px;display:block;background:#080e10;position:relative}.check input:checked+span{background:rgba(var(--acc-rgb),.16);border-color:var(--accent)}.check input:checked+span:after{content:'✓';position:absolute;inset:0;display:grid;place-items:center;color:var(--accent);font-size:12px;font-weight:900}.save-lineup{margin-top:20px}.lineup-preview{overflow:hidden}.pitch{height:470px;position:relative;border:2px solid rgba(255,255,255,.22);border-radius:12px;background:linear-gradient(90deg,rgba(255,255,255,.025) 50%,transparent 50%),#0d3b2d;background-size:70px 100%;overflow:hidden}.pitch:before,.pitch:after{content:'';position:absolute;left:32%;right:32%;height:65px;border:2px solid rgba(255,255,255,.2)}.pitch:before{top:-2px;border-top:0}.pitch:after{bottom:-2px;border-bottom:0}.pitch-line.center{position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(255,255,255,.22)}.center-circle{position:absolute;width:90px;height:90px;border:2px solid rgba(255,255,255,.2);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.pitch-player{position:absolute;transform:translate(-50%,-50%);min-width:82px;text-align:center;background:rgba(7,11,13,.84);border:1px solid rgba(var(--acc-rgb),.45);border-radius:9px;padding:6px;box-shadow:0 5px 18px rgba(0,0,0,.25)}.pitch-player b{display:block;color:var(--accent);font-size:8px}.pitch-player span{font-size:10px;font-weight:850}.pos-tw{left:50%;top:90%}.pos-liv{left:27%;top:73%}.pos-ziv{left:50%;top:76%}.pos-riv{left:73%;top:73%}.pos-ldm{left:39%;top:57%}.pos-rdm{left:61%;top:57%}.pos-lm{left:18%;top:45%}.pos-rm{left:82%;top:45%}.pos-zom{left:50%;top:37%}.pos-lst{left:38%;top:18%}.pos-rst{left:62%;top:18%}.pos-st{left:50%;top:18%}.pos-bank{display:none}.bench{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:12px}.bench span{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.14em}.bench b{font-size:10px;border:1px solid var(--line);border-radius:7px;padding:6px 8px}.phase3-summary{margin-bottom:18px}.stats-filter{justify-content:center;width:100%;max-width:1100px;margin:0 auto}.dashboard-two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.phase3-modules{grid-template-columns:repeat(3,1fr)}.standings-filter{margin-bottom:18px}.standings-table .our-team{background:rgba(var(--acc-rgb),.08)}.standings-form{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;align-items:end}.standings-form .club-field{grid-column:span 2}.standings-form label{display:grid;gap:6px;color:var(--muted);font-size:10px;font-weight:800}.standings-form input{padding:10px}.standings-form .button{height:42px}
@media(max-width:1100px){.match-tabs-grid,.dashboard-two{grid-template-columns:1fr}.games-layout{grid-template-columns:1fr}.standings-form{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){.phase3-modules{grid-template-columns:1fr 1fr}.match-hero{align-items:flex-start;flex-direction:column}.big-score{font-size:48px}.pitch{height:420px}.standings-form{grid-template-columns:1fr 1fr}.standings-form .club-field{grid-column:span 1}}
@media(max-width:550px){.phase3-modules{grid-template-columns:1fr}.score-form input{width:90px}.pitch{height:380px}.standings-form{grid-template-columns:1fr}.filter-row select,.filter-row input{width:100%}.match-row{gap:10px}.match-date{width:58px}.score{font-size:20px}}

/* Phase 4 – EA Import */
.notice{padding:16px 18px;border:1px solid var(--line);border-radius:12px;background:var(--card);margin-bottom:18px;line-height:1.6}.notice.danger{border-color:rgba(232,93,117,.38);background:rgba(232,93,117,.06)}
.ea-loader-card{margin-bottom:26px}.ea-load-form{display:grid;grid-template-columns:1fr 160px auto;gap:12px;align-items:end}.ea-load-form label{display:grid;gap:8px;color:#c9d3d4;font-size:12px;font-weight:800}.ea-meta{display:flex;gap:24px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:17px;margin-top:20px;color:var(--muted);font-size:12px}.ea-meta b{color:var(--text)}
.api-badge{padding:6px 9px;border:1px solid rgba(var(--acc-rgb),.22);border-radius:7px;color:var(--accent);background:rgba(var(--acc-rgb),.07);font-size:9px;letter-spacing:.09em;font-weight:900}.section-subheading{margin:34px 0 16px}.section-subheading h2{margin:8px 0 0;font-size:28px}.ea-match-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.ea-match-card{border:1px solid var(--line);background:var(--card);border-radius:16px;padding:20px;box-shadow:var(--shadow);position:relative}.ea-match-card.already-imported{opacity:.7}.ea-match-top{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:11px}.ea-scoreline{display:grid;grid-template-columns:1fr 25px 1fr;align-items:center;gap:10px;margin:22px 0}.ea-scoreline>div{display:grid;gap:7px}.ea-scoreline>div:last-child{text-align:right}.ea-scoreline small{color:var(--muted);font-weight:800}.ea-scoreline strong{font-size:38px}.ea-scoreline>span{text-align:center;color:var(--muted);font-size:24px}.ea-player-summary{color:var(--muted);font-size:11px;margin-bottom:10px}.ea-player-chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:17px}.ea-player-chips span{padding:5px 7px;border:1px solid var(--line);border-radius:6px;background:#080e10;color:#b9c5c6;font-size:9px}.ea-import-form{display:grid;grid-template-columns:1.3fr .7fr .7fr;gap:7px;border-top:1px solid var(--line);padding-top:15px}.ea-import-form .button{grid-column:1/-1}.imported-label{border-top:1px solid var(--line);padding-top:14px;color:var(--accent);font-size:10px;font-weight:900;letter-spacing:.12em}.ea-info-card{margin-top:30px}.feature-grid.compact .feature-card{box-shadow:none;background:rgba(255,255,255,.018)}
.ea-admin-team{align-items:flex-start}.ea-settings-row{display:grid;grid-template-columns:1fr 1fr auto;gap:6px;margin-top:9px}.ea-settings-row input,.ea-settings-row select{padding:8px;font-size:11px}button:disabled{opacity:.45;cursor:not-allowed;transform:none!important}
@media(max-width:850px){.ea-match-grid{grid-template-columns:1fr}.ea-load-form{grid-template-columns:1fr}.ea-import-form{grid-template-columns:1fr}.ea-import-form .button{grid-column:auto}.ea-settings-row{grid-template-columns:1fr}}


/* Phase 5 */
.filter-bar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.filter-bar select{width:auto;min-width:190px}.center-text{text-align:center}.match-list{display:grid;gap:8px}.match-row{display:flex;align-items:center;gap:20px;padding:14px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.02)}.match-row:hover{border-color:rgba(var(--acc-rgb),.35)}.match-row small{display:block;color:var(--muted);margin-top:4px}.score{font-size:24px;font-weight:900;color:var(--accent)}.stream-grid{display:grid;gap:12px}.stream-card{display:flex;align-items:center;gap:16px;padding:18px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.02)}.stream-card>div:first-child{flex:1}.stream-card h3{margin:6px 0 0}.stream-actions{display:flex;gap:6px}.player-edit-row{flex-wrap:wrap}.player-edit-form{display:grid;grid-template-columns:1.3fr .7fr 1.1fr 1fr auto;gap:7px;flex:1;align-items:center}.player-edit-form input,.player-edit-form select{padding:8px;font-size:12px}.merge-card{margin-top:18px}.merge-form{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end}.merge-form label{display:grid;gap:7px;color:#c9d3d4;font-size:12px;font-weight:700}@media(max-width:850px){.player-edit-form,.merge-form{grid-template-columns:1fr}.match-row,.stream-card{align-items:flex-start;flex-direction:column}.center-text{text-align:left}}

/* Aufstellungs-Manager – Port 5007 */
.lineup-manager-card{padding:24px}.lineup-heading{align-items:end;gap:18px}.lineup-controls{display:flex;align-items:end;gap:10px}.lineup-controls label{display:grid;gap:6px;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.06em}.lineup-controls select{min-width:150px;padding:10px}.squad-builder{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:18px;margin-top:18px}.lineup-pitch{height:650px;position:relative;overflow:hidden;border:2px solid rgba(255,255,255,.28);border-radius:16px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0,rgba(255,255,255,.025) 11%,transparent 11%,transparent 22%),#0b3a2b;box-shadow:inset 0 0 60px rgba(0,0,0,.25)}.lineup-pitch:before{content:'';position:absolute;inset:0;border:12px solid transparent;pointer-events:none}.pitch-half-line{position:absolute;left:0;right:0;top:50%;height:2px;background:rgba(255,255,255,.27)}.pitch-center-circle{position:absolute;left:50%;top:50%;width:110px;height:110px;border:2px solid rgba(255,255,255,.27);border-radius:50%;transform:translate(-50%,-50%)}.pitch-box{position:absolute;left:28%;right:28%;height:92px;border:2px solid rgba(255,255,255,.27)}.pitch-box.top{top:-2px;border-top:0}.pitch-box.bottom{bottom:-2px;border-bottom:0}.lineup-slot{position:absolute;transform:translate(-50%,-50%);width:145px;padding:7px;border-radius:10px;background:rgba(5,12,11,.92);border:1px solid rgba(var(--acc-rgb),.55);box-shadow:0 5px 18px rgba(0,0,0,.35);z-index:2}.lineup-slot b{display:block;text-align:center;color:var(--accent);font-size:9px;letter-spacing:.08em;margin-bottom:5px}.lineup-slot select{width:100%;padding:7px 5px;font-size:10px;background:#07100e}.lineup-help{border:1px solid var(--line);border-radius:14px;padding:20px;background:rgba(255,255,255,.018);height:max-content}.lineup-help h3{margin:8px 0}.lineup-help p{color:var(--muted);font-size:12px;line-height:1.6}.lineup-status{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;margin:20px 0;padding:13px;border-radius:10px;background:rgba(var(--acc-rgb),.07);border:1px solid rgba(var(--acc-rgb),.2)}.lineup-status b{font-size:29px;color:var(--accent)}.lineup-status span{font-size:10px;color:var(--muted)}.roster-admin-grid{margin-top:18px}
@media(max-width:1050px){.squad-builder{grid-template-columns:1fr}.lineup-help{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.lineup-help p{grid-column:1/-1}.lineup-status{margin:0}.lineup-pitch{height:600px}}
@media(max-width:760px){.lineup-heading,.lineup-controls{align-items:stretch;flex-direction:column}.lineup-controls{width:100%}.lineup-controls select{width:100%}.lineup-pitch{height:540px;min-width:620px}.squad-builder{overflow-x:auto}.lineup-slot{width:125px}.lineup-slot select{font-size:9px}}

/* Spieltags-Aufstellung & Anwesenheit – Port 5008 */
.matchday-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:14px 0}.matchday-form-grid label{display:grid;gap:5px;color:var(--muted);font-size:9px;font-weight:850;letter-spacing:.05em}.matchday-form-grid input,.matchday-form-grid select{width:100%;padding:9px;font-size:11px}.matchday-form-grid .span-two{grid-column:1/-1}.clear-lineup-btn{margin-top:10px;width:100%}.saved-lineups-card{margin-bottom:18px}.attendance-mini{font-size:10px;color:var(--muted);white-space:nowrap}.attendance-mini b{color:var(--accent)}.attendance-mini i{font-style:normal;margin:0 5px;color:#526164}.detail-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.attendance-summary-six{grid-template-columns:repeat(6,1fr);margin:18px 0}.attendance-summary-six>div{padding:15px}.attendance-summary-six strong{font-size:25px}.attendance-summary-six .summary-pending{border-color:rgba(255,255,255,.14)}.attendance-summary-six .summary-backup{border-color:rgba(80,160,255,.24)}.attendance-summary-six .summary-vacation{border-color:rgba(180,120,255,.24)}.scheduled-lineup-card{margin-bottom:18px}.attendance-lineup-pitch{height:600px;position:relative;overflow:hidden;border:2px solid rgba(255,255,255,.26);border-radius:15px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0,rgba(255,255,255,.025) 11%,transparent 11%,transparent 22%),#0b3a2b}.attendance-lineup-pitch .pitch-half-line,.attendance-lineup-pitch .pitch-center-circle,.attendance-lineup-pitch .pitch-box{z-index:0}.attendance-pitch-player{position:absolute;transform:translate(-50%,-50%);min-width:125px;max-width:150px;text-align:center;background:rgba(5,12,11,.94);border:1px solid rgba(255,255,255,.18);border-radius:10px;padding:8px;z-index:2;box-shadow:0 5px 18px rgba(0,0,0,.3)}.attendance-pitch-player b{display:block;color:var(--accent);font-size:8px;margin-bottom:3px}.attendance-pitch-player span{display:block;font-size:10px;font-weight:850}.attendance-pitch-player small{display:block;color:var(--muted);font-size:8px;margin-top:3px}.attendance-pitch-player.status-accepted{border-color:rgba(var(--acc-rgb),.7)}.attendance-pitch-player.status-declined{border-color:rgba(232,93,117,.65)}.attendance-pitch-player.status-maybe{border-color:rgba(230,184,92,.65)}.attendance-pitch-player.status-backup{border-color:rgba(80,160,255,.65)}.attendance-pitch-player.status-vacation{border-color:rgba(180,120,255,.65)}.attendance-segments{flex-wrap:wrap;justify-content:flex-end}.seg.pending input:checked+span{border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.06);color:#dce4e5}.seg.backup input:checked+span{border-color:rgba(80,160,255,.5);background:rgba(80,160,255,.1);color:#80b7ff}.seg.vacation input:checked+span{border-color:rgba(180,120,255,.5);background:rgba(180,120,255,.1);color:#c8a1ff}
@media(max-width:1150px){.attendance-summary-six{grid-template-columns:repeat(3,1fr)}.attendance-row{align-items:flex-start}.attendance-segments{max-width:520px}}
@media(max-width:760px){.matchday-form-grid{grid-template-columns:1fr}.matchday-form-grid .span-two{grid-column:auto}.attendance-summary-six{grid-template-columns:repeat(2,1fr)}.attendance-lineup-pitch{height:520px;min-width:620px}.scheduled-lineup-card{overflow-x:auto}.attendance-mini{display:none}.attendance-row{flex-wrap:wrap}.attendance-segments{width:100%;justify-content:flex-start}}
/* COMPLETE VERSION */
.main-nav{gap:8px;flex-wrap:wrap}.main-nav a{font-size:12px}.hub-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:22px 0}.dashboard-three{display:grid;grid-template-columns:1.25fr 1fr .8fr;gap:18px}.birthday-row{display:grid;grid-template-columns:32px 1fr auto;gap:8px;align-items:center;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.08)}.birthday-row small{color:#8da0a8}.cabin-feed{display:grid;gap:14px}.cabin-post{padding:18px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.025)}.cabin-post.type-aufstellung{border-left:3px solid var(--accent)}.cabin-post.type-spielersuche{border-left:3px solid #4ca3ff}.cabin-post.type-ankündigung{border-left:3px solid #ffc857}.post-meta{display:flex;justify-content:space-between;gap:12px;color:#82939b;font-size:12px}.hof-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.hof-card{padding:18px;border-radius:14px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);display:grid;gap:6px}.hof-card>span{color:var(--accent);font-weight:900}.hof-card small{color:#8da0a8}.award-row{display:flex;gap:15px;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.08)}.award-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:#03251e;font-size:22px}.arena-create,.arena-match-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-items:end}.arena-match-form{grid-template-columns:1fr 1.5fr 70px 70px 1.5fr 100px auto;margin-top:15px}.tournament-card{margin-bottom:18px}.tactics-layout{display:grid;grid-template-columns:220px minmax(500px,1fr) 240px;gap:16px}.tactics-tools,.tactics-save{align-self:start}.tool-group{display:grid;gap:9px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.08)}.button-row{display:flex;flex-wrap:wrap;gap:7px}.tool.active{outline:2px solid var(--accent)}.tactics-board-card{padding:12px}.tactics-board{position:relative;aspect-ratio:1000/650;overflow:hidden;border-radius:16px;background:linear-gradient(90deg,rgba(255,255,255,.025) 50%,rgba(255,255,255,.04) 50%),#08734f;border:2px solid rgba(255,255,255,.35)}.tactics-board:before{content:"";position:absolute;inset:4%;border:2px solid rgba(255,255,255,.55);pointer-events:none}.tactics-half{position:absolute;left:50%;top:4%;bottom:4%;width:2px;background:rgba(255,255,255,.55)}.tactics-circle{position:absolute;width:18%;aspect-ratio:1;border:2px solid rgba(255,255,255,.55);border-radius:50%;left:41%;top:36%}.tactics-board svg{position:absolute;inset:0;width:100%;height:100%;z-index:2}.tactic-token{position:absolute;z-index:4;transform:translate(-50%,-50%);min-width:72px;padding:9px 12px;border-radius:999px;background:#0d161a;color:white;border:2px solid var(--accent);text-align:center;font-weight:800;font-size:12px;cursor:grab;user-select:none;touch-action:none}.tactic-token.ball{min-width:36px;width:36px;height:36px;padding:6px;border-color:white}.multiview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.multiview.expanded{grid-template-columns:repeat(2,1fr)}.stream-frame{background:#080c0e;border:1px solid rgba(255,255,255,.1);border-radius:14px;overflow:hidden}.stream-frame-head{display:flex;justify-content:space-between;padding:10px 12px}.twitch-placeholder,.external-stream{aspect-ratio:16/9;display:grid;place-items:center;align-content:center;gap:12px;background:#111820}.twitch-placeholder iframe{width:100%;height:100%;border:0}.admin-complete-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:100%}
@media(min-width:1400px){.admin-complete-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}.admin-card.wide{grid-column:1/-1}.admin-team-settings{display:flex;gap:12px;border-top:1px solid rgba(255,255,255,.08);padding-top:14px;margin-top:14px}.grid-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.media-inline,.ea-settings-row{display:flex;gap:8px;margin:10px 0 0 55px}
.api-token-row{display:flex;align-items:center;gap:10px;margin:10px 0 0 55px;flex-wrap:wrap}
.api-token-row code{background:#0a1114;border:1px solid var(--line);border-radius:7px;padding:6px 10px;font-size:11px;color:var(--accent);user-select:all}.code-list,.activity-list{display:grid;gap:8px;max-height:340px;overflow:auto}.code-row,.activity-row{display:grid;grid-template-columns:auto 1fr auto;gap:12px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.07)}.activity-row{grid-template-columns:180px 1fr auto}.activity-row small,.code-row span{color:#81939b}.request-row{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.08)}.button-stack{display:grid;gap:10px}
.attendance-cleanup-form{border-top:1px solid var(--line);padding-top:12px;margin-top:2px}
.attendance-cleanup-form label{display:block;margin-bottom:6px}
.attendance-cleanup-row{display:flex;gap:8px}
.attendance-cleanup-row input{flex:1}
.competition-list{display:grid;gap:8px;margin-bottom:14px}
.competition-row{display:flex;gap:8px;align-items:center}
.competition-row input{flex:1}
.competition-add-form{display:flex;gap:8px}
.admin-player-search{margin-bottom:12px}
.admin-player-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
#adminPlayerTable{margin:0}
#adminPlayerTableWrap{overflow-x:auto;overflow-y:auto;max-height:900px;border:1px solid var(--line);border-radius:10px}
#adminPlayerTableWrap thead th{position:sticky;top:0;background:#0d1518;z-index:2;box-shadow:0 1px 0 var(--line)}
.admin-filter-btn.is-active{background:var(--accent);color:#04110e;border-color:var(--accent);font-weight:800}
.admin-player-search input{width:100%;max-width:320px}
#adminPlayerShowAll{margin-top:12px}
.competition-add-form input{flex:1}.saved-lineup-row{display:flex;gap:10px;align-items:stretch;border-bottom:1px solid rgba(255,255,255,.06)}.saved-lineup-row .event-row{border-bottom:0}.release-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.public-pitch{max-width:900px;margin:auto;min-height:600px}.public-lineup-player{position:absolute;transform:translate(-50%,-50%);display:grid;gap:3px;text-align:center;background:#0d161ae8;border:2px solid var(--accent);border-radius:12px;padding:8px 12px;min-width:95px}.public-lineup-player b{color:var(--accent);font-size:10px}.public-lineup-player strong{font-size:13px}
@media(max-width:1200px){.hub-grid{grid-template-columns:repeat(3,1fr)}.dashboard-three{grid-template-columns:1fr 1fr}.dashboard-three>*:last-child{grid-column:1/-1}.tactics-layout{grid-template-columns:1fr}.admin-complete-grid{grid-template-columns:1fr}.admin-card.wide{grid-column:auto}.hof-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.hub-grid{grid-template-columns:1fr 1fr}.dashboard-three{grid-template-columns:1fr}.dashboard-three>*:last-child{grid-column:auto}.hof-grid{grid-template-columns:1fr 1fr}.arena-create,.arena-match-form,.grid-fields{grid-template-columns:1fr}.multiview{grid-template-columns:1fr}.saved-lineup-row{display:block}.release-actions{padding:8px 12px}.media-inline,.ea-settings-row{margin-left:0;flex-wrap:wrap}.api-token-row{margin-left:0}}

.btn-danger{background:#b42318!important;color:#fff!important;border:1px solid #d92d20!important}.btn-danger:hover{filter:brightness(1.08)}.admin-team-delete-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.08)}


/* Teamlogos statt Teamkürzel */
.team-logo-frame {
    overflow: hidden;
    flex: 0 0 auto;
    background: rgba(255,255,255,.035);
}
.team-logo {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
    padding: 5px;
    box-sizing: border-box;
}
.team-emblem.small .team-logo { padding: 3px; }
.team-logo-placeholder {
    display: grid;
    place-items: center;
    width: 100%;
    height: 100%;
    font-size: 25px;
    filter: grayscale(.25);
    opacity: .72;
}
.team-emblem.small .team-logo-placeholder { font-size: 19px; }

/* HOME REDESIGN v5 */
.brand-logo-mark{background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important}
.brand-logo-mark img{width:42px;height:42px;display:block;object-fit:contain;filter:drop-shadow(0 7px 16px rgba(var(--acc-rgb),.22))}
.home-shell{display:grid;grid-template-columns:200px minmax(0,1fr) 220px;gap:24px;align-items:start}
.members-rail{position:sticky;top:92px;border-right:1px solid rgba(255,255,255,.08);padding-right:16px;min-height:calc(100vh - 135px)}
.members-list{display:grid;gap:2px;margin-top:14px;max-height:calc(100vh - 220px);overflow-y:auto}
.member-row{display:flex;align-items:center;gap:9px;padding:8px 6px;border-radius:8px}
.member-row:hover{background:rgba(255,255,255,.03)}
.member-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}
.member-row.is-online .member-dot{background:#22db87;box-shadow:0 0 6px rgba(34,219,135,.6)}
.member-row.is-offline .member-dot{background:#4a555c}
.member-row.is-offline{opacity:.55}
.member-info{display:flex;flex-direction:column;min-width:0}
.member-info strong{font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.member-info small{color:var(--muted);font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-main{min-width:0}
.home-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:10px 0 24px;border-bottom:1px solid rgba(255,255,255,.08)}
.home-hero h1{font-size:clamp(34px,4.4vw,58px);line-height:1.03;margin:7px 0 10px;letter-spacing:-.035em}
body.team-video-active .home-hero h1{
  font-family:'Oswald',var(--font-ui);
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.005em;
  color:#eaf6ff;
  text-shadow:0 0 20px rgba(90,200,255,.4),0 2px 8px rgba(0,0,0,.55);
}
body.team-video-active .home-hero .eyebrow{
  font-family:'Oswald',var(--font-ui);
  letter-spacing:.28em;
  color:#7fe0ff;
}
.home-hero p{margin:0;color:var(--muted)}
.compact-action{white-space:nowrap}
.home-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0 18px}
.home-kpi{padding:14px 16px;border-top:2px solid rgba(var(--acc-rgb),.45);background:rgba(255,255,255,.022);border-radius:0 0 10px 10px}
.home-kpi span{display:block;color:var(--muted);font-size:9px;font-weight:900;letter-spacing:.15em;margin-bottom:5px}.home-kpi strong{display:block;font-size:23px}.home-kpi small{color:var(--muted);font-size:10px}
.home-focus-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:16px}.home-lower-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:16px;margin-top:16px}
.home-card{background:linear-gradient(180deg,rgba(255,255,255,.034),rgba(255,255,255,.017));border:1px solid rgba(255,255,255,.075);border-radius:15px;padding:20px;box-shadow:0 12px 38px rgba(0,0,0,.12)}
.card-heading.compact{margin-bottom:14px}.card-heading.compact h2{font-size:20px;margin-top:4px}.card-heading.compact>a{font-size:11px;color:var(--accent)}
.next-event-feature{display:flex;align-items:center;gap:16px;padding:18px 0;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}
.next-date{width:66px;height:66px;flex:0 0 66px;border-radius:13px;background:rgba(var(--acc-rgb),.1);border:1px solid rgba(var(--acc-rgb),.25);display:grid;place-items:center;align-content:center}.next-date strong{font-size:27px;line-height:1;color:#fff}.next-date span{font-size:11px;color:var(--accent);font-weight:850}
.next-event-feature h3{font-size:20px;margin:3px 0 3px}.next-event-feature p{margin:0;color:var(--muted);font-size:12px}.event-type-label{font-size:9px;color:var(--accent);font-weight:900;letter-spacing:.12em}.feature-arrow{font-size:24px;color:var(--accent)}
.mini-event-list{display:grid}.mini-event-list a{display:grid;grid-template-columns:72px 1fr auto;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.055);font-size:11px}.mini-event-list span,.mini-event-list small{color:var(--muted)}
.clean-match-list{display:grid}.clean-match-list>a{display:grid;grid-template-columns:82px 1fr auto;gap:12px;align-items:center;padding:12px 0;border-top:1px solid rgba(255,255,255,.065)}.match-meta{display:grid;gap:2px}.match-meta span{font-size:11px;font-weight:850}.match-meta small{font-size:9px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compact-score{min-width:45px;text-align:center;padding:6px 9px;border-radius:8px;background:rgba(var(--acc-rgb),.11);color:var(--accent)}.compact-score.planned{color:var(--muted);background:rgba(255,255,255,.04)}
.birthday-compact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.birthday-compact{display:flex;align-items:center;gap:11px;padding:11px;border-radius:10px;background:rgba(255,255,255,.025)}.birthday-compact>span{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:rgba(255,255,255,.04)}.birthday-compact div{display:grid}.birthday-compact small{color:var(--muted);font-size:10px;margin-top:2px}
.home-note-card{display:flex;align-items:center}.home-note-card h2{font-size:20px;margin:5px 0 8px}.home-note-card p{font-size:12px;line-height:1.7;color:var(--muted);margin:0}
.quick-rail{position:sticky;top:92px;border-left:1px solid rgba(255,255,255,.08);padding-left:16px;min-height:calc(100vh - 135px)}.quick-rail-head{padding:4px 8px 12px;display:grid;gap:2px}.quick-rail-head span{font-size:9px;font-weight:900;letter-spacing:.16em;color:var(--accent)}.quick-rail-head small{color:var(--muted);font-size:11px}.quick-rail-nav{display:grid;gap:5px}.quick-rail-nav a{display:flex;align-items:center;gap:11px;padding:10px;border-radius:10px;color:#cbd5d6;font-size:12px;font-weight:700;transition:.18s ease}.quick-rail-nav a:hover{background:rgba(var(--acc-rgb),.09);color:#fff;transform:translateX(-2px)}.quick-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:rgba(255,255,255,.045);color:var(--accent);font-size:12px;font-weight:900}.quick-admin{margin-top:8px;border-top:1px solid rgba(255,255,255,.08);padding-top:13px!important}
@media(max-width:1080px){.home-shell{grid-template-columns:1fr}.quick-rail{position:static;min-height:0;border-left:0;border-top:1px solid rgba(255,255,255,.08);padding:16px 0 0}.quick-rail-nav{grid-template-columns:repeat(4,minmax(0,1fr))}.quick-rail-nav a{background:rgba(255,255,255,.025)}.members-rail{position:static;min-height:0;border-right:0;padding-right:0;order:99}.members-list{max-height:340px}}
@media(max-width:760px){.home-hero{align-items:flex-start;flex-direction:column}.home-kpis{grid-template-columns:repeat(2,1fr)}.home-focus-grid,.home-lower-grid{grid-template-columns:1fr}.birthday-compact-grid{grid-template-columns:1fr}.quick-rail-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.mini-event-list a{grid-template-columns:62px 1fr}.mini-event-list small{display:none}}


/* TACTICS ORIGINAL-STYLE · v6 */
.original-tactics-page{max-width:1600px;margin:0 auto}.original-tactics-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:16px}.original-tactics-head h1{font-size:clamp(34px,4vw,58px);margin:4px 0 6px;letter-spacing:-.035em}.original-tactics-head p{margin:0;color:var(--muted)}.tactic-persist-bar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.tactic-select-form select,.tactic-save-form input{min-width:170px}.tactic-save-form{display:flex;gap:7px;align-items:center}.original-tactics-shell{display:grid;grid-template-columns:170px minmax(500px,1fr) 250px;gap:14px;align-items:start}.ot-sidebar-left,.ot-sidebar-right{background:linear-gradient(180deg,#10181b,#0b1214);border:1px solid rgba(255,255,255,.09);border-radius:13px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.25)}.ot-group{padding:14px;border-bottom:1px solid rgba(255,255,255,.08)}.ot-group.last{border-bottom:0}.ot-title{font-size:10px;font-weight:950;letter-spacing:.18em;color:#9fb0b7;margin-bottom:10px}summary.ot-title{cursor:pointer;list-style:none;display:flex;align-items:center;gap:6px;user-select:none}summary.ot-title::-webkit-details-marker{display:none}summary.ot-title::before{content:'▸';color:var(--accent);transition:transform .15s;font-size:9px}details.ot-group[open] summary.ot-title::before{transform:rotate(90deg)}.ot-palette{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;justify-items:center;margin:10px 0}.ot-swatch{width:22px;height:22px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0}.ot-swatch.selected{border-color:#fff;box-shadow:0 0 0 2px rgba(255,255,255,.25)}.ot-custom-color{grid-column:1/-1;position:relative;margin-top:2px;width:100%;height:26px;border-radius:12px;background:linear-gradient(90deg,#ff3b5c,#f5c531,#22e06a,#2ad4e0,#2b9fe8,#b062ff,#ff4fd8);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:800;letter-spacing:.06em;color:rgba(0,0,0,.65);cursor:pointer}.ot-custom-color input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;margin:0;padding:0}.ot-roster{display:grid;grid-template-columns:1fr;gap:5px}.ot-roster-player{border:1px solid rgba(255,255,255,.08);background:#0b1113;color:#dfe8ea;border-radius:7px;padding:7px;text-align:left;font-size:10px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.ot-roster-player span{display:inline-grid;place-items:center;min-width:22px;margin-right:4px;color:var(--accent);font-size:8px}.ot-tools-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.ot-btn{appearance:none;border:1px solid rgba(255,255,255,.11);background:#111a1e;color:#f3f8f9;border-radius:7px;min-height:34px;padding:7px 9px;font-size:10px;font-weight:900;cursor:pointer;transition:.16s;letter-spacing:.02em}.ot-btn:hover{border-color:rgba(var(--acc-rgb),.65);background:#142329}.ot-btn.active,.ot-btn.live.active{border-color:var(--accent);background:rgba(var(--acc-rgb),.13);box-shadow:inset 0 0 0 1px rgba(var(--acc-rgb),.2)}.ot-btn.wide{width:100%}.ot-btn.danger{color:#ffb3ad}.ot-btn.strong{background:var(--accent);color:#041411;border-color:var(--accent)}.ot-btn.live{color:#ff8178}.ot-hint{font-size:9px;color:#83949b;line-height:1.45;margin-top:8px}.ot-hint span{opacity:.75}.ot-stack{display:grid;grid-template-columns:1fr 1fr;gap:6px}.ot-animation-top{display:grid;grid-template-columns:1fr 1fr;gap:6px}.ot-animation-top select{grid-column:1/-1;padding:8px}.ot-animation-play,.ot-two{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}.ot-speed{display:grid;grid-template-columns:auto 1fr;gap:7px;align-items:center;margin:10px 0 8px;color:#9fb0b7;font-size:10px}.ot-speed input{grid-column:1/-1;width:100%}.ot-step-status,.ot-live-status{margin-top:8px;padding:7px 8px;border-radius:6px;background:#080d0f;color:#788b92;font-size:9px;text-align:center}.original-tactics-board-wrap{position:relative;background:#090e10;border:1px solid rgba(255,255,255,.09);border-radius:13px;padding:12px;box-shadow:0 20px 60px rgba(0,0,0,.28)}.original-tactics-board{position:relative;aspect-ratio:1000/640;overflow:hidden;border-radius:5px;background:repeating-linear-gradient(90deg,#2f7d34 0,#2f7d34 10%,#2a7230 10%,#2a7230 20%);border:2px solid rgba(255,255,255,.5);touch-action:none}.field-mark{position:absolute;pointer-events:none;z-index:1}.field-outline{top:1.562%;bottom:1.562%;left:1%;right:1%;border:2px solid rgba(255,255,255,.85)}.center-line{top:1.562%;bottom:1.562%;left:50%;border-left:2px solid rgba(255,255,255,.85)}.center-circle{width:16.64%;aspect-ratio:1;border:2px solid rgba(255,255,255,.85);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.center-dot{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.85);left:calc(50% - 3px);top:calc(50% - 3px)}.penalty{top:25%;bottom:25%;width:16%;border:2px solid rgba(255,255,255,.85)}.penalty.left{left:1%;border-left:0}.penalty.right{right:1%;border-right:0}.goalbox{top:36%;bottom:36%;width:6%;border:2px solid rgba(255,255,255,.85)}.goalbox.left{left:1%;border-left:0}.goalbox.right{right:1%;border-right:0}.arc{width:17.76%;aspect-ratio:1;top:50%;border:2px solid rgba(255,255,255,.85);border-radius:50%;transform:translate(-50%,-50%)}.arc.left{left:11.672%;border-top-color:transparent;border-bottom-color:transparent;border-left-color:transparent}.arc.right{right:11.672%;border-top-color:transparent;border-bottom-color:transparent;border-right-color:transparent}.original-tactics-board svg{position:absolute;inset:0;width:100%;height:100%;z-index:3}.penalty-spot{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.85);top:calc(50% - 3px)}.penalty-spot.left{left:calc(11.672% - 3px)}.penalty-spot.right{right:calc(11.672% - 3px)}.goal-frame{top:44.769%;bottom:44.769%;width:.8%;border:2px solid rgba(255,255,255,.85)}.goal-frame.left{left:.2%}.goal-frame.right{right:.2%}.corner-arc{width:2.304%;aspect-ratio:1;border:2px solid rgba(255,255,255,.85)}.corner-arc.tl{top:1%;left:1%;border-right:0;border-bottom:0;border-radius:100% 0 0 0}.corner-arc.tr{top:1%;right:1%;border-left:0;border-bottom:0;border-radius:0 100% 0 0}.corner-arc.bl{bottom:1%;left:1%;border-right:0;border-top:0;border-radius:0 0 0 100%}.corner-arc.br{bottom:1%;right:1%;border-left:0;border-top:0;border-radius:0 0 100% 0}.ot-token{position:absolute;z-index:5;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:2px;cursor:grab;user-select:none;touch-action:none}.ot-token-circle{width:34px;height:34px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#4aa3ff,#1565c0);border:2px solid #fff;box-shadow:0 4px 12px rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:900}.ot-token-name{background:rgba(4,8,10,.78);color:#fff;font-size:10px;font-weight:800;padding:2px 7px;border-radius:5px;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.6);max-width:110px;overflow:hidden;text-overflow:ellipsis}.ot-token.ball .ot-token-circle.ball-circle{width:30px;height:30px;background:#fff;border-color:#222;font-size:16px}.ot-fullscreen-close{display:none;position:absolute;right:18px;top:18px;z-index:50;background:#0a1114;color:white;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:9px 12px;font-weight:900}.original-tactics-board-wrap:fullscreen,.original-tactics-board-wrap.pseudo-fullscreen{background:#050809;padding:54px 28px 28px;display:grid;place-items:center}.original-tactics-board-wrap:fullscreen .original-tactics-board,.original-tactics-board-wrap.pseudo-fullscreen .original-tactics-board{width:min(95vw,1400px);height:auto}.original-tactics-board-wrap:fullscreen .ot-fullscreen-close,.original-tactics-board-wrap.pseudo-fullscreen .ot-fullscreen-close{display:block}.original-tactics-board-wrap.pseudo-fullscreen{position:fixed;inset:0;z-index:10000;border-radius:0}.original-tactics-board-wrap.pseudo-fullscreen .ot-fullscreen-close{display:block}@media(max-width:1100px){.original-tactics-shell{grid-template-columns:1fr}.ot-sidebar-left,.ot-sidebar-right{display:grid;grid-template-columns:repeat(2,1fr)}.ot-group{border-right:1px solid rgba(255,255,255,.08)}.original-tactics-head{align-items:flex-start;flex-direction:column}.tactic-persist-bar{justify-content:flex-start}}@media(max-width:700px){.ot-sidebar-left,.ot-sidebar-right{display:block}.original-tactics-board-wrap{padding:5px}.tactic-persist-bar,.tactic-save-form{width:100%}.tactic-save-form input{min-width:0;flex:1}}

/* KADER DRAG & DROP v7 */
.squad-builder-dnd{display:grid;grid-template-columns:minmax(210px,260px) minmax(520px,1fr) minmax(250px,310px);gap:18px;align-items:start}
.lineup-player-pool,.lineup-help{background:rgba(8,17,22,.86);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:16px;position:sticky;top:88px}
.player-pool-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.player-pool-head h3{margin:3px 0 0}.player-pool-search input{width:100%;margin:10px 0 12px}
.player-pool{display:flex;flex-direction:column;gap:7px;max-height:690px;overflow:auto;padding-right:3px}
.lineup-player-card{display:grid;grid-template-columns:42px 1fr 28px;align-items:center;gap:8px;padding:9px 10px;border-radius:11px;border:1px solid rgba(var(--acc-rgb),.24);background:rgba(255,255,255,.035);cursor:grab;user-select:none;transition:.15s ease}
.lineup-player-card:hover,.lineup-player-card.selected{border-color:var(--accent);transform:translateX(2px);background:rgba(var(--acc-rgb),.11)}.lineup-player-card.dragging{opacity:.45}.lineup-player-card.used{opacity:.46;cursor:pointer;border-color:rgba(255,255,255,.08)}
.pool-position{font-weight:900;font-size:11px;color:var(--accent);text-align:center}.pool-name{font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pool-state{text-align:center;color:#8aa0aa;font-weight:900}
.lineup-pitch-wrap{min-width:0}.pitch-tip{text-align:center;color:#8da0aa;font-size:12px;margin-top:8px}.lineup-pitch{min-height:720px}
.lineup-drop-slot{width:132px;min-height:68px;transform:translate(-50%,-50%);padding:7px 8px!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;border:2px dashed rgba(255,255,255,.38)!important;background:rgba(5,16,18,.78)!important;transition:.14s ease;overflow:visible!important}
.lineup-drop-slot.drag-over,.lineup-drop-slot:hover{border-color:var(--accent)!important;box-shadow:0 0 0 4px rgba(var(--acc-rgb),.15);transform:translate(-50%,-50%) scale(1.04)}.lineup-drop-slot.occupied{border-style:solid!important;border-color:var(--accent)!important;background:rgba(8,25,27,.93)!important}
.lineup-drop-slot b{font-size:11px;color:var(--accent);line-height:1}.slot-player-name{font-size:13px;font-weight:900;color:#fff;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lineup-drop-slot small{font-size:9px;color:#92a4ad}.slot-empty{font-size:10px;color:#a7b5bb}.slot-remove{position:absolute;right:-8px;top:-9px;width:22px;height:22px;border-radius:50%;border:0;background:#a72a2a;color:white;font-weight:900;cursor:pointer;line-height:1}
@media(max-width:1180px){.squad-builder-dnd{grid-template-columns:220px minmax(500px,1fr)}.squad-builder-dnd .lineup-help{grid-column:1/-1;position:static}.lineup-player-pool{position:static}}
@media(max-width:820px){.squad-builder-dnd{display:flex;flex-direction:column}.lineup-player-pool,.lineup-help,.lineup-pitch-wrap{width:100%}.player-pool{max-height:260px}.lineup-pitch{min-width:650px}.lineup-pitch-wrap{overflow-x:auto}.lineup-drop-slot{width:118px}}


/* =========================================================
   TYPOGRAFIE – an Krakens Community Original angeglichen
   ========================================================= */
:root {
    --font-ui: Arial, Helvetica, "Segoe UI", sans-serif;
}
html { font-size: 14px; }
body {
    font-family: var(--font-ui);
    font-size: 14px;
    line-height: 1.35;
    letter-spacing: 0;
}
button, input, select, textarea {
    font: inherit;
}
h1, h2, h3, h4,
.page-title, .section-title, .hero-title,
.card-title, .panel-title {
    font-family: var(--font-ui);
    font-weight: 800;
    letter-spacing: .02em;
}
h1, .page-title, .hero-title { font-size: clamp(1.55rem, 2.2vw, 2.05rem); line-height: 1.08; }
h2, .section-title { font-size: 1.28rem; line-height: 1.15; }
h3, .card-title, .panel-title { font-size: 1.05rem; line-height: 1.2; }
small, .muted, .hint, .subtle { font-size: .82rem; }
.btn, button, select, input, textarea, .nav-link, .quick-link {
    font-size: .86rem;
}
.topbar { height: 68px; }
.brand-title, .brand-name { font-size: .98rem; font-weight: 800; }
.sidebar, .quick-access, .quickbar { font-size: .86rem; }
table { font-size: .88rem; }
.badge, .pill, .chip { font-size: .76rem; }
@media (max-width: 700px) {
    html { font-size: 13px; }
    .topbar { height: 62px; }
}


/* =========================================================
   v9 – größere, flächigere Darstellung wie beim Original
   ========================================================= */
html { font-size: 16px; }

body {
    font-size: 16px;
    line-height: 1.48;
}

.app-shell,
.page-shell,
main,
.main-content {
    width: 100%;
}

.container,
.page-container,
.content-wrap {
    width: min(96vw, 1680px);
    max-width: 1680px;
}

.topbar {
    min-height: 76px;
    height: 76px;
}

.brand-title, .brand-name {
    font-size: 1.08rem;
}

h1, .page-title, .hero-title {
    font-size: clamp(2rem, 2.7vw, 2.75rem);
    line-height: 1.08;
}

h2, .section-title {
    font-size: 1.55rem;
    line-height: 1.18;
}

h3, .card-title, .panel-title {
    font-size: 1.18rem;
    line-height: 1.25;
}

p, li, td, th, label {
    font-size: .98rem;
}

small, .muted, .hint, .subtle {
    font-size: .9rem;
}

.btn, button, select, input, textarea, .nav-link, .quick-link {
    font-size: .96rem;
}

table {
    font-size: .96rem;
}

.badge, .pill, .chip {
    font-size: .84rem;
}

/* Karten und Bedienelemente etwas großzügiger, damit große Displays genutzt werden */
.card, .panel, .glass-card, .stat-card {
    padding-top: max(18px, 1.15rem);
    padding-bottom: max(18px, 1.15rem);
}

input, select, textarea, button, .btn {
    min-height: 42px;
}

@media (min-width: 1400px) {
    html { font-size: 17px; }
    body { font-size: 17px; }
    .container, .page-container, .content-wrap {
        width: min(95vw, 1780px);
        max-width: 1780px;
    }
}

@media (max-width: 700px) {
    html { font-size: 15px; }
    body { font-size: 15px; }
    .topbar { min-height: 66px; height: 66px; }
    h1, .page-title, .hero-title { font-size: 1.8rem; }
}


/* ===== Team Abyss: dezenter transparenter Video-Hintergrund ===== */
.team-video-bg {
    position: fixed;
    inset: 0;
    width: 100vw;
    height: 100vh;
    object-fit: cover;
    object-position: center center;
    z-index: -3;
    pointer-events: none;
    opacity: .18; /* Video nur leicht sichtbar */
}
.team-video-overlay {
    display: none; /* keine zusätzliche Abdunklung – normaler Seitenhintergrund bleibt erhalten */
}
body.team-video-active {
    /* normalen Krakens-Hintergrund beibehalten; Video scheint nur dezent hindurch */
    background:
        radial-gradient(circle at 75% 10%, rgba(var(--acc-rgb),.11), transparent 28%),
        radial-gradient(circle at 10% 70%, rgba(var(--acc-rgb),.05), transparent 25%),
        rgba(5, 10, 14, .84);
}
body.team-video-active .background-grid {
    opacity: .18;
    z-index: -1;
}
body.team-video-active .topbar {
    background: rgba(3,10,17,.72);
}
body.team-video-active .card,
body.team-video-active .panel,
body.team-video-active .glass-card,
body.team-video-active .stat-card {
    backdrop-filter: blur(10px);
}
@media (prefers-reduced-motion: reduce) {
    .team-video-bg { display: none; }
}

/* =========================================================
   v12 – große Desktop-Darstellung + besser lesbare Panels
   Optimiert für typische 24–27 Zoll Monitore
   ========================================================= */
:root {
    --card: rgba(13, 21, 25, .96);
    --card-2: #111a1e;
    --line: rgba(255,255,255,.12);
}

/* Mehr Innenabstand auf großen Monitoren; feste Panel-Breite kommt einheitlich aus der .page-Regel oben. */
.page {
    padding: 46px 0 80px;
}

/* Panels weniger durchsichtig – Video bleibt dahinter nur als Akzent sichtbar */
.feature-card,
.stat-card,
.module-card,
.admin-card,
.team-card,
.content-card,
.auth-card,
.hof-card,
.cabin-post,
.stream-frame,
.tournament-card {
    background-color: rgba(12, 20, 24, .96);
    border-color: rgba(255,255,255,.12);
}

body.team-video-active .feature-card,
body.team-video-active .stat-card,
body.team-video-active .module-card,
body.team-video-active .admin-card,
body.team-video-active .team-card,
body.team-video-active .content-card,
body.team-video-active .auth-card,
body.team-video-active .hof-card,
body.team-video-active .cabin-post,
body.team-video-active .stream-frame,
body.team-video-active .tournament-card {
    background: rgba(7, 17, 23, .94);
    backdrop-filter: blur(12px);
}

/* Desktop-Skalierung */
@media (min-width: 1200px) {
    html { font-size: 18px; }
    body { font-size: 18px; }

    .topbar {
        min-height: 84px;
        height: 84px;
        padding-left: 3vw;
        padding-right: 3vw;
    }

    .brand-mark { width: 46px; height: 46px; }
    .brand strong { font-size: 16px; }
    .brand small { font-size: 10px; }
    .main-nav a, .guest-nav a { font-size: 14px; }
    .user-menu { font-size: 14px; }

    .dashboard-header,
    .section-heading { margin-bottom: 40px; }

    .dashboard-header h1 { font-size: clamp(48px, 4vw, 72px); }
    .section-heading h1 { font-size: clamp(30px, 2.4vw, 42px); }

    .stats-grid,
    .module-grid,
    .feature-grid,
    .hub-grid { gap: 20px; }

    .stat-card {
        min-height: 175px;
        padding: 28px;
    }
    .stat-card span { font-size: 12px; }
    .stat-card strong { font-size: 36px; }

    .module-card {
        min-height: 175px;
        padding: 28px;
        gap: 20px;
    }
    .module-card h3 { font-size: 21px; }
    .module-card p { font-size: 15px; line-height: 1.6; }

    .content-card,
    .admin-card { padding: 30px; }

    .team-card { padding: 25px; gap: 20px; }
    .team-emblem { width: 66px; height: 66px; }

    table { font-size: 15px; }
    th { font-size: 11px; }
    th, td { padding: 16px 13px; }

    input, select, textarea, button, .btn, .button {
        min-height: 48px;
        font-size: 15px;
    }

    .button { padding: 14px 23px; }

    .event-row,
    .player-row,
    .attendance-row { padding-top: 16px; padding-bottom: 16px; }

    .tactics-layout {
        grid-template-columns: 270px minmax(650px,1fr) 290px;
        gap: 22px;
    }

    .public-pitch { max-width: 1100px; }
}

/* Auf sehr großen 27-Zoll/QHD-Ansichten: Panel-Breite bleibt fix, nur etwas mehr Abstand zwischen Elementen */
@media (min-width: 1600px) {
    .stats-grid { gap: 22px; }
    .module-grid { gap: 22px; }
}

/* =========================================================
   v14 – Kader/Anwesenheit näher am Original + Editiermodus
   ========================================================= */
.lineup-manager-card:has(.edit-lineup-button),
body:has(.lineup-heading .button[href*="/kader"]) .lineup-manager-card{outline:1px solid rgba(var(--acc-rgb),.28)}
.edit-lineup-button{border-color:rgba(var(--acc-rgb),.55)!important;color:#dffbf5!important}
.lineup-card-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}

.original-attendance-card{padding:20px 22px 22px}
.original-attendance-titlebar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px}
.original-attendance-titlebar h2{margin:4px 0 0;font-size:1.65rem}
.attendance-filter-strip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin:0 0 16px}
.attendance-filter{min-height:60px;border:1px solid rgba(255,255,255,.10);background:rgba(8,15,18,.92);color:#b7c4c9;border-radius:10px;padding:8px 10px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;cursor:pointer;transition:.15s ease}
.attendance-filter span{font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.attendance-filter b{font-size:1.35rem;color:#fff;margin-top:2px}
.attendance-filter:hover,.attendance-filter.active{border-color:var(--accent);background:rgba(var(--acc-rgb),.12);box-shadow:inset 0 0 0 1px rgba(var(--acc-rgb),.18)}
.attendance-filter.filter-accepted.active{border-color:#32d296}.attendance-filter.filter-declined.active{border-color:#ff6b6b}.attendance-filter.filter-maybe.active{border-color:#f6c85f}.attendance-filter.filter-backup.active{border-color:#6aa7ff}.attendance-filter.filter-vacation.active{border-color:#c792ea}.attendance-filter.filter-pending.active{border-color:#7e8d94}
.attendance-table-head{display:grid;grid-template-columns:70px minmax(180px,1fr) minmax(680px,2.6fr);gap:12px;padding:8px 12px;color:#82939a;font-size:.72rem;font-weight:950;letter-spacing:.11em;border-bottom:1px solid rgba(255,255,255,.08)}
.original-attendance-list{display:flex;flex-direction:column;gap:6px;margin-top:6px}
.original-attendance-row{display:grid;grid-template-columns:70px minmax(180px,1fr) minmax(680px,2.6fr);align-items:center;gap:12px;padding:9px 12px!important;min-height:64px;border:1px solid rgba(255,255,255,.075);border-radius:10px;background:rgba(7,14,17,.92)}
.original-attendance-row:hover{border-color:rgba(var(--acc-rgb),.28);background:rgba(10,20,23,.96)}
.original-attendance-row[hidden]{display:none!important}
.attendance-player-name{min-width:0;display:flex;flex-direction:column}.attendance-player-name strong{font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attendance-player-name small{color:#81939a;font-size:.76rem;margin-top:2px}
.original-status-grid{display:grid!important;grid-template-columns:repeat(6,minmax(92px,1fr));gap:5px;width:100%}
.original-status-grid .seg{min-width:0!important}.original-status-grid .seg span{display:grid;place-items:center;min-height:38px;padding:7px 6px!important;border-radius:7px!important;font-size:.72rem!important;font-weight:900!important;white-space:nowrap}
.original-status-grid input:checked + span{box-shadow:0 0 0 2px var(--accent) inset,0 0 18px rgba(var(--acc-rgb),.12)}
.attendance-system-bar{display:grid;grid-template-columns:auto minmax(180px,230px) minmax(220px,1fr) auto;align-items:center;gap:9px;margin-top:16px;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(7,13,16,.95)}
.system-label{font-size:.78rem;font-weight:950;letter-spacing:.1em;color:#9aabb2}
.attendance-system-bar select,.attendance-system-bar input{min-height:42px}
.attendance-actionbar{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}
.original-attendance-lineup{margin-bottom:16px}
.attendance-page-head{margin-bottom:16px}

@media(min-width:1500px){
  .original-attendance-card{padding:26px 28px 28px}
  .original-attendance-row{grid-template-columns:82px minmax(220px,1fr) minmax(820px,3fr);min-height:72px;padding:11px 14px!important}
  .attendance-table-head{grid-template-columns:82px minmax(220px,1fr) minmax(820px,3fr);padding-left:14px;padding-right:14px}
  .original-status-grid .seg span{min-height:44px;font-size:.78rem!important}
}
@media(max-width:1250px){
  .attendance-filter-strip{grid-template-columns:repeat(4,1fr)}
  .attendance-table-head{display:none}
  .original-attendance-row{grid-template-columns:62px minmax(150px,220px) 1fr}
  .original-status-grid{grid-template-columns:repeat(3,minmax(100px,1fr))}
}
@media(max-width:820px){
  .original-attendance-titlebar{align-items:flex-start;flex-direction:column}
  .attendance-filter-strip{grid-template-columns:repeat(2,1fr)}
  .original-attendance-row{display:grid;grid-template-columns:58px 1fr;padding:10px!important}
  .original-status-grid{grid-column:1/-1;grid-template-columns:repeat(2,1fr)}
  .attendance-system-bar{grid-template-columns:1fr}.system-label{display:block}
  .attendance-actionbar>*{width:100%}
}

/* === V16 Anwesenheitsauswertung === */
.attendance-range-card{margin-bottom:22px}
.attendance-range-form{display:grid;grid-template-columns:minmax(180px,260px) minmax(180px,260px) auto auto;gap:14px;align-items:end}
.attendance-range-form label{display:grid;gap:7px;font-weight:800;font-size:.9rem;color:var(--muted,#9eb0c5)}
.attendance-range-form input{width:100%}
.attendance-group-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0 0 22px}
.attendance-group-card{position:relative;overflow:hidden;min-height:118px;padding:20px 22px;border-radius:18px;background:rgba(11,20,32,.94);border:1px solid rgba(255,255,255,.11);box-shadow:0 14px 36px rgba(0,0,0,.22)}
.attendance-group-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--group-color)}
.attendance-group-card span{display:block;text-transform:uppercase;letter-spacing:.08em;font-size:.82rem;font-weight:900;color:var(--group-color)}
.attendance-group-card b{display:block;font-size:2rem;line-height:1.05;margin:7px 0 5px}
.attendance-group-card small{color:var(--muted,#9eb0c5);font-weight:700}
.group-tw{--group-color:#ffd24a}.group-def{--group-color:#4aa8ff}.group-mid{--group-color:#39d98a}.group-att{--group-color:#ff6b73}
.attendance-chart-card{padding-bottom:24px}
.attendance-history-card{padding-bottom:24px;align-self:start}
.attendance-history-list{max-height:640px;overflow-y:auto;display:grid;gap:12px;margin-top:6px}
.attendance-history-item{border:1px solid var(--line);border-radius:10px;padding:12px 14px;background:rgba(255,255,255,.02)}
.attendance-history-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid var(--line);color:var(--accent);font-weight:800;font-size:12.5px}
.attendance-history-body{display:grid;gap:4px;font-size:12.5px}
.attendance-history-body .pos-label{color:var(--muted);width:38px;display:inline-block;font-size:10px;font-weight:800}
.attendance-history-bench{margin-top:4px;padding-top:4px;border-top:1px dashed var(--line);color:var(--muted)}
@media(min-width:980px){
  #attendance-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:18px;align-items:start}
}
.attendance-chart-title{gap:18px;align-items:flex-end}
.attendance-legend{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px 18px;color:var(--muted,#a9b8c9);font-size:.86rem;font-weight:800}
.attendance-legend span{display:flex;align-items:center;gap:7px}
.legend-dot{width:11px;height:11px;border-radius:50%;display:inline-block}.legend-dot.tw{background:#ffd24a}.legend-dot.def{background:#4aa8ff}.legend-dot.mid{background:#39d98a}.legend-dot.att{background:#ff6b73}
.attendance-chart{display:grid;gap:12px;margin-top:20px}
.attendance-bar-row{display:grid;grid-template-columns:minmax(220px,310px) minmax(300px,1fr) 76px;gap:18px;align-items:center;padding:9px 10px;border-radius:13px}
.attendance-bar-row:hover{background:rgba(255,255,255,.035)}
.attendance-bar-player{display:flex;align-items:center;gap:12px;min-width:0}
.attendance-bar-player>div{min-width:0}.attendance-bar-player strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:1rem}.attendance-bar-player small{display:block;color:var(--muted,#91a3b7);margin-top:2px}
.attendance-bar-track{height:30px;border-radius:999px;background:rgba(255,255,255,.075);overflow:hidden;border:1px solid rgba(255,255,255,.06);box-shadow:inset 0 2px 8px rgba(0,0,0,.18)}
.attendance-bar-fill{height:100%;min-width:0;border-radius:999px;box-shadow:0 0 18px color-mix(in srgb,currentColor 35%,transparent);transition:width .3s ease}
.bar-tw{background:#ffd24a;color:#ffd24a}.bar-def{background:#4aa8ff;color:#4aa8ff}.bar-mid{background:#39d98a;color:#39d98a}.bar-att{background:#ff6b73;color:#ff6b73}
.attendance-bar-value{text-align:right;display:flex;justify-content:flex-end;align-items:baseline;gap:7px}.attendance-bar-value b{font-size:1.25rem}.attendance-bar-value small{color:var(--muted,#9aacbd);font-weight:800}
.attendance-chart-note{margin-top:22px;padding:14px 16px;border-radius:12px;background:rgba(255,255,255,.04);color:var(--muted,#9aacbd);font-size:.9rem}
@media (max-width:1100px){.attendance-group-summary{grid-template-columns:repeat(2,1fr)}.attendance-range-form{grid-template-columns:1fr 1fr}.attendance-bar-row{grid-template-columns:minmax(180px,250px) 1fr 70px}}
@media (max-width:720px){.attendance-group-summary{grid-template-columns:1fr}.attendance-range-form{grid-template-columns:1fr}.attendance-chart-title{align-items:flex-start}.attendance-legend{justify-content:flex-start}.attendance-bar-row{grid-template-columns:1fr 60px;gap:8px 12px}.attendance-bar-player{grid-column:1/-1}.attendance-bar-track{height:24px}}

/* v19 – dezentes Teamlogo auf dem Aufstellungsfeld */
.lineup-pitch-logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(42%,360px);max-height:46%;object-fit:contain;opacity:.11;filter:saturate(.8);pointer-events:none;user-select:none;z-index:0}
.lineup-pitch>.pitch-half-line,.lineup-pitch>.pitch-center-circle,.lineup-pitch>.pitch-box{z-index:1}
.saved-attendance-lineup{cursor:default}

/* v20: Anwesenheitsbalken nach tatsächlich gespielter Position segmentieren */
.attendance-segmented-track{display:flex;align-items:stretch}
.attendance-bar-segment{height:100%;flex:0 0 auto;min-width:0;transition:width .3s ease}
.attendance-bar-segment:first-child{border-radius:999px 0 0 999px}
.attendance-bar-segment:last-child{border-radius:0 999px 999px 0}
.attendance-bar-segment:only-child{border-radius:999px}

/* v21 – Home: Panels fast unsichtbar, damit Team-/Video-Hintergrund dominiert */
body .home-kpi,
body .home-card {
    background: rgba(5, 10, 14, .045);
    border-color: rgba(255,255,255,.025);
    box-shadow: none;
    backdrop-filter: blur(1px);
}
body .home-kpi { border-top-color: rgba(var(--acc-rgb),.16); }
body .home-card { background: rgba(5,10,14,.035); }
body .home-card:hover { background: rgba(5,10,14,.07); border-color: rgba(255,255,255,.045); }
body.team-video-active .home-kpi,
body.team-video-active .home-card {
    background: rgba(3, 9, 14, .025);
    border-color: rgba(255,255,255,.022);
    backdrop-filter: blur(.5px);
}

/* v22 – Home: Panels nahezu blickdicht (nur minimale Transparenz) */
body .home-kpi,
body .home-card {
    background: rgba(8, 15, 19, .94);
    border-color: rgba(255,255,255,.10);
    box-shadow: 0 14px 34px rgba(0,0,0,.28);
    backdrop-filter: blur(8px);
}
body .home-kpi { border-top-color: rgba(var(--acc-rgb),.55); }
body .home-card { background: rgba(8,15,19,.95); }
body .home-card:hover { background: rgba(10,19,23,.97); border-color: rgba(var(--acc-rgb),.22); }
body.team-video-active .home-kpi,
body.team-video-active .home-card {
    background: rgba(6, 13, 18, .93);
    border-color: rgba(255,255,255,.10);
    backdrop-filter: blur(8px);
}


/* v23: Kader-Dropdown / EA-Zugriff nur unter Termine */
.main-nav .nav-dropdown {
    position: relative;
    display: flex;
    align-items: center;
    align-self: stretch;
}
.main-nav .nav-dropdown-trigger {
    display: flex;
    align-items: center;
    gap: 5px;
    height: 100%;
}
.main-nav .nav-caret {
    font-size: .72em;
    opacity: .72;
    transition: transform .16s ease;
}
.main-nav .nav-dropdown-menu {
    position: absolute;
    top: calc(100% - 8px);
    left: 50%;
    transform: translate(-50%, 8px);
    min-width: 210px;
    padding: 8px;
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 12px;
    background: rgba(7,15,19,.98);
    box-shadow: 0 18px 45px rgba(0,0,0,.45);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: 10050;
    transition: opacity .15s ease, transform .15s ease, visibility .15s ease;
}
.main-nav .nav-dropdown-menu a {
    display: block;
    width: 100%;
    padding: 11px 13px;
    border-radius: 8px;
    white-space: nowrap;
    font-size: 13px;
}
.main-nav .nav-dropdown-menu a:hover {
    background: rgba(var(--acc-rgb),.10);
}
.main-nav .nav-dropdown:hover .nav-dropdown-menu,
.main-nav .nav-dropdown:focus-within .nav-dropdown-menu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translate(-50%, 0);
}
.main-nav .nav-dropdown:hover .nav-caret,
.main-nav .nav-dropdown:focus-within .nav-caret {
    transform: rotate(180deg);
}

.filter-bar .filter-date{display:flex;align-items:center;gap:8px;color:var(--muted,#9aa4b2);font-size:.9rem}.filter-bar .filter-date input{min-width:150px}

/* v27 – Taktikboard Bedienzustände wie im Original */
.original-tactics-board[data-tool="draw"]{cursor:crosshair}.original-tactics-board[data-tool="arrow"],.original-tactics-board[data-tool="line"],.original-tactics-board[data-tool="rect"],.original-tactics-board[data-tool="text"],.original-tactics-board[data-tool="runpath"]{cursor:crosshair}.ot-roster-player:active,.ot-btn:active{transform:translateY(1px)}

/* v31 public landing + spectator access */
.public-home{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:54px;align-items:center;min-height:560px;padding:48px 0 34px}.public-home-copy{max-width:720px}.public-home-copy h1{font-size:clamp(48px,6.8vw,92px);line-height:.94;letter-spacing:-.055em;margin:14px 0 22px}.public-home-copy h1 span{color:var(--accent)}.public-home-copy p{max-width:620px;font-size:18px;line-height:1.65;color:var(--muted);margin:0 0 30px}.guest-entry{display:inline-flex;align-items:center;min-height:48px}.guest-note{display:block;color:var(--muted);margin-top:11px;font-size:11px;letter-spacing:.06em}.public-showcase{min-height:390px;border:1px solid rgba(255,255,255,.09);border-radius:28px;background:radial-gradient(circle at 50% 40%,rgba(var(--acc-rgb),.13),transparent 48%),rgba(7,12,14,.72);position:relative;display:grid;place-items:center;overflow:hidden}.public-showcase:before,.public-showcase:after{content:'';position:absolute;border:1px solid rgba(255,255,255,.055);border-radius:50%}.public-showcase:before{width:330px;height:330px}.public-showcase:after{width:240px;height:240px}.public-logo-orbit{width:190px;height:190px;display:grid;place-items:center;position:relative;z-index:2}.public-logo-orbit img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 40px rgba(0,0,0,.4));opacity:.92}.public-live-strip{position:absolute;left:22px;right:22px;bottom:20px;border-top:1px solid rgba(255,255,255,.08);padding-top:14px;font-size:10px;letter-spacing:.18em;color:var(--muted);font-weight:850}.public-live-strip span{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);margin-right:8px}.public-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:0 0 45px}.public-feature-grid article{padding:24px 4px 20px;border-top:1px solid rgba(255,255,255,.1)}.public-feature-grid article>span{font-size:10px;letter-spacing:.18em;color:var(--accent);font-weight:900}.public-feature-grid h3{font-size:18px;margin:10px 0 8px}.public-feature-grid p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}.guest-mode-note{margin-bottom:18px;padding:13px 15px;border:1px solid rgba(var(--acc-rgb),.22);border-radius:10px;background:rgba(var(--acc-rgb),.06);color:var(--muted)}
@media(max-width:900px){.public-home{grid-template-columns:1fr;min-height:0;padding-top:30px}.public-showcase{min-height:300px}.public-feature-grid{grid-template-columns:1fr}}

/* v32: header without branding + compact Twitch panels on home */
.topbar-no-brand{justify-content:flex-end}
.topbar-no-brand .main-nav{margin-right:auto}
.home-streams-section{margin-top:18px}
.home-stream-accordion{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.home-stream-panel{border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(10,18,22,.94);overflow:hidden}
.home-stream-panel summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:8px;padding:12px 14px;min-height:44px}
.home-stream-panel summary::-webkit-details-marker{display:none}
.home-stream-panel summary strong{font-size:.92rem}
.stream-dot{font-size:.7rem;color:#9147ff}
.stream-platform{color:var(--muted,#8da0a8);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}
.stream-chevron{transition:transform .18s ease;color:var(--muted,#8da0a8)}
.home-stream-panel[open] .stream-chevron{transform:rotate(180deg)}
.home-stream-panel-body{padding:0 14px 14px;border-top:1px solid rgba(255,255,255,.06)}
.home-stream-panel-body p{color:var(--muted,#8da0a8);font-size:.85rem;margin:12px 0}
@media(max-width:900px){.topbar-no-brand{justify-content:flex-start}.topbar-no-brand .main-nav{margin-right:0}.home-stream-accordion{grid-template-columns:1fr}}

/* v34: minimal top navigation + public Twitch panels */
.topbar-no-brand{justify-content:flex-end!important}
.main-nav-home-only{margin-left:auto;display:flex;justify-content:flex-end}
.main-nav-home-only a{white-space:nowrap}
.public-streams-section{max-width:760px;margin:34px auto 0}
.public-streams-heading{text-align:center;margin-bottom:14px}
.public-streams-heading h2{margin:.2rem 0 0}
.public-stream-accordion{max-width:680px;margin:0 auto}

/* v36: externe Tabellenquelle */
.standing-source{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:16px 0;padding:12px 14px;border:1px solid rgba(255,255,255,.10);border-radius:12px;background:rgba(255,255,255,.035)}
.standing-source span{font-weight:700}.standing-source a{font-weight:700;text-decoration:none}.source-warning{margin:10px 0 16px;opacity:.8}.admin-team-settings .wide-field{grid-column:1/-1}

/* v41: attendance diagram access in roster */
.section-heading-actions{display:flex;align-items:center;gap:10px}.roster-attendance-link-card .card-heading{align-items:center}.roster-attendance-link-card p{margin:.35rem 0 0}

/* v42 — lighter translucent panels, tuned to the ocean/abyss backgrounds */
:root{
  --bg:#081116;
  --bg-soft:#0d1b21;
  --card:rgba(24,42,49,.72);
  --card-2:rgba(29,49,57,.78);
  --line:rgba(151,211,220,.15);
  --text:#f1f8f9;
  --muted:#a5b9bd;
  --accent:#35c6bd;
  --accent-2:#249eaa;
  --shadow:0 20px 60px rgba(0,7,12,.26);
}
.content-card,
.home-card,
.attendance-group-card,
.home-kpi,
.saved-lineup-row,
.event-row,
.player-row,
.match-row,
.stat-card,
.admin-card,
.table-card{
  background:linear-gradient(145deg,rgba(31,53,61,.76),rgba(17,34,42,.66))!important;
  border-color:rgba(151,211,220,.14)!important;
  box-shadow:0 18px 55px rgba(0,7,12,.22)!important;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
.home-card{background:linear-gradient(145deg,rgba(33,57,65,.70),rgba(18,37,45,.61))!important}
.topbar{
  background:rgba(10,24,30,.67)!important;
  border-bottom-color:rgba(151,211,220,.13)!important;
}
.quick-rail{
  border-left-color:rgba(151,211,220,.13)!important;
}
.quick-rail-nav a{
  background:rgba(25,46,54,.52);
  border:1px solid rgba(151,211,220,.10);
  backdrop-filter:blur(10px);
}
.quick-rail-nav a:hover{
  background:rgba(42,72,80,.68);
  border-color:rgba(53,198,189,.30);
}
input,select,textarea{
  background:rgba(8,22,28,.62)!important;
  border-color:rgba(151,211,220,.15)!important;
}
table th{background:rgba(29,51,59,.56)}
table td{border-color:rgba(151,211,220,.09)}
.button.secondary,.mini-button{
  background:rgba(34,57,65,.58);
  border-color:rgba(151,211,220,.15);
}
.footer{color:rgba(207,230,233,.58)}
/* Abyss gets a slightly bluer glass tone so the panels belong to the animated water background. */
body.team-video-active{
  --card:rgba(20,43,57,.68);
  --card-2:rgba(23,48,63,.74);
  --line:rgba(117,196,222,.16);
  --accent:#45c8d5;
  --accent-2:#2aa6bd;
}
body.team-video-active .content-card,
body.team-video-active .home-card,
body.team-video-active .attendance-group-card,
body.team-video-active .home-kpi,
body.team-video-active .saved-lineup-row,
body.team-video-active .event-row,
body.team-video-active .player-row{
  background:linear-gradient(145deg,rgba(29,61,77,.70),rgba(14,36,52,.59))!important;
  border-color:rgba(117,196,222,.15)!important;
}

/* v48 Medien / Gegnerlogos */
.opponent-media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px;margin-top:16px}.opponent-media-card{display:grid;grid-template-columns:86px 1fr;gap:15px;align-items:center;padding:16px;border-radius:15px;background:linear-gradient(145deg,rgba(31,53,61,.68),rgba(17,34,42,.56));border:1px solid var(--line)}.opponent-logo-box{width:86px;height:86px;border-radius:16px;display:grid;place-items:center;background:rgba(5,16,22,.42);border:1px solid rgba(255,255,255,.08);overflow:hidden}.opponent-logo-box img{width:74px;height:74px;object-fit:contain}.opponent-logo-placeholder{font-size:24px;font-weight:900;color:var(--accent);letter-spacing:.05em}.opponent-media-info h3{margin:0 0 5px;font-size:18px}.opponent-media-info p{margin:0;color:var(--muted);font-size:12px}.media-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.media-tags span{font-size:10px;padding:4px 7px;border-radius:999px;background:rgba(255,255,255,.05);color:#c3d1d3}.opponent-media-actions{grid-column:1/-1;display:flex;gap:8px;align-items:flex-end;padding-top:10px;border-top:1px solid var(--line)}.opponent-media-actions form{display:flex;gap:8px;align-items:flex-end;flex-wrap:wrap}.media-file-label{display:grid;gap:4px;font-size:10px;color:var(--muted)}.media-file-label input{max-width:210px;padding:7px}.danger-button{color:#ff8799!important}@media(max-width:620px){.opponent-media-card{grid-template-columns:68px 1fr}.opponent-logo-box{width:68px;height:68px}.opponent-logo-box img{width:58px;height:58px}}

/* v49 Spieleranalyse / Trophäenschrank */
.player-stats-link{display:flex;align-items:center;gap:8px;color:var(--text);text-decoration:none}.player-stats-link small{color:var(--muted)}.player-stats-link span{font-size:10px;color:var(--accent);opacity:0;transition:.18s}.player-stats-link:hover span{opacity:1}.profile-filter{margin-bottom:18px}.player-performance-layout{display:grid;grid-template-columns:minmax(250px,315px) minmax(320px,1fr) minmax(390px,1.4fr);gap:16px;align-items:stretch;margin-bottom:18px}.profile-card-main{position:relative;min-height:520px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(160deg,rgba(18,74,73,.82),rgba(9,18,25,.90))!important}.profile-card-main:before{content:"";position:absolute;inset:20px;border:2px solid rgba(53,198,189,.5);border-radius:22px}.profile-number{position:absolute;left:28px;top:24px;font-size:34px;font-weight:900;color:#34bff5}.profile-avatar{width:150px;height:150px;border-radius:50%;display:grid;place-items:center;font-size:72px;font-weight:900;background:radial-gradient(circle at 40% 30%,rgba(69,200,213,.55),rgba(7,25,34,.86));border:3px solid rgba(69,200,213,.55)}.profile-position{margin-top:18px;padding:5px 10px;border-radius:999px;background:rgba(53,198,189,.13);color:var(--accent);font-size:11px;font-weight:800}.profile-card-main h2{font-size:25px;margin:10px 0}.profile-rating{font-size:34px;font-weight:900;display:flex;flex-direction:column;align-items:center}.profile-rating small{font-size:9px;color:var(--muted)}.profile-mini-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;width:calc(100% - 42px);margin-top:24px}.profile-mini-stats div{text-align:center;padding:10px 4px;background:rgba(255,255,255,.045);border-radius:10px}.profile-mini-stats b{display:block;font-size:18px;color:#35bff4}.profile-mini-stats span{font-size:8px;color:var(--muted)}.profile-analysis-column{display:grid;grid-template-rows:1fr 1fr;gap:16px}.performance-row{display:grid;grid-template-columns:82px 1fr 32px;gap:8px;align-items:center;margin:13px 0;font-size:11px}.performance-track{height:8px;border-radius:999px;background:rgba(255,255,255,.06);overflow:hidden}.performance-track i{display:block;height:100%;background:linear-gradient(90deg,var(--accent-2),var(--accent));border-radius:999px}.performance-row b{text-align:right}.rating-chart{height:180px;display:flex;gap:8px;align-items:flex-end}.rating-point-wrap{flex:1;min-width:0;height:100%;display:grid;grid-template-rows:20px 1fr 24px;align-items:end;text-align:center}.rating-point-wrap b{font-size:10px;color:var(--accent)}.rating-bar{height:100%;display:flex;align-items:flex-end;justify-content:center;border-bottom:1px solid rgba(255,255,255,.1)}.rating-bar i{width:72%;min-height:3px;border-radius:5px 5px 0 0;background:linear-gradient(180deg,#3ccbd0,#1b8db8)}.rating-point-wrap span{font-size:8px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trophy-cabinet{min-height:520px}.trophy-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.trophy-item{display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:center;padding:10px;border-radius:11px;background:rgba(255,255,255,.035)}.trophy-item.locked{opacity:.52}.trophy-icon{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;background:rgba(255,255,255,.055);font-size:17px}.trophy-copy strong{display:block;font-size:11px}.trophy-copy span{display:block;color:var(--muted);font-size:9px}.trophy-item em{font-style:normal;font-size:9px;color:#28b9d3}.trophy-progress{height:3px;background:rgba(255,255,255,.06);border-radius:4px;margin-top:5px;overflow:hidden}.trophy-progress i{height:100%;display:block;background:var(--accent)}.trophy-copy small{font-size:7px;color:var(--muted)}.player-detail-totals{margin-bottom:18px}@media(max-width:1150px){.player-performance-layout{grid-template-columns:280px 1fr}.trophy-cabinet{grid-column:1/-1;min-height:auto}}@media(max-width:720px){.player-performance-layout{grid-template-columns:1fr}.trophy-cabinet{grid-column:auto}.trophy-grid{grid-template-columns:1fr}}

/* v51 — stärkere Transparenz für alle Panels */
.content-card,
.home-card,
.attendance-group-card,
.home-kpi,
.saved-lineup-row,
.event-row,
.player-row,
.match-row,
.stat-card,
.admin-card,
.table-card,
.profile-card-main,
.performance-profile,
.form-card,
.trophy-cabinet,
.feature-card,
.ea-match-card,
.ea-loader-card,
.ea-info-card {
  background:linear-gradient(145deg,rgba(31,53,61,.54),rgba(17,34,42,.43))!important;
  border-color:rgba(151,211,220,.13)!important;
  box-shadow:0 16px 48px rgba(0,7,12,.18)!important;
  backdrop-filter:blur(11px);
  -webkit-backdrop-filter:blur(11px);
}
.home-card{background:linear-gradient(145deg,rgba(33,57,65,.50),rgba(18,37,45,.40))!important}
.topbar{background:rgba(10,24,30,.54)!important}
.quick-rail-nav a{background:rgba(25,46,54,.40)}
input,select,textarea{background:rgba(8,22,28,.50)!important}
table th{background:rgba(29,51,59,.43)}
.button.secondary,.mini-button{background:rgba(34,57,65,.46)}
body.team-video-active .content-card,
body.team-video-active .home-card,
body.team-video-active .attendance-group-card,
body.team-video-active .home-kpi,
body.team-video-active .saved-lineup-row,
body.team-video-active .event-row,
body.team-video-active .player-row,
body.team-video-active .match-row,
body.team-video-active .stat-card,
body.team-video-active .admin-card,
body.team-video-active .table-card,
body.team-video-active .profile-card-main,
body.team-video-active .performance-profile,
body.team-video-active .form-card,
body.team-video-active .trophy-cabinet,
body.team-video-active .feature-card,
body.team-video-active .ea-match-card {
  background:linear-gradient(145deg,rgba(29,61,77,.50),rgba(14,36,52,.39))!important;
  border-color:rgba(117,196,222,.14)!important;
}

/* v52 — offizielles Krakens Community Logo auf der öffentlichen Startseite */
.public-logo-orbit img{
  width:min(460px,88vw)!important;
  height:auto!important;
  max-height:560px;
  object-fit:contain;
  filter:drop-shadow(0 20px 45px rgba(0,0,0,.42)) drop-shadow(0 0 26px rgba(45,190,225,.12));
}
.public-logo-orbit{
  display:flex;
  align-items:center;
  justify-content:center;
}
@media(max-width:800px){
  .public-logo-orbit img{width:min(330px,82vw)!important}
}

/* v53 — öffentliche Startseite im Krakens-Community-Look */
body.public-cinematic{--accent:#36c8ff;--accent-2:#188fc1;background:#03080c;color:#f4f7f8;overflow-x:hidden}
body.public-cinematic .topbar,body.public-cinematic>.footer,body.public-cinematic>.version-badge,body.public-cinematic>.background-grid{display:none!important}
body.public-cinematic .page{width:100%;max-width:none;padding:0;margin:0}
body.public-cinematic:before{content:"";position:fixed;inset:0;z-index:-3;background:radial-gradient(circle at 67% 19%,rgba(66,157,198,.20),transparent 26%),radial-gradient(circle at 50% 55%,rgba(0,107,158,.10),transparent 34%),linear-gradient(125deg,#020609 0%,#061017 44%,#03080d 75%,#010305 100%)}
body.public-cinematic:after{content:"";position:fixed;left:0;right:0;bottom:0;height:45vh;z-index:-2;opacity:.42;background:repeating-radial-gradient(ellipse at 52% 110%,rgba(52,174,220,.18) 0 1px,transparent 2px 26px),linear-gradient(180deg,transparent,rgba(0,58,84,.18));mask-image:linear-gradient(transparent,#000 45%)}
.kc-landing{max-width:1520px;margin:0 auto;padding:28px 54px 0;position:relative}.kc-landing:before{content:"";position:absolute;top:0;right:-90px;width:62%;height:690px;pointer-events:none;background:radial-gradient(circle at 55% 45%,rgba(48,192,255,.10),transparent 42%);filter:blur(12px)}
.kc-hero{min-height:650px;display:grid;grid-template-columns:minmax(500px,.92fr) minmax(560px,1.08fr);align-items:center;gap:34px;position:relative}.kc-hero-copy{position:relative;z-index:2;padding-top:24px}.kc-kicker{font-size:14px;letter-spacing:.58em;color:#c9d9df;margin-bottom:8px}.kc-hero-copy h1{margin:0;line-height:.82;text-transform:uppercase}.kc-hero-copy h1 span{display:block;font-family:Georgia,'Times New Roman',serif;font-size:clamp(78px,8.4vw,142px);letter-spacing:-.07em;color:#d9dddf;text-shadow:0 3px 0 #657079,0 7px 18px #000,0 0 1px #fff}.kc-hero-copy h1 strong{display:block;margin-top:24px;font-size:clamp(34px,4.1vw,67px);font-weight:900;letter-spacing:.22em;color:#bdeaff;text-shadow:0 0 18px rgba(54,200,255,.28)}.kc-tagline{margin-top:25px;font-size:14px;letter-spacing:.43em;color:#d8e0e4}.kc-tagline i{display:inline-block;width:28px;border-top:1px solid #a7b8c0;vertical-align:middle;margin:0 13px}.kc-divider{display:flex;align-items:center;gap:14px;max-width:525px;margin:28px 0 22px;color:#55d4ff}.kc-divider span{height:1px;background:linear-gradient(90deg,rgba(65,199,245,.05),#72d8fa);flex:1}.kc-divider span:last-child{background:linear-gradient(90deg,#72d8fa,rgba(65,199,245,.05))}.kc-divider b{font-size:25px;font-weight:400}.kc-hero-copy>p{font-size:16px;line-height:1.48;color:#b9ccd5;margin:0;max-width:650px}.kc-feature-row{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:30px;max-width:740px}.kc-feature{border:1px solid rgba(115,194,226,.24);border-radius:11px;min-height:76px;background:rgba(3,10,14,.48);display:flex;align-items:center;padding:12px;gap:11px;box-shadow:inset 0 0 20px rgba(55,184,237,.025)}.kc-feature>b{font-size:25px;color:#3ccaff}.kc-feature span{font-size:11px;color:#75d9ff;font-weight:800}.kc-feature em{display:block;color:#e6edf0;font-style:normal;font-size:10px;margin-top:3px}.kc-hero-art{position:relative;min-height:610px;display:flex;align-items:center;justify-content:center;z-index:1}.kc-hero-art:before{content:"";position:absolute;inset:7% 0 4% 4%;background:radial-gradient(circle at 52% 42%,rgba(56,200,255,.18),transparent 31%),radial-gradient(ellipse at 50% 78%,rgba(13,103,143,.22),transparent 44%);filter:blur(6px)}.kc-hero-art img{position:relative;z-index:2;width:min(680px,100%);max-height:620px;object-fit:contain;filter:drop-shadow(0 24px 38px rgba(0,0,0,.75)) drop-shadow(0 0 18px rgba(57,200,255,.13))}.kc-motto{position:absolute;right:-22px;top:78px;z-index:3;transform:rotate(-4deg);font-size:24px;font-weight:900;line-height:1.05;font-style:italic;color:#49c9ff;text-shadow:0 0 14px rgba(33,181,241,.23)}
.kc-teams{position:relative;z-index:4;padding:6px 0 22px}.kc-section-title{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;margin-bottom:18px}.kc-section-title h2{font-family:Georgia,'Times New Roman',serif;font-size:31px;margin:0;color:#d9dee1}.kc-section-title h2 span{color:#55ccf7}.kc-section-title>div{height:1px;background:linear-gradient(90deg,rgba(160,205,224,.55),rgba(160,205,224,.03))}.kc-section-title small{font-size:10px;letter-spacing:.42em;color:#b8c9d1}.kc-team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:14px}.kc-team-card{position:relative;min-height:155px;display:grid;grid-template-columns:135px 1fr 48px;align-items:center;gap:14px;padding:17px 18px;border:1px solid rgba(55,183,230,.38);border-radius:13px;text-decoration:none;color:#fff;overflow:hidden;background:linear-gradient(115deg,rgba(2,25,39,.88),rgba(4,11,16,.75));transition:.2s transform,.2s border-color,.2s box-shadow}.kc-team-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 50%,rgba(23,157,215,.14),transparent 35%),linear-gradient(110deg,rgba(0,117,173,.12),transparent 47%);pointer-events:none}.kc-team-card:hover{transform:translateY(-3px);border-color:#42c8fb;box-shadow:0 16px 38px rgba(0,0,0,.32),0 0 28px rgba(24,162,215,.08)}.kc-team-2{border-color:rgba(118,177,194,.30);background:linear-gradient(115deg,rgba(4,32,39,.88),rgba(4,11,16,.76))}.kc-team-0{border-color:rgba(194,75,75,.38);background:linear-gradient(115deg,rgba(37,9,11,.78),rgba(4,8,11,.80))}.kc-team-0:before{background:radial-gradient(circle at 80% 50%,rgba(205,38,44,.14),transparent 35%)}.kc-team-logo{position:relative;z-index:1;height:118px;display:grid;place-items:center}.kc-team-logo img{width:112px;height:112px;object-fit:contain;filter:drop-shadow(0 8px 15px rgba(0,0,0,.55))}.kc-team-logo span{width:88px;height:88px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(70,198,244,.5);font-size:42px;color:#5cd3ff;background:rgba(0,43,62,.48)}.kc-team-copy{position:relative;z-index:1}.kc-team-copy small{font-size:11px;font-weight:900;letter-spacing:.08em}.kc-team-copy h3{margin:3px 0 10px;font-size:28px;line-height:1;text-transform:uppercase;color:#49caff}.kc-team-0 .kc-team-copy h3{color:#ff6068}.kc-team-copy p{margin:0;color:#a9bec8;font-size:10px;letter-spacing:.16em;text-transform:uppercase}.kc-team-arrow{position:relative;z-index:2;width:43px;height:43px;border:2px solid rgba(229,246,252,.8);border-radius:50%;display:grid;place-items:center;font-size:23px}.kc-live{margin-top:26px;padding:22px 0}.kc-live .public-stream-accordion{max-width:none;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.kc-live .home-stream-panel{background:rgba(4,12,17,.55);border-color:rgba(91,188,226,.20)}.kc-public-footer{margin-top:18px;border-top:1px solid rgba(128,193,220,.18);min-height:72px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:22px;color:#c9d7dd}.kc-public-footer b{font-size:12px;letter-spacing:.25em}.kc-public-footer b span{color:#4bcaff}.kc-public-footer p{font-size:10px;letter-spacing:.38em;margin:0;color:#99b1bc}.kc-public-footer em{justify-self:end;color:#46c4f4;font-size:24px;font-family:cursive}
@media(max-width:1120px){.kc-landing{padding:20px 28px 0}.kc-hero{grid-template-columns:1fr;min-height:auto}.kc-hero-copy{padding-top:25px}.kc-hero-art{min-height:460px;margin-top:-20px}.kc-hero-art img{max-height:500px}.kc-motto{right:4%;top:50px}.kc-feature-row{max-width:none}.kc-team-grid{grid-template-columns:1fr 1fr}.kc-public-footer{grid-template-columns:1fr}.kc-public-footer p,.kc-public-footer em{justify-self:start}}
@media(max-width:720px){.kc-landing{padding:15px 16px 0}.kc-hero-copy h1 span{font-size:clamp(54px,19vw,88px)}.kc-hero-copy h1 strong{font-size:clamp(26px,9.3vw,46px);letter-spacing:.12em}.kc-kicker,.kc-tagline{letter-spacing:.26em}.kc-feature-row{grid-template-columns:1fr 1fr}.kc-hero-art{min-height:350px}.kc-motto{display:none}.kc-team-grid{grid-template-columns:1fr}.kc-team-card{grid-template-columns:90px 1fr 42px;min-height:125px}.kc-team-logo{height:90px}.kc-team-logo img{width:82px;height:82px}.kc-section-title{grid-template-columns:auto 1fr}.kc-section-title small{display:none}.kc-public-footer{padding:18px 0}.kc-public-footer p{line-height:1.8}}

/* v54 — Bild als Startseiten-Hintergrund + echte klickbare HTML-Schaltflächen */
.image-home{position:relative;min-height:calc(100vh - 12px);margin:-22px -26px -28px;overflow:hidden;background:#02070b}
.image-home-bg{position:absolute;inset:0;background-image:linear-gradient(to bottom,rgba(0,0,0,.02) 0%,rgba(0,0,0,.03) 62%,rgba(0,0,0,.20) 100%),url('/static/krakens-start-bg.png');background-size:cover;background-position:center top;background-repeat:no-repeat}
.image-home-actions{position:relative;z-index:3;display:flex;justify-content:flex-end;padding:20px 4.2vw 0}
.image-login-btn{display:inline-flex;align-items:center;justify-content:center;min-width:166px;height:48px;padding:0 24px;border:1px solid rgba(55,187,236,.8);border-radius:11px;background:rgba(2,11,17,.66);backdrop-filter:blur(10px);color:#5cccf5;text-decoration:none;font-weight:900;letter-spacing:.06em;box-shadow:0 8px 28px rgba(0,0,0,.28)}
.image-login-btn:hover{background:rgba(16,49,64,.82);transform:translateY(-1px)}
.image-team-overlay,.image-twitch-overlay{position:relative;z-index:3;margin-left:3.7vw;margin-right:3.7vw}
.image-team-overlay{margin-top:56vh}
.image-section-label{font-size:26px;font-weight:950;color:#e9f4f6;letter-spacing:.035em;text-shadow:0 2px 14px #000;margin-bottom:14px}
.image-section-label:after{content:"";display:inline-block;height:1px;width:min(60vw,900px);margin-left:22px;vertical-align:middle;background:linear-gradient(90deg,rgba(68,197,235,.65),transparent)}
.image-section-label.twitch{color:#e8e9ff}
.image-team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}
.image-team-form{margin:0}
.image-team-btn{width:100%;min-height:118px;display:flex;align-items:center;gap:16px;text-align:left;padding:14px 18px;border-radius:14px;border:1px solid rgba(50,186,228,.52);background:linear-gradient(135deg,rgba(3,15,23,.80),rgba(6,26,37,.62));backdrop-filter:blur(9px);color:#fff;cursor:pointer;box-shadow:0 12px 36px rgba(0,0,0,.26);transition:.18s}
.image-team-btn:hover{transform:translateY(-3px);border-color:#56d5ff;background:linear-gradient(135deg,rgba(4,30,43,.90),rgba(4,44,59,.72));box-shadow:0 16px 42px rgba(0,0,0,.35),0 0 24px rgba(45,190,225,.10)}
.image-team-btn img{width:90px;height:90px;object-fit:contain;filter:drop-shadow(0 6px 12px rgba(0,0,0,.45))}
.image-team-btn span{display:flex;flex-direction:column;gap:7px}.image-team-btn strong{font-size:22px}.image-team-btn small{font-size:11px;color:#68d6fa;font-weight:800;letter-spacing:.07em}
.image-twitch-overlay{margin-top:24px;padding-bottom:36px}
.image-twitch-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:15px}
.image-twitch-btn{min-height:76px;display:flex;align-items:center;gap:14px;padding:12px 18px;text-decoration:none;color:#fff;border-radius:13px;border:1px solid rgba(110,84,255,.45);background:rgba(3,10,18,.72);backdrop-filter:blur(10px);transition:.18s}
.image-twitch-btn:hover{transform:translateY(-2px);border-color:#8777ff;background:rgba(21,19,52,.82)}
.twitch-icon{font-size:27px;color:#8474ff}.image-twitch-btn span:last-child{display:flex;flex-direction:column;gap:4px}.image-twitch-btn strong{font-size:16px}.image-twitch-btn small{font-size:10px;color:#9a90ff;letter-spacing:.06em}
body:not(.logged-in) .main-shell{max-width:none!important;padding-top:0}
@media(max-width:900px){
  .image-home{margin:-18px -16px -20px;min-height:100vh}
  .image-home-bg{background-position:center top}
  .image-home-actions{padding:14px 16px 0}
  .image-login-btn{min-width:132px;height:42px;font-size:13px}
  .image-team-overlay{margin-top:52vh;margin-left:16px;margin-right:16px}
  .image-twitch-overlay{margin-left:16px;margin-right:16px}
  .image-section-label{font-size:21px}
  .image-team-grid,.image-twitch-grid{grid-template-columns:1fr}
}

/* v55 — öffentliche Teamauswahl: nur Abyss + Ocean Reapers */
.image-team-grid-two{
  grid-template-columns:repeat(2,minmax(300px,520px));
  justify-content:start;
  max-width:1080px;
}
.image-team-logo-btn{min-height:150px}
.image-team-logo-btn img{width:118px;height:118px}
.image-team-logo-btn strong{font-size:25px}
@media(max-width:760px){
  .image-team-grid-two{grid-template-columns:1fr}
}

/* v57 — hochgeladenes Bild ist der echte Startseiten-Hintergrund.
   Interaktion liegt als vollständig transparente HTML-Hotspots exakt über den Bild-Kästen. */
.krakens-image-start{
  position:relative;
  width:100%;
  aspect-ratio:1664/928;
  min-height:0;
  background:url('/static/startseite-hintergrund-v3.png') center top/100% 100% no-repeat;
  overflow:hidden;
}
.krakens-image-start .start-hotspot,
.krakens-image-start .start-twitch-hotspot{
  position:absolute;
  z-index:5;
  display:block;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  color:transparent!important;
  text-decoration:none;
  cursor:pointer;
}
.krakens-image-start .start-hotspot span,
.krakens-image-start .start-twitch-hotspot span{
  position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap
}
/* Team boxes visible in the uploaded 1664x928 image */
.krakens-image-start .abyss-hotspot{left:19.25%!important;top:54.4%!important;width:31.15%!important;height:24.71%!important}
.krakens-image-start .reapers-hotspot{left:51.85%!important;top:54.4%!important;width:30.9%!important;height:24.89%!important}
/* Twitch boxes visible in the uploaded image */
.krakens-image-start .twitch-abyss{left:18.4%;top:85.7%;width:29.1%;height:10.0%}
.krakens-image-start .twitch-reapers{left:54.0%;top:85.7%;width:25.3%;height:10.0%}
/* Fallback: if stream names do not contain the team name, place first two links on the two boxes. */
.krakens-image-start .start-twitch-links a:not(.twitch-abyss):not(.twitch-reapers):nth-child(1){left:18.4%;top:85.7%;width:29.1%;height:10.0%}
.krakens-image-start .start-twitch-links a:not(.twitch-abyss):not(.twitch-reapers):nth-child(2){left:54.0%;top:85.7%;width:25.3%;height:10.0%}
.krakens-image-start a:hover{outline:2px solid rgba(82,213,255,.38)!important;outline-offset:-4px}
body:not(.logged-in) .main-shell{max-width:none!important;padding:0!important}
body:not(.logged-in) main.page{padding:0!important;margin:0!important}
body:not(.logged-in) .footer{display:none!important}
@media(max-width:800px){
  .krakens-image-start{width:100%;aspect-ratio:1664/928;background-size:100% 100%}
}

/* v58 — HQ-Teamlogos + drei echte Twitch-Kanäle */
.krakens-image-start{position:relative}
.hq-team-logos img{
  position:absolute;z-index:3;object-fit:contain;pointer-events:none;
  filter:drop-shadow(0 8px 15px rgba(0,0,0,.55));
}
/* High-resolution originals cover the pixelated logos printed into the background. */
.hq-abyss-logo{left:18.2%;top:50.0%;width:17.2%;height:24.8%}
.hq-reapers-logo{left:58.3%;top:49.6%;width:18.0%;height:25.8%}
.krakens-image-start .start-hotspot{z-index:6}
.krakens-image-start .start-twitch-hotspot{z-index:7}

/* Three independent Twitch click areas below the TWITCH KANÄLE heading.
   They link to the first three active stream URLs from Admin > Streams. */
.krakens-image-start .twitch-slot-1{left:20.1%!important;top:84.18%!important;width:22.2%!important;height:7.64%!important}
.krakens-image-start .twitch-slot-2{left:40.0%;top:85.5%;width:20.0%;height:10.4%}
.krakens-image-start .twitch-slot-3{left:59.0%!important;top:84.18%!important;width:22.4%!important;height:7.64%!important}

/* v59 — neues vom Nutzer hochgeladenes Startseitenbild (1536x1024) */
.krakens-image-start{
  aspect-ratio:3/2!important;
  background-image:url('/static/startseite-hintergrund-v3.png')!important;
  background-position:center top!important;
  background-size:100% 100%!important;
}
/* The logos are already cleanly rendered in this new background; do not overlay duplicates. */
.krakens-image-start .hq-team-logos{display:none!important}

/* Transparent team hotspots over the two large boxes. */
.krakens-image-start .abyss-hotspot{
  left:3.1%!important;top:58.0%!important;width:44.4%!important;height:22.8%!important;
}
.krakens-image-start .reapers-hotspot{
  left:50.5%!important;top:58.0%!important;width:46.1%!important;height:22.8%!important;
}

/* Three transparent Twitch hotspots over the three boxes in the uploaded image. */
.krakens-image-start .twitch-slot-1{
  left:3.1%!important;top:88.2%!important;width:30.6%!important;height:8.7%!important;
}
.krakens-image-start .twitch-slot-2{
  left:35.5%!important;top:88.2%!important;width:29.5%!important;height:8.7%!important;
}
.krakens-image-start .twitch-slot-3{
  left:67.0%!important;top:88.2%!important;width:29.6%!important;height:8.7%!important;
}

/* v60 — Startseitenmotiv mittig auf der Webseite */
body:not(.logged-in) main.page{
  display:flex!important;
  justify-content:center!important;
  align-items:flex-start!important;
  width:100%!important;
  min-height:100vh!important;
  background:#02070b!important;
}
.krakens-image-start{
  width:min(100%,1536px)!important;
  max-width:1536px!important;
  margin:0 auto!important;
  flex:0 0 auto;
}

/* v61 — Login/Register klickbar, Twitch-Beschriftung, originales Ocean-Reapers-Logo */
.topbar{position:relative!important;z-index:100!important;pointer-events:auto!important}.topbar a{pointer-events:auto!important}.guest-nav{position:relative!important;z-index:101!important}
.krakens-image-start .hq-team-logos{display:block!important;position:absolute!important;inset:0!important;pointer-events:none!important;z-index:4!important}
.krakens-image-start .original-reapers-logo{left:57.2%!important;top:50.8%!important;width:17.5%!important;height:24.5%!important;object-fit:contain!important;display:block!important;filter:drop-shadow(0 8px 16px rgba(0,0,0,.7))!important}
.krakens-image-start:after{content:"";position:absolute;z-index:3;left:56.8%;top:51.4%;width:18.5%;height:23.2%;background:rgba(1,9,12,.78);border-radius:18px;pointer-events:none}
.krakens-image-start .start-twitch-hotspot{display:flex!important;align-items:center!important;justify-content:center!important;color:#f4fbff!important;font-weight:900!important;font-size:clamp(10px,1vw,18px)!important;letter-spacing:.04em!important;text-shadow:0 2px 8px #000!important;pointer-events:auto!important}
.krakens-image-start .start-twitch-hotspot .twitch-visible-label{position:static!important;width:auto!important;height:auto!important;overflow:visible!important;clip:auto!important;white-space:nowrap!important;color:#f4fbff!important}
\n/* v63 — Abyss WEBM wiederhergestellt und sichtbar gemacht */\nbody.team-video-active .team-video-bg{\n  z-index:-1!important;\n  opacity:.72!important;\n  display:block!important;\n  visibility:visible!important;\n}\nbody.team-video-active{\n  background:rgba(3,10,15,.24)!important;\n}\nbody.team-video-active .background-grid{opacity:.08!important;z-index:0!important}\nbody.team-video-active .topbar,body.team-video-active main.page,body.team-video-active .footer{position:relative;z-index:1}\n
/* v64 — Abyss WEBM robust sichtbar: Video liegt vor dem Body-Hintergrund,
   aber hinter allen Seitenelementen. */
html, body { min-height: 100%; }
body.team-video-active {
  position: relative;
  background: transparent !important;
}
body.team-video-active .team-video-bg {
  display: block !important;
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  object-fit: cover !important;
  object-position: center center !important;
  z-index: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: none !important;
}
body.team-video-active .team-video-overlay {
  display: block !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  background: rgba(2,8,13,.18) !important;
}
body.team-video-active .background-grid {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2 !important;
  opacity: .05 !important;
  pointer-events: none !important;
}
body.team-video-active .topbar,
body.team-video-active main.page,
body.team-video-active .footer,
body.team-video-active .version-badge {
  position: relative !important;
  z-index: 3 !important;
}
/* Windows/Browser-Einstellung 'Animationen reduzieren' soll den bewusst
   gewählten Team-Hintergrund nicht komplett ausblenden. */
@media (prefers-reduced-motion: reduce) {
  body.team-video-active .team-video-bg { display:block !important; }
}

/* v65 — Abyss: WEBM klar sichtbar HINTER den Panels statt schwarz überdeckt */
body.team-video-active .team-video-overlay{
  background:rgba(2,8,13,.04)!important;
}
body.team-video-active .background-grid{
  opacity:.025!important;
}
body.team-video-active .content-card,
body.team-video-active .home-card,
body.team-video-active .attendance-group-card,
body.team-video-active .home-kpi,
body.team-video-active .saved-lineup-row,
body.team-video-active .event-row,
body.team-video-active .player-row,
body.team-video-active .match-row,
body.team-video-active .stat-card,
body.team-video-active .admin-card,
body.team-video-active .table-card,
body.team-video-active .profile-card-main,
body.team-video-active .performance-profile,
body.team-video-active .form-card,
body.team-video-active .trophy-cabinet,
body.team-video-active .feature-card,
body.team-video-active .ea-match-card,
body.team-video-active .ea-loader-card,
body.team-video-active .ea-info-card,
body.team-video-active .module-card,
body.team-video-active .team-card,
body.team-video-active .auth-card,
body.team-video-active .hof-card,
body.team-video-active .stream-frame,
body.team-video-active .tournament-card,
body.team-video-active .notice,
body.team-video-active .attendance-summary>div{
  background:linear-gradient(145deg,rgba(13,34,45,.30),rgba(5,19,29,.20))!important;
  border-color:rgba(117,196,222,.18)!important;
  box-shadow:0 14px 38px rgba(0,5,10,.14)!important;
  backdrop-filter:blur(2px)!important;
  -webkit-backdrop-filter:blur(2px)!important;
}
body.team-video-active .home-card,
body.team-video-active .home-kpi{
  background:linear-gradient(145deg,rgba(15,40,52,.25),rgba(5,20,30,.16))!important;
}
body.team-video-active .topbar{
  background:rgba(4,18,27,.28)!important;
  backdrop-filter:blur(3px)!important;
  -webkit-backdrop-filter:blur(3px)!important;
}
body.team-video-active .quick-rail-nav a{
  background:rgba(8,29,39,.22)!important;
  backdrop-filter:blur(2px)!important;
  -webkit-backdrop-filter:blur(2px)!important;
}
body.team-video-active input,
body.team-video-active select,
body.team-video-active textarea{
  background:rgba(4,18,27,.40)!important;
}
body.team-video-active table th{background:rgba(10,34,45,.28)!important}
body.team-video-active .calendar-day{background:rgba(8,27,37,.28)!important}

/* v66 — Abyss: schwarze Inhaltsfläche vollständig transparent machen */
body.team-video-active,
body.team-video-active main,
body.team-video-active main.page,
body.team-video-active .page,
body.team-video-active .home-shell,
body.team-video-active .home-main,
body.team-video-active .home-focus-grid,
body.team-video-active .home-lower-grid,
body.team-video-active .home-kpis,
body.team-video-active .quick-rail {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}
body.team-video-active main.page::before,
body.team-video-active main.page::after,
body.team-video-active .home-shell::before,
body.team-video-active .home-shell::after {
  background: transparent !important;
  display:none !important;
}
body.team-video-active .team-video-bg {
  z-index: 0 !important;
  opacity: 1 !important;
  filter: none !important;
}
body.team-video-active .team-video-overlay {
  z-index: 1 !important;
  background: rgba(0,0,0,0) !important;
}
body.team-video-active .background-grid {
  z-index: 1 !important;
  opacity: .015 !important;
}
body.team-video-active .topbar,
body.team-video-active main.page,
body.team-video-active .footer,
body.team-video-active .version-badge {
  position: relative !important;
  z-index: 2 !important;
}
/* Home-Panels: Video soll sichtbar durchscheinen */
body.team-video-active .home-kpi,
body.team-video-active .home-card {
  background: rgba(4,18,26,.22) !important;
  backdrop-filter: blur(1.5px) !important;
  -webkit-backdrop-filter: blur(1.5px) !important;
}
body.team-video-active .quick-rail-nav a {
  background: rgba(5,22,30,.18) !important;
}

/* v68 — Abyss Panels: 70 % transparent (= 30 % deckend).
   Der Seitenhintergrund selbst bleibt transparent, damit das WEBM sichtbar bleibt. */
body.team-video-active .content-card,
body.team-video-active .home-card,
body.team-video-active .attendance-group-card,
body.team-video-active .home-kpi,
body.team-video-active .saved-lineup-row,
body.team-video-active .event-row,
body.team-video-active .player-row,
body.team-video-active .match-row,
body.team-video-active .stat-card,
body.team-video-active .admin-card,
body.team-video-active .table-card {
  background: rgba(5, 22, 31, .30) !important;
  border-color: rgba(105, 211, 235, .18) !important;
  backdrop-filter: blur(3px) !important;
  -webkit-backdrop-filter: blur(3px) !important;
  box-shadow: 0 14px 38px rgba(0, 7, 12, .18) !important;
}
body.team-video-active .quick-rail-nav a {
  background: rgba(5, 22, 31, .30) !important;
  border-color: rgba(105, 211, 235, .14) !important;
  backdrop-filter: blur(3px) !important;
  -webkit-backdrop-filter: blur(3px) !important;
}
body.team-video-active .topbar {
  background: rgba(4, 18, 27, .30) !important;
  backdrop-filter: blur(3px) !important;
  -webkit-backdrop-filter: blur(3px) !important;
}
/* Nicht die gesamte Inhaltsfläche abdunkeln. */
body.team-video-active main,
body.team-video-active main.page,
body.team-video-active .page,
body.team-video-active .home-shell,
body.team-video-active .home-main,
body.team-video-active .home-focus-grid,
body.team-video-active .home-lower-grid,
body.team-video-active .home-kpis,
body.team-video-active .quick-rail {
  background: transparent !important;
  background-color: transparent !important;
}

/* v70 — final freigegebenes Startseitenbild */
.krakens-image-start{
  aspect-ratio:16/9!important;
  width:min(100%,1664px)!important;
  margin:0 auto!important;
  background:url('/static/startseite-hintergrund-v3.png') center center/contain no-repeat!important;
}
.krakens-image-start .hq-team-logos,.krakens-image-start .original-reapers-logo,.krakens-image-start .correct-reapers-logo{display:none!important}
/* Team-Hotspots passend zum finalen Bild */
.krakens-image-start .abyss-hotspot{left:19.25%!important;top:54.4%!important;width:31.15%!important;height:24.71%!important}
.krakens-image-start .reapers-hotspot{left:51.85%!important;top:54.4%!important;width:30.9%!important;height:24.89%!important}
/* Drei Twitch-Hotspots */
.krakens-image-start .twitch-slot-1{left:20.1%!important;top:84.18%!important;width:22.2%!important;height:7.64%!important}
.krakens-image-start .twitch-slot-2{left:34.5%!important;top:76.0%!important;width:31.0%!important;height:14.0%!important}
.krakens-image-start .twitch-slot-3{left:59.0%!important;top:84.18%!important;width:22.4%!important;height:7.64%!important}

/* v71 — komplettes Startseitenbild anzeigen, nichts abschneiden */
.krakens-image-start{
  width:min(100%,1672px)!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:3840/2160!important;
  margin:0 auto!important;
  background-image:url('/static/startseite-hintergrund-v3.png')!important;
  background-position:center top!important;
  background-size:contain!important;
  background-repeat:no-repeat!important;
  overflow:visible!important;
}
/* Hotspots relativ zum vollständigen 1672x941-Bild */
.krakens-image-start .abyss-hotspot{left:19.25%!important;top:54.4%!important;width:31.15%!important;height:24.71%!important}
.krakens-image-start .reapers-hotspot{left:51.85%!important;top:54.4%!important;width:30.9%!important;height:24.89%!important}
.krakens-image-start .twitch-slot-1{left:20.1%!important;top:84.18%!important;width:22.2%!important;height:7.64%!important}
.krakens-image-start .twitch-slot-2{left:34.5%!important;top:76.0%!important;width:31.0%!important;height:14.0%!important}
.krakens-image-start .twitch-slot-3{left:59.0%!important;top:84.18%!important;width:22.4%!important;height:7.64%!important}
@media(max-width:900px){
  .krakens-image-start{width:100%!important;aspect-ratio:3840/2160!important;background-size:contain!important}
}

/* v72 — vollständige Startseite: oberer Community-Hero + freigegebener Teams/Twitch-Bereich */
.krakens-image-start{
  width:min(100%,1536px)!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:1536/1384!important;
  margin:0 auto!important;
  background:url('/static/startseite-hintergrund-v3.png') center top / 100% 100% no-repeat!important;
  overflow:hidden!important;
}
.krakens-image-start .hq-team-logos,.krakens-image-start .original-reapers-logo{display:none!important}
.krakens-image-start .abyss-hotspot{left:19.25%!important;top:54.4%!important;width:31.15%!important;height:24.71%!important}
.krakens-image-start .reapers-hotspot{left:51.85%!important;top:54.4%!important;width:30.9%!important;height:24.89%!important}
.krakens-image-start .twitch-slot-1{left:20.1%!important;top:84.18%!important;width:22.2%!important;height:7.64%!important}
.krakens-image-start .twitch-slot-2{left:34.3%!important;top:84.2%!important;width:31.0%!important;height:9.0%!important}
.krakens-image-start .twitch-slot-3{left:59.0%!important;top:84.18%!important;width:22.4%!important;height:7.64%!important}
.krakens-image-start .twitch-visible-label{display:none!important}
@media(max-width:900px){.krakens-image-start{width:100%!important;aspect-ratio:1536/1384!important}}

/* v73 — finales vollständiges Startseitenbild mit aktiven Hotspots */
.krakens-image-start{width:min(100%,1536px)!important;aspect-ratio:1536/1024!important;height:auto!important;min-height:0!important;margin:0 auto!important;background:url('/static/startseite-hintergrund-v3.png') center top/contain no-repeat!important;position:relative!important;overflow:hidden!important;}
.krakens-image-start .abyss-hotspot{left:19.25%!important;top:54.4%!important;width:31.15%!important;height:24.71%!important;}
.krakens-image-start .reapers-hotspot{left:51.85%!important;top:54.4%!important;width:30.9%!important;height:24.89%!important;}
.krakens-image-start .twitch-slot-1{left:20.1%!important;top:84.18%!important;width:22.2%!important;height:7.64%!important;}
.krakens-image-start .twitch-slot-2{left:34.5%!important;top:86.2%!important;width:29.3%!important;height:10.5%!important;}
.krakens-image-start .twitch-slot-3{left:59.0%!important;top:84.18%!important;width:22.4%!important;height:7.64%!important;}
.krakens-image-start .twitch-visible-label,.krakens-image-start .hq-team-logos,.krakens-image-start .original-reapers-logo{display:none!important;}
@media(max-width:900px){.krakens-image-start{width:100%!important;aspect-ratio:1536/1024!important;background-size:contain!important;}}

/* v75: altes Ocean-Reapers-Abdeckpanel deaktiviert */
.krakens-image-start::after, .krakens-image-start:after { content:none !important; display:none !important; background:none !important; }

/* v76 Abyss Panels: 50% Deckkraft / 50% Transparenz */
body.team-video-active .content-card,body.team-video-active .home-card,body.team-video-active .attendance-group-card,body.team-video-active .home-kpi,body.team-video-active .saved-lineup-row,body.team-video-active .event-row,body.team-video-active .player-row,body.team-video-active .match-row,body.team-video-active .stat-card,body.team-video-active .admin-card,body.team-video-active .table-card,body.team-video-active .quick-rail-nav a { background:rgba(5,22,31,.60)!important; }
body.team-video-active .topbar { background:rgba(4,18,27,.50)!important; }

/* v77 — kompakte Spielkarten in Termine & Archiv */
.kc-match-list{display:grid;gap:12px}.kc-match-card{border:1px solid var(--line);border-left:3px solid #1aa6d9;border-radius:12px;background:rgba(7,11,14,.72);overflow:hidden}.kc-match-card>summary{list-style:none;cursor:pointer}.kc-match-card>summary::-webkit-details-marker{display:none}.kc-match-summary{padding:12px 18px}.kc-match-meta{padding:5px 10px;margin-bottom:10px;border:1px solid var(--line);border-radius:999px;color:#b8c0c6;font-size:11px;font-weight:800;letter-spacing:.03em;background:rgba(0,0,0,.22)}.kc-match-line{display:grid;grid-template-columns:minmax(140px,1fr) auto minmax(140px,1fr) auto;gap:16px;align-items:center}.kc-match-team{font-size:18px}.kc-match-team:nth-of-type(3){text-align:left}.kc-match-score{min-width:68px;padding:9px 12px;border-radius:9px;background:#090b0d;border:1px solid rgba(255,255,255,.07);font-size:22px;font-weight:900;text-align:center;color:#ff3f67}.kc-match-score.planned{color:var(--muted);font-size:18px}.kc-match-actions{display:flex;gap:9px;align-items:center}.kc-match-actions form{margin:0}.kc-icon-btn{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;border:1px solid var(--line);background:#15181c;color:#dce5ea;text-decoration:none;font-size:19px;font-weight:900;cursor:pointer}.kc-icon-btn.ea{background:#8b5cf6;border-color:#8b5cf6;color:#fff}.kc-icon-btn.ea.disabled{opacity:.42}.kc-icon-btn.edit{color:#f1c232;border-color:rgba(241,194,50,.35)}.kc-icon-btn.delete{color:#ff4967;border-color:rgba(255,73,103,.35)}.kc-match-body{border-top:1px solid var(--line);padding:18px;background:rgba(0,0,0,.12)}.kc-match-info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.kc-match-info-grid>div{padding:12px;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.02)}.kc-match-info-grid span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;margin-bottom:4px}.kc-match-body-actions{margin-top:14px;display:flex;justify-content:flex-end}
.kc-match-tabs{margin-top:16px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:rgba(0,0,0,.18)}
.kc-match-tabbar{display:flex;background:rgba(0,0,0,.25);border-bottom:1px solid var(--line)}
.kc-match-tabbtn{flex:1;padding:11px 0;background:transparent;border:none;color:var(--muted);font-weight:800;font-size:12px;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border-bottom:2px solid transparent}
.kc-match-tabbtn:hover{color:#fff}
.kc-match-tabbtn.active{color:var(--accent);border-bottom-color:var(--accent);background:linear-gradient(to top,rgba(var(--acc-rgb),.08),transparent)}
.kc-match-tabview{padding:16px 18px}
.kc-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.kc-info-col h4{margin:0 0 10px;font-size:14px}
.kc-scorer-label{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}
.kc-scorer-row{padding:6px 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:13px}
.kc-scorer-row:last-of-type{border-bottom:0}
.kc-motm{margin-top:14px;padding:12px;border:1px solid rgba(241,194,50,.3);border-radius:10px;background:rgba(241,194,50,.06);text-align:center}
.kc-motm span{display:block;color:#f1c232;font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;margin-bottom:4px}
.kc-motm b{font-size:15px}
.kc-stats-block{margin-bottom:18px}
.kc-stats-block:last-child{margin-bottom:0}
.kc-stats-block h4{margin:0 0 8px;font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.kc-empty-mini{color:var(--muted);font-size:13px;padding:6px 0}
@media(max-width:700px){.kc-info-grid{grid-template-columns:1fr}}
.kc-match-edit-form{display:none;margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.kc-match-edit-form.visible{display:grid;gap:12px}body.team-video-active .kc-match-card{background:rgba(5,22,31,.60)}
@media(max-width:850px){.kc-match-line{grid-template-columns:1fr auto}.kc-match-team:nth-of-type(3){grid-column:1}.kc-match-score{grid-row:1 / span 2;grid-column:2}.kc-match-actions{grid-column:1 / -1}.kc-match-info-grid{grid-template-columns:1fr 1fr}}

/* v78 — Kalender sauber und stabil ausrichten */
.calendar-head{
  width:100%;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
}
.calendar-filter{width:100%;box-sizing:border-box}
.calendar-weekdays,
.calendar-days{
  width:100%;
  box-sizing:border-box;
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));
}
.calendar-weekdays>div{
  min-width:0;
  text-align:center;
  box-sizing:border-box;
}
.calendar-days{
  border-top:1px solid var(--line);
  border-left:1px solid var(--line);
}
.calendar-day{
  min-width:0;
  width:auto;
  box-sizing:border-box;
  overflow:hidden;
}
.day-events,.calendar-event{min-width:0;max-width:100%;box-sizing:border-box}
.calendar-event{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

@media(max-width:650px){
  .calendar-head{align-items:flex-start;flex-direction:column}
  .calendar-nav{width:100%;justify-content:flex-start}
  .calendar-weekdays,.calendar-days{width:760px;min-width:760px}
  .calendar-scroll{overflow-x:auto;width:100%}
}
\n\n/* v81 — Kalender vollständig zentriert und unter der Überschrift */
.calendar-page-centered{
  width:100%;
  max-width:1500px;
  margin:0 auto;
  display:flex;
  flex-direction:column;
  align-items:center;
  box-sizing:border-box;
}
.calendar-page-centered .calendar-head-centered{
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  gap:14px;
  margin:0 0 18px;
}
.calendar-page-centered .calendar-title-block{width:100%;text-align:center}
.calendar-page-centered .calendar-title-block h1{margin:8px 0 0}
.calendar-page-centered .calendar-nav{display:flex;justify-content:center;align-items:center;gap:8px;width:100%}
.calendar-page-centered .calendar-filter{
  width:min(100%,1100px);
  margin:0 auto 20px;
  display:flex;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
}
.calendar-page-centered .calendar-filter input[name="q"]{flex:1 1 320px;max-width:560px}
.calendar-page-centered .calendar-scroll{width:100%;margin:0 auto;overflow-x:auto;box-sizing:border-box}
.calendar-page-centered .calendar-weekdays,
.calendar-page-centered .calendar-days{width:100%;margin:0 auto;grid-template-columns:repeat(7,minmax(0,1fr))}
@media(max-width:650px){
 .calendar-page-centered{align-items:stretch}
 .calendar-page-centered .calendar-head-centered{align-items:center;text-align:center}
 .calendar-page-centered .calendar-nav{justify-content:center}
 .calendar-page-centered .calendar-scroll{overflow-x:auto}
 .calendar-page-centered .calendar-weekdays,.calendar-page-centered .calendar-days{width:760px;min-width:760px}
}

/* v82 — Termine wie Referenz: Import + manuelles Spiel oben, nur offene manuelle Spiele unten */
.termine-heading{max-width:1440px;margin-left:auto;margin-right:auto}
.termine-create-card,.termine-list-card{max-width:1440px;margin-left:auto;margin-right:auto}
.termine-create-card{display:grid;gap:18px}
.termine-create-head,.termine-list-head{align-items:flex-start}
.termine-ea-import{width:100%;justify-content:center;background:rgba(139,92,246,.13);border-color:rgba(139,92,246,.65);color:#a979ff;font-weight:900;letter-spacing:.06em}
.termine-create-form{display:grid;gap:14px}
.termine-form-row{display:grid;gap:16px}
.termine-form-row.two{grid-template-columns:1fr 1fr}
.termine-form-row.three{grid-template-columns:1fr 1fr 1fr}
.termine-create-form label{display:grid;gap:7px;color:var(--muted);font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.04em}
.termine-create-form input,.termine-create-form select,.termine-create-form textarea{width:100%}
.termine-save{margin-top:2px}
.termine-list-card{margin-top:22px}
.termine-list-head{margin-bottom:8px}
.termine-list-card .kc-match-list{margin-top:12px}
@media(max-width:850px){.termine-form-row.two,.termine-form-row.three{grid-template-columns:1fr}}

/* v83 — EA-Abruf in Termine: direkter Abruf + Verbindungstest */
.termine-ea-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:stretch;margin-bottom:18px}
.termine-ea-actions .button{margin:0;min-height:50px}
.termine-ea-test{display:flex;align-items:center;justify-content:center;white-space:nowrap}
@media(max-width:760px){.termine-ea-actions{grid-template-columns:1fr}.termine-ea-test{width:100%}}

/* v84 — Kader übersichtlich untereinander statt breiter 3-Spalten-Ansicht */
.squad-builder-dnd{
  display:flex!important;
  flex-direction:column!important;
  gap:20px!important;
  align-items:stretch!important;
  max-width:1100px;
  margin:20px auto 0!important;
}
.squad-builder-dnd .lineup-player-pool,
.squad-builder-dnd .lineup-help,
.squad-builder-dnd .lineup-pitch-wrap{
  width:100%!important;
  max-width:100%!important;
  position:static!important;
}
.lineup-player-pool{order:1!important}
.lineup-pitch-wrap{order:2!important;overflow-x:auto}
.lineup-help{order:3!important}
.player-pool{max-height:330px;display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px}
.lineup-pitch{width:100%;max-width:900px;min-width:650px;margin:0 auto}
.lineup-help .matchday-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.roster-admin-grid{
  display:flex!important;
  flex-direction:column!important;
  gap:18px!important;
  max-width:1100px;
  margin:18px auto 0!important;
}
.roster-admin-grid > *{width:100%!important;max-width:100%!important}
.lineup-manager-card,.roster-attendance-link-card,.saved-lineups-card{max-width:1200px;margin-left:auto;margin-right:auto}
@media(max-width:760px){
  .lineup-heading,.lineup-controls{align-items:stretch!important;flex-direction:column!important}
  .lineup-help .matchday-form-grid{grid-template-columns:1fr}
  .player-pool{grid-template-columns:1fr}
}

/* v85 — EA Import kompakt und zentriert */
.ea-results{max-width:1180px;margin:26px auto 0!important;width:100%}
.ea-results .section-subheading{text-align:center;justify-content:center!important}
.ea-results .section-subheading>div{width:100%;text-align:center}
.ea-match-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;max-width:1100px;margin:0 auto!important}
.ea-match-card{width:100%;margin:0!important}
.ea-match-top{align-items:center}
.ea-scoreline{justify-content:center!important;text-align:center}
.ea-import-form{max-width:520px;margin:14px auto 0!important}
@media(max-width:850px){.ea-match-grid{grid-template-columns:1fr!important}}

/* v86 — Abyss Kalender: 50 % transparent / 50 % deckend */
body.team-video-active .calendar-day{
  background:rgba(8,27,37,.50)!important;
}
body.team-video-active .calendar-weekdays,
body.team-video-active .calendar-days{
  background:transparent!important;
}


/* v87 — Kader: Spielerliste neben Aufstellung, Anwesenheit darunter, breitere Panels */
.lineup-manager-card,
.saved-lineups-card,
.roster-admin-grid{
  max-width:1460px!important;
  width:min(96%,1460px)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.squad-builder-dnd{
  display:grid!important;
  grid-template-columns:minmax(260px,340px) minmax(700px,1fr)!important;
  grid-template-areas:
    "players pitch"
    "attendance attendance"!important;
  gap:22px!important;
  align-items:start!important;
  max-width:1380px!important;
  width:100%!important;
  margin:20px auto 0!important;
}
.squad-builder-dnd .lineup-player-pool{
  grid-area:players!important;
  width:100%!important;
  max-width:none!important;
  position:static!important;
}
.squad-builder-dnd .lineup-pitch-wrap{
  grid-area:pitch!important;
  width:100%!important;
  max-width:none!important;
  position:static!important;
  overflow:visible!important;
}
.squad-builder-dnd .lineup-help{
  grid-area:attendance!important;
  width:100%!important;
  max-width:none!important;
  position:static!important;
}
.player-pool{
  max-height:720px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  overflow:auto!important;
}
.lineup-pitch{
  width:100%!important;
  max-width:980px!important;
  min-width:0!important;
  margin:0 auto!important;
}
.lineup-help .matchday-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.roster-admin-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:18px!important;
  margin-top:18px!important;
}
.roster-admin-grid > *{width:100%!important;max-width:100%!important}
.roster-attendance-link-card{display:none!important}
@media(max-width:1100px){
  .squad-builder-dnd{
    grid-template-columns:1fr!important;
    grid-template-areas:"players" "pitch" "attendance"!important;
  }
  .player-pool{max-height:360px!important}
}
@media(max-width:760px){
  .lineup-help .matchday-form-grid{grid-template-columns:1fr!important}
}


/* v89 — Kader: Teamkader direkt unter Anwesenheit, Spielernamen immer sichtbar */
.team-roster-card,.add-player-card{
  max-width:1460px!important;
  width:min(96%,1460px)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.team-roster-card{margin-top:18px!important}
.availability-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:14px 0 10px;flex-wrap:wrap}
.availability-picker select{min-width:220px;padding:8px 10px}
.availability-legend{display:flex;flex-wrap:wrap;gap:14px;padding:10px 14px;margin-bottom:14px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.02)}
.legend-item{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted)}
.legend-item b{color:var(--text);font-weight:800}
.availability-dot{display:inline-block;width:11px;height:11px;border-radius:50%;flex-shrink:0}
.team-player-main .availability-dot{margin-left:auto;width:13px;height:13px}
.availability-dot.status-accepted{background:var(--accent)}
.availability-dot.status-declined{background:#e85d75}
.availability-dot.status-maybe{background:#e6b85c}
.availability-dot.status-backup{background:#50a0ff}
.availability-dot.status-vacation{background:#b478ff}
.availability-dot.status-pending{background:#5a6870}
.pending-names-card{border:1px solid rgba(230,184,92,.35);background:rgba(230,184,92,.06);border-radius:10px;padding:12px 14px;margin-bottom:14px;display:grid;gap:8px}
.vote-archive-legend{display:flex;flex-wrap:wrap;gap:14px;padding:10px 14px;margin-bottom:14px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.02)}
.vote-archive-list{display:grid;gap:8px}
.vote-archive-item{border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.02)}
.vote-archive-item summary{list-style:none;cursor:pointer;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.vote-archive-item summary::-webkit-details-marker{display:none}
.vote-archive-item summary::before{content:'▸';color:var(--accent);font-size:11px;margin-right:8px}
.vote-archive-item[open] summary::before{content:'▾'}
.vote-archive-date{font-weight:800;font-size:13px;white-space:nowrap}
.vote-archive-date b{color:var(--accent);margin-right:6px}
.vote-archive-counts{display:flex;gap:14px;flex-wrap:wrap}
.vote-archive-counts .legend-item{font-weight:800}
.vote-archive-detail{padding:0 16px 16px;display:grid;gap:10px;border-top:1px solid var(--line);margin-top:2px}
.vote-archive-detail div{padding-top:10px}
.vote-archive-detail strong{display:flex;align-items:center;gap:6px;font-size:12px;margin-bottom:4px}
.vote-archive-detail p{color:var(--muted);font-size:12.5px;margin:0;line-height:1.5}
.pending-names-head{font-size:12px;font-weight:800;color:#e6b85c}
.pending-name-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px}
.pending-name-tag{background:rgba(255,255,255,.08);border-radius:6px;padding:3px 8px;font-weight:800}
.pending-name-row select{padding:5px 8px}
.add-player-card{margin-top:18px!important}
.team-roster-card .player-row{
  display:grid!important;
  grid-template-columns:minmax(180px,260px) minmax(0,1fr) auto!important;
  gap:14px!important;
  align-items:center!important;
}
.team-player-main{display:flex;align-items:center;gap:12px;min-width:0}
.team-player-name{display:block!important;color:var(--text)!important;font-size:15px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.team-roster-card .player-edit-form{
  display:grid!important;
  grid-template-columns:minmax(150px,1.2fr) 100px minmax(140px,1fr) 150px auto!important;
  gap:8px!important;
  min-width:0!important;
}
.team-roster-card .player-edit-form input,.team-roster-card .player-edit-form select{min-width:0!important;width:100%!important}
.team-player-actions{display:flex;gap:7px;align-items:center;justify-content:flex-end}
.add-player-form{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr)) auto!important;gap:10px!important;align-items:end!important}
.inactive-roster-card{max-width:1460px!important;width:min(96%,1460px)!important;margin:14px auto 0!important;padding:0!important}
.inactive-roster-card>summary{list-style:none;cursor:pointer;padding:22px 26px;display:flex;align-items:center;gap:10px;justify-content:space-between}
.inactive-roster-card>summary::-webkit-details-marker{display:none}
.inactive-roster-card>summary::before{content:'▸';color:var(--accent);font-size:11px;transition:transform .15s}
.inactive-roster-card[open]>summary::before{transform:rotate(90deg)}
.inactive-roster-card>summary .eyebrow{margin-right:auto;margin-left:8px}
.inactive-roster-card .roster-list{padding:0 26px 22px}
.inactive-roster-card .player-row{display:grid;grid-template-columns:minmax(180px,260px) 1fr auto;gap:14px;align-items:center;opacity:.6}
.inactive-roster-card .player-row:hover{opacity:.85}
.lineup-player-card{min-width:0!important}
.lineup-player-card .pool-name{display:block!important;color:#fff!important;min-width:0!important;font-size:13px!important;line-height:1.25!important}
.lineup-player-pool{min-width:280px!important}
@media(max-width:1100px){
  .team-roster-card .player-row{grid-template-columns:1fr!important}
  .team-player-actions{justify-content:flex-start!important}
  .team-roster-card .player-edit-form{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .add-player-form{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:680px){
  .team-roster-card .player-edit-form,.add-player-form{grid-template-columns:1fr!important}
}

/* v90 – Statsseite sauber untereinander und zentriert */
.stats-page-stack{display:flex;flex-direction:column;gap:24px;width:100%}
.stats-page-stack .content-card,.stats-page-stack .stats-grid{width:100%}


.stats-page-stack .phase3-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:0}
.stats-page-stack .stat-card{text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}
.stats-player-section .card-heading,.stats-leader-section .card-heading,.stats-awards-section .card-heading,.stats-history-section .card-heading{justify-content:space-between;align-items:center}
.stats-player-section .table-wrap{width:100%;overflow-x:auto;overflow-y:auto;max-height:960px;border:1px solid var(--line);border-radius:10px}
.stats-player-section .table-wrap table{margin:0}
.stats-player-section .table-wrap thead th{position:sticky;top:0;background:#0d1518;z-index:2;box-shadow:0 1px 0 var(--line)}
.stats-player-section table{min-width:1280px;width:100%}
.stats-leader-section .hof-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.stats-leader-section .hof-card{text-align:center;min-height:150px;align-content:center}
.stats-awards-list{display:grid;gap:10px}
.stats-awards-section .award-row{border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:14px 16px;background:rgba(255,255,255,.025)}
.trophy-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-bottom:18px}
.trophy-card{display:flex;gap:12px;align-items:center;padding:14px 16px;border:1px solid rgba(241,194,50,.25);border-radius:12px;background:rgba(241,194,50,.05)}
.trophy-icon{width:40px;height:40px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background:rgba(241,194,50,.12);font-size:19px}
.trophy-card h3{margin:0 0 2px;font-size:11px;color:#f1c232;text-transform:uppercase;letter-spacing:.04em;font-weight:800}
.trophy-card a{display:block;font-weight:800;font-size:14px;color:var(--text)}
.trophy-card small{color:var(--muted)}
.stats-history-section .match-list{max-width:1100px;margin:0 auto;width:100%}
.stats-history-section .match-row{grid-template-columns:90px minmax(0,1fr) auto;width:100%}
.sortable-table th{cursor:pointer;user-select:none;position:relative;padding-right:16px}
.sortable-table th:hover{color:var(--accent)}
.sortable-table th.sorted-asc:after{content:'▲';position:absolute;right:2px;font-size:9px;color:var(--accent)}
.sortable-table th.sorted-desc:after{content:'▼';position:absolute;right:2px;font-size:9px;color:var(--accent)}
.sortable-hint{margin-top:8px}
@media(max-width:1100px){.stats-page-stack .phase3-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-leader-section .hof-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.stats-page-stack .phase3-summary,.stats-leader-section .hof-grid{grid-template-columns:1fr}.stats-page-stack .stats-filter>*{width:100%;max-width:none}.stats-player-section .content-card{padding-left:14px;padding-right:14px}}

/* Einheitliches Seitenraster: EINE feste Panel-Breite auf allen Seiten (Home,
   Medien, Admin, Kader, ...) statt mehrerer widersprüchlicher Breiten-Regeln
   aus früheren Bearbeitungsständen. Die Breite kommt ausschließlich aus der
   .page-Regel oben (min(92%, 1440px)) - hier nur noch reine Optik. */
:root{--kc-page-gap:16px}
.content-card{box-sizing:border-box}
.page > .stats-page-stack > *,
.page > .calendar-page-centered > *,
.page > .games-layout > *,
.page > .player-performance-layout > *{box-sizing:border-box}
/* Einheitliche Panel-Optik auf allen Seiten. */
.page .content-card,
.page .termine-create-card,
.page .termine-list-card,
.page .lineup-manager-card,
.page .team-roster-card,
.page .add-player-card,
.page .saved-lineups-card,
.page .attendance-range-card,
.page .attendance-chart-card,
.page .admin-card,
.page .table-card{
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:15px!important;
  box-shadow:0 12px 38px rgba(0,0,0,.12)!important;
  box-sizing:border-box!important;
}
body:not(.team-video-active) .page .content-card,
body:not(.team-video-active) .page .termine-create-card,
body:not(.team-video-active) .page .termine-list-card,
body:not(.team-video-active) .page .lineup-manager-card,
body:not(.team-video-active) .page .team-roster-card,
body:not(.team-video-active) .page .add-player-card,
body:not(.team-video-active) .page .saved-lineups-card,
body:not(.team-video-active) .page .attendance-range-card,
body:not(.team-video-active) .page .attendance-chart-card,
body:not(.team-video-active) .page .admin-card,
body:not(.team-video-active) .page .table-card{
  background:linear-gradient(180deg,rgba(255,255,255,.034),rgba(255,255,255,.017))!important;
}
/* Abyss behält die gewünschte 50/50-Transparenz. */
body.team-video-active .page .content-card,
body.team-video-active .page .termine-create-card,
body.team-video-active .page .termine-list-card,
body.team-video-active .page .lineup-manager-card,
body.team-video-active .page .team-roster-card,
body.team-video-active .page .add-player-card,
body.team-video-active .page .saved-lineups-card,
body.team-video-active .page .attendance-range-card,
body.team-video-active .page .attendance-chart-card,
body.team-video-active .page .admin-card,
body.team-video-active .page .table-card{background:rgba(5,22,31,.60)!important}
.stats-page-stack,.calendar-page-centered{width:100%!important;max-width:none!important}
.stats-page-stack{gap:var(--kc-page-gap)!important}
.page .section-heading,.page .detail-header,.page .calendar-head{width:100%;box-sizing:border-box}
.page .content-card{margin-top:var(--kc-page-gap)}
.page .content-card.no-top{margin-top:0}
/* Zwei-Spalten-Bereiche bleiben innerhalb derselben Außenbreite. */
.page .split-grid,.page .match-tabs-grid,.page .games-layout{max-width:none!important;width:100%!important;box-sizing:border-box}

/* v94 — Kader & Aufstellung wie Home: Bereiche konsequent untereinander */
.squad-builder-dnd{
  display:flex!important;
  flex-direction:column!important;
  grid-template-columns:none!important;
  grid-template-areas:none!important;
  gap:22px!important;
  max-width:100%!important;
  width:100%!important;
  margin:20px auto 0!important;
  align-items:stretch!important;
}
.squad-builder-dnd .lineup-player-pool,
.squad-builder-dnd .lineup-pitch-wrap,
.squad-builder-dnd .lineup-help{
  width:100%!important;
  max-width:100%!important;
  position:static!important;
  min-width:0!important;
}
.squad-builder-dnd .lineup-player-pool{order:1!important}
.squad-builder-dnd .lineup-pitch-wrap{order:2!important;overflow-x:auto!important}
.squad-builder-dnd .lineup-help{order:3!important}
.player-pool{
  max-height:360px!important;
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important;
  gap:8px!important;
  overflow:auto!important;
}
.lineup-pitch{
  width:100%!important;
  max-width:1000px!important;
  min-width:650px!important;
  margin:0 auto!important;
}
.lineup-manager-card,
.team-roster-card,
.add-player-card,
.saved-lineups-card{
  width:min(96%,1440px)!important;
  max-width:1440px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
@media(max-width:760px){
  .player-pool{grid-template-columns:1fr!important}
  .lineup-pitch-wrap{overflow-x:auto!important}
}

/* Ergebnisfarben: Sieg grün, Unentschieden gelb, Niederlage rot - überall
   dort, wo ein Spielergebnis aus Vereinssicht angezeigt wird. */
.result-win{color:#2ecc71!important}
.result-draw{color:#f1c232!important}
.result-loss{color:#ff4967!important}
.kc-match-score.result-win,.kc-match-score.result-draw,.kc-match-score.result-loss{border-color:currentColor}
.compact-score.result-win,.compact-score.result-draw,.compact-score.result-loss{background:currentColor;background:color-mix(in srgb,currentColor 14%,transparent)}


/* v13: kompakte Team-Gesamtstatistik links oben */
.topbar.topbar-no-brand{display:flex!important;align-items:center!important;gap:14px!important;padding-left:20px!important}
.team-stat-strip{display:flex;align-items:center;gap:0;height:54px;min-width:0;background:rgba(7,13,17,.82);border:1px solid rgba(255,255,255,.08);border-radius:13px;padding:4px 8px 4px 5px;box-shadow:0 0 0 1px rgba(25,167,232,.08),0 8px 24px rgba(0,0,0,.22)}
.team-stat-logo{width:54px;height:44px;object-fit:contain;margin-right:4px}
.team-stat-item{height:39px;min-width:68px;padding:1px 12px;border-left:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.team-stat-item strong{font-size:20px;line-height:20px;color:#f2f5f7;font-weight:900;font-variant-numeric:tabular-nums}
.team-stat-item span{font-size:8px;line-height:12px;letter-spacing:.15em;color:#737c84;font-weight:900;margin-top:3px}
.team-stat-item.win strong{color:#22db87}.team-stat-item.draw strong{color:#f1c43d}.team-stat-item.loss strong{color:#ff3f75}
.team-stat-item.diff.pos strong{color:#22db87}.team-stat-item.diff.neg strong{color:#ff3f75}
.team-stat-item.goals{min-width:116px}.team-stat-filter{margin:0 0 0 8px}.team-stat-filter select{height:40px;min-width:200px;border:1px solid #21aee9!important;border-radius:12px!important;background:#071017!important;color:#eef4f7!important;padding:0 34px 0 13px!important;font-size:11px!important;font-weight:800!important}
.topbar.topbar-no-brand .main-nav{margin-left:auto!important;margin-right:0!important}
@media(max-width:1100px){.team-stat-filter select{min-width:150px}.team-stat-item{min-width:55px;padding-left:8px;padding-right:8px}.team-stat-item.goals{min-width:95px}}
@media(max-width:820px){.topbar.topbar-no-brand{height:auto!important;min-height:66px!important;flex-wrap:wrap!important;padding:7px 12px!important}.team-stat-strip{width:100%;overflow-x:auto}.team-stat-filter select{min-width:145px}.topbar.topbar-no-brand .main-nav{margin-left:0!important}.team-stat-logo{width:46px}}

/* ---- Spielbare Positionen & Aufstellungsvorschlag ---- */
.pos-picker{grid-column:1/-1;border:1px solid var(--line);border-radius:10px;padding:6px 10px;background:rgba(255,255,255,.02)}
.pos-picker>summary{cursor:pointer;display:flex;flex-wrap:wrap;gap:6px;align-items:center;list-style:none;font-size:11px}
.pos-picker>summary::-webkit-details-marker{display:none}
.pos-picker-label{color:var(--muted);font-weight:800;letter-spacing:.05em;font-size:10px;margin-right:4px}
.pos-tag{padding:2px 7px;border-radius:6px;background:rgba(var(--acc-rgb),.14);border:1px solid rgba(var(--acc-rgb),.3);color:var(--accent);font-size:10px;font-weight:900}
.pos-tag.auto{opacity:.55;border-style:dashed}
.pos-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:4px 12px;padding:10px 2px 4px}
.pos-check{display:flex;align-items:center;gap:8px;font-size:12px;color:#c9d3d4;cursor:pointer}
.pos-check input{width:auto;margin:0}
.pool-codes{display:block;font-size:9px;color:var(--muted);margin-top:2px}
.lineup-slot.off-pos{border-color:rgba(230,184,92,.9)!important;box-shadow:0 0 0 1px rgba(230,184,92,.5),0 5px 18px rgba(0,0,0,.35)}
.lineup-slot.off-pos small{color:var(--warning)}
.suggest-box{display:grid;gap:10px;margin:0 0 18px;padding:13px;border-radius:10px;background:rgba(var(--acc-rgb),.05);border:1px dashed rgba(var(--acc-rgb),.35)}
.suggest-box label{display:grid;gap:5px;font-size:10px;color:var(--muted);font-weight:800}
.suggest-box label.pos-check{display:flex}
.suggest-result table{width:100%;border-collapse:collapse;font-size:11px}
.suggest-result th,.suggest-result td{text-align:left;padding:4px 6px;border-bottom:1px solid var(--line)}
.suggest-warn{color:var(--warning)!important;font-size:11px!important;margin:6px 0 0}
.pos-picker .pos-check{display:flex!important;flex-direction:row!important;align-items:center;justify-content:flex-start;gap:8px;text-align:left}
.pos-picker .pos-check input[type=checkbox],.suggest-box .pos-check input[type=checkbox]{width:16px!important;height:16px!important;min-width:16px;flex:0 0 16px;padding:0!important;margin:0!important;accent-color:var(--accent)}
.pos-picker .pos-check span,.suggest-box .pos-check span{flex:1;text-align:left;font-size:12px;font-weight:600;color:#c9d3d4}
.pos-tag.main{background:var(--accent);color:#04100d}
.table-wrap table small.pg{display:block;margin:2px 0 0;font-size:10px;color:var(--muted);white-space:nowrap}
.table-wrap{overflow-x:auto}

.perf-cal{max-width:430px}.perf-cal-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.perf-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}
.perf-cal-wd{text-align:center;font-size:10px;font-weight:800;color:var(--muted);padding:4px 0}
.perf-cal-day{min-height:48px;border-radius:8px;border:1px solid transparent;padding:5px 2px;text-align:center;font-size:13px;color:var(--muted);opacity:.45;background:none}
.perf-cal-day small{display:block;font-size:8px;margin-top:2px;white-space:nowrap}
.perf-cal-day.has-match{opacity:1;cursor:pointer;color:var(--text);background:rgba(var(--acc-rgb),.1);border-color:rgba(var(--acc-rgb),.35)}
.perf-cal-day.has-match:hover{background:rgba(var(--acc-rgb),.22)}
.perf-cal-day.has-match.selected{background:var(--accent);color:#04100d;border-color:var(--accent);font-weight:900}
.perf-cal-day.selected small{color:#04100d}
.perf-cal-actions{display:flex;align-items:center;gap:12px;margin-top:14px;flex-wrap:wrap}

/* Taktikboard: Spielfeld als SVG in echten Maßen (105x68 m + Rand) -> runder Mittelkreis, korrekte Strafraum-Bögen */
.original-tactics-board{aspect-ratio:108/71!important}
.original-tactics-board svg.field-svg{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}

/* Startseite: Anmelden/Registrieren direkt im Titelbild statt in eigener Kopfleiste */
body.start-page .topbar{display:none!important}
body.start-page .page{padding-top:0!important}
.krakens-image-start .start-auth{position:absolute;top:2.2%;right:2%;z-index:9;display:flex;gap:clamp(4px,.8vw,12px);align-items:center}
.krakens-image-start .start-auth a{display:inline-flex;align-items:center;padding:clamp(3px,.7vw,11px) clamp(7px,1.4vw,24px);border-radius:999px;font-weight:800;font-size:clamp(8px,1.05vw,16px);letter-spacing:.06em;text-transform:uppercase;text-decoration:none;color:#e9fbff;background:rgba(3,14,22,.62);border:1px solid rgba(82,213,255,.55);backdrop-filter:blur(4px);box-shadow:0 4px 18px rgba(0,0,0,.45),0 0 14px rgba(82,213,255,.18);transition:.18s}
.krakens-image-start .start-auth a.start-auth-register{background:linear-gradient(135deg,rgba(var(--acc-rgb),.85),rgba(40,150,230,.85));border-color:rgba(160,255,240,.7);color:#02121a}
.krakens-image-start .start-auth a:hover{transform:translateY(-1px);outline:none!important;filter:brightness(1.18);box-shadow:0 6px 22px rgba(0,0,0,.5),0 0 20px rgba(82,213,255,.4)}

#ajaxToasts{position:fixed;right:18px;bottom:18px;z-index:10050;display:grid;gap:8px;max-width:min(92vw,420px)}
.ajax-toast{padding:12px 16px;border-radius:10px;font-size:13px;font-weight:700;color:#eafff9;background:rgba(6,24,24,.94);border:1px solid rgba(var(--acc-rgb),.6);box-shadow:0 10px 30px rgba(0,0,0,.5);transition:.3s}
.ajax-toast.err{border-color:rgba(232,93,117,.75);color:#ffe3e8;background:rgba(36,10,16,.94)}
.ajax-toast.hide{opacity:0;transform:translateY(8px)}
.row-removing{opacity:0;transition:opacity .25s}

/* Doppelte Spieler finden */
.dup-finder{margin-top:14px}
.dup-results{margin-top:10px;display:grid;gap:6px;max-height:320px;overflow:auto}
.dup-item{display:flex;flex-direction:column;gap:2px;text-align:left;padding:8px 10px;border:1px solid rgba(255,255,255,.15);border-radius:8px;background:rgba(255,255,255,.04);color:inherit;cursor:pointer}
.dup-item:hover,.dup-item.selected{border-color:#38bdf8;background:rgba(56,189,248,.12)}
.dup-reason{font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;opacity:.7}

.pending-names-card.pending-flash{animation:pendingPulse 1.4s ease-out 2}
@keyframes pendingPulse{0%{box-shadow:0 0 0 0 rgba(251,191,36,.7)}100%{box-shadow:0 0 0 18px rgba(251,191,36,0)}}

/* Anmelden / Registrieren: großes Krakens-Logo im Hintergrund, kein Balken oben */
body.auth-page .topbar{display:none!important}
body.auth-page{background:#04070b!important;min-height:100vh;overflow-x:hidden}
body.auth-page .background-grid{opacity:.25}
body.auth-page::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(ellipse 60% 55% at 50% 45%,rgba(40,120,170,.28),transparent 70%),
             url('/static/krakens-community-logo.png') center 42%/auto min(118vh,125vw) no-repeat;
  filter:drop-shadow(0 0 60px rgba(40,140,200,.25));opacity:.9}
body.auth-page .page{position:relative;z-index:2;display:flex;align-items:flex-end;justify-content:center;min-height:100vh;padding:0 16px 7vh}
body.auth-page .flash-stack{position:fixed;top:14px;left:50%;transform:translateX(-50%);z-index:50;width:min(520px,calc(100vw - 32px))}
body.auth-page .auth-wrap{width:100%;min-height:0;display:flex;justify-content:center;padding:0}
body.auth-page .auth-card{width:min(380px,100%);padding:22px 24px 18px;border-radius:16px;
  background:rgba(5,10,16,.62);border:1px solid rgba(120,190,230,.22);
  -webkit-backdrop-filter:blur(10px) saturate(1.2);backdrop-filter:blur(10px) saturate(1.2);
  box-shadow:0 18px 50px rgba(0,0,0,.55)}
body.auth-page .auth-card.wide{width:min(460px,100%)}
body.auth-page .auth-card h1{font-size:30px;margin:4px 0 2px}
body.auth-page .auth-card .muted{margin:0 0 10px}
body.auth-page .footer{display:none}
@media (max-width:640px){body.auth-page::before{background-position:center 28%;background-size:auto 70vh}
  body.auth-page .page{padding-bottom:3vh}}
body.auth-page:not(.logged-in) main.page{background:transparent!important;align-items:flex-end!important;justify-content:center!important;padding:0 16px 7vh!important;position:relative;z-index:2}
@media (max-width:640px){body.auth-page:not(.logged-in) main.page{padding-bottom:3vh!important}}
/* Feinschliff: Logo vollständig sichtbar oben, Formular kompakt darunter */
body.auth-page::before{background:radial-gradient(ellipse 55% 45% at 50% 30%,rgba(40,120,170,.30),transparent 72%),
  url('/static/krakens-community-logo.png') center 2vh/auto min(60vh,92vw) no-repeat}
body.auth-page .auth-card .eyebrow,body.auth-page .auth-card .muted{display:none}
body.auth-page .auth-card{padding:18px 22px 14px}
body.auth-page .auth-card h1{font-size:26px;margin:0 0 6px;text-align:center}
body.auth-page .auth-card .form{gap:10px}
body.auth-page .auth-card input{padding-top:10px;padding-bottom:10px}
body.auth-page:not(.logged-in) main.page{padding-bottom:4vh!important}
@media (max-width:640px){body.auth-page::before{background-position:center 1vh,center 1vh;background-size:auto,auto min(40vh,96vw)}}
/* Logo scrollt mit der Seite, Formular steht darunter (auch bei der längeren Registrierung) */
body.auth-page{position:relative}
body.auth-page::before{position:absolute!important;inset:auto!important;top:0;left:0;right:0;height:100vh}
body.auth-page:not(.logged-in) main.page{padding-top:45vh!important;min-height:100vh!important;align-items:flex-start!important}
body.auth-page .auth-card p{font-size:14px;line-height:1.4;margin:0 0 8px}
@media (max-width:640px){body.auth-page:not(.logged-in) main.page{padding-top:36vh!important}}
body.auth-page::before{top:0!important;left:0!important;right:0!important;bottom:auto!important;height:100vh!important}
body.auth-page::before{background:radial-gradient(ellipse 55% 45% at 50% 28%,rgba(40,120,170,.30),transparent 72%),
  url('/static/krakens-community-logo.png') center 1.5vh/auto min(51vh,92vw) no-repeat!important}
body.auth-page:not(.logged-in) main.page{padding-top:54vh!important}
@media (max-width:640px){
  body.auth-page::before{background:radial-gradient(ellipse 80% 40% at 50% 22%,rgba(40,120,170,.30),transparent 72%),
    url('/static/krakens-community-logo.png') center 1vh/auto min(34vh,88vw) no-repeat!important}
  body.auth-page:not(.logged-in) main.page{padding-top:36vh!important}}
/* Farbwelt des Krakens-Logos: Stahl/Silber, Eisblau, tiefes Marineschwarz */
body.auth-page{--ice:#7fbfe8;--ice-2:#4a9ccc;--steel:#aeb8c1;--navy:#060c13}
body.auth-page .auth-card{background:linear-gradient(180deg,rgba(14,24,36,.78),rgba(5,10,17,.82));
  border:1px solid rgba(150,190,220,.30);
  box-shadow:0 18px 50px rgba(0,0,0,.6),0 0 38px rgba(70,160,215,.14),inset 0 1px 0 rgba(255,255,255,.10)}
body.auth-page .auth-card h1{background:linear-gradient(180deg,#f2f6f9,#a9b4be);-webkit-background-clip:text;background-clip:text;color:transparent;
  text-shadow:none;letter-spacing:.04em;text-transform:uppercase;font-size:22px}
body.auth-page .auth-card label{color:var(--steel)}
body.auth-page .auth-card input,body.auth-page .auth-card select{background:rgba(6,12,19,.85);border:1px solid rgba(150,175,198,.28);color:#e8eef3}
body.auth-page .auth-card input:focus,body.auth-page .auth-card select:focus{outline:none;border-color:var(--ice);box-shadow:0 0 0 3px rgba(79,170,225,.22)}
body.auth-page .auth-card input::placeholder{color:#6d7b88}
body.auth-page .auth-card .button.primary{background:linear-gradient(180deg,#8fcaee,#4a9ccc);color:#04101a;border:1px solid rgba(190,225,245,.55);
  box-shadow:0 8px 22px rgba(60,150,210,.30),inset 0 1px 0 rgba(255,255,255,.45);font-weight:800;letter-spacing:.04em}
body.auth-page .auth-card .button.primary:hover{background:linear-gradient(180deg,#a5d6f3,#5aaadc);box-shadow:0 10px 28px rgba(70,165,225,.42),inset 0 1px 0 rgba(255,255,255,.5)}
body.auth-page .auth-bottom{border-top:1px solid rgba(150,185,215,.20);color:#8c99a5}
body.auth-page .auth-bottom a,body.auth-page .auth-card a{color:var(--ice)}
body.auth-page .auth-bottom a:hover{color:#bfe3f7}
body.auth-page .auth-card p{color:#9aa7b3}

.discord-btn{display:flex;align-items:center;justify-content:center;gap:10px;background:#5865f2;color:#fff!important;border:1px solid rgba(255,255,255,.18);font-weight:800;letter-spacing:.02em;text-decoration:none;border-radius:12px;padding:12px 16px}
.discord-btn:hover{background:#4752c4}
.auth-or{display:flex;align-items:center;gap:10px;margin:12px 0;color:#8c99a5;font-size:12px;text-transform:uppercase;letter-spacing:.1em}
.auth-or::before,.auth-or::after{content:"";flex:1;height:1px;background:rgba(150,185,215,.22)}

/* Hintergrund-Komposition: Auren, große Schatten-Logos, Team-Logos mit Glow */
body.auth-page::before{z-index:1!important}
body.auth-page .auth-bg{position:absolute;top:0;left:0;right:0;height:100vh;z-index:0;pointer-events:none;overflow:hidden}
.auth-bg .aura{position:absolute;border-radius:50%;filter:blur(70px)}
.auth-bg .a-blue{width:55vw;height:70vh;left:-14vw;top:4vh;background:radial-gradient(closest-side,rgba(30,140,255,.55),transparent 70%)}
.auth-bg .a-green{width:55vw;height:70vh;right:-14vw;top:4vh;background:radial-gradient(closest-side,rgba(60,255,90,.34),transparent 70%)}
.auth-bg .a-mid{width:50vw;height:60vh;left:25vw;top:0;background:radial-gradient(closest-side,rgba(120,190,230,.22),transparent 70%)}
.auth-bg .ghost{position:absolute;top:-12vh;height:118vh;width:auto;opacity:.11;filter:blur(2px) saturate(1.3)}
.auth-bg .g-left{left:-22vh}.auth-bg .g-right{right:-22vh}
.auth-bg .team{position:absolute;height:42vh;width:auto;top:13vh;animation:authFloat 7s ease-in-out infinite}
.auth-bg .t-left{left:max(2vw,calc(50vw - 44vh - 42vh));filter:drop-shadow(0 0 28px rgba(40,150,255,.75)) drop-shadow(0 0 70px rgba(30,110,255,.45));transform:rotate(-5deg)}
.auth-bg .t-right{right:max(2vw,calc(50vw - 44vh - 42vh));filter:drop-shadow(0 0 28px rgba(70,255,100,.6)) drop-shadow(0 0 70px rgba(40,220,80,.35));transform:rotate(5deg);animation-delay:-3.5s}
.auth-bg .mist{position:absolute;left:0;right:0;bottom:0;height:45vh;background:linear-gradient(180deg,transparent,#04070b 82%)}
@keyframes authFloat{0%,100%{translate:0 0}50%{translate:0 -1.6vh}}
@media (max-width:1100px){.auth-bg .team{height:30vh;top:15vh}.auth-bg .t-left{left:1vw}.auth-bg .t-right{right:1vw}}
@media (max-width:760px){.auth-bg .team{height:16vh;top:3vh}.auth-bg .ghost{height:80vh;opacity:.09}}
@media (prefers-reduced-motion:reduce){.auth-bg .team{animation:none}}

/* Logos unverändert (Originaldateien): keine Drehung, kein Filter, keine Transparenz */
body.auth-page::before{opacity:1!important;filter:none!important}
.auth-bg .team{filter:none!important;transform:none!important}
.auth-bg .a-blue{background:radial-gradient(closest-side,rgba(30,140,255,.5),transparent 72%)}
.auth-bg .a-green{background:radial-gradient(closest-side,rgba(60,255,90,.3),transparent 72%)}

/* Startseite: Bild passt sich jeder Bildschirmgröße an, der Rest wird mit dem unscharfen Bild gefüllt */
body.start-page{background:#02060b!important;overflow-x:hidden}
body.start-page::before{content:"";position:fixed;inset:-40px;z-index:0;pointer-events:none;
  background:url('/static/startseite-hintergrund-v3.png') center/cover no-repeat;filter:blur(28px) brightness(.55) saturate(1.1)}
body.start-page .background-grid{display:none!important}
body.start-page main.page{position:relative;z-index:2;background:transparent!important;max-width:none!important;width:100%!important;padding:0!important;margin:0!important}
body.start-page .krakens-image-start{width:min(100vw,calc(100vh * 1.5))!important;max-width:none!important;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 2.2%,#000 97.8%,transparent 100%),linear-gradient(180deg,#000 0,#000 96%,transparent 100%);-webkit-mask-composite:source-in;
  mask-image:linear-gradient(90deg,transparent 0,#000 2.2%,#000 97.8%,transparent 100%),linear-gradient(180deg,#000 0,#000 96%,transparent 100%);mask-composite:intersect}
@media (max-width:900px){body.start-page .krakens-image-start{width:100%!important;-webkit-mask-image:none;mask-image:none}}

/* Startseite: keine sichtbaren Ränder der Klickflächen beim Hovern – nur ein weicher Schimmer ohne Kante */
.krakens-image-start .start-hotspot:hover,.krakens-image-start .start-twitch-hotspot:hover,
.krakens-image-start .start-hotspot:focus,.krakens-image-start .start-twitch-hotspot:focus,
.krakens-image-start .start-hotspot:focus-visible,.krakens-image-start .start-twitch-hotspot:focus-visible{outline:none!important;box-shadow:none!important;border:0!important}
.krakens-image-start .start-hotspot,.krakens-image-start .start-twitch-hotspot{-webkit-tap-highlight-color:transparent;transition:background .25s ease}
.krakens-image-start .start-hotspot:hover,.krakens-image-start .start-twitch-hotspot:hover{
  background:radial-gradient(ellipse closest-side at 50% 50%,rgba(140,215,255,.13),rgba(140,215,255,.05) 55%,transparent 100%)!important}
.krakens-image-start .reapers-hotspot:hover{background:radial-gradient(ellipse closest-side at 50% 50%,rgba(120,255,150,.14),rgba(120,255,150,.05) 55%,transparent 100%)!important}

/* === Startseite v9: Vollbild-Hintergrund (16:9), füllt jeden Monitor; v3 bleibt als Fallback für Handy === */
@media (min-width:901px){
  body.start-page::before{display:none}
  body.start-page{overflow:hidden!important}
  body.start-page main.page{height:100vh!important;overflow:hidden!important}
  body.start-page .krakens-image-start{--sw:max(100vw,calc(100vh * 1.7778));position:absolute!important;left:50%!important;top:50%!important;transform:none!important;
    margin-left:calc(var(--sw) / -2)!important;margin-top:calc(var(--sw) * -0.28125)!important;
    width:var(--sw)!important;max-width:none!important;aspect-ratio:3840/2160!important;
    background:url('/static/startseite-hintergrund-v17.jpg') center/100% 100% no-repeat!important;overflow:visible!important;
    -webkit-mask-image:none!important;mask-image:none!important}
  body.start-page .krakens-image-start .start-auth{position:fixed!important;top:18px!important;right:24px!important}
  body.start-page .krakens-image-start .abyss-hotspot{left:19.25%!important;top:54.4%!important;width:31.15%!important;height:24.71%!important}
  body.start-page .krakens-image-start .reapers-hotspot{left:51.85%!important;top:54.4%!important;width:30.9%!important;height:24.89%!important}
  body.start-page .krakens-image-start .twitch-slot-1{left:20.1%!important;top:84.18%!important;width:22.2%!important;height:7.64%!important}
  body.start-page .krakens-image-start .twitch-slot-2{left:41.7%!important;top:78.9%!important;width:18.8%!important;height:8.1%!important}
  body.start-page .krakens-image-start .twitch-slot-3{left:59.0%!important;top:84.18%!important;width:22.4%!important;height:7.64%!important}
}

/* === Startseite Handy: eigene Ansicht (echte Bedienelemente statt Bild mit Klickflächen) === */
.m-start{display:none}
@media (max-width:900px){
  body.start-page{overflow-x:hidden!important;overflow-y:auto!important;background:#02060b url('/static/startseite-mobil-hintergrund.jpg') center top/cover no-repeat fixed!important}
  body.start-page::before{display:block!important;content:"";position:fixed;inset:0;z-index:0;background:linear-gradient(180deg,rgba(2,6,11,.35),rgba(2,6,11,.82) 60%,rgba(2,6,11,.92));filter:none!important;pointer-events:none}
  body.start-page main.page{height:auto!important;overflow:visible!important}
  body.start-page .krakens-image-start{display:none!important}
  .m-start{display:block;position:relative;z-index:2;max-width:520px;margin:0 auto;padding:64px 18px 40px;color:#eaf6ff}
  .m-login{position:absolute;top:16px;right:18px;padding:9px 18px;border-radius:999px;border:1px solid rgba(110,200,255,.45);background:rgba(4,12,22,.7);color:#eaf6ff;font-weight:800;font-size:13px;letter-spacing:.06em;text-transform:uppercase;text-decoration:none}
  .m-hero{text-align:center}
  .m-logo{width:min(64vw,260px);height:auto;display:block;margin:0 auto 6px}
  .m-claim{margin:0 0 14px;font-size:11px;letter-spacing:.28em;color:#7fd3ff;font-weight:700}
  .m-text{margin:0 auto;font-size:14px;line-height:1.55;color:#cfe3f1;max-width:420px}
  .m-text b{color:var(--acc2)}
  .m-h{margin:28px 0 12px;font-size:15px;letter-spacing:.14em;text-transform:uppercase;color:#f1f7fb;display:flex;align-items:center;gap:10px}
  .m-h::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(var(--acc2-rgb),.7),transparent)}
  .m-teams{display:grid;gap:12px}
  .m-team{display:flex;align-items:center;gap:14px;padding:12px 16px;border-radius:16px;text-decoration:none;color:#fff;background:rgba(4,12,22,.72);border:1.5px solid rgba(70,150,255,.7)}
  .m-team img{width:78px;height:78px;object-fit:contain;flex:0 0 78px}
  .m-team strong{flex:1;font-size:22px;letter-spacing:.04em;text-transform:uppercase}
  .m-reapers{background:rgba(4,18,10,.72);border-color:rgba(70,220,110,.75)}
  .m-arrow{flex:0 0 34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1.5px solid currentColor;font-size:17px;color:var(--acc2)}
  .m-reapers .m-arrow{color:#58e07f}
  .m-streams{display:grid;gap:10px}
  .m-stream{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:14px;text-decoration:none;color:#fff;background:rgba(4,12,22,.72);border:1px solid rgba(70,150,255,.55);font-weight:700;letter-spacing:.03em}
  .m-stream svg{color:var(--acc2);flex:0 0 22px}
  .m-stream span:nth-of-type(1){flex:1}
}
.suggest-range{display:grid;grid-template-columns:1fr 1fr;gap:10px}

/* Aufklappbarer Teamkader */
.collapsible .collapse-toggle{cursor:pointer;user-select:none}
.collapsible .collapse-right{display:flex;align-items:center;gap:12px}
.collapsible .chevron{display:inline-block;font-size:20px;line-height:1;transition:transform .2s ease;color:var(--muted,#9fb3c8)}
.collapsible.is-collapsed .chevron{transform:rotate(-90deg)}
.collapsible.is-collapsed .collapse-body{display:none}
.collapsible .collapse-toggle:focus-visible{outline:2px solid rgba(var(--acc2-rgb),.6);outline-offset:4px;border-radius:8px}
.archive-filter{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px;margin:0 0 14px}.archive-filter label{display:grid;gap:4px;font-size:10px;font-weight:800;color:var(--muted)}

/* === Seitenleisten auf allen Seiten (angemeldet): links Mitglieder, rechts Schnellzugriff === */
.app-shell{display:grid;grid-template-columns:200px minmax(0,1fr) 220px;gap:22px;align-items:start;width:min(99%,1920px);margin:0 auto}
.app-shell>main.page{width:100%!important;max-width:1440px;margin:0 auto;min-width:0}
.app-shell>.members-rail,.app-shell>.quick-rail{margin-top:46px}
.home-shell{grid-template-columns:minmax(0,1fr)}
@media(max-width:1500px){.app-shell{grid-template-columns:165px minmax(0,1fr) 185px;gap:16px}}
@media(max-width:1080px){
  .app-shell{display:flex;flex-direction:column;gap:0}
  .app-shell>main.page{order:1;width:calc(100vw - 34px)!important}
  .app-shell>.quick-rail,.app-shell>.members-rail{margin:0 17px;display:none}
  body.dash-page .app-shell>.quick-rail{order:2;display:block}
  body.dash-page .app-shell>.members-rail{order:3;display:block}
}

.profile-birthday-form{display:flex;align-items:flex-end;gap:8px;justify-content:center;margin:10px 0 4px;flex-wrap:wrap}
.profile-birthday-form label{display:grid;gap:4px;text-align:left}
.profile-card-main::before,.profile-card-main::after{pointer-events:none}
.profile-card-main form{position:relative;z-index:2}
/* Filterleiste nicht mehr in die Überschrift hineinziehen (Team Stats / Spielerprofil) */
.filter-row.stats-filter{margin-top:0!important}
.pos-tag{display:inline-block;padding:2px 9px;border-radius:999px;background:rgba(var(--acc-rgb),.14);border:1px solid rgba(var(--acc-rgb),.35);font-size:11px;font-weight:700;letter-spacing:.04em}
.app-shell.no-members{grid-template-columns:minmax(0,1fr) 220px}
@media(max-width:1500px){.app-shell.no-members{grid-template-columns:minmax(0,1fr) 185px}}
@media(max-width:1080px){.app-shell.no-members{display:flex}}

/* Taktik-Board: Nur-Ansicht für Spieler */
.ot-viewer .ot-sidebar-left,.ot-viewer .ot-sidebar-right>details:nth-of-type(-n+2),
.ot-viewer #recordStep,.ot-viewer #runPathBtn,.ot-viewer #deleteSteps{display:none!important}
.ot-viewer #tacticsBoard{pointer-events:none}

/* Kalender-Symbole aller Datumsfelder in Hellblau */
input[type=date]::-webkit-calendar-picker-indicator{
  filter:invert(78%) sepia(45%) saturate(900%) hue-rotate(172deg) brightness(104%) contrast(98%);opacity:1;cursor:pointer}

/* Discord-Button unter "Anmelden" auf der Startseite */
.krakens-image-start .start-auth{flex-direction:column;align-items:flex-end}
.krakens-image-start .start-auth a.start-auth-discord{background:linear-gradient(135deg,#5865f2,#4752c4);border-color:rgba(190,198,255,.7);color:#fff}
.m-discord{display:none}
@media (max-width:900px){
  .m-discord{display:inline-block;position:absolute;top:62px;right:18px;padding:9px 18px;border-radius:999px;border:1px solid rgba(190,198,255,.7);background:linear-gradient(135deg,#5865f2,#4752c4);color:#fff;font-weight:800;font-size:13px;letter-spacing:.06em;text-transform:uppercase;text-decoration:none}
}

.img-acts{border:1px solid rgba(110,200,255,.25);border-radius:12px;padding:8px 12px 10px;margin:0 0 10px;display:flex;flex-wrap:wrap;gap:6px 8px}
.img-acts legend{padding:0 6px;font-size:12px;font-weight:700;color:#9fd8ff}
.img-act{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;border:1px solid rgba(110,200,255,.35);cursor:pointer;font-size:13px}
.img-act:has(input:checked){background:rgba(30,144,255,.28);border-color:#6ec8ff}
.img-acts small{flex-basis:100%;color:rgba(230,240,245,.55);font-size:11px}
.img-act{white-space:nowrap}
.img-act input[type=checkbox]{width:16px;height:16px;min-width:16px;flex:none;padding:0;margin:0}

/* Anwesenheitsliste kompakter: kleinere Abstände, Name und EA-Name in einer Zeile */
.attendance-chart{gap:1px;margin-top:12px}
.attendance-bar-row{padding:3px 8px;gap:12px;grid-template-columns:minmax(200px,300px) minmax(200px,1fr) 72px;border-radius:9px}
.attendance-bar-player{gap:8px}
.attendance-bar-player>div{display:flex;align-items:baseline;gap:8px;min-width:0}
.attendance-bar-player strong{display:inline;font-size:.92rem;flex:none;max-width:60%}
.attendance-bar-player small{display:inline;margin:0;font-size:.74rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.attendance-bar-player .position-chip{min-width:36px;padding:2px 6px;font-size:.7rem;text-align:center}
.attendance-bar-track{height:18px}
.attendance-bar-value b{font-size:1rem}
.attendance-bar-value small{font-size:.74rem}
.attendance-bar-player .position-chip{height:22px;min-width:38px;padding:0 6px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;line-height:1}
.attendance-bar-row{padding:2px 8px}

/* Handy: Kader/Aufstellung ohne seitliches Scrollen */
@media(max-width:760px){
  .lineup-manager-card,.team-roster-card,.add-player-card,.saved-lineups-card{width:calc(100% - 16px)!important;padding:14px!important;box-sizing:border-box}
  .squad-builder-dnd,.squad-builder{overflow-x:visible!important;max-width:100%!important}
  .squad-builder-dnd>*,.lineup-help>*{min-width:0!important;max-width:100%!important}
  .lineup-help{display:block!important}
  .lineup-help .suggest-box,.lineup-help .matchday-form-grid,.lineup-help .img-acts,.lineup-help .suggest-range{width:auto!important;max-width:100%!important;box-sizing:border-box}
  .lineup-help .matchday-form-grid{grid-template-columns:1fr!important}
  .lineup-help .suggest-range{grid-template-columns:1fr!important}
  .lineup-help .button,.lineup-help input,.lineup-help select{max-width:100%;box-sizing:border-box}
  .lineup-pitch-wrap{overflow-x:visible!important}
  .lineup-pitch{min-width:0!important;width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:5/9}
  .lineup-drop-slot{width:19vw!important;max-width:84px;min-height:46px!important;padding:3px 2px!important;gap:0!important;border-width:1.5px!important}
  .lineup-drop-slot b{font-size:9px!important}
  .lineup-drop-slot .slot-player-name{font-size:10px!important;max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere;text-align:center;line-height:1.05;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
  .lineup-drop-slot small{display:none!important}
  .lineup-drop-slot .slot-empty{font-size:8px!important;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .lineup-drop-slot .slot-remove,.lineup-slot .slot-remove{width:18px!important;height:18px!important;min-height:0!important;max-height:18px!important;flex:none!important;align-self:auto!important;min-height:0!important;max-height:18px!important;min-width:0!important;padding:0!important;right:-6px!important;top:-7px!important;font-size:11px!important;line-height:1!important;border-radius:50%!important}
  .pitch-tip{font-size:11px}
}
@media(max-width:720px){
  .attendance-bar-row{grid-template-columns:minmax(0,1fr) 56px!important;gap:2px 10px!important}
  .attendance-bar-player{grid-column:1/-1;min-width:0}
  .attendance-bar-track{min-width:0!important}
  .attendance-bar-player strong,.attendance-bar-player small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}
.ea-ha{margin:8px 0}.img-act input[type=radio]{width:16px;height:16px;min-width:16px;flex:none;padding:0;margin:0;accent-color:#1e90ff}

/* Beste Startelf */
.best11-filter{display:flex;flex-wrap:wrap;gap:10px;align-items:end}
.best11-filter label{display:grid;gap:5px;font-size:11px;color:var(--muted);font-weight:800;min-width:120px}
.best11-wrap{max-width:900px;margin:12px auto}
.best11-pitch{position:relative;height:560px}
.best11-table td,.best11-table th{white-space:nowrap}
@media(max-width:760px){.best11-filter label{min-width:calc(50% - 5px);flex:1}.best11-pitch{height:auto!important;aspect-ratio:5/10}.best11-pitch .lineup-drop-slot{width:17.5vw!important;min-height:44px!important}.best11-pitch .lineup-drop-slot small{display:block!important;font-size:8px!important}.best11-pitch .lineup-drop-slot .slot-player-name{font-size:9.5px!important}}

.vote-summary{margin:0 0 16px;padding:10px 12px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.03)}
.vote-summary summary{cursor:pointer;margin-bottom:8px}
.vote-summary-table td,.vote-summary-table th{padding:5px 10px;white-space:nowrap;text-align:center}
.vote-summary-table td:first-child,.vote-summary-table th:first-child{text-align:left}
.vote-summary-table .availability-dot{margin-right:5px}

.wu-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}
.wu-log{margin-top:10px;max-height:260px;overflow:auto;padding:10px 12px;border-radius:10px;background:#050a0c;border:1px solid rgba(255,255,255,.08);color:#bfe9dc;font-size:12px;line-height:1.5;white-space:pre-wrap}

/* Wochenbericht (Home) und Teambericht (Kader) */
.wr-card{margin-bottom:18px}
.wr-tabs{display:flex;gap:6px;flex-wrap:wrap}
.wr-tabs a{padding:5px 11px;border-radius:999px;border:1px solid var(--line);color:var(--muted);font-size:13px;text-decoration:none}
.wr-tabs a.active{background:var(--accent);border-color:var(--accent);color:#04201a;font-weight:700}
.wr-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.wr-block h3{margin:0 0 8px;font-size:14px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.wr-big{display:flex;align-items:baseline;gap:10px}.wr-big strong{font-size:38px;line-height:1}.wr-big span{color:var(--muted)}
.wr-sub{color:var(--muted);font-size:13px;margin:4px 0 10px}
.wr-dots{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:8px}
.wr-dot{display:inline-block;width:14px;height:14px;border-radius:50%;background:#55656a}
.wr-dot.ja{background:#2ecc71}.wr-dot.vielleicht{background:#e6b85c}.wr-dot.nein{background:#e85d75}.wr-dot.urlaub{background:#4da3ff}.wr-dot.nicht{background:#55656a}
.wr-legend{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:12px;color:var(--muted)}.wr-legend .wr-dot{width:9px;height:9px;margin-right:5px}
.wr-next{margin-top:12px;font-size:13px}
.wr-chip{display:inline-block;padding:1px 8px;border-radius:999px;font-size:12px;background:#55656a;color:#fff}
.wr-chip.ja{background:#1f9d57}.wr-chip.vielleicht{background:#b8892f}.wr-chip.nein{background:#c9475c}.wr-chip.urlaub{background:#3b82c4}
.wr-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:10px}
.wr-stats div{background:rgba(255,255,255,.04);border-radius:10px;padding:8px 10px}
.wr-stats strong{display:block;font-size:22px}.wr-stats span{font-size:12px;color:var(--muted)}
.wr-trend{font-style:normal;font-size:11px}.wr-trend.up{color:#2ecc71}.wr-trend.down{color:#e85d75}
.wr-note{font-size:13px;margin:6px 0;padding:7px 10px;border-radius:9px;background:rgba(255,255,255,.04)}
.wr-note.good{border-left:3px solid #2ecc71}.wr-note.bad{border-left:3px solid #e6b85c}
.wr-note a{color:inherit;text-decoration:none}
.wr-season{margin-top:10px;font-size:13px;color:var(--muted)}.wr-season strong{color:var(--text)}
.trep{margin-top:26px}
.trep-table{width:100%;border-collapse:collapse;font-size:14px}
.trep-table th,.trep-table td{padding:7px 9px;text-align:center;border-bottom:1px solid var(--line);white-space:nowrap}
.trep-table th:first-child,.trep-table td:first-child{text-align:left}
.trep-table tr.warn td{background:rgba(232,93,117,.07)}
@media(max-width:760px){.wr-grid{grid-template-columns:1fr}.wr-big strong{font-size:32px}}
.wr-all{margin:8px 0;font-size:13px}.wr-all summary{cursor:pointer;color:var(--accent);margin-bottom:6px}
.wr-table{width:100%;border-collapse:collapse}.wr-table td{padding:4px 6px;border-bottom:1px solid var(--line)}
.wr-table td:nth-child(odd){color:var(--muted)}.wr-table td:nth-child(even){font-weight:600;text-align:right;white-space:nowrap}
.wr-score{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;margin-top:10px;padding:8px 12px;border-radius:10px;background:rgba(var(--acc-rgb),.09);border:1px solid rgba(var(--acc-rgb),.25)}
.wr-score span{font-size:13px;color:var(--muted)}.wr-score strong{font-size:24px}.wr-score small{color:var(--muted);font-size:12px}
.wr-sc{display:inline-block;margin:0 4px;white-space:nowrap}

/* Spielerprofil: Filter und Geburtstagsfeld nebeneinander (Geburtstag verschwindet, sobald eingetragen) */
.profile-toolbar{display:flex;gap:12px;align-items:stretch;flex-wrap:wrap;margin-bottom:18px}
.profile-toolbar .filter-row.stats-filter{margin:0!important;width:auto;max-width:none}
.profile-toolbar .profile-filter{flex:1 1 560px;justify-content:flex-start}
.profile-toolbar .profile-birthday-form{flex:0 0 auto;justify-content:flex-start;align-items:flex-end;flex-wrap:nowrap}
.profile-toolbar .profile-birthday-form label{display:grid;gap:4px;text-align:left}
@media(max-width:700px){.profile-toolbar .profile-birthday-form{flex:1 1 100%;flex-wrap:wrap}}

/* Spielerkarte */
.player-card{--pc-a:#35c6bd;--pc-b:#0d2a33;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:0;min-height:560px;border-radius:22px;
  background:radial-gradient(120% 70% at 50% 0%,color-mix(in srgb,var(--pc-a) 38%,transparent),transparent 70%),linear-gradient(170deg,var(--pc-b),#071016 78%)!important;border:2px solid color-mix(in srgb,var(--pc-a) 65%,transparent)}
.player-card:before{inset:10px;border-radius:16px;border:1px solid color-mix(in srgb,var(--pc-a) 45%,transparent);z-index:3;pointer-events:none}
.player-card.role-gk{--pc-a:#e6b85c;--pc-b:#2b2410}.player-card.role-def{--pc-a:#4da3ff;--pc-b:#0d2036}.player-card.role-mid{--pc-a:#35c6bd;--pc-b:#0d2a33}.player-card.role-att{--pc-a:#e85d75;--pc-b:#2b0f18}
.pc-crest{position:absolute;left:50%;top:44%;width:92%;max-width:330px;transform:translate(-50%,-50%);opacity:.14;z-index:0;pointer-events:none;filter:saturate(.8)}
.pc-top{position:relative;z-index:4;display:flex;justify-content:space-between;align-items:flex-start;padding:22px 24px 0}
.pc-rating{font-size:40px;font-weight:900;line-height:1;display:flex;flex-direction:column;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.5)}.pc-rating small{font-size:9px;letter-spacing:.1em;color:color-mix(in srgb,var(--pc-a) 80%,#fff);margin-top:4px}
.pc-pos{padding:5px 12px;border-radius:999px;font-weight:800;font-size:13px;background:color-mix(in srgb,var(--pc-a) 22%,transparent);border:1px solid color-mix(in srgb,var(--pc-a) 70%,transparent);color:#fff}
.pc-figure{position:relative;z-index:2;flex:1;display:flex;align-items:flex-end;justify-content:center;min-height:300px;margin-top:-34px;padding:0 14px}
.pc-figure img{max-height:100%;max-width:100%;height:380px;object-fit:contain;object-position:bottom center;filter:drop-shadow(0 10px 18px rgba(0,0,0,.55))}
.player-card .profile-avatar{align-self:center;margin-bottom:60px}
.pc-name{position:relative;z-index:4;text-align:center;font-size:24px;font-weight:900;letter-spacing:.03em;text-transform:uppercase;padding:10px 12px 4px;text-shadow:0 2px 10px rgba(0,0,0,.7);background:linear-gradient(0deg,rgba(0,0,0,.45),transparent)}
.player-card .profile-mini-stats{position:relative;z-index:4;width:auto;margin:6px 20px 20px}
.player-card .profile-mini-stats div{background:rgba(0,0,0,.32);border:1px solid color-mix(in srgb,var(--pc-a) 30%,transparent)}
.player-card .profile-mini-stats b{color:#fff}
.pc-edit{position:absolute;z-index:5;right:16px;top:70px}
.pc-modal{position:fixed;inset:0;background:rgba(0,0,0,.72);z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px}
.pc-modal[hidden]{display:none}
.pc-dialog{background:var(--bg-soft);border:1px solid var(--line);border-radius:16px;padding:18px;width:min(560px,100%);max-height:94vh;overflow:auto;display:grid;gap:10px}
.pc-stage{border-radius:12px;overflow:hidden;background:repeating-conic-gradient(#2a3338 0 25%,#1b2226 0 50%) 0 0/20px 20px;display:flex;justify-content:center}
.pc-stage canvas{max-width:100%;max-height:52vh;touch-action:none;cursor:crosshair}
.pc-tools{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.pc-tools .is-active{background:var(--accent);color:#04201a;border-color:var(--accent)}
.pc-actions{display:flex;gap:10px;flex-wrap:wrap}
@media(max-width:720px){.player-card{min-height:520px}.pc-figure img{height:340px}}
.player-card{min-height:0;aspect-ratio:10/17.5;align-self:start;position:relative}
.player-card .pc-figure{position:absolute;left:10px;right:10px;top:78px;bottom:142px;margin:0;padding:0;min-height:0;align-items:flex-end}
.player-card .pc-figure img{height:100%;width:100%;max-height:none;object-fit:contain;object-position:center bottom}
.player-card .profile-avatar{margin:0 auto 20px}
.player-card .pc-name{margin-top:auto}
.pc-edit{top:66px;right:14px;font-size:11px;padding:4px 8px}
@media(max-width:720px){.player-card{aspect-ratio:auto;min-height:560px;width:min(340px,100%);margin:0 auto}}
.pc-edit{display:flex;flex-direction:column;gap:6px;align-items:flex-end}
.pc-busy{position:absolute;inset:0;z-index:9;display:flex;align-items:center;justify-content:center;background:rgba(5,10,14,.82);font-weight:700;text-align:center;padding:20px;border-radius:20px}
.pc-busy[hidden]{display:none}

/* Spielerkarte v2: deckender Hintergrund, Teamlogo darüber, Spieler im Vordergrund, keine Stats */
.player-card{background:radial-gradient(120% 75% at 50% 18%,color-mix(in srgb,var(--pc-a) 55%,#0b141a),color-mix(in srgb,var(--pc-a) 18%,#0b141a) 55%,#0a1217 100%)!important;aspect-ratio:10/15}
.player-card .pc-crest{opacity:.2;top:46%;width:96%;max-width:360px}
.player-card .pc-figure{top:70px;bottom:62px;z-index:3}
.player-card .pc-figure img{filter:drop-shadow(0 12px 22px rgba(0,0,0,.6))}
.player-card .pc-name{position:absolute;left:0;right:0;bottom:0;margin:0;padding:14px 12px 16px;z-index:4;background:linear-gradient(0deg,rgba(0,0,0,.6),transparent)}
@media(max-width:720px){.player-card{aspect-ratio:auto;min-height:520px}}

/* ===== Spielerkarte v3 (Rahmen + Farben aus dem Teamlogo, Namensstreifen unten) ===== */
.pcard{--pc-accent:#35c6bd;--pc-accent-dark:#0d3b3a;--pc-metal-light:#e8edf0;--pc-metal-dark:#7c8a92;--pc-deep:#0a1217;
  position:relative;width:100%;max-width:340px;margin:0 auto;aspect-ratio:495/668;align-self:start;border-radius:26px;padding:0;overflow:hidden;
  background:linear-gradient(135deg,var(--pc-metal-light) 0%,var(--pc-metal-dark) 28%,var(--pc-metal-light) 52%,var(--pc-metal-dark) 78%,var(--pc-metal-light) 100%);
  box-shadow:0 0 0 2px color-mix(in srgb,var(--pc-accent) 70%,#000),0 14px 40px rgba(0,0,0,.55),0 0 28px color-mix(in srgb,var(--pc-accent) 35%,transparent)}
.pcard:before{content:"";position:absolute;inset:7px;border-radius:20px;border:2px solid var(--pc-accent);opacity:.9;pointer-events:none;z-index:6}
.pc-art{position:absolute;left:12px;right:12px;top:12px;bottom:21%;border-radius:15px 15px 4px 4px;overflow:hidden;
  background:radial-gradient(90% 70% at 50% 38%,color-mix(in srgb,var(--pc-accent) 55%,var(--pc-deep)),var(--pc-deep) 78%)}
.pc-rays{position:absolute;inset:-20%;background:repeating-conic-gradient(from 200deg at 50% 62%,rgba(255,255,255,.07) 0 6deg,transparent 6deg 18deg);mix-blend-mode:screen;z-index:1;
  -webkit-mask-image:radial-gradient(60% 60% at 50% 55%,#000,transparent);mask-image:radial-gradient(60% 60% at 50% 55%,#000,transparent)}
.pc-crest{position:absolute;left:50%;top:44%;width:112%;max-width:none;transform:translate(-50%,-50%) rotate(-6deg);opacity:.5;z-index:2;pointer-events:none;
  filter:drop-shadow(0 0 22px color-mix(in srgb,var(--pc-accent) 80%,transparent)) saturate(1.1)}
.pc-figure{position:absolute;inset:6px 4px 0;z-index:3;display:flex;align-items:flex-end;justify-content:center}
.pc-figure img{height:100%;width:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 10px 18px rgba(0,0,0,.65))}
.pc-letter{align-self:center;width:46%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;font-size:84px;font-weight:900;color:#fff;background:rgba(0,0,0,.28);border:3px solid color-mix(in srgb,var(--pc-accent) 80%,#fff)}
.pc-strip{position:absolute;left:12px;right:12px;bottom:12px;height:calc(21% - 12px);display:flex;align-items:center;gap:12px;padding:0 14px;z-index:5;
  border-radius:4px 4px 15px 15px;color:#0b1419;
  background:linear-gradient(180deg,var(--pc-metal-light),var(--pc-metal-dark) 130%);box-shadow:inset 0 2px 0 rgba(255,255,255,.55),inset 0 -2px 0 rgba(0,0,0,.18)}
.pc-badge{width:44px;height:44px;border-radius:50%;flex:0 0 auto;display:grid;place-items:center;background:var(--pc-deep);border:2px solid var(--pc-accent);overflow:hidden}
.pc-badge img{width:90%;height:90%;object-fit:contain}
.pc-id{min-width:0;flex:1;display:flex;flex-direction:column;line-height:1.1}
.pc-id strong{font-size:21px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-style:italic}
.pc-id span{font-size:13px;font-weight:700;letter-spacing:.12em;color:var(--pc-accent-dark);margin-top:3px}
.pc-score{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;min-width:58px;padding:4px 8px;border-radius:9px;background:var(--pc-deep);color:#fff;font-size:26px;font-weight:900;line-height:1;border:2px solid var(--pc-accent)}
.pc-score small{font-size:8px;letter-spacing:.14em;color:var(--pc-accent);margin-top:3px}
.pcard .pc-edit{position:absolute;right:8px;top:8px;z-index:7;display:flex;flex-direction:column;gap:6px;align-items:flex-end}
.pcard .pc-edit .mini-button{font-size:11px;padding:4px 8px;background:rgba(5,10,14,.78)}
.pcard .pc-busy{border-radius:26px}
@media(max-width:720px){.pcard{max-width:320px}}

/* Spielerkarte: Buttons unter dem Rahmen */
.pc-wrap{display:flex;flex-direction:column;align-items:center;gap:10px;align-self:start;width:100%}
.pc-wrap .pcard{margin:0 auto}
.pc-wrap>.pc-edit,.pcard+.pc-edit{position:static;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:8px;font-size:12px}

/* Spielerkarte: Namen nie abschneiden (Schrift passt sich an, notfalls zweizeilig) */
.pc-id strong{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;line-height:1.05}

/* Wochenbericht v2: Spielerkarte links, alle Stats rechts, Anwesenheit darunter */
.wr-layout{display:grid;grid-template-columns:minmax(220px,300px) 1fr;gap:22px;align-items:start}
.wr-cardcol .pcard{max-width:300px}
.wr-stats-all{grid-template-columns:repeat(4,1fr)}
.wr-stats-all div{display:flex;flex-direction:column;gap:2px}
.wr-stats-all strong{font-size:20px}.wr-stats-all small{font-size:11px;color:var(--muted)}
.wr-scores{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px;margin-bottom:12px}.wr-scores .wr-score{margin-top:0}
.wr-notes{display:grid;gap:2px;margin-top:6px}
.wr-att{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.wr-att-row{display:flex;gap:28px;align-items:center;flex-wrap:wrap}
.wr-att-detail{flex:1;min-width:240px}
@media(max-width:980px){.wr-stats-all{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.wr-layout{grid-template-columns:1fr}.wr-cardcol{display:flex;justify-content:center}.wr-stats-all{grid-template-columns:repeat(2,1fr)}}

/* Team-Wochenbericht aufklappbar */
.trep-details>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px}
.trep-details>summary::-webkit-details-marker{display:none}
.trep-toggle{width:10px;height:10px;border-right:2px solid var(--accent);border-bottom:2px solid var(--accent);transform:rotate(45deg);transition:transform .2s;margin-right:6px;flex:0 0 auto}
.trep-details[open]>summary .trep-toggle{transform:rotate(225deg)}
.trep-body{margin-top:12px}.trep-tabs{margin-bottom:8px;display:flex;justify-content:flex-end}

/* Anklickbare Spielzeilen im Spielerprofil */
tr.row-link{cursor:pointer;transition:background .15s}
tr.row-link:hover,tr.row-link:focus{background:rgba(53,198,189,.1);outline:none}
tr.row-link td a{color:var(--accent);font-weight:700;text-decoration:none}
.wr-main .wr-att{margin-top:16px;padding-top:14px}

/* Spielerbild füllt den Rahmen; abgeschnittene Seiten liegen bündig am Kartenrand */
.pc-figure img{object-fit:cover;object-position:center bottom}
.pcard .pc-figure{padding:0;margin:0;min-height:0;flex:none}
.pcard .pc-figure img{max-width:none;max-height:none;height:100%;width:100%;object-fit:cover;object-position:center bottom}
.competition-row .competition-season,.competition-add-form .competition-season{flex:0 0 150px;min-width:0}
@media(max-width:640px){.competition-row,.competition-add-form{flex-wrap:wrap}.competition-row input,.competition-add-form input{flex:1 1 100%}}
.panel>.section-head.collapse-toggle{display:flex;align-items:center;justify-content:space-between}

/* Kader-Kachel: Teammitglied-Auswahl */
.home-kpi .kpi-select{margin-top:8px;width:100%;max-width:100%;padding:6px 8px;border-radius:8px;font-size:.85rem;background:rgba(255,255,255,.06);color:inherit;border:1px solid rgba(255,255,255,.18)}
.home-kpi .kpi-select option{color:#111;background:#fff}

/* Vereinslogos neben Teamnamen (Spielbericht, Archiv, Spiele) */
.club-side{display:inline-flex;align-items:center;gap:10px;vertical-align:middle;max-width:100%}
.club-side>span{min-width:0;overflow-wrap:anywhere}
.club-logo{width:26px;height:26px;object-fit:contain;flex:0 0 auto}
.club-side-lg .club-logo{width:56px;height:56px}
.match-hero-title{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}
@media(max-width:600px){.club-side-lg .club-logo{width:40px;height:40px}}

/* Spielbericht-Kopf: zentriert, Logos links/rechts am Rand */
.match-hero2{display:grid;grid-template-columns:minmax(90px,1fr) minmax(0,2.2fr) minmax(90px,1fr);align-items:center;gap:20px;margin-bottom:25px;text-align:center}
.match-hero2 .mh-center{display:flex;flex-direction:column;align-items:center;gap:6px}
.match-hero2 h1{font-size:clamp(26px,4vw,50px);line-height:1.1;margin:8px 0}
.match-hero2 h1 span{color:var(--muted);font-weight:400}
.match-hero2 p{color:var(--muted);margin:0}
.match-hero2 .big-score{margin-top:10px;text-align:center}
.match-hero2 .mh-logo{display:flex;align-items:center}
.match-hero2 .mh-logo:first-child{justify-content:flex-start}
.match-hero2 .mh-logo:last-child{justify-content:flex-end}
.match-hero2 .mh-logo img{width:100%;max-width:190px;max-height:190px;object-fit:contain;filter:drop-shadow(0 6px 18px rgba(0,0,0,.45))}
@media(max-width:700px){.match-hero2{grid-template-columns:64px minmax(0,1fr) 64px;gap:10px}.match-hero2 h1{font-size:22px}.match-hero2 .mh-logo img{max-width:64px}}

/* Aufstellung: besetzte Positionen sind ziehbar (verschieben / tauschen) */
.lineup-drop-slot.occupied{cursor:grab}
.lineup-drop-slot.occupied.dragging{opacity:.45}

/* Teamleitung: Werkzeug-Links oben */
.lead-tools{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 16px}

/* Kader: feste Liste nach Positionsgruppen */
.kader-group{margin-top:18px}
.kader-group-title{display:flex;align-items:center;gap:10px;margin:0 0 10px;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.kader-group-title span{font-size:12px;padding:2px 9px;border-radius:999px;border:1px solid var(--line);color:var(--muted);letter-spacing:0}
.kader-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}
.kader-card{border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:rgba(7,11,14,.55);display:flex;flex-direction:column;gap:8px;min-width:0}
.kader-card-main{display:flex;align-items:center;gap:10px;min-width:0}
.kader-name{font-weight:800;font-size:17px;color:inherit;text-decoration:none;overflow-wrap:anywhere}
.kader-name:hover{color:var(--accent)}
.kader-tags{display:flex;gap:5px;flex-wrap:wrap;min-height:20px}
.kader-edit{border-top:1px solid var(--line);padding-top:8px}
.kader-edit summary{cursor:pointer;font-size:12px;color:var(--muted);font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.kader-edit .player-edit-form{margin-top:10px}

/* Kader: Spielerkarten */
.kader-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px}
.kader-card{background:none;border:0;padding:0;align-items:center}
.kader-pcard-link{display:block;width:100%;max-width:240px;text-decoration:none;color:inherit;transition:transform .15s}
.kader-pcard-link:hover{transform:translateY(-3px)}
.kader-card .pcard{max-width:240px}
.kader-card .kader-edit{width:100%;border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:rgba(7,11,14,.55)}
@media(max-width:600px){.kader-grid{grid-template-columns:repeat(2,1fr);gap:12px}}

/* ===== Handy-Navigation: feste Leiste unten + Menü-Blatt ===== */
.mobile-tabbar,.mobile-sheet{display:none}
.cal-agenda{display:none}
@media(max-width:1080px){
  body{padding-bottom:78px}
  .mobile-tabbar{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:80;
    background:rgba(6,14,19,.96);backdrop-filter:blur(12px);border-top:1px solid rgba(255,255,255,.12);
    padding:6px 6px calc(6px + env(safe-area-inset-bottom))}
  .mobile-tabbar a,.mobile-tabbar button{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 2px;border:0;background:none;
    color:var(--muted);font:inherit;font-size:11px;font-weight:700;text-decoration:none;border-radius:10px;cursor:pointer;min-width:0}
  .mobile-tabbar .quick-icon{font-size:20px;line-height:1;display:block;background:none;width:auto;height:auto}
  .mobile-tabbar a.on,.mobile-tabbar button[aria-expanded=true]{color:var(--accent);background:rgba(53,198,189,.12)}
  .mobile-sheet{position:fixed;inset:0;z-index:70}
  .mobile-sheet:not([hidden]){display:block}
  .mobile-sheet-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.55)}
  .mobile-sheet-panel{position:absolute;left:0;right:0;bottom:0;padding:18px 16px calc(92px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0;
    background:#0b1a21;border-top:1px solid rgba(255,255,255,.14);max-height:75vh;overflow:auto}
  .mobile-sheet-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
  .mobile-sheet-grid a{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 6px;border:1px solid var(--line);border-radius:14px;
    background:rgba(255,255,255,.03);color:inherit;text-decoration:none;font-size:12px;font-weight:700;text-align:center}
  .mobile-sheet-grid a.on{border-color:var(--accent);color:var(--accent)}
  .mobile-sheet-grid .quick-icon{font-size:22px;background:none;width:auto;height:auto}
  /* Schnellzugriff-Liste am Seitenende der Startseite wird durch die Leiste ersetzt */
  body.dash-page .app-shell>.quick-rail{display:none}
}
@media(max-width:650px){
  .cal-agenda{display:grid;gap:10px;margin-top:6px}
  .calendar-scroll{display:none}
  .cal-agenda-day{display:grid;grid-template-columns:54px 1fr;gap:12px;align-items:start;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:rgba(7,11,14,.55)}
  .cal-agenda-day.today{border-color:var(--accent)}
  .cal-agenda-date{display:flex;flex-direction:column;align-items:center;line-height:1.1}
  .cal-agenda-date b{font-size:26px}
  .cal-agenda-date span{font-size:11px;letter-spacing:.1em;color:var(--muted);text-transform:uppercase}
  .cal-agenda-events{display:grid;gap:6px;min-width:0}
  .cal-agenda-events .calendar-event{white-space:normal;padding:8px 10px;font-size:14px}
}

/* ===== Handy-Feinschliff ===== */
.slot-list{display:none}
@media(max-width:760px){
  /* Aufstellung: Positionsliste zum Antippen statt Spielfeld */
  .lineup-pitch-wrap .lineup-pitch,.lineup-pitch-wrap .pitch-tip{display:none}
  .slot-list{display:grid;gap:8px}
  .slot-row{display:grid;grid-template-columns:54px 1fr;gap:10px;align-items:center;padding:8px 10px;border:1px dashed var(--line);border-radius:12px;background:rgba(7,11,14,.5)}
  .slot-row.filled{border-style:solid;border-color:rgba(53,198,189,.5)}
  .slot-row b{font-size:13px;letter-spacing:.08em;color:var(--accent)}
  .slot-row select{width:100%;min-width:0;padding:10px 8px;font-size:15px}
}
@media(max-width:650px){
  /* Kopfzeile: Home-Link entfällt (Leiste unten), Statistik kompakt */
  .main-nav{display:none}
  .topbar{min-height:0!important;height:auto!important;padding:6px 10px!important;gap:6px}
  .team-stat-strip{padding:4px 6px;gap:0}
  .team-stat-item{padding:2px 8px}
  .team-stat-item strong{font-size:16px}
  .team-stat-item span{font-size:8px}
  .team-stat-filter select{padding:5px 8px;font-size:12px;max-width:130px}
  /* Titelboxen kleiner */
  .section-heading{margin-bottom:16px!important;padding:14px 12px!important}
  .section-heading h1{font-size:22px!important}
  .section-heading .eyebrow{font-size:11px}
  /* Filter: zwei Felder nebeneinander */
  .filter-row.stats-filter{display:grid!important;grid-template-columns:1fr 1fr;gap:8px;padding:12px!important}
  .filter-row.stats-filter>*{width:100%!important;min-width:0!important;max-width:none!important}
  .filter-row.stats-filter>button,.filter-row.stats-filter>.button{grid-column:1/-1}
  .profile-toolbar .profile-filter{flex:1 1 100%}
}

/* ===== Handy wie eine App: Kopfzeile, Filter-Fenster, Übergänge ===== */
@view-transition{navigation:auto}
.app-bar,.filter-trigger,.sheet-head,.sheet-backdrop{display:none}
@media(prefers-reduced-motion:no-preference){
  @keyframes pageIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
  main{animation:pageIn .22s ease-out}
}
@media(max-width:1080px){
  .app-bar{display:flex;align-items:center;gap:10px;position:sticky;top:0;z-index:70;padding:calc(env(safe-area-inset-top,0px) + 8px) 12px 8px;background:rgba(7,11,13,.86);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
  .app-bar-back{width:40px;height:40px;display:grid;place-items:center;font-size:30px;line-height:1;color:var(--text);text-decoration:none;border-radius:50%;margin-left:-6px}
  .app-bar-back[hidden]{display:none}
  .app-bar-back:active,.app-bar-team:active{background:rgba(255,255,255,.1)}
  .app-bar-title{flex:1;min-width:0;font-size:18px;font-weight:800;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .app-bar-team{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;color:var(--text);text-decoration:none;background:rgba(255,255,255,.06)}
  .app-bar-team img{width:28px;height:28px;object-fit:contain}
  .section-heading.title-in-bar h1{display:none}
  .section-heading.title-in-bar{padding-top:10px!important;padding-bottom:10px!important}
  /* Tippflächen */
  .button,.mini-button,.mobile-tabbar a,.mobile-tabbar button{min-height:44px}
  select,input:not([type=checkbox]):not([type=radio]):not([type=hidden]){min-height:44px;font-size:16px}
  .button:active,.mini-button:active,.mobile-tabbar a:active,.mobile-tabbar button:active,.kader-card:active,.home-kpi:active{transform:scale(.97);transition:transform .08s}
  /* Filter als Fenster von unten */
  .filter-trigger{display:inline-flex;align-items:center;gap:6px;margin:0 0 12px;padding:10px 16px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.06);color:var(--text);font-weight:700;font-size:14px;min-height:44px}
  .sheet-backdrop{display:block;position:fixed;inset:0;z-index:90;background:rgba(0,0,0,.55);opacity:0;pointer-events:none;transition:opacity .2s}
  .sheet-backdrop.show{opacity:1;pointer-events:auto}
  form.sheet-form{position:fixed!important;left:0;right:0;bottom:0;top:auto!important;z-index:95;max-height:82vh;overflow:auto;margin:0!important;padding:0 16px calc(env(safe-area-inset-bottom,0px) + 18px)!important;border-radius:20px 20px 0 0!important;background:#0d1519!important;border:1px solid var(--line)!important;box-shadow:0 -20px 60px rgba(0,0,0,.6);transform:translateY(105%);visibility:hidden;transition:transform .26s cubic-bezier(.2,.8,.2,1),visibility 0s .26s}
  form.sheet-form.open{transform:none;visibility:visible;transition:transform .26s cubic-bezier(.2,.8,.2,1)}
  form.sheet-form>*{max-width:none}
  .sheet-head{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:2;grid-column:1/-1;padding:14px 0 10px;margin:0 0 6px;background:#0d1519}
  .sheet-head b{font-size:16px}
  .sheet-head button{width:36px;height:36px;border-radius:50%;border:0;background:rgba(255,255,255,.08);color:var(--text);font-size:16px}
  .sheet-grab{position:absolute;left:50%;top:6px;width:42px;height:4px;margin-left:-21px;border-radius:2px;background:rgba(255,255,255,.25)}
  body.sheet-open{overflow:hidden}
  body.sheet-open .mobile-tabbar{visibility:hidden}
}
@media(max-width:760px){
  /* Startseite: nächster Termin zuerst, Kennzahlen als Wisch-Leiste */
  .home-main{display:flex;flex-direction:column}
  .home-main>.home-focus-grid{order:-1;margin-bottom:14px}
  .home-hero{padding:6px 0 14px}
  .home-hero p{display:none}
  .home-kpis{display:flex!important;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -16px;padding:2px 16px 8px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .home-kpis::-webkit-scrollbar{display:none}
  .home-kpis>.home-kpi{flex:0 0 42%;scroll-snap-align:start}
  .mini-event-list{display:flex!important;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
  .mini-event-list>a{flex:0 0 70%;scroll-snap-align:start}
}
@media(max-width:760px){
  .home-main>.home-hero{order:-2;padding:4px 0 10px;border-bottom:0}
  .home-hero h1{font-size:22px!important;margin:2px 0 0}
  .home-hero .eyebrow{font-size:11px}
  .home-hero .compact-action{display:none}
}
.view-banner{position:sticky;top:0;z-index:75;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 16px;padding:7px 12px;background:#7a5a10;color:#fff3d1;font-size:13px;text-align:center}
.view-banner a{color:#fff;font-weight:800;text-decoration:underline}
@media(max-width:1080px){.view-banner+.app-bar{top:34px}}

/* ===== Kartenstile: Rahmen (pcf-*) und Hintergründe (pcb-*) ===== */
.pcf-silver{--pc-metal-light:#f5f7f9!important;--pc-metal-dark:#8b97a1!important;--pc-accent:#dfe6eb!important;--pc-accent-dark:#2a343b!important}
.pcf-graphite{--pc-metal-light:#4a545b!important;--pc-metal-dark:#171d21!important;--pc-accent:#9fb2bd!important;--pc-accent-dark:#0c1114!important}
.pcf-bronze{--pc-metal-light:#f0c9a0!important;--pc-metal-dark:#8a5a2b!important;--pc-accent:#e39a54!important;--pc-accent-dark:#3f2410!important}
.pcf-gold{--pc-metal-light:#fff0b3!important;--pc-metal-dark:#b8860b!important;--pc-accent:#ffd34d!important;--pc-accent-dark:#4a3300!important}
.pcf-fire{--pc-metal-light:#ffd2a1!important;--pc-metal-dark:#b8320a!important;--pc-accent:#ff7a1a!important;--pc-accent-dark:#4a1500!important}
.pcf-ice{--pc-metal-light:#f0fbff!important;--pc-metal-dark:#7fb8d4!important;--pc-accent:#8fe3ff!important;--pc-accent-dark:#0d3a4d!important}
.pcf-emerald{--pc-metal-light:#d8ffe9!important;--pc-metal-dark:#1d8a5b!important;--pc-accent:#3ddc97!important;--pc-accent-dark:#06301f!important}
.pcf-royal{--pc-metal-light:#e9d8ff!important;--pc-metal-dark:#5b2a9e!important;--pc-accent:#b57cff!important;--pc-accent-dark:#210a45!important}
.pcf-neon{--pc-metal-light:#1a2230!important;--pc-metal-dark:#0b0f18!important;--pc-accent:#19f0ff!important;--pc-accent-dark:#04252b!important}
.pcf-crown{--pc-metal-light:#fffbe0!important;--pc-metal-dark:#d4a017!important;--pc-accent:#ffe066!important;--pc-accent-dark:#5a4300!important}
.pcf-legend{--pc-metal-light:#2b2b2b!important;--pc-metal-dark:#0a0a0a!important;--pc-accent:#e8c25a!important;--pc-accent-dark:#0a0a0a!important}
.pcf-diamond{--pc-metal-light:#ffffff!important;--pc-metal-dark:#9fd8ee!important;--pc-accent:#b9f2ff!important;--pc-accent-dark:#123a47!important}
.pcf-gk{--pc-metal-light:#ffe2b0!important;--pc-metal-dark:#c26a00!important;--pc-accent:#ff9a1f!important;--pc-accent-dark:#4a2600!important}
.pcf-def{--pc-metal-light:#dde6ee!important;--pc-metal-dark:#5d7385!important;--pc-accent:#8fb3d1!important;--pc-accent-dark:#1a2c3a!important}
.pcf-mid{--pc-metal-light:#dff7e0!important;--pc-metal-dark:#3e8a4a!important;--pc-accent:#58d46a!important;--pc-accent-dark:#0f3a17!important}
.pcf-att{--pc-metal-light:#ffd9d9!important;--pc-metal-dark:#a31d1d!important;--pc-accent:#ff4d4d!important;--pc-accent-dark:#4a0a0a!important}
.pcard.pcf-graphite .pc-strip,.pcard.pcf-neon .pc-strip,.pcard.pcf-legend .pc-strip{color:#eef3f5}
.pcard.pcf-graphite .pc-id span,.pcard.pcf-neon .pc-id span,.pcard.pcf-legend .pc-id span{color:var(--pc-accent)}
.pcb-night{--pcb:radial-gradient(90% 70% at 50% 38%,#1b2a3f,#05080d 80%)}
.pcb-carbon{--pcb:repeating-linear-gradient(45deg,#14181c 0 4px,#1d2227 4px 8px)}
.pcb-sunset{--pcb:linear-gradient(180deg,#ff7e5f 0%,#feb47b 35%,#7b2d8e 80%,#1b0b2e 100%)}
.pcb-aurora{--pcb:radial-gradient(70% 50% at 30% 30%,rgba(60,255,170,.65),transparent 60%),radial-gradient(60% 50% at 75% 40%,rgba(120,90,255,.6),transparent 60%),linear-gradient(180deg,#03121f,#06243a)}
.pcb-lava{--pcb:radial-gradient(80% 60% at 50% 100%,#ff5a00,transparent 70%),linear-gradient(180deg,#1a0500,#5a0f00 70%,#ff7a00 140%)}
.pcb-deepsea{--pcb:radial-gradient(80% 60% at 50% 20%,#0f6e8c,#03162b 80%)}
.pcb-galaxy{--pcb:radial-gradient(2px 2px at 20% 30%,#fff,transparent 60%),radial-gradient(2px 2px at 70% 20%,#fff,transparent 60%),radial-gradient(1.5px 1.5px at 40% 70%,#fff,transparent 60%),radial-gradient(2px 2px at 85% 65%,#fff,transparent 60%),radial-gradient(80% 60% at 50% 40%,#4b2a8f,#0a0620 80%)}
.pcb-goldrays{--pcb:repeating-conic-gradient(from 0deg at 50% 65%,rgba(255,220,100,.35) 0 8deg,rgba(255,220,100,.05) 8deg 16deg),radial-gradient(80% 70% at 50% 60%,#8a5a00,#1c1200 85%)}
.pcb-snow{--pcb:radial-gradient(3px 3px at 15% 20%,#fff,transparent 60%),radial-gradient(3px 3px at 60% 35%,#fff,transparent 60%),radial-gradient(2px 2px at 80% 15%,#fff,transparent 60%),radial-gradient(3px 3px at 35% 60%,#fff,transparent 60%),radial-gradient(2px 2px at 75% 75%,#fff,transparent 60%),linear-gradient(180deg,#5b7fa3,#1c2f45)}
.pcb-net{--pcb:repeating-linear-gradient(0deg,rgba(255,255,255,.14) 0 2px,transparent 2px 14px),repeating-linear-gradient(90deg,rgba(255,255,255,.14) 0 2px,transparent 2px 14px),radial-gradient(80% 70% at 50% 40%,#7a4a00,#140b00 85%)}
.pcb-steel{--pcb:repeating-linear-gradient(135deg,rgba(255,255,255,.07) 0 3px,transparent 3px 10px),linear-gradient(160deg,#6b7c8a,#1d2a34 70%)}
.pcb-pitch{--pcb:repeating-linear-gradient(90deg,#1f7a3a 0 22px,#2a9348 22px 44px)}
.pcb-flames{--pcb:radial-gradient(70% 60% at 50% 100%,#ffb300,transparent 65%),radial-gradient(90% 70% at 30% 100%,#ff3d00,transparent 70%),linear-gradient(180deg,#1a0000,#6b0a00 90%)}
.pcard[class*="pcb-"]:not(.pcb-team) .pc-art{background:var(--pcb)}
.pcard[class*="pcb-"]:not(.pcb-team) .pc-rays{opacity:.5}
@keyframes pcShine{from{background-position:130% 0}to{background-position:-130% 0}}
.pcard.pcf-crown::after,.pcard.pcf-diamond::after,.pcard.pcf-neon::after,.pcard.pcf-legend::after{content:"";position:absolute;inset:0;z-index:8;pointer-events:none;border-radius:inherit;
  background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.32) 50%,transparent 60%);background-size:250% 100%;animation:pcShine 4s linear infinite}
.pcard.pcf-neon{box-shadow:0 0 0 2px #19f0ff,0 0 26px #19f0ff,0 0 60px rgba(255,0,200,.35)!important}
.pcard.pcf-fire{box-shadow:0 0 0 2px #ff7a1a,0 0 30px rgba(255,90,0,.7),0 14px 40px rgba(0,0,0,.55)!important}
@media(prefers-reduced-motion:reduce){.pcard::after{animation:none!important}}
/* Auswahl "Karte gestalten" */
.pc-style{margin-top:10px;text-align:left}
.pc-style summary{cursor:pointer;display:inline-block;list-style:none}
.pc-style summary::-webkit-details-marker{display:none}
.pc-style form{margin-top:10px;padding:12px;border:1px solid var(--line);border-radius:14px;background:rgba(7,11,13,.6)}
.pc-style h4{margin:10px 0 8px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.pcs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:10px}
.pcs-opt{position:relative;display:flex;flex-direction:column;gap:4px;padding:6px;border:2px solid transparent;border-radius:12px;cursor:pointer;background:rgba(255,255,255,.04);font-size:12px}
.pcs-opt input{position:absolute;opacity:0;pointer-events:none}
.pcs-opt:has(input:checked){border-color:var(--accent);background:rgba(var(--acc-rgb),.12)}
.pcs-opt.locked{opacity:.55;cursor:not-allowed}
.pcs-opt small{font-size:10px;color:var(--muted);line-height:1.2}
.pcs-sw{display:block;aspect-ratio:3/4;border-radius:9px;background:var(--pcb,radial-gradient(90% 70% at 50% 38%,#2a8f8a,#0a1217 78%))}
.pcs-sw[class*="pcf-"]{background:linear-gradient(135deg,var(--pc-metal-light),var(--pc-metal-dark) 50%,var(--pc-metal-light));box-shadow:inset 0 0 0 4px var(--pc-accent)}
.pcs-sw.pcf-team{--pc-metal-light:#e8edf0;--pc-metal-dark:#7c8a92;--pc-accent:#35c6bd}
.pc-style .button{margin-top:12px;width:100%}
.pcs-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px}
.pcs-opt{padding:5px;font-size:11px}
.pcs-opt b{font-weight:700;line-height:1.15}
.pcs-opt small{font-size:9px}
.pcs-sw{aspect-ratio:3/3.6}

/* weitere freie Stile */
.pcf-crimson{--pc-metal-light:#ffd0d6!important;--pc-metal-dark:#8f1230!important;--pc-accent:#ff4d6d!important;--pc-accent-dark:#3d0615!important}
.pcf-ocean{--pc-metal-light:#d6efff!important;--pc-metal-dark:#1f6fa8!important;--pc-accent:#4db8ff!important;--pc-accent-dark:#082b45!important}
.pcf-forest{--pc-metal-light:#dff2da!important;--pc-metal-dark:#2f6b3a!important;--pc-accent:#6fcf7f!important;--pc-accent-dark:#0d2e14!important}
.pcf-amber{--pc-metal-light:#fff0c9!important;--pc-metal-dark:#c27a0a!important;--pc-accent:#ffb938!important;--pc-accent-dark:#4d2c00!important}
.pcf-violet{--pc-metal-light:#efe0ff!important;--pc-metal-dark:#6b3fb5!important;--pc-accent:#b794ff!important;--pc-accent-dark:#25104d!important}
.pcf-mint{--pc-metal-light:#dffff6!important;--pc-metal-dark:#26a68c!important;--pc-accent:#5fffd9!important;--pc-accent-dark:#07372e!important}
.pcf-rose{--pc-metal-light:#ffe3ee!important;--pc-metal-dark:#c2527f!important;--pc-accent:#ff8fb8!important;--pc-accent-dark:#4a1428!important}
.pcf-midnight{--pc-metal-light:#27324a!important;--pc-metal-dark:#0c1220!important;--pc-accent:#5b8cff!important;--pc-accent-dark:#050a16!important}
.pcard.pcf-midnight .pc-strip{color:#eef3f5}.pcard.pcf-midnight .pc-id span{color:var(--pc-accent)}
.pcb-dawn{--pcb:linear-gradient(180deg,#ffd6c9 0%,#ffb3a7 45%,#c77dff 100%)}
.pcb-mintfog{--pcb:radial-gradient(80% 60% at 50% 30%,#7affd9,#0b4f45 80%)}
.pcb-violetfog{--pcb:radial-gradient(80% 60% at 50% 30%,#b794ff,#1d0b44 80%)}
.pcb-hex{--pcb:radial-gradient(circle at 50% 50%,rgba(255,255,255,.10) 0 2px,transparent 3px) 0 0/16px 14px,linear-gradient(160deg,#16313f,#071219)}
.pcb-grid{--pcb:linear-gradient(rgba(80,160,255,.22) 1px,transparent 1px) 0 0/18px 18px,linear-gradient(90deg,rgba(80,160,255,.22) 1px,transparent 1px) 0 0/18px 18px,linear-gradient(180deg,#0b1d3a,#050c1a)}
.pcb-stripes{--pcb:repeating-linear-gradient(60deg,rgba(255,255,255,.08) 0 10px,transparent 10px 22px),linear-gradient(180deg,#243b55,#0b1522)}
.pcb-dots{--pcb:radial-gradient(rgba(255,255,255,.18) 2px,transparent 2.5px) 0 0/14px 14px,linear-gradient(180deg,#3a1c5c,#0f0620)}
.pcb-waves{--pcb:repeating-radial-gradient(circle at 50% 120%,rgba(255,255,255,.12) 0 6px,transparent 6px 16px),linear-gradient(180deg,#0f4c75,#06202f)}

/* ===== Kartenformen (pcx-*): komplett andere Rahmen ===== */
.pcx-sharp{--pcx-r:4px}
.pcx-round{--pcx-r:46px}
.pcx-blade{--pcx-r:48px 6px 48px 6px}
.pcx-arch{--pcx-r:150px 150px 22px 22px}
.pcx-cut{--pcx-r:0;--pcx-clip:polygon(0 22px,22px 0,calc(100% - 22px) 0,100% 22px,100% calc(100% - 22px),calc(100% - 22px) 100%,22px 100%,0 calc(100% - 22px))}
.pcx-octagon{--pcx-r:0;--pcx-clip:polygon(0 15%,15% 0,85% 0,100% 15%,100% 85%,85% 100%,15% 100%,0 85%)}
.pcx-ornate{--pcx-r:10px}
.pcx-double{--pcx-r:26px}
.pcard[class*="pcx-"]{border-radius:var(--pcx-r,26px);clip-path:var(--pcx-clip,none)}
.pcard.pcx-sharp:before{border-radius:1px}.pcard.pcx-sharp .pc-art{border-radius:2px}.pcard.pcx-sharp .pc-strip{border-radius:2px}
.pcard.pcx-round:before{border-radius:40px}
.pcard.pcx-blade:before{border-radius:42px 4px 42px 4px}.pcard.pcx-blade .pc-art{border-radius:36px 4px 4px 4px}.pcard.pcx-blade .pc-strip{border-radius:4px 4px 36px 4px}
.pcard.pcx-arch:before{border-radius:144px 144px 16px 16px}.pcard.pcx-arch .pc-art{border-radius:140px 140px 4px 4px}
.pcard.pcx-cut:before,.pcard.pcx-octagon:before{border-radius:0}.pcard.pcx-cut .pc-art,.pcard.pcx-octagon .pc-art{border-radius:0}.pcard.pcx-cut .pc-strip,.pcard.pcx-octagon .pc-strip{border-radius:0}
.pcard.pcx-octagon .pc-art{top:30px;left:30px;right:30px}.pcard.pcx-octagon:before{inset:14px}.pcard.pcx-octagon .pc-strip{left:30px;right:30px;bottom:26px;height:calc(21% - 26px)}.pcard.pcx-octagon .pc-art{bottom:calc(21% + 4px)}
.pcard.pcx-thin:before{inset:3px;border-width:1px}.pcard.pcx-thin .pc-art{left:6px;right:6px;top:6px}.pcard.pcx-thin .pc-strip{left:6px;right:6px;bottom:6px;height:calc(21% - 6px)}
.pcard.pcx-thick:before{inset:10px;border-width:3px}.pcard.pcx-thick .pc-art{left:22px;right:22px;top:22px;bottom:calc(21% + 4px)}.pcard.pcx-thick .pc-strip{left:22px;right:22px;bottom:22px;height:calc(21% - 18px)}
.pcard.pcx-double{box-shadow:inset 0 0 0 2px var(--pc-accent),inset 0 0 0 5px rgba(0,0,0,.55),inset 0 0 0 7px var(--pc-accent),0 14px 40px rgba(0,0,0,.55)}
.pcard.pcx-double:before{inset:9px;border-width:1px;opacity:.7}
.pcard.pcx-ornate:before{inset:5px;border:4px double var(--pc-accent);border-radius:6px;opacity:1}
.pcard.pcx-ornate .pc-art{border-radius:4px;left:16px;right:16px;top:16px}.pcard.pcx-ornate .pc-strip{border-radius:4px;left:16px;right:16px;bottom:16px;height:calc(21% - 16px)}
.pcard.pcx-ornate .pc-art{bottom:calc(21% + 4px)}
/* Vorschaukacheln der Formen */
.pcs-sw[class*="pcx-"]{border-radius:var(--pcx-r,12px);clip-path:var(--pcx-clip,none);background:linear-gradient(135deg,#dfe6ea,#6f8089 55%,#dfe6ea);box-shadow:none}
.pcs-sw.pcx-classic{--pcx-r:14px}
.pcs-sw.pcx-thin{border:2px solid #35c6bd;border-radius:6px}
.pcs-sw.pcx-thick{border:10px solid #35c6bd;border-radius:6px}
.pcs-sw.pcx-double{box-shadow:inset 0 0 0 2px #35c6bd,inset 0 0 0 5px #0a1217,inset 0 0 0 7px #35c6bd}
.pcs-sw.pcx-ornate{border:4px double #0a1217}

/* Wochenbericht aufklappbar */
.wr-fold>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:0}
.wr-fold>summary::-webkit-details-marker{display:none}
.wr-fold[open]>summary{margin-bottom:12px}
.wr-fold[open]>summary .trep-toggle{transform:rotate(225deg)}
.wr-fold>.wr-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 10px}

/* ===== Vereinslogo im Kartenhintergrund (pcl-*) ===== */
@keyframes pcPulse{0%,100%{transform:translate(-50%,-50%) rotate(-6deg) scale(.94);opacity:.32}50%{transform:translate(-50%,-50%) rotate(-6deg) scale(1.08);opacity:.62}}
@keyframes pcGlow{0%,100%{filter:drop-shadow(0 0 6px color-mix(in srgb,var(--pc-accent,#35c6bd) 40%,transparent)) saturate(1);opacity:.4}50%{filter:drop-shadow(0 0 34px var(--pc-accent,#35c6bd)) saturate(1.5) brightness(1.25);opacity:.8}}
@keyframes pcFloat{0%,100%{transform:translate(-50%,-46%) rotate(-6deg)}50%{transform:translate(-50%,-54%) rotate(-3deg)}}
@keyframes pcBeat{0%,40%,100%{transform:translate(-50%,-50%) rotate(-6deg) scale(.96)}10%{transform:translate(-50%,-50%) rotate(-6deg) scale(1.1)}20%{transform:translate(-50%,-50%) rotate(-6deg) scale(1)}30%{transform:translate(-50%,-50%) rotate(-6deg) scale(1.14)}}
@keyframes pcSpin{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}}
.pcl-off .pc-crest{display:none}
.pcl-small .pc-crest{width:52%;top:42%;transform:translate(-50%,-50%);opacity:.55}
.pcl-top .pc-crest{width:58%;top:24%;transform:translate(-50%,-50%);opacity:.6}
.pcl-large .pc-crest{width:150%;opacity:.28}
.pcl-mirror .pc-crest{transform:translate(-50%,-50%) rotate(8deg)}
.pcl-mono .pc-crest{filter:brightness(0) invert(1);opacity:.22}
.pcl-pulse .pc-crest{animation:pcPulse 3.2s ease-in-out infinite}
.pcl-glow .pc-crest{animation:pcGlow 3s ease-in-out infinite;opacity:.5}
.pcl-float .pc-crest{animation:pcFloat 5s ease-in-out infinite}
.pcl-heartbeat .pc-crest{animation:pcBeat 1.6s ease-in-out infinite;opacity:.55}
.pcl-spin .pc-crest{width:100%;animation:pcSpin 40s linear infinite;opacity:.45}
@media(prefers-reduced-motion:reduce){.pc-crest{animation:none!important}}
.pcs-logo{position:relative;overflow:hidden;background:radial-gradient(90% 70% at 50% 38%,#2a8f8a,#0a1217 78%)!important;clip-path:none!important;border-radius:9px!important}

/* ===== Langzeit-Stile (über Langzeit-Trophäen) ===== */
.pcf-platinum{--pc-metal-light:#ffffff!important;--pc-metal-dark:#aab4be!important;--pc-accent:#e6f1ff!important;--pc-accent-dark:#26303a!important}
.pcf-obsidian{--pc-metal-light:#3a2f4a!important;--pc-metal-dark:#08050d!important;--pc-accent:#b36bff!important;--pc-accent-dark:#12081f!important}
.pcf-rainbow{--pc-metal-light:#fff!important;--pc-metal-dark:#bbb!important;--pc-accent:#ff5ec8!important;--pc-accent-dark:#2a1030!important}
.pcf-celestial{--pc-metal-light:#f4f9ff!important;--pc-metal-dark:#7aa7e8!important;--pc-accent:#9fd0ff!important;--pc-accent-dark:#10284a!important}
.pcf-titan{--pc-metal-light:#c9d1d8!important;--pc-metal-dark:#3e4a54!important;--pc-accent:#ff8a3d!important;--pc-accent-dark:#2a1204!important}
.pcf-phoenix{--pc-metal-light:#ffe2a8!important;--pc-metal-dark:#c2260a!important;--pc-accent:#ffb02e!important;--pc-accent-dark:#4a0d00!important}
.pcard.pcf-obsidian .pc-strip{color:#f1e6ff}.pcard.pcf-obsidian .pc-id span{color:var(--pc-accent)}
@keyframes pcHue{from{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}
.pcard.pcf-rainbow{background:linear-gradient(135deg,#ff5e5e,#ffd45e,#5eff8a,#5ec8ff,#c85eff,#ff5e5e);background-size:300% 300%;animation:pcRb 6s linear infinite;box-shadow:0 0 0 2px #fff,0 0 28px rgba(255,255,255,.5)!important}
@keyframes pcRb{from{background-position:0 0}to{background-position:300% 300%}}
.pcard.pcf-phoenix{box-shadow:0 0 0 2px #ff7a1a,0 0 36px rgba(255,120,0,.8),0 0 70px rgba(255,40,0,.4)!important}
.pcard.pcf-celestial::after,.pcard.pcf-platinum::after{content:"";position:absolute;inset:0;z-index:8;pointer-events:none;border-radius:inherit;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.4) 50%,transparent 60%);background-size:250% 100%;animation:pcShine 5s linear infinite}
@media(prefers-reduced-motion:reduce){.pcard.pcf-rainbow{animation:none}}
.pcb-nebula{--pcb:radial-gradient(60% 45% at 30% 30%,rgba(255,80,200,.55),transparent 65%),radial-gradient(60% 50% at 75% 60%,rgba(80,120,255,.6),transparent 65%),linear-gradient(180deg,#0a0420,#12062e)}
.pcb-storm{--pcb:radial-gradient(40% 25% at 70% 20%,rgba(190,220,255,.7),transparent 70%),linear-gradient(180deg,#0e1726 0%,#2a3547 55%,#0a0f18 100%)}
.pcb-temple{--pcb:repeating-linear-gradient(90deg,rgba(0,0,0,.18) 0 3px,transparent 3px 26px),linear-gradient(180deg,#e8d29a,#8a6a2b 70%,#3a2a0c)}
.pcb-supernova{--pcb:radial-gradient(circle at 50% 45%,#fff 0 4%,#ffd45e 10%,#ff6a00 28%,transparent 62%),radial-gradient(circle at 50% 45%,rgba(255,255,255,.2),transparent 70%),linear-gradient(180deg,#14041f,#04020a)}
.pcb-matrix{--pcb:repeating-linear-gradient(90deg,rgba(0,255,130,.18) 0 2px,transparent 2px 12px),linear-gradient(180deg,#001a0c,#000a05)}
.pcard.pcx-hexagon{--pcx-r:0;--pcx-clip:polygon(25% 0,75% 0,100% 20%,100% 80%,75% 100%,25% 100%,0 80%,0 20%)}
.pcard.pcx-hexagon:before{border-radius:0}.pcard.pcx-hexagon .pc-art{border-radius:0;top:24px;left:24px;right:24px;bottom:calc(21% + 4px)}.pcard.pcx-hexagon .pc-strip{border-radius:0;left:28px;right:28px;bottom:24px;height:calc(21% - 22px)}
.pcx-tablet{--pcx-r:16px}
.pcard.pcx-tablet:before{inset:4px;border:3px solid var(--pc-accent);border-radius:12px;box-shadow:inset 0 0 0 4px rgba(0,0,0,.55),inset 0 0 0 6px var(--pc-accent)}
.pcard.pcx-tablet .pc-art{border-radius:4px;left:18px;right:18px;top:18px}.pcard.pcx-tablet .pc-strip{border-radius:4px;left:18px;right:18px;bottom:18px;height:calc(21% - 18px)}.pcard.pcx-tablet .pc-art{bottom:calc(21% + 4px)}
.pcs-sw.pcx-hexagon{--pcx-clip:polygon(25% 0,75% 0,100% 20%,100% 80%,75% 100%,25% 100%,0 80%,0 20%);--pcx-r:0}
.pcs-sw.pcx-tablet{--pcx-r:8px;box-shadow:inset 0 0 0 3px #35c6bd,inset 0 0 0 6px #0a1217,inset 0 0 0 8px #35c6bd}
@keyframes pcShock{0%{transform:translate(-50%,-50%) rotate(-6deg) scale(.7);opacity:.7}100%{transform:translate(-50%,-50%) rotate(-6deg) scale(1.7);opacity:0}}
@keyframes pcOrbit{from{transform:translate(-50%,-50%) rotate(0deg) translateX(18%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg) translateX(18%) rotate(-360deg)}}
.pcl-shock .pc-crest{width:80%;animation:pcShock 2.4s ease-out infinite}
.pcl-orbit .pc-crest{width:60%;animation:pcOrbit 12s linear infinite;opacity:.55}

/* ===== Kartenaufbau (pcy-*): Anordnung von Bild und Namensleiste ===== */
.pcard.pcy-right .pc-art{left:12px;right:70px;top:12px;bottom:12px;border-radius:15px 4px 4px 15px}
.pcard.pcy-right .pc-strip{left:auto;right:12px;top:12px;bottom:12px;width:50px;height:auto;flex-direction:column;gap:8px;padding:10px 0;border-radius:4px 15px 15px 4px;justify-content:space-between}
.pcard.pcy-left .pc-art{left:70px;right:12px;top:12px;bottom:12px;border-radius:4px 15px 15px 4px}
.pcard.pcy-left .pc-strip{right:auto;left:12px;top:12px;bottom:12px;width:50px;height:auto;flex-direction:column;gap:8px;padding:10px 0;border-radius:15px 4px 4px 15px;justify-content:space-between}
.pcard.pcy-right .pc-id,.pcard.pcy-left .pc-id{flex:1;min-height:0;width:100%;overflow:hidden;writing-mode:vertical-rl;align-items:center;justify-content:flex-start;flex-direction:row;gap:6px}
.pcard.pcy-left .pc-id{transform:rotate(180deg)}
.pcard.pcy-right .pc-id strong,.pcard.pcy-left .pc-id strong{font-size:18px;letter-spacing:.06em;overflow:visible;text-overflow:clip}
.pcard.pcy-right .pc-id span,.pcard.pcy-left .pc-id span{margin:0;font-size:12px}
.pcard.pcy-right .pc-badge,.pcard.pcy-left .pc-badge{width:36px;height:36px}
.pcard.pcy-right .pc-score,.pcard.pcy-left .pc-score{min-width:0;width:42px;padding:3px 0;font-size:17px;border-radius:8px}
.pcard.pcy-right .pc-score small,.pcard.pcy-left .pc-score small{display:none}
.pcard.pcy-top .pc-art{top:calc(21% + 4px);bottom:12px;border-radius:4px 4px 15px 15px}
.pcard.pcy-top .pc-strip{top:12px;bottom:auto;border-radius:15px 15px 4px 4px}
.pcard.pcy-overlay .pc-art{bottom:12px;border-radius:15px}
.pcard.pcy-overlay .pc-strip{bottom:12px;height:34%;align-items:flex-end;padding-bottom:12px;color:#fff;border-radius:0 0 15px 15px;box-shadow:none;background:linear-gradient(180deg,transparent,rgba(0,0,0,.85))}
.pcard.pcy-overlay .pc-id span{color:var(--pc-accent)}
.pcard.pcy-overlay .pc-id strong{text-shadow:0 2px 8px rgba(0,0,0,.8)}
.pcard.pcy-center .pc-strip,.pcard.pcy-minimal .pc-strip{flex-direction:column;justify-content:center;gap:2px;text-align:center}
.pcard.pcy-center .pc-badge,.pcard.pcy-center .pc-score,.pcard.pcy-minimal .pc-badge,.pcard.pcy-minimal .pc-score{display:none}
.pcard.pcy-center .pc-id,.pcard.pcy-minimal .pc-id{flex:none;width:100%;align-items:center}
.pcard.pcy-minimal .pc-id span{display:none}
.pcard.pcy-minimal .pc-id strong{font-size:24px}
.pcard.pcy-badge .pc-score{position:absolute;right:12px;bottom:calc(100% - 8px);min-width:62px;padding:8px 10px;font-size:28px;border-radius:14px;z-index:6}
/* Vorschaukacheln */
.pcs-lay{position:relative;overflow:hidden;background:#0f1a1f!important;box-shadow:inset 0 0 0 2px #35c6bd!important;border-radius:9px!important}
.pcs-lay i{position:absolute;display:block}
.pcs-lay .a{left:6px;right:6px;top:6px;bottom:26%;background:linear-gradient(160deg,#2a8f8a,#0a1217);border-radius:5px}
.pcs-lay .s{left:6px;right:6px;bottom:6px;height:20%;background:#dfe6ea;border-radius:4px}
.pcs-lay .n{left:20%;right:20%;bottom:11%;height:3px;background:#0b1419;border-radius:2px}
.pcs-lay.pcy-right .a{right:30%;bottom:6px}.pcs-lay.pcy-right .s{left:auto;width:20%;top:6px;height:auto}.pcs-lay.pcy-right .n{left:auto;right:12%;width:3px;top:20%;bottom:20%;height:auto}
.pcs-lay.pcy-left .a{left:30%;bottom:6px}.pcs-lay.pcy-left .s{right:auto;width:20%;top:6px;height:auto}.pcs-lay.pcy-left .n{right:auto;left:12%;width:3px;top:20%;bottom:20%;height:auto}
.pcs-lay.pcy-top .a{top:26%;bottom:6px}.pcs-lay.pcy-top .s{top:6px;bottom:auto}.pcs-lay.pcy-top .n{top:11%;bottom:auto}
.pcs-lay.pcy-overlay .a{bottom:6px}.pcs-lay.pcy-overlay .s{background:linear-gradient(transparent,rgba(0,0,0,.8));height:34%}.pcs-lay.pcy-overlay .n{background:#fff}
.pcs-lay.pcy-center .n{left:25%;right:25%}.pcs-lay.pcy-minimal .n{left:30%;right:30%;height:5px}
.pcs-lay.pcy-badge .s:after{content:"";position:absolute;right:4px;top:-9px;width:14px;height:12px;background:#0a1217;border:2px solid #35c6bd;border-radius:4px}
.pcard.pcy-right .pc-id span,.pcard.pcy-left .pc-id span{display:none}

/* ===== Aufbau × Form: Abstände je Form (x seitlich, t oben, b unten) ===== */
.pcx-thin{--pcy-x:6px;--pcy-t:6px;--pcy-b:6px}
.pcx-thick{--pcy-x:22px;--pcy-t:22px;--pcy-b:22px}
.pcx-ornate{--pcy-x:16px;--pcy-t:16px;--pcy-b:16px}
.pcx-tablet{--pcy-x:18px;--pcy-t:18px;--pcy-b:18px}
.pcx-octagon{--pcy-x:30px;--pcy-t:30px;--pcy-b:26px}
.pcx-hexagon{--pcy-x:28px;--pcy-t:24px;--pcy-b:24px}
.pcx-round{--pcy-x:20px;--pcy-t:26px;--pcy-b:26px}
.pcx-arch{--pcy-x:14px;--pcy-t:64px;--pcy-b:14px}
.pcx-blade{--pcy-x:14px;--pcy-t:26px;--pcy-b:26px}
.pcx-cut{--pcy-x:16px;--pcy-t:16px;--pcy-b:16px}
.pcard.pcy-right .pc-art{left:var(--pcy-x,12px);right:calc(var(--pcy-x,12px) + 58px);top:var(--pcy-t,12px);bottom:var(--pcy-b,12px)}
.pcard.pcy-right .pc-strip{left:auto;right:var(--pcy-x,12px);top:var(--pcy-t,12px);bottom:var(--pcy-b,12px);width:50px;height:auto}
.pcard.pcy-left .pc-art{left:calc(var(--pcy-x,12px) + 58px);right:var(--pcy-x,12px);top:var(--pcy-t,12px);bottom:var(--pcy-b,12px)}
.pcard.pcy-left .pc-strip{right:auto;left:var(--pcy-x,12px);top:var(--pcy-t,12px);bottom:var(--pcy-b,12px);width:50px;height:auto}
.pcard.pcy-top .pc-art{left:var(--pcy-x,12px);right:var(--pcy-x,12px);top:calc(21% + 4px);bottom:var(--pcy-b,12px)}
.pcard.pcy-top .pc-strip{left:var(--pcy-x,12px);right:var(--pcy-x,12px);top:var(--pcy-t,12px);bottom:auto;height:calc(21% - var(--pcy-t,12px))}
.pcard.pcy-overlay .pc-art{left:var(--pcy-x,12px);right:var(--pcy-x,12px);top:var(--pcy-t,12px);bottom:var(--pcy-b,12px)}
.pcard.pcy-overlay .pc-strip{left:var(--pcy-x,12px);right:var(--pcy-x,12px);bottom:var(--pcy-b,12px);height:34%}

/* Wertung auf der Karte: standardmäßig aus, pro Spieler optional */
.pcard:not(.pcr-show) .pc-score{display:none}
.pcs-check{display:flex;align-items:center;gap:8px;margin:6px 0 2px;font-size:13px;cursor:pointer}
/* Form "Klinge": Rundungen von Bild und Leiste an die Kartenecken (oben links / unten rechts) anpassen */
.pcard.pcx-blade.pcy-left .pc-art{border-radius:4px 4px 34px 4px}
.pcard.pcx-blade.pcy-left .pc-strip{border-radius:34px 4px 4px 4px}
.pcard.pcx-blade.pcy-right .pc-art{border-radius:34px 4px 4px 4px}
.pcard.pcx-blade.pcy-right .pc-strip{border-radius:4px 4px 34px 4px}
.pcard.pcx-blade.pcy-top .pc-art{border-radius:4px 4px 34px 4px}
.pcard.pcx-blade.pcy-top .pc-strip{border-radius:34px 4px 4px 4px}
.pcard.pcx-blade.pcy-overlay .pc-art{border-radius:34px 4px 34px 4px}
.pcard.pcx-blade.pcy-overlay .pc-strip{border-radius:0 0 34px 4px}

/* MOM-Stufen: Olymp (Rahmen) und Ruhmeshalle (Hintergrund) */
.pcf-olympus{--pc-metal-light:#fffdf2!important;--pc-metal-dark:#e0b94a!important;--pc-accent:#fff1a8!important;--pc-accent-dark:#4d3a00!important}
.pcard.pcf-olympus{box-shadow:0 0 0 2px #fff1a8,0 0 30px rgba(255,230,140,.9),0 0 70px rgba(255,200,60,.45)!important}
.pcard.pcf-olympus::after{content:"";position:absolute;inset:0;z-index:8;pointer-events:none;border-radius:inherit;background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.55) 50%,transparent 62%);background-size:250% 100%;animation:pcShine 3s linear infinite}
.pcb-hall{--pcb:repeating-linear-gradient(90deg,rgba(255,255,255,.1) 0 6px,transparent 6px 40px),radial-gradient(80% 60% at 50% 20%,#fff3c4,#c79a2e 55%,#3a2a08)}

/* Karten-Staffeln: gelb und rot */
.pcf-yellowcard{--pc-metal-light:#fff6b0!important;--pc-metal-dark:#d4a800!important;--pc-accent:#ffe100!important;--pc-accent-dark:#4d4000!important}
.pcf-redcard{--pc-metal-light:#ffb3b3!important;--pc-metal-dark:#b00000!important;--pc-accent:#ff2a2a!important;--pc-accent-dark:#4a0000!important}
.pcb-hazard{--pcb:repeating-linear-gradient(45deg,#ffd400 0 16px,#16130a 16px 32px)}
.pcb-alarm{--pcb:repeating-linear-gradient(-45deg,#d40000 0 16px,#190404 16px 32px)}
@keyframes pcBlink{0%,49%{opacity:.7}50%,100%{opacity:.1}}
@keyframes pcSiren{0%,49%{filter:drop-shadow(0 0 28px #1e6bff) brightness(1.1)}50%,100%{filter:drop-shadow(0 0 28px #ff1e1e) brightness(1.1)}}
.pcl-blink .pc-crest{animation:pcBlink 1s steps(1) infinite}
.pcl-siren .pc-crest{animation:pcSiren .8s steps(1) infinite;opacity:.6}

/* Spiele-Staffel: Jubiläum, Pantheon, Kristall, Aufsteigend */
.pcf-jubilee{--pc-metal-light:#e6fff0!important;--pc-metal-dark:#1f8a5a!important;--pc-accent:#ffd45e!important;--pc-accent-dark:#0d3a24!important}
.pcard.pcf-jubilee{box-shadow:0 0 0 2px #ffd45e,0 0 26px rgba(255,212,94,.6),0 14px 40px rgba(0,0,0,.55)!important}
.pcb-pantheon{--pcb:repeating-linear-gradient(90deg,rgba(255,215,120,.16) 0 10px,transparent 10px 38px),radial-gradient(80% 60% at 50% 25%,#3b2c0f,#07060a 85%)}
.pcx-crystal{--pcx-r:0;--pcx-clip:polygon(50% 0,100% 8%,100% 92%,50% 100%,0 92%,0 8%);--pcy-x:26px;--pcy-t:34px;--pcy-b:40px}
.pcard.pcx-crystal:before{border-radius:0;inset:16px}
.pcard.pcx-crystal .pc-art{border-radius:0;left:26px;right:26px;top:34px;bottom:calc(21% + 10px)}
.pcard.pcx-crystal .pc-strip{border-radius:0;left:26px;right:26px;bottom:40px;height:calc(21% - 30px)}
.pcs-sw.pcx-crystal{--pcx-r:0;--pcx-clip:polygon(50% 0,100% 8%,100% 92%,50% 100%,0 92%,0 8%)}
@keyframes pcAscend{0%{transform:translate(-50%,-30%) rotate(-6deg) scale(.9);opacity:0}30%{opacity:.6}100%{transform:translate(-50%,-85%) rotate(-6deg) scale(1.05);opacity:0}}
.pcl-ascend .pc-crest{width:70%;animation:pcAscend 3.5s ease-in infinite}

/* Tore/Vorlagen/Zu-Null-Staffel: Inferno, Tresor */
.pcf-inferno{--pc-metal-light:#fff0c2!important;--pc-metal-dark:#e2430d!important;--pc-accent:#ff9a2e!important;--pc-accent-dark:#3a0d02!important}
.pcard.pcf-inferno{box-shadow:0 0 0 2px #ff7a1a,0 0 28px rgba(255,100,20,.65),0 14px 40px rgba(0,0,0,.55)!important}
.pcb-vault{--pcb:repeating-linear-gradient(0deg,rgba(255,255,255,.07) 0 2px,transparent 2px 14px),repeating-linear-gradient(90deg,rgba(255,255,255,.07) 0 2px,transparent 2px 14px),radial-gradient(70% 60% at 50% 40%,#454c57,#0c0e12 90%)}

/* Taktik-Board: Kader unter dem Spielfeld, damit ohne Scrollen aufgestellt werden kann */
.original-tactics-shell{grid-template-columns:minmax(0,1fr) 250px;grid-template-rows:auto 1fr;grid-template-areas:"board right" "roster right"}
.original-tactics-board-wrap{grid-area:board}
.ot-sidebar-left{grid-area:roster;display:block}
.ot-sidebar-right{grid-area:right;display:block}
.ot-sidebar-left .ot-group{border-right:0}
.ot-sidebar-left .ot-title small{margin-left:8px;font-size:10px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--muted)}
.ot-sidebar-left .ot-roster{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:6px}
.ot-sidebar-left .ot-roster-player{font-size:12px;padding:9px 8px}
.ot-sidebar-left .ot-roster-player span{font-size:10px;min-width:26px}
@media(max-width:1000px){
  .original-tactics-shell{grid-template-columns:minmax(0,1fr);grid-template-rows:auto;grid-template-areas:"board" "roster" "right"}
  .ot-sidebar-left .ot-roster{grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}
}

/* Taktik-Board: Zuschauer-Modus bei Live-Übertragung */
.ot-following #tacticsBoard,.ot-following .ot-roster{pointer-events:none}
.ot-following .ot-sidebar-left,.ot-following .ot-sidebar-right>details:nth-of-type(-n+2){opacity:.45;pointer-events:none}
.ot-following .tactic-save-form{opacity:.45;pointer-events:none}
.ot-live-status b{color:#ff6b81}
.ot-following .ot-live-status{border-color:rgba(255,80,100,.6);background:rgba(255,60,90,.12)}
.ot-live-status .mini-button{margin-left:6px}

.ot-live-banner{display:flex;align-items:center;gap:12px;margin:0 0 12px;padding:10px 14px;border:1px solid rgba(255,80,100,.6);background:rgba(255,60,90,.12);border-radius:12px;font-weight:700}
.ot-live-banner[hidden]{display:none}
.ot-live-banner b{color:#ff6b81}

/* Taktik-Board: Spieler aus dem Kader aufs Feld ziehen */
.ot-roster-player{touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:grab}
.ot-roster-player.dragging{opacity:.4}
.ot-drag-ghost{position:fixed;z-index:20000;pointer-events:none;transform:translate(-50%,-50%);padding:7px 12px;border-radius:999px;background:#2b9fe8;color:#fff;font-weight:800;font-size:13px;box-shadow:0 8px 24px rgba(0,0,0,.5);border:2px solid #fff}
.original-tactics-board.drop-ok{outline:3px dashed rgba(184,240,74,.9);outline-offset:-3px}

.ot-roster-group{grid-column:1/-1;margin-top:6px;padding-bottom:3px;border-bottom:1px solid rgba(255,255,255,.1);font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.ot-roster-group:first-child{margin-top:0}

.ot-lineup-load{width:100%;margin:2px 0 10px;padding:9px 10px;font-size:13px}

/* Taktik-Board: Gegenspieler, Auswahl */
.ot-token.opp .ot-token-circle.opp-circle{background:#e5243b;border:3px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.45);width:30px;height:30px}
.ot-token.selected .ot-token-circle{outline:3px solid #b8f04a;outline-offset:2px}
#drawingLayer .sel-shape{filter:drop-shadow(0 0 5px #b8f04a) drop-shadow(0 0 2px #b8f04a)}

/* Obere Leiste (Statistik, Home, Name, Logout) bleibt beim Scrollen sichtbar */
@media (min-width: 901px){
  .topbar{position:sticky!important;top:0!important;z-index:60!important;background:rgba(7,12,14,.94)!important;backdrop-filter:blur(14px)}
  .members-rail,.quick-rail{top:calc(var(--topbar-h, 76px) + 16px)}
}

/* === Persönliche Desktop-Ansicht (Handy bleibt unverändert) === */
.lay-toggle,.lay-bar,.home-pins{display:none}
@media(min-width:1081px){
  .lay-toggle{display:inline-flex;align-items:center;gap:6px;cursor:pointer;padding:6px 12px;border-radius:999px;border:1px solid rgba(var(--acc2-rgb),.35);background:rgba(10,24,32,.7);color:#bfeaff;font-weight:800;font-size:12px;letter-spacing:.04em}
  .lay-toggle:hover,body.lay-edit .lay-toggle{background:rgba(var(--acc2-rgb),.22);color:#fff}
  /* Seitenleisten frei links/rechts, auch zu zweit gestapelt */
  .app-shell.lay{grid-template-columns:minmax(0,1fr)}
  .app-shell.lay.hl{grid-template-columns:200px minmax(0,1fr)}
  .app-shell.lay.hr{grid-template-columns:minmax(0,1fr) 220px}
  .app-shell.lay.hl.hr{grid-template-columns:200px minmax(0,1fr) 220px}
  .app-shell.lay.r2{grid-template-rows:auto 1fr}
  .app-shell.lay>main.page{grid-column:1;grid-row:1 / span 2}
  .app-shell.lay.hl>main.page{grid-column:2}
  .app-shell.lay>.rail-L{grid-column:1;border-left:0;border-right:1px solid rgba(255,255,255,.08);padding-left:0;padding-right:16px}
  .app-shell.lay>.rail-R{grid-column:2;border-right:0;border-left:1px solid rgba(255,255,255,.08);padding-right:0;padding-left:16px}
  .app-shell.lay.hl>.rail-R{grid-column:3}
  .app-shell.lay>.rail-o1{grid-row:1}.app-shell.lay>.rail-o2{grid-row:2}
  .app-shell.lay>.rail-solo{grid-row:1 / span 2}
  .app-shell.lay>.rail-X{display:none}
  .app-shell.lay>.rail-o2{min-height:0;margin-top:0}
  body.lay-edit .app-shell.lay>.rail-X{display:block;opacity:.45;grid-column:1 / -1;grid-row:3;min-height:0;margin-top:8px;border:1px dashed rgba(255,255,255,.3);padding:8px;border-radius:12px}
  /* Dashboard-Bereiche */
  .home-main.dash-custom,body.lay-edit .home-main{display:flex;flex-direction:column}
  .home-main.dash-custom>*,body.lay-edit .home-main>*{margin-top:0!important;margin-bottom:16px!important}
  .home-main>.home-pins{display:none}
  .home-main>.home-pins:not(.is-empty),body.lay-edit .home-main>.home-pins{display:block}
  .home-pins{background:rgba(13,28,36,.62);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:12px 14px}
  .home-pins-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}
  .pins-hint{display:none;color:var(--muted)}body.lay-edit .pins-hint{display:inline}
  .home-pins-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;min-height:20px}
  .home-pins-grid a{position:relative;display:flex;align-items:center;gap:10px;padding:12px;border-radius:12px;background:rgba(25,46,54,.55);border:1px solid rgba(255,255,255,.09);color:#eaf6fb;font-weight:800;text-decoration:none}
  .home-pins-grid a:hover{border-color:rgba(var(--acc2-rgb),.5)}
  .pin-x{display:none;position:absolute;top:3px;right:5px;border:0;background:none;color:#ff9aa5;font-size:16px;cursor:pointer}
  body.lay-edit .pin-x{display:block}
  /* Bearbeitungsmodus */
  body.lay-edit [data-mod],body.lay-edit [data-rail]{cursor:grab;outline:2px dashed rgba(var(--acc2-rgb),.5);outline-offset:3px;position:relative}
  body.lay-edit [data-mod]>*,body.lay-edit [data-rail] a{pointer-events:none}
  body.lay-edit .home-main>.lay-hidden{display:block!important;opacity:.35}
  body.lay-edit [data-mod].lay-over,body.lay-edit [data-rail].lay-over{outline-color:#ffd166;outline-style:solid}
  .lay-x{position:absolute;top:-10px;right:-6px;z-index:5;width:24px;height:24px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:#7a2331;color:#fff;font-weight:900;cursor:pointer;pointer-events:auto!important}
  body.lay-edit .quick-rail-nav a{pointer-events:auto}
  .lay-bar{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:200;gap:12px;align-items:center;padding:10px 16px;border-radius:14px;background:rgba(7,19,28,.96);border:1px solid rgba(var(--acc2-rgb),.4);box-shadow:0 10px 40px rgba(0,0,0,.5);color:#dff3fb;font-size:13px;max-width:92vw;flex-wrap:wrap}
  body.lay-edit .lay-bar{display:flex}
  .lay-bar button{cursor:pointer;border-radius:10px;border:1px solid rgba(255,255,255,.2);background:rgba(25,46,54,.9);color:#fff;font-weight:800;padding:7px 12px}
  .lay-bar button.ok{background:#1f8f6a}
  .lay-bar .lay-restore{display:flex;gap:6px;flex-wrap:wrap}
  .lay-drop{position:fixed;top:92px;bottom:80px;width:150px;z-index:150;display:none;align-items:center;justify-content:center;text-align:center;border:2px dashed rgba(255,209,102,.7);border-radius:16px;background:rgba(255,209,102,.08);color:#ffd166;font-weight:800}
  body.lay-edit.lay-dragging .lay-drop{display:flex}
  .lay-drop.l{left:8px}.lay-drop.r{right:8px}
  .lay-drop.lay-over{background:rgba(255,209,102,.25)}
}
@media(min-width:1081px) and (max-width:1500px){
  .app-shell.lay.hl{grid-template-columns:165px minmax(0,1fr)}
  .app-shell.lay.hr{grid-template-columns:minmax(0,1fr) 185px}
  .app-shell.lay.hl.hr{grid-template-columns:165px minmax(0,1fr) 185px}
}
@media(min-width:1081px){
  .app-shell.lay.r2>.rail-L,.app-shell.lay.r2>.rail-R{min-height:0}
  .app-shell.lay.r2>.rail-o2{margin-top:22px;padding-top:0}
}
@media(min-width:1081px){.lay-bar{width:max-content;flex-wrap:nowrap}.lay-bar>span:first-child{white-space:nowrap}.lay-bar .lay-restore{flex-wrap:nowrap}}

/* === Benutzer-Menü (nur Desktop; Handy behält Namen + Logout) === */
.ud-desk{display:none}
@media(min-width:1081px){
  .ud-mob{display:none!important}
  .ud-desk{display:block;position:relative}
  .user-dd-btn{cursor:pointer;background:none;border:1px solid transparent;border-radius:999px;color:inherit;font:inherit;font-weight:800;padding:4px 10px}
  .user-dd-btn:hover,.user-dd-btn[aria-expanded="true"]{background:rgba(var(--acc2-rgb),.14);border-color:rgba(var(--acc2-rgb),.35)}
  .ud-caret{font-size:10px;opacity:.8}
  .user-dd-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:220px;z-index:300;padding:6px;border-radius:14px;background:rgba(7,19,28,.98);border:1px solid rgba(var(--acc2-rgb),.3);box-shadow:0 14px 40px rgba(0,0,0,.55);display:grid;gap:2px}
  .user-dd-menu[hidden]{display:none}
  .user-dd-menu a,.user-dd-menu button{display:flex;align-items:center;gap:10px;width:100%;box-sizing:border-box;text-align:left;padding:10px 12px;border:0;border-radius:10px;background:none;color:#e6f4fa;font:inherit;font-weight:700;font-size:14px;text-decoration:none;cursor:pointer}
  .user-dd-menu a:hover,.user-dd-menu button:hover{background:rgba(var(--acc2-rgb),.16)}
  .user-dd-menu span{width:20px;text-align:center}
  .user-dd-menu .ud-logout{border-top:1px solid rgba(255,255,255,.1);margin-top:4px;border-radius:0 0 10px 10px;color:#ff9aa5}
}

/* === Wählbare Hintergründe (reines CSS, nur Desktop) === */
body[data-bg="tiefsee"],.bg-sw[data-v="tiefsee"]{--bgimg:radial-gradient(ellipse at 50% 120%,#0d5a73 0%,#07263a 45%,#030c14 100%)}
body[data-bg="nacht"],.bg-sw[data-v="nacht"]{--bgimg:radial-gradient(ellipse at 30% 0%,#1b1f3a 0%,#0a0b16 55%,#030307 100%)}
body[data-bg="neon"],.bg-sw[data-v="neon"]{--bgimg:linear-gradient(rgba(0,229,255,.12) 1px,transparent 1px) 0 0/44px 44px,linear-gradient(90deg,rgba(255,0,170,.12) 1px,transparent 1px) 0 0/44px 44px,radial-gradient(ellipse at 50% 0%,#1a0f3a 0%,#05030f 70%)}
body[data-bg="flutlicht"],.bg-sw[data-v="flutlicht"]{--bgimg:radial-gradient(ellipse at 15% -10%,rgba(255,244,200,.35) 0%,transparent 45%),radial-gradient(ellipse at 85% -10%,rgba(255,244,200,.30) 0%,transparent 45%),linear-gradient(#0b2a1a,#04120a)}
body[data-bg="abyss"],.bg-sw[data-v="abyss"]{--bgimg:url("../images/bg_abyss_schlicht.jpg") center/cover no-repeat}
body[data-bg="reaper"],.bg-sw[data-v="reaper"]{--bgimg:url("../images/bg_reapers_schlicht.jpg") center/cover no-repeat}
body[data-bg="schlicht"],.bg-sw[data-v="schlicht"]{--bgimg:linear-gradient(#0c1519,#0c1519)}
.bg-sw[data-v=""]{--bgimg:repeating-linear-gradient(45deg,#24323a 0 6px,#16222a 6px 12px)}
.lay-bgs,.bg-sw{display:none}
@media(min-width:1081px){
  body[data-bg]::before{content:"";position:fixed;inset:0;z-index:-2;background:var(--bgimg);background-attachment:fixed}
  body[data-bg] .team-video-bg,body[data-bg] .team-video-overlay,body[data-bg] .background-grid{display:none!important}
  .lay-bgs{display:flex;align-items:center;gap:6px}
  .bg-sw{display:inline-block;width:34px;height:24px;padding:0!important;border-radius:7px!important;border:2px solid rgba(255,255,255,.25)!important;background:var(--bgimg)!important}
  .bg-sw.on{border-color:#ffd166!important}
  .lay-bar{flex-wrap:wrap}
}

/* === Farbschemen (Akzentfarben, nur Desktop) === */
.sc-sw[data-v=""]{--sw:#1abc9c}.sc-sw[data-v="blau"]{--sw:#3b8bff}.sc-sw[data-v="lila"]{--sw:#9b6bff}.sc-sw[data-v="rot"]{--sw:#ff5a6e}.sc-sw[data-v="orange"]{--sw:#ff9f43}.sc-sw[data-v="gruen"]{--sw:#5fd35f}
.lay-scs,.sc-sw{display:none}
@media(min-width:1081px){
  body[data-scheme="blau"]{--accent:#3b8bff;--accent-2:#2a6fd6;--acc-rgb:59,139,255;--acc2:#7fd0ff;--acc2-rgb:127,208,255}
  body[data-scheme="lila"]{--accent:#9b6bff;--accent-2:#7b4fe0;--acc-rgb:155,107,255;--acc2:#d49bff;--acc2-rgb:212,155,255}
  body[data-scheme="rot"]{--accent:#ff5a6e;--accent-2:#d9435a;--acc-rgb:255,90,110;--acc2:#ffb36b;--acc2-rgb:255,179,107}
  body[data-scheme="orange"]{--accent:#ff9f43;--accent-2:#e0852b;--acc-rgb:255,159,67;--acc2:#ffd27a;--acc2-rgb:255,210,122}
  body[data-scheme="gruen"]{--accent:#5fd35f;--accent-2:#46b046;--acc-rgb:95,211,95;--acc2:#b5f26b;--acc2-rgb:181,242,107}
  .lay-scs{display:flex;align-items:center;gap:6px}
  .sc-sw{display:inline-block;width:24px;height:24px;padding:0!important;border-radius:50%!important;background:var(--sw)!important;border:2px solid rgba(255,255,255,.25)!important}
  .sc-sw.on{border-color:#fff!important;box-shadow:0 0 0 2px var(--sw)}
}
@media(min-width:1081px){.sc-sw,.bg-sw{flex:none;box-sizing:border-box;line-height:0;font-size:0}.sc-sw{width:24px;height:24px;min-height:0}.bg-sw{height:24px;min-height:0}.lay-bar{max-width:97vw;gap:10px}}

/* === Kachel-Farben (nur Desktop) === */
.tl-sw[data-v=""]{--sw:#1b2a30}
.lay-tls,.tl-sw{display:none}
@media(min-width:1081px){
  body[data-tile] :is(.content-card,.home-card,.attendance-group-card,.home-kpi,.saved-lineup-row,.event-row,.player-row,.match-row,.stat-card,.admin-card,.table-card,.quick-rail-nav a,.home-pins,.home-pins-grid a){background:rgba(var(--tile),var(--tile-a))!important}
  body[data-tile="glas"] :is(.content-card,.home-card,.home-kpi,.stat-card,.table-card,.home-pins){backdrop-filter:blur(10px)}
  .lay-tls{display:flex;align-items:center;gap:6px}
  .tl-sw{display:inline-block;flex:none;box-sizing:border-box;width:24px;height:24px;min-height:0;padding:0!important;border-radius:6px!important;background:var(--sw)!important;border:2px solid rgba(255,255,255,.3)!important;font-size:0}
  .tl-sw.on{border-color:#ffd166!important}
}
@media(min-width:1081px){
  body.lay-edit .pin-x{pointer-events:auto!important;top:2px;right:4px;width:22px;height:22px;border-radius:50%;background:rgba(122,35,49,.9);color:#fff;font-size:14px;line-height:1;cursor:pointer}
  body.lay-edit .home-pins-grid a{padding-right:30px}
}
.bg-admin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}
.bg-admin-item{display:grid;gap:8px;padding:10px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(10,20,26,.5)}
.bg-admin-item img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:8px}
.bg-admin-item small{display:block;color:var(--muted)}
.bg-upload-form{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:14px}
.bg-upload-form input[name=name]{width:240px}.bg-upload-form select{width:auto}.bg-upload-form input[type=file]{width:auto;flex:1 1 220px}.bg-upload-form .button{width:auto}
.bg-admin-sub{margin:16px 0 8px;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.bg-admin-sub small{text-transform:none;letter-spacing:0;font-weight:400}
.bg-admin-prev{display:block!important;width:100%!important;height:auto!important;aspect-ratio:16/9;border-radius:8px!important;background:var(--bgimg)!important;border:1px solid rgba(255,255,255,.12)!important}

/* Obere Leiste auch mit Team-Hintergrund fest (überstimmt die Team-Hintergrund-Regeln) */
@media (min-width: 901px){
  html body .topbar,html body.team-video-active .topbar{position:sticky!important;top:0!important;z-index:60!important}
}
@media (min-width: 901px){html body.team-video-active .topbar,html body[data-bg] .topbar{background:rgba(4,14,22,.88)!important;backdrop-filter:blur(14px)}}
body[data-bg="abyss_logo"],.bg-sw[data-v="abyss_logo"]{--bgimg:url("../images/bg_abyss_logo.jpg") center/cover no-repeat}
body[data-bg="reaper_logo"],.bg-sw[data-v="reaper_logo"]{--bgimg:url("../images/bg_reapers_logo.jpg") center/cover no-repeat}
.opp-merge-form{display:grid;gap:6px;width:100%}.opp-merge-form select{width:100%;font-size:12px}
.opp-edit{width:100%}.opp-edit summary{cursor:pointer;list-style:none;text-align:center}.opp-merge-form label{display:grid;gap:3px}.opp-merge-form input{width:100%;font-size:12px}
/* Gegner-Karten: Aktionen umbrechen statt überlappen */
.opponent-media-card{min-width:0}
.opponent-media-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important;align-items:stretch!important;min-width:0}
.opponent-media-actions>form,.opponent-media-actions>details{min-width:0;margin:0}
.opponent-media-actions>form:first-child{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end}
.opponent-media-actions .media-file-label input{max-width:100%;width:100%}
.opponent-media-actions .mini-button{width:100%;white-space:normal;line-height:1.2;text-align:center}
.opponent-media-actions .opp-merge-form,.opponent-media-actions .opp-edit,.opponent-media-actions>form.opp-merge-form{grid-column:1/-1}
.opponent-media-actions>form:not(:first-child):not(.opp-merge-form){display:block}
.opponent-media-actions .opp-merge-form select{width:100%}
.vpg-fetch{display:grid;gap:8px;margin:6px 0 12px;padding:12px;border:1px dashed var(--line);border-radius:12px}
.comp-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 12px}.comp-tab{padding:9px 18px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--muted);font-weight:800;letter-spacing:.04em;text-decoration:none}.comp-tab:hover{color:#fff;border-color:var(--accent)}.comp-tab.active{background:var(--accent);color:#04141a;border-color:var(--accent)}
.vpg-refresh{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:0 0 12px}
.stand-note{font-size:.5em;font-weight:500;color:var(--muted);letter-spacing:0;white-space:nowrap}
.standings-table{margin-top:4px}.comp-logo{height:64px;max-width:150px;object-fit:contain;margin-left:auto;flex:0 0 auto}@media(max-width:600px){.comp-logo{height:44px;max-width:100px}}
.unresolved-box{margin:12px 0;padding:12px;border:1px dashed rgba(255,200,80,.5);border-radius:12px;display:grid;gap:8px}.unresolved-row{display:grid;grid-template-columns:minmax(120px,1fr) minmax(160px,2fr);gap:10px;align-items:center}.un-name{font-weight:800}@media(max-width:600px){.unresolved-row{grid-template-columns:1fr}}
.unresolved-bar{margin:12px 0;padding:10px 12px;border:1px dashed rgba(255,200,80,.5);border-radius:12px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.map-dlg{border:1px solid var(--line);border-radius:16px;background:#0e1d26;color:inherit;padding:0;width:min(640px,94vw);max-height:86vh;box-shadow:0 20px 60px rgba(0,0,0,.6)}
.map-dlg::backdrop{background:rgba(0,0,0,.65)}
.map-dlg-head{display:grid;gap:6px;padding:16px 18px;border-bottom:1px solid var(--line)}
.map-dlg-body{padding:14px 18px;display:grid;gap:10px;overflow:auto;max-height:56vh}
.map-dlg-foot{padding:14px 18px;border-top:1px solid var(--line);text-align:right}
.map-dlg select{width:100%}

/* Startseite: Liga-Logos als Link zu den Tabellen */
.home-leagues{display:flex;gap:14px;flex-wrap:wrap;align-items:center;justify-content:center;margin:14px 0}
.home-leagues a{display:flex;align-items:center;justify-content:center;min-width:110px;height:72px;padding:10px 18px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:inherit;font-weight:700;text-decoration:none;transition:transform .15s,background .15s}
.home-leagues a:hover{transform:translateY(-2px);background:rgba(255,255,255,.1)}
.home-leagues img{max-height:52px;max-width:140px;object-fit:contain}

.check-line{display:flex;align-items:center;gap:8px;margin:10px 0;font-weight:600}
.check-line input{width:auto}

/* Spielplan-Import: Reiter */
.imp-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:6px}
.imp-tab{padding:10px 22px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);color:inherit;font-weight:700;cursor:pointer}
.imp-tab.active{background:rgba(53,198,189,.22);border-color:rgba(53,198,189,.7)}
.imp-panel[hidden]{display:none}

/* Kalender: Spiele nach Wettbewerb dezent eingefärbt */
.calendar-event.comp-pl{background:rgba(232,93,117,.16);border-left-color:#e85d75}
.calendar-event.comp-reeki{background:rgba(88,150,235,.16);border-left-color:#5896eb}
.calendar-event.comp-vpg{background:rgba(230,196,80,.16);border-left-color:#e6c450}

/* Tabellen am Handy: Platz + Logo bleiben links stehen, der Rest wischt seitlich */
@media(max-width:600px){
  .standings-table{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-left:-6px;margin-right:-6px}
  .standings-table table{width:max-content;min-width:100%;border-collapse:separate;border-spacing:0}
  .standings-table th,.standings-table td{padding:10px 8px;font-size:12px;letter-spacing:0;text-transform:none;text-align:center;white-space:nowrap}
  .standings-table th{font-size:10px;font-weight:800}
  .standings-table th:first-child,.standings-table td:first-child,.standings-table th:nth-child(2),.standings-table td:nth-child(2){position:sticky;z-index:2;background:#0d1a20}
  .standings-table tr.our-team td:first-child,.standings-table tr.our-team td:nth-child(2){background:#10272b}
  .standings-table th:first-child,.standings-table td:first-child{left:0;width:34px;min-width:34px;padding-left:8px;padding-right:4px}
  .standings-table th:nth-child(2),.standings-table td:nth-child(2){left:34px;width:66px;min-width:66px;max-width:66px;padding:6px 4px;text-align:center;box-shadow:6px 0 8px -6px rgba(0,0,0,.6)}
  .standings-table .club-side{display:flex;justify-content:center;align-items:center;gap:0}
  .standings-table .club-logo{width:30px;height:30px;flex:0 0 30px;object-fit:contain}
  .standings-table .club-side:has(.club-logo)>span{display:none}
  .standings-table .club-side>span{font-size:10px;line-height:1.1;white-space:normal;word-break:normal;overflow-wrap:break-word;max-width:58px;display:block}
}

/* Wochenbericht auf der eigenen Spielerseite: nur am Handy (Desktop hat ihn im Benutzer-Menü) */
@media(min-width:1081px){.wr-mobile-only{display:none}}
.wr-mobile-only{margin-top:18px}

/* Tabellen-Kopf: Wettbewerb gross, Liga daneben, Saison/Stand klein */
.stand-title{font-size:clamp(26px,4vw,38px);margin:6px 0 2px;display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 14px}
.stand-league{font-size:.55em;font-weight:800;color:var(--accent);letter-spacing:.04em;padding:3px 10px;border:1px solid rgba(var(--acc-rgb),.4);border-radius:999px}
.stand-sub{margin:0;color:var(--muted);font-size:14px}

/* Tabellen am Handy: Tipp auf ein Logo zeigt kurz den Vereinsnamen */
.club-tip{position:fixed;z-index:60;max-width:70vw;padding:7px 12px;border-radius:10px;background:#0e1d26;border:1px solid rgba(var(--acc-rgb),.5);color:#fff;font-size:13px;font-weight:800;box-shadow:0 8px 24px rgba(0,0,0,.55);pointer-events:none}
.standings-table .club-side:has(.club-logo){cursor:pointer}

/* Kalender: Spiele per Drag & Drop verschieben (Leader/Co-Leader) */
.calendar-event[draggable=true]{cursor:grab}.calendar-event.dragging{opacity:.4}
.calendar-day.drop{outline:2px dashed var(--accent);outline-offset:-3px;background:rgba(var(--acc-rgb),.12)}
.move-dlg .map-dlg-body label{display:grid;gap:6px}


/* Sichtbarkeits-Hinweise (nur für den Inhaber, ein-/ausschaltbar) */
.vis-badge{display:inline-block;margin-left:8px;padding:1px 7px;border:1px solid rgba(255,90,90,.55);border-radius:999px;background:rgba(255,60,60,.1);color:#ff6b6b;font-size:10px;font-weight:800;letter-spacing:.03em;white-space:nowrap;vertical-align:middle;text-transform:none;line-height:1.5}
.vis-page{margin:0 0 10px;color:#ff6b6b;font-size:11px;font-weight:700}.vis-page .vis-badge{margin-left:4px}
.vis-toggle-form{margin:0;display:contents}.vis-toggle{width:100%;text-align:left;background:none;border:0;color:inherit;font:inherit;cursor:pointer}
.vis-sheet-btn{width:100%;background:none;border:0;color:inherit;font:inherit;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px}
.vis-table{width:100%;border-collapse:collapse}.vis-table th,.vis-table td{padding:7px 8px;border-bottom:1px solid var(--line);text-align:center;font-size:12px}
.vis-table td:first-child,.vis-table th:first-child{text-align:left}.vis-table .yes{color:#35c6bd;font-weight:800}.vis-table .no{color:#ff6b6b;opacity:.7}.vis-table code{font-size:11px;color:var(--muted)}

/* === Handy-Ansicht kompakter (≤1080px) === */
.termine-fold-sum{display:none}
@media(max-width:1080px){
  /* Statistikleiste nur auf Home; dort als 3x2-Raster ohne Abschneiden */
  .app-bar[data-home="0"]~header.topbar .team-stat-strip{display:none}
  .app-bar[data-home="0"]~header.topbar .user-menu{display:none}
  .app-bar[data-home="0"]~header.topbar{min-height:0!important;height:0!important;padding:0!important;border:0!important;overflow:hidden}
  header.topbar.topbar-no-brand{height:auto!important;min-height:0!important;padding:8px 14px 0!important;gap:8px!important;flex-wrap:wrap}
  .team-stat-strip{display:grid!important;grid-template-columns:repeat(3,1fr);height:auto!important;width:100%;gap:0;padding:4px 0}
  .team-stat-strip .team-stat-logo,.team-stat-strip .team-stat-filter{display:none}
  .team-stat-item{min-width:0!important;height:auto!important;padding:6px 10px!important}
  .team-stat-item:nth-of-type(4){border-left:0}
  .team-stat-item strong{font-size:18px}
  .user-menu{margin-left:auto;font-size:12px!important}
  main.page{padding-top:12px!important}
  .page .content-card{padding:16px!important;margin-top:12px}
  .card-heading h2,.content-card h2{font-size:20px}
  .eyebrow{letter-spacing:.14em}
  /* Termine: Formular einklappbar */
  .termine-fold-sum{display:block;cursor:pointer;list-style:none;font-weight:800;padding:12px 4px;font-size:16px;color:var(--accent,#35c6bd)}
  .termine-fold-sum::-webkit-details-marker{display:none}
  .termine-fold[open]>.termine-fold-sum{margin-bottom:8px;border-bottom:1px solid var(--line)}
  .termine-create-card{padding:4px 16px!important}
}
@media(max-width:1080px){.termine-list-card{margin-top:12px!important}}
/* Startseite am Handy: Kennzahlen untereinander im Raster statt seitlich wischen */
@media(max-width:1080px){
  .home-kpis{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;overflow:visible!important;margin:0!important;padding:0!important;gap:10px}
  .home-kpis>.home-kpi{flex:none!important;min-width:0}
  html,body{overflow-x:hidden;max-width:100%}
}
.media-tags .stream-missing{color:#ff6b6b!important;border-color:rgba(255,107,107,.55)!important;background:rgba(255,107,107,.12)!important;font-weight:800}
.media-tags .stream-ok{color:#22db87!important;border-color:rgba(34,219,135,.4)!important;background:rgba(34,219,135,.1)!important;font-weight:700}
/* Gegnerdatenbank: Wettbewerbs-Kennzeichen in den Kalenderfarben */
.media-tags .comp-tag.comp-pl{background:rgba(232,93,117,.16)!important;border-color:#e85d75!important;color:#ff8da1!important}
.media-tags .comp-tag.comp-reeki{background:rgba(88,150,235,.16)!important;border-color:#5896eb!important;color:#8fbaff!important}
.media-tags .comp-tag.comp-vpg{background:rgba(230,196,80,.16)!important;border-color:#e6c450!important;color:#f0d36e!important}