:root{--bg:#f4f6f8;--card:#fff;--text:#172033;--muted:#6b7280;--line:#e5e7eb;--primary:#14532d;--primary-dark:#0f3d22;--primary-soft:#dcfce7;--danger:#b91c1c;--danger-soft:#fee2e2;--info-soft:#e0f2fe;--success-soft:#dcfce7;--warning-soft:#fef3c7;--shadow:0 14px 35px rgba(15,23,42,.08);--radius:18px}*{box-sizing:border-box}body{margin:0;min-height:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--bg);line-height:1.5;padding-bottom:88px}a{color:inherit;text-decoration:none}h1,h2,h3{margin:0 0 .75rem;line-height:1.15}h1{font-size:clamp(2rem,9vw,3.2rem);letter-spacing:-.04em}h2{font-size:1.25rem}p{margin:0 0 1rem}hr{border:0;border-top:1px solid var(--line);width:100%;margin:.75rem 0}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem;background:rgba(244,246,248,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(229,231,235,.75)}.brand{display:inline-flex;align-items:center;gap:.55rem;font-weight:800;letter-spacing:-.03em}.brand-logo{width:74px;height:74px;border-radius:10px;object-fit:contain;flex:0 0 auto;position:relative;z-index:40;transform-origin:top left;transition:transform .18s ease,box-shadow .18s ease}.brand:hover .brand-logo,.brand-logo:hover{transform:scale(2);box-shadow:0 14px 34px rgba(15,23,42,.18)}.topnav{display:flex;gap:.45rem;align-items:center;font-size:.92rem;color:var(--muted)}.page{width:min(1120px,100%);margin:0 auto;padding:1rem}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1.1rem;margin-bottom:1rem;box-shadow:var(--shadow)}.narrow{max-width:560px;margin-left:auto;margin-right:auto}.hero{padding:1.35rem;background:linear-gradient(145deg,#fff,#f0fdf4)}.hero.compact h1{font-size:clamp(1.8rem,7vw,2.6rem)}.eyebrow{color:var(--primary);font-size:.78rem;text-transform:uppercase;letter-spacing:.11em;font-weight:800;margin-bottom:.35rem}.muted{color:var(--muted);font-size:.94rem}.notice{padding:.85rem;border-radius:14px;background:var(--warning-soft);color:#78350f}.grid{display:grid;gap:1rem}.two,.four{grid-template-columns:1fr}.button-row,.button-group,.filter-row{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center}.button,button.button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:44px;padding:.72rem 1rem;border:0;border-radius:999px;font:inherit;font-weight:750;cursor:pointer;transition:transform .15s ease,background .15s ease,color .15s ease}.button:hover,button.button:hover{transform:translateY(-1px)}.button.primary{background:var(--primary);color:#fff}.button.primary:hover{background:var(--primary-dark)}.button.secondary{background:#eef2f7;color:var(--text)}.button.danger{background:var(--danger-soft);color:var(--danger)}.button.small{min-height:34px;padding:.42rem .72rem;font-size:.86rem}.form{display:grid;gap:.9rem}label{display:grid;gap:.35rem;font-weight:700;font-size:.92rem}input,select,textarea{width:100%;min-height:46px;border:1px solid var(--line);border-radius:14px;padding:.65rem .8rem;font:inherit;background:#fff;color:var(--text)}textarea{resize:vertical;min-height:120px}.checkbox-label{display:flex;align-items:center;gap:.6rem}.checkbox-label input{width:auto;min-height:auto}.flash{border-radius:14px;padding:.85rem 1rem;margin-bottom:1rem;border:1px solid var(--line);font-weight:650}.flash-success{background:var(--success-soft);color:#14532d}.flash-error{background:var(--danger-soft);color:var(--danger)}.flash-info{background:var(--info-soft);color:#075985}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin-top:1rem}.stats-row div,.stat-card{background:#f8fafc;border:1px solid var(--line);border-radius:16px;padding:.9rem}.stats-row strong,.stat-card strong{display:block;font-size:1.55rem;line-height:1}.stats-row span,.stat-card span{display:block;margin-top:.35rem;color:var(--muted);font-size:.86rem}.card-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.badge{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border-radius:999px;padding:.32rem .65rem;font-size:.78rem;font-weight:800;background:#eef2f7;color:var(--muted)}.badge-approved,.badge-finished{background:var(--success-soft);color:#14532d}.badge-live{background:var(--warning-soft);color:#78350f}.badge-blocked{background:var(--danger-soft);color:var(--danger)}.pill{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:.45rem .85rem;border-radius:999px;background:#eef2f7;color:var(--text);font-size:.9rem;font-weight:750}.pill.active{background:var(--primary);color:#fff}.admin-nav{display:flex;flex-wrap:wrap;gap:.55rem}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:620px}th,td{border-bottom:1px solid var(--line);padding:.75rem .6rem;text-align:left;vertical-align:middle}th{color:var(--muted);font-size:.82rem;text-transform:uppercase;letter-spacing:.06em}tr.highlight{background:#f0fdf4}.bottomnav{position:fixed;left:0;right:0;bottom:0;z-index:20;display:grid;grid-template-columns:repeat(5,1fr);padding:.45rem;padding-bottom:max(.45rem,env(safe-area-inset-bottom));background:rgba(255,255,255,.96);border-top:1px solid var(--line);box-shadow:0 -10px 30px rgba(15,23,42,.08)}.bottomnav a{display:flex;justify-content:center;align-items:center;min-height:44px;border-radius:14px;color:var(--muted);font-weight:800;font-size:.86rem}.bottomnav a.active{color:var(--primary);background:var(--primary-soft)}.person-cell{display:flex;align-items:center;gap:.75rem;min-width:0}.profile-img{display:inline-block;border-radius:50%;object-fit:cover;background:#eef2f7;border:1px solid var(--line);flex:0 0 auto}.profile-img-xs{width:34px;height:34px}.profile-img-sm{width:48px;height:48px}.profile-img-md{width:64px;height:64px}.profile-img-lg{width:82px;height:82px}.profile-img-xl{width:128px;height:128px}.profile-preview{text-align:center}.nav-user{display:inline-flex;align-items:center;gap:.45rem;padding:.22rem .55rem .22rem .28rem;border-radius:999px;background:#fff;border:1px solid var(--line);box-shadow:0 8px 20px rgba(15,23,42,.06);color:var(--text);font-weight:800}.icon-link{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px;background:#fff;border:1px solid var(--line);color:var(--muted);box-shadow:0 8px 20px rgba(15,23,42,.06)}.nav-menu{position:relative;display:inline-flex;align-items:center}.hamburger-dropdown{position:absolute;right:0;top:calc(100% + .55rem);z-index:40;min-width:210px;padding:.45rem;border-radius:18px;background:#fff;border:1px solid var(--line);box-shadow:0 18px 45px rgba(15,23,42,.16);display:none}.nav-menu.open .hamburger-dropdown,.nav-menu:focus-within .hamburger-dropdown{display:grid;gap:.25rem}.hamburger-dropdown a{display:flex;align-items:center;min-height:42px;padding:.6rem .75rem;border-radius:13px;font-weight:800;color:var(--text)}.hamburger-dropdown a:hover,.hamburger-dropdown a.active{background:var(--primary-soft);color:var(--primary)}.topnav-text-link{display:inline-flex;align-items:center;min-height:40px;padding:0 .65rem;border-radius:999px;font-weight:800}.user-name-with-flag{display:inline-flex;align-items:center;gap:.34rem;min-width:0;vertical-align:middle}.user-name-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.champion-tip-flag{display:inline-flex;align-items:center;justify-content:center;width:1.45rem;height:1.45rem;border-radius:999px;background:#fff;border:1px solid rgba(15,23,42,.08);box-shadow:0 5px 12px rgba(15,23,42,.08);font-size:1rem;line-height:1;flex:0 0 auto;overflow:hidden}.champion-tip-flag-empty{color:var(--muted);background:#f8fafc;font-size:.82rem}.hero-with-avatar{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:center}.hero-copy{min-width:0}.score-inputs{display:grid;grid-template-columns:1fr auto 1fr;gap:.7rem;align-items:end}.score-inputs span{padding-bottom:.75rem;font-weight:900;font-size:1.35rem}.score-inputs input{text-align:center;font-weight:800;font-size:1.2rem}.tip-form,.result-form{display:grid;gap:.8rem}.locked-tip{background:#f8fafc;border:1px solid var(--line);border-radius:14px;padding:.75rem;margin:.5rem 0}.notice-card{border-color:rgba(20,83,45,.25);background:linear-gradient(145deg,#fff,#f0fdf4)}.action-card:hover{border-color:rgba(20,83,45,.35)}.ranking-table-wrap{width:100%;overflow:visible}.ranking-table{width:100%;min-width:0;table-layout:fixed;border-collapse:collapse}.ranking-table th,.ranking-table td{padding:.62rem .35rem;font-size:.88rem;line-height:1.25}.ranking-table .rank-head,.ranking-table .rank-cell{width:2.25rem;padding-left:0;padding-right:.25rem;text-align:right;color:var(--muted);font-weight:850}.ranking-table .points-cell{font-weight:900}.match-card{scroll-margin-top:105px}.match-card:target{border-color:rgba(20,83,45,.45);box-shadow:0 18px 42px rgba(20,83,45,.14)}.match-card-head{align-items:flex-start}.match-card-title{min-width:0}.match-tv-slot{flex:0 0 auto;margin-left:auto;padding-top:.05rem}.match-tv-logos{display:grid;justify-items:end;gap:.12rem}.match-tv-logo{display:inline-flex;align-items:center;justify-content:center;width:54px;height:19px;padding:0;border:0;border-radius:0;overflow:hidden;background:transparent;box-shadow:none}.match-tv-logo img{display:block;width:54px;height:19px;object-fit:contain}.match-tv-logo-fallback{display:none}.match-meta{margin-bottom:0}.match-meta+.match-meta{margin-top:.05rem}.match-status-row{margin:.75rem 0 1.05rem}.form-fieldset{display:grid;gap:.55rem;border:1px solid var(--line);border-radius:14px;padding:.85rem}.form-fieldset legend{padding:0 .35rem;font-weight:800;color:var(--text)}.modal-backdrop{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:1rem;background:rgba(15,23,42,.58);backdrop-filter:blur(5px)}.modal-card{width:min(520px,100%);border-radius:24px;background:#fff;border:1px solid rgba(255,255,255,.75);box-shadow:0 28px 80px rgba(15,23,42,.28);padding:1.35rem;text-align:center}.modal-icon{display:inline-grid;place-items:center;width:76px;height:76px;margin:0 auto 1rem;border-radius:50%;background:var(--primary-soft);color:var(--primary);font-size:2.5rem;font-weight:900;box-shadow:inset 0 -8px 14px rgba(15,23,42,.06)}.email-reminder-form{text-align:left}.comment-text{white-space:normal;overflow-wrap:anywhere;margin-bottom:0}.comment-actions{display:flex;align-items:flex-start;justify-content:flex-end;gap:.85rem;flex-wrap:wrap}.reply-preview{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem;padding:.75rem;border-radius:14px;border-left:5px solid var(--primary);background:#f0fdf4}.reply-preview.is-hidden{display:none}.reply-preview p{margin:.2rem 0 0;color:var(--muted);font-size:.9rem}.reply-cancel-button{border:0;background:#fff;color:var(--muted);width:32px;height:32px;border-radius:999px;font-size:1.3rem;line-height:1;cursor:pointer;box-shadow:0 4px 12px rgba(15,23,42,.08)}.comment-quote{display:block;margin:.7rem 0 .85rem;padding:.65rem .75rem;border-left:5px solid var(--primary);border-radius:12px;background:#f8fafc;color:var(--text)}.comment-quote strong{display:block;margin-bottom:.25rem;font-size:.84rem}.comment-quote span{display:block;color:var(--muted);font-size:.88rem;line-height:1.35}.comment-card{scroll-margin-top:105px}.comment-card:target{border-color:rgba(20,83,45,.45);box-shadow:0 18px 42px rgba(20,83,45,.14)}.inline-form{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center}.inline-form input,.inline-form select{min-width:120px;width:auto}.clean-list{padding-left:1.2rem;margin:0}@media(min-width:760px){body{padding-bottom:0}.page{padding:1.4rem}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.four{grid-template-columns:repeat(4,minmax(0,1fr))}.bottomnav{display:none}.admin-match-grid{grid-template-columns:minmax(340px,420px) 1fr;align-items:start}}@media(max-width:520px){.topbar{align-items:flex-start}.topnav{flex-wrap:wrap;justify-content:flex-end}.nav-user .user-name-text{max-width:76px}.hamburger-dropdown{right:-6.1rem}.hero-with-avatar{grid-template-columns:1fr}.match-card-head{display:grid;grid-template-columns:1fr auto;gap:.55rem}.match-tv-logo{width:48px;height:17px}.match-tv-logo img{width:48px;height:17px}.ranking-table th,.ranking-table td{font-size:.76rem;padding:.56rem .18rem}.ranking-table .rank-head,.ranking-table .rank-cell{width:1.75rem}.person-cell{gap:.42rem}.comment-card .card-head{display:grid;gap:.75rem}.comment-actions{justify-content:flex-start}.modal-card{padding:1.1rem;border-radius:20px}.button-row{display:grid;grid-template-columns:1fr}.button-row .button{width:100%}}



/* Fix: mobile Rangliste - Teilnehmer darf Punkte-Spalte nicht überlagern */
.ranking-table {
    table-layout: fixed;
}

.individual-ranking-table .rank-head,
.individual-ranking-table .rank-cell {
    width: 2rem;
}

.individual-ranking-table th:nth-child(2),
.individual-ranking-table td:nth-child(2) {
    width: auto;
    min-width: 0;
    overflow: hidden;
}

.individual-ranking-table th:nth-child(3),
.individual-ranking-table td:nth-child(3) {
    width: 4.1rem;
    text-align: center;
}

.individual-ranking-table th:nth-child(4),
.individual-ranking-table td:nth-child(4),
.individual-ranking-table th:nth-child(5),
.individual-ranking-table td:nth-child(5),
.individual-ranking-table th:nth-child(6),
.individual-ranking-table td:nth-child(6) {
    width: 3.1rem;
    text-align: center;
}

.ranking-table .person-cell {
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
}

.ranking-table .person-cell strong {
    display: block;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
}

.ranking-table .person-cell .user-name-with-flag {
    max-width: 100%;
    overflow: hidden;
}

.ranking-table .person-cell .user-name-text {
    display: inline-block;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 520px) {
    .individual-ranking-table .rank-head,
    .individual-ranking-table .rank-cell {
        width: 1.7rem;
    }

    .individual-ranking-table th:nth-child(3),
    .individual-ranking-table td:nth-child(3) {
        width: 3.35rem;
    }

    .individual-ranking-table th:nth-child(4),
    .individual-ranking-table td:nth-child(4),
    .individual-ranking-table th:nth-child(5),
    .individual-ranking-table td:nth-child(5),
    .individual-ranking-table th:nth-child(6),
    .individual-ranking-table td:nth-child(6) {
        width: 2.35rem;
    }

    .ranking-table .profile-img-sm {
        width: 40px;
        height: 40px;
    }

    .ranking-table .person-cell {
        gap: 0.35rem;
    }

    .ranking-table .person-cell .champion-tip-flag {
        width: 1.05rem;
        height: 1.05rem;
        font-size: 0.72rem;
    }
}



.champion-tip-flag img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.champion-tip-flag-image {
    background: #ffffff;
}


/* =========================================================
   Tipps der Mitspieler je Spiel
   Diese Ergänzung ans Ende von assets/css/style.css kopieren.
   ========================================================= */

.match-status-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.65rem;
}

