:root{--red:#d40000;--dark:#182028;--light:#f4f6f8;--blue:#0077a8}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--light);color:var(--dark)}header{background:#fff;border-bottom:4px solid var(--red);padding:14px 4vw;display:flex;align-items:center;justify-content:space-between;gap:20px}header strong{font-size:1.25rem}nav{display:flex;gap:14px;flex-wrap:wrap}a{color:var(--blue);text-decoration:none}main{max-width:1200px;margin:auto;padding:30px 20px;min-height:calc(100vh - 120px)}footer{text-align:center;padding:18px;color:#68727b}.hero{text-align:center}.hero h1{font-size:clamp(2rem,6vw,4rem)}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-top:35px}.card,.panel{background:#fff;border-radius:16px;padding:24px;box-shadow:0 6px 24px #0001}.card b,.card span{display:block}.card b{font-size:1.4rem;color:var(--dark);margin-bottom:8px}.center{text-align:center}.giant{width:min(80vw,520px);height:min(60vw,320px);border:0;border-radius:30px;font-size:clamp(4rem,18vw,10rem);font-weight:bold;color:#fff;box-shadow:0 12px 30px #0003}.start{background:#0b8f3c}.finish-btn{background:var(--red)}.clock{font-size:clamp(4rem,18vw,10rem);font-weight:bold;font-variant-numeric:tabular-nums}.hidden{display:none!important}.finish form{max-width:600px;margin:30px auto}.finish label{display:block;font-size:2rem;font-weight:bold}.bib-input{width:100%;font-size:6rem;text-align:center;padding:12px;border:5px solid var(--dark);border-radius:20px}.confirm,.button,button{display:inline-block;background:var(--blue);color:#fff;border:0;border-radius:10px;padding:14px 22px;font-size:1.1rem;margin:12px 6px;cursor:pointer}.secondary{background:#68727b}.danger{background:var(--red)}.feedback{font-size:1.5rem;font-weight:bold;min-height:50px;margin:20px}.feedback.ok{color:#087b34}.feedback.error{color:var(--red)}.hint{max-width:700px;margin:35px auto}.message{padding:14px;border-radius:10px;background:#dff3e6;margin-bottom:20px}.admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.panel{margin-bottom:20px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px;border-bottom:1px solid #ddd}.tv{background:#07151f;color:#fff;overflow:hidden}.tv-wrap{height:100vh;padding:3vh 5vw;text-align:center}.tv-title{font-size:2.5vw;color:#ff2a2a;font-weight:bold}.tv h1{font-size:4.2vw;margin:1vh}.tv-clock{font-size:10vw;font-weight:bold;font-variant-numeric:tabular-nums}.tv-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:2vw}.tv-stats span{display:block;font-size:5vw;font-weight:bold}.tv-stats small{font-size:1.8vw}.welcome{margin-top:3vh;border-top:3px solid #fff3}.welcome h2{font-size:3.2vw;margin:2vh}.welcome #names{display:grid;grid-template-columns:repeat(4,1fr);gap:1vw}.welcome #names div{background:#fff;color:#07151f;border-radius:1vw;padding:1.2vh;font-size:3.4vw;font-weight:bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:700px){header{align-items:flex-start;flex-direction:column}.giant{height:55vh}.bib-input{font-size:5rem}}

.finish-clock-box{max-width:700px;margin:10px auto 25px;padding:18px;background:#fff;border-radius:18px;box-shadow:0 6px 24px #0001}.finish-clock-label{font-size:1.3rem;font-weight:bold}.finish-clock{margin:4px 0;font-size:clamp(3rem,10vw,6rem);line-height:1;font-weight:bold;font-variant-numeric:tabular-nums}.finish-clock-status{font-size:1.1rem;font-weight:bold}.finish-clock-status.running{color:#087b34}.finish-clock-status.waiting{color:#68727b}.finish-clock-status.stopped{color:#b35a00}.finish-clock-status.error{color:#d40000}.version-number{font-size:3rem;font-weight:bold}.status-list{display:grid;grid-template-columns:max-content 1fr;gap:10px 20px}.status-list dt{font-weight:bold}.status-list dd{margin:0}.hint-small{font-size:.9rem;color:#68727b}

/* Live-Anzeige Version 0.2.3 */
.tv-scoreboard{
    position:relative;
    min-height:100vh;
    overflow:hidden;
    background:linear-gradient(180deg,#063c66 0%,#075f92 48%,#03233d 100%);
    color:#fff;
}
.tv-scoreboard::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        linear-gradient(180deg,rgba(0,18,35,.12),rgba(0,18,35,.62)),
        radial-gradient(circle at 50% 30%,rgba(20,151,218,.26),transparent 55%);
    z-index:0;
}
.tv-background-logo{
    position:absolute;
    inset:8vh 14vw 18vh;
    z-index:0;
    background:url("live-logo.png") center/contain no-repeat;
    opacity:.16;
    filter:saturate(.9);
    pointer-events:none;
}
.tv-scoreboard-wrap{
    position:relative;
    z-index:1;
    width:100%;
    height:100vh;
    padding:2vh 4vw 1.5vh;
    display:grid;
    grid-template-rows:auto auto auto 1fr;
    text-align:center;
}
.tv-scoreboard-header{
    display:block;
    border:0;
    padding:0;
    background:transparent;
}
.tv-scoreboard .tv-title{
    font-size:clamp(1.8rem,2.8vw,3.8rem);
    line-height:1;
    color:#ff2a2a;
    font-weight:900;
    letter-spacing:.02em;
}
.tv-scoreboard h1{
    margin:.6vh 0 0;
    font-size:clamp(3rem,5vw,6.4rem);
    line-height:1;
    color:#fff;
    font-weight:900;
}
.tv-scoreboard .tv-clock{
    margin:1vh 0;
    font-size:clamp(6rem,12vw,14rem);
    line-height:.95;
    font-weight:900;
    font-variant-numeric:tabular-nums;
    letter-spacing:.015em;
    text-shadow:0 .08em .12em rgba(0,0,0,.45);
}
.tv-scoreboard .tv-stats{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    align-items:end;
    gap:3vw;
    padding:0 2vw 1.5vh;
    border-bottom:2px solid rgba(34,174,243,.8);
}
.tv-scoreboard .tv-stat{
    min-width:0;
}
.tv-scoreboard .tv-stat span{
    display:block;
    font-size:clamp(4rem,6vw,8rem);
    line-height:.9;
    font-weight:900;
    font-variant-numeric:tabular-nums;
    text-shadow:0 .06em .12em rgba(0,0,0,.4);
}
.tv-scoreboard .tv-stat small{
    display:block;
    margin-top:.6vh;
    font-size:clamp(1.5rem,2.1vw,3rem);
    line-height:1;
    color:#fff;
}
.tv-scoreboard .welcome{
    align-self:stretch;
    margin:0;
    padding:1.5vh 13vw 0;
    border:0;
    background:linear-gradient(180deg,rgba(1,26,48,.12),rgba(1,21,40,.74));
}
.tv-scoreboard .welcome h2{
    margin:0 0 1vh;
    font-size:clamp(2.5rem,3.6vw,5rem);
    line-height:1;
    font-weight:900;
    letter-spacing:.045em;
}
.recent-finishers{
    width:100%;
    max-width:1200px;
    margin:0 auto;
}
.finisher-row{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    min-height:6.3vh;
    gap:2vw;
    padding:.25vh 1.2vw;
    border-top:1px solid rgba(255,255,255,.24);
}
.finisher-name{
    overflow:hidden;
    text-align:left;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:clamp(2.6rem,4.1vw,5.8rem);
    line-height:1;
    font-weight:900;
    color:#fff;
    text-shadow:0 .06em .1em rgba(0,0,0,.45);
}
.finisher-time{
    min-width:7.5ch;
    text-align:right;
    font-size:clamp(2.4rem,3.7vw,5.2rem);
    line-height:1;
    font-weight:900;
    color:#19a8f5;
    font-variant-numeric:tabular-nums;
    text-shadow:0 .05em .1em rgba(0,0,0,.45);
}
.finisher-row.empty{
    opacity:.34;
}
@media (max-aspect-ratio:4/3){
    .tv-background-logo{inset:15vh 6vw 25vh}
    .tv-scoreboard .welcome{padding-inline:5vw}
    .finisher-name{font-size:clamp(2rem,5vw,4rem)}
    .finisher-time{font-size:clamp(1.8rem,4.4vw,3.5rem)}
}


/* Live-Zielläuferliste Version 0.2.4 */
.tv-scoreboard .welcome{padding:1.2vh 3vw 0;width:100%}
.tv-scoreboard .recent-finishers{width:100%;max-width:none;margin:0}
.tv-scoreboard .finisher-row{grid-template-columns:minmax(0,1fr) minmax(8ch,12ch);column-gap:3vw;min-height:7vh;padding:.35vh 2vw}
.tv-scoreboard .finisher-name{font-size:clamp(3.2rem,5vw,7rem)}
.tv-scoreboard .finisher-time{font-size:clamp(2.8rem,4.4vw,6rem);white-space:nowrap}

/* TV-Anzeige Version 0.2.5: Hauptlayout ist cache-sicher direkt in display.html hinterlegt. */


/* Zielerfassung 0.2.8 */
.bib-input-wrap input {
    font-variant-numeric: tabular-nums;
}

.bib-input-wrap input:focus {
    outline: 4px solid rgba(0, 141, 213, .45);
    outline-offset: 3px;
}