/* Öffentliche Seite und Team-Bereich (Farben, Schrift, Rundung kommen aus den Einstellungen) */
:root{--ff:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--rad:18px;--hbg:var(--pr);--hfg:#fff}
body{font-family:var(--ff);background:var(--pbg,var(--bg));padding-bottom:0}
body.hastick{padding-bottom:var(--tkh,56px)}
.card{border-radius:var(--rad)}
button,input,select,textarea{border-radius:calc(var(--rad)*.65)}
.phead{background:var(--hbg);color:var(--hfg)}
.phead .in{max-width:980px;margin:0 auto;padding:1.15rem 1rem;display:flex;align-items:center;gap:.9rem}
.phead img{height:3.3rem;width:3.3rem;object-fit:contain;flex:none}
.phead h1{margin:0;font-size:1.55rem;line-height:1.15;color:inherit;font-weight:700}
.phead p{margin:.15rem 0 0;opacity:.88}
.ptabs{position:sticky;top:0;z-index:9;display:flex;gap:.3rem;overflow-x:auto;padding:.5rem max(.8rem,calc((100% - 980px)/2 + .2rem));background:var(--card);border-bottom:1px solid var(--bd);scrollbar-width:none}
.ptabs::-webkit-scrollbar{display:none}
.ptabs[hidden]{display:none}
.ptabs a{white-space:nowrap;padding:.5rem 1rem;border-radius:99px;color:var(--tx);text-decoration:none;font-weight:550}
.ptabs a:hover{background:var(--bd)}
.ptabs a.on{background:color-mix(in srgb,var(--pr) 16%,transparent);color:var(--pr)}
.ptabs a:focus-visible{outline:2px solid var(--pr)}
.pwrap{max-width:980px;margin:0 auto;padding:1rem 1rem 3rem}
.pfoot{max-width:980px;margin:0 auto;padding:0 1rem 2rem;text-align:center;color:var(--mu);font-size:.88rem;white-space:pre-wrap}
.pfoot:empty{display:none}
.ptick{position:fixed;left:0;right:0;bottom:0;z-index:20;overflow:hidden}
.ptick[hidden]{display:none}
.card h2 small{font-weight:400;color:var(--mu);font-size:.85rem}
.card h3{margin-top:.2rem}
.welcome{white-space:pre-wrap;font-size:1.05rem;border-left:5px solid var(--pr)}
.idle{text-align:center;color:var(--mu)}.idle b{display:block;color:var(--tx);font-size:1.05rem;margin-bottom:.2rem}
body.nologos .tl{display:none}
td small.ph{display:block;color:var(--mu);font-size:.75rem;font-weight:400;line-height:1.2}
/* Live-Karte */
.lc{border:2px solid color-mix(in srgb,var(--no) 45%,var(--bd))}
.lc-h{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.5rem;flex-wrap:wrap}
.lc-s{display:grid;grid-template-columns:1fr auto 1fr;gap:.6rem;align-items:center}
.lc-t{text-align:center;font-weight:650;font-size:1.1rem;overflow-wrap:anywhere}
.lc-t .tl{display:block;margin:0 auto .3rem;width:3.2rem;height:3.2rem}
.lc-sc{text-align:center}.lc-sc b{display:block;font-size:2.8rem;line-height:1;font-variant-numeric:tabular-nums}
.lc-c{display:block;margin-top:.3rem;color:var(--mu);font-variant-numeric:tabular-nums;font-weight:600}
.lc-e{list-style:none;margin:.9rem 0 0;padding:.7rem 0 0;border-top:1px solid var(--bd);display:grid;gap:.35rem}
.lc-e li{display:flex;gap:.5rem;align-items:center;max-width:82%;background:color-mix(in srgb,var(--tx) 5%,transparent);padding:.35rem .7rem;border-radius:calc(var(--rad)*.6);font-size:.95rem}
.lc-e li.h{justify-self:start}.lc-e li.a{justify-self:end;flex-direction:row-reverse;text-align:right}
.lc-e .ei{flex:none}
/* Nachrichten */
.nw{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:start}
.nw:not(:has(.nw-i)){grid-template-columns:1fr}
.nw-i{width:170px;height:120px;object-fit:cover;border-radius:calc(var(--rad)*.7)}
.nw-m{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;font-size:.85rem}
.nw h3{margin:.3rem 0 .25rem;font-size:1.1rem;color:var(--tx)}
.nw p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.nw.pinned{border-color:color-mix(in srgb,var(--pr) 50%,var(--bd))}
.more{display:inline-block;margin-top:.2rem}
/* Tabellen */
.card table{min-width:0}
.card td,.card th{padding:.5rem .35rem}
.card .mu a,.more{color:var(--pr)}
/* Team-Bereich */
.pinbox{max-width:26rem}
.th{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}
.th .tx{flex:1;min-width:10rem}.th h2{margin:0}
.th .tl{width:3.4rem;height:3.4rem}
.bup{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .9rem;background:var(--bd);color:var(--tx);cursor:pointer;font-weight:550;font-size:.9rem;border-radius:calc(var(--rad)*.65)}
.bup:hover{filter:brightness(.95)}
.prow{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;padding:.55rem 0;border-bottom:1px solid var(--bd)}
.prow:last-of-type{border:0}
.prow input[name=name]{flex:1 1 9rem;min-width:7rem}
.prow input[name=nr]{width:5.2rem}
.prow select{width:auto}
.pav{width:2.8rem;height:2.8rem;border-radius:50%;object-fit:cover;background:var(--bd);display:grid;place-items:center;cursor:pointer;flex:none;font-size:1.1rem;overflow:hidden}
label.pav input{display:none}
.prow .ib,.ib{background:none;color:var(--tx);padding:.4rem .6rem;font-size:1.05rem}
.ib:hover{background:var(--bd)}
.ib.no{background:var(--no);color:#fff;font-size:.85rem}
.addrow{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;margin-top:.8rem;padding-top:.8rem;border-top:1px dashed var(--bd)}
.addrow input[name=name]{flex:1 1 9rem}.addrow input[name=nr]{width:5.2rem}
.tmsg{min-height:1.4rem;font-size:.9rem;color:var(--ok)}.tmsg.err{color:var(--no)}
.cf{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.6rem}
.cf label{display:block;font-size:.85rem;color:var(--mu)}.cf input{display:block;width:100%;margin-top:.2rem}
.ownm{display:grid;gap:.3rem}
.ownm div{display:grid;grid-template-columns:3.6rem 1fr auto 1fr;gap:.5rem;align-items:center;padding:.3rem 0;border-bottom:1px solid var(--bd)}
.ownm div:last-child{border:0}
.ownm .r{text-align:right}.ownm b{text-align:center;min-width:3.4rem}
@media(max-width:640px){
 .phead h1{font-size:1.3rem}.lc-sc b{font-size:2.2rem}.lc-e li{max-width:100%}
 .nw{grid-template-columns:1fr}.nw-i{width:100%;height:170px}
 .card{padding:.9rem 1rem}
 .card td,.card th{padding:.45rem .2rem;font-size:.92rem}
 .ownm div{grid-template-columns:3rem 1fr auto 1fr;font-size:.92rem}
}