.peer-tips-details {
    display: block;
}

.peer-tips-details[open] {
    flex: 1 1 100%;
}

.peer-tips-summary {
    background: #fef3c7;
    color: #713f12;
    cursor: pointer;
    list-style: none;
    user-select: none;
}

.peer-tips-summary::-webkit-details-marker {
    display: none;
}

.peer-tips-content {
    margin-top: 0.75rem;
    padding: 0.85rem;
    border: 1px solid var(--line);
    border-radius: 16px;
    background: #fffaf0;
}

.peer-tips-note {
    margin: 0 0 0.55rem;
}

/* =========================================================
   Weltmeister: Tipps der Mitspieler
   Diese Ergänzung ans Ende von assets/css/style.css kopieren.
   ========================================================= */

.champion-tip-overview {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    margin: 1rem 0 1.25rem;
}

.champion-current-tip-block {
    min-width: 0;
    flex: 1 1 16rem;
}

.champion-current-tip {
    margin: 0;
}

.champion-current-tip-choice,
.champion-peer-choice {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    min-width: 0;
}

.champion-current-tip-choice .champion-tip-flag,
.champion-peer-choice .champion-tip-flag {
    margin: 0;
    flex: 0 0 auto;
}

.champion-peer-tips-details {
    flex: 0 0 auto;
}

.champion-peer-tips-details[open] {
    flex: 1 1 100%;
}

.champion-peer-tips-content {
    width: 100%;
}

.champion-peer-tip-result {
    min-width: 8.5rem;
}

@media (max-width: 520px) {
    .champion-tip-overview {
        display: grid;
        gap: 0.85rem;
    }

    .champion-peer-tips-details {
        width: 100%;
    }
    .champion-peer-tips-summary {
        width: 100%;
        justify-content: center;
    }

    .champion-peer-tip-result {
        min-width: 0;
    }
}

	/* =========================================================
   Chat-Benachrichtigung + neues Logout-Icon
   ========================================================= */

.icon-link,
.hamburger-button,
.logout-link {
    position: relative;
    overflow: visible;
}

.logout-icon {
    width: 1.45rem;
    height: 1.45rem;
    stroke-width: 2.35;
    display: block;
}

.nav-notification-badge {
    position: absolute;
    top: -0.5rem;
    right: -0.4rem;
    z-index: 5;
    min-width: 1.65rem;
    height: 1.65rem;
    padding: 0 0.36rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: var(--primary);
    color: #ffffff;
    border: 2px solid #ffffff;
    box-shadow: 0 7px 16px rgba(15, 23, 42, 0.18);
    font-size: 0.78rem;
    font-weight: 900;
    line-height: 1;
    pointer-events: none;
}

.hamburger-dropdown a {
    justify-content: space-between;
}
	
	/* Chat-Antwortfunktion / Bezug auf ältere Beiträge */
.comment-form {
    scroll-margin-top: 110px;
}

.comment-actions {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    gap: 0.85rem;
    flex-wrap: wrap;
}

.reply-preview {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.8rem;
    padding: 0.75rem;
    border-radius: 14px;
    border-left: 5px solid var(--primary);
    background: #f0fdf4;
}

.reply-preview.is-hidden {
    display: none;
}

.reply-preview p {
    margin: 0.2rem 0 0;
    color: var(--muted);
    font-size: 0.9rem;
    overflow-wrap: anywhere;
}

.reply-cancel-button {
    border: 0;
    background: #ffffff;
    color: var(--muted);
    width: 32px;
    height: 32px;
    border-radius: 999px;
    font-size: 1.3rem;
    line-height: 1;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.08);
}

.comment-quote {
    display: block;
    margin: 0.7rem 0 0.85rem;
    padding: 0.65rem 0.75rem;
    border-left: 5px solid var(--primary);
    border-radius: 12px;
    background: #f8fafc;
    color: var(--text);
}

.comment-quote strong {
    display: block;
    margin-bottom: 0.25rem;
    font-size: 0.84rem;
}

.comment-quote span {
    display: block;
    color: var(--muted);
    font-size: 0.88rem;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.comment-quote-missing {
    opacity: 0.75;
}

.comment-card {
    scroll-margin-top: 105px;
}

.comment-card:target {
    border-color: rgba(20, 83, 45, 0.45);
    box-shadow: 0 18px 42px rgba(20, 83, 45, 0.14);
}

@media (max-width: 520px) {
    .comment-card .card-head {
        display: grid;
        gap: 0.75rem;
    }

    .comment-actions {
        justify-content: flex-start;
    }
}
	
	
	/* =========================================================
   Überraschungs-Popup mit PDF-Download
   ========================================================= */
.surprise-popup-backdrop {
    position: fixed;
    inset: 0;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 1.25rem;
    background: rgba(15, 23, 42, 0.45);
    backdrop-filter: blur(7px);
    z-index: 10000;
}

.surprise-popup-backdrop.is-visible {
    display: flex;
}

.surprise-popup-card {
    position: relative;
    width: min(92vw, 440px);
    padding: 2.1rem 1.55rem 1.65rem;
    border-radius: 28px;
    background: #ffffff;
    box-shadow: 0 24px 80px rgba(15, 23, 42, 0.28);
    text-align: center;
}

.surprise-popup-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 4rem;
    height: 4rem;
    margin-bottom: 0.8rem;
    border-radius: 999px;
    background: #dcfce7;
    font-size: 2rem;
}

.surprise-popup-card h2 {
    margin: 0 0 0.6rem;
    font-size: clamp(1.65rem, 6vw, 2.25rem);
}

.surprise-popup-card p {
    margin: 0;
    color: #4b5563;
    font-size: 1.05rem;
    line-height: 1.55;
}

.surprise-popup-download-link {
    color: #14532d;
    font-weight: 900;
    text-decoration: underline;
    text-underline-offset: 0.18em;
}

.surprise-popup-close {
    position: absolute;
    top: 0.85rem;
    right: 0.85rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    border: 2px solid #e5e7eb;
    border-radius: 999px;
    background: #ffffff;
    color: #111827;
    font-size: 1.45rem;
    font-weight: 900;
    line-height: 1;
    cursor: pointer;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08);
}

.surprise-popup-close:hover,
.surprise-popup-close:focus-visible {
    border-color: #14532d;
    color: #14532d;
}
	
	
	/* Fix: Tipps der Mitspieler - Ergebnis und Punkte klar trennen */
.peer-tip-result {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.35rem;
    text-align: right;
    white-space: nowrap;
}

.peer-tip-result strong {
    display: block;
    font-size: 1rem;
    line-height: 1.15;
}

.peer-tip-points {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    padding: 0.16rem 0.48rem;
    border-radius: 999px;
    background: #ecfdf5;
    color: #166534;
    font-size: 0.76rem;
    font-weight: 800;
    line-height: 1.15;
    white-space: nowrap;
}

@media (max-width: 520px) {
    .peer-tip-result {
        align-items: flex-start;
        text-align: left;
        padding-left: 2.55rem;
        gap: 0.32rem;
    }
}
	/* Automatisches Anspringen des aktuellen/nächsten Spiels */
.match-card-auto-target {
    scroll-margin-top: 105px;
}

.match-card-auto-focus-active {
    border-color: rgba(20, 83, 45, 0.45);
    box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.16), 0 18px 42px rgba(15, 23, 42, 0.12);
    transition: border-color 0.18s ease, box-shadow 0.18s ease;
}
	
	
	
	/* Admin Ergebnisse: automatischer Sprung zum aktuellen/letzten Spiel */
.admin-results-table tr[id^="match-"] {
    scroll-margin-top: 110px;
}

.admin-results-table tr.admin-result-auto-target > td {
    background: rgba(254, 249, 195, 0.55);
}

.admin-results-table tr.admin-result-auto-focus-active > td {
    animation: admin-result-auto-focus-pulse 1.2s ease-in-out 2;
}

@keyframes admin-result-auto-focus-pulse {
    0% {
        background: rgba(254, 249, 195, 0.95);
    }
    100% {
        background: rgba(254, 249, 195, 0.28);
    }
}