:root{--sicht: 100dvh}.team{height:100dvh}.seite{height:var(--sicht);display:flex;flex-direction:column;padding:max(10px,env(safe-area-inset-top)) 14px max(10px,env(safe-area-inset-bottom));gap:clamp(4px,calc(var(--sicht) * .012),12px)}#beitritt{justify-content:center;align-items:center;text-align:center}.beitritt-logo{width:62vw;max-width:360px;max-height:30vh;object-fit:contain}.titel{font-size:8vw;font-weight:900;line-height:1.1}.hinweis{font-size:4vw;font-weight:500;opacity:.8;max-width:32ch}.fehler{color:var(--akzent);font-weight:700;font-size:4vw;min-height:1.4em}#name-feld{width:100%;max-width:420px;font-size:6vw;font-weight:700;padding:16px;text-align:center}button.gross{width:100%;max-width:420px;font-size:5.5vw;padding:18px;background:var(--akzent);border-color:var(--akzent)}.kopf{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:3px solid var(--rand);padding-bottom:clamp(2px,calc(var(--sicht) * .006),8px)}.kopf-name{font-size:clamp(13px,calc(var(--sicht) * .026),22px);font-weight:900;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kopf-buchstabe{font-size:clamp(24px,calc(var(--sicht) * .055),52px);font-weight:900;color:var(--akzent);line-height:1}.inhalt{flex:1 1 auto;display:flex;flex-direction:column;min-height:0;gap:clamp(4px,calc(var(--sicht) * .012),12px);align-items:center;justify-content:center;text-align:center}.gross-text{font-size:7vw;font-weight:900;line-height:1.2}.buchstabe-riesig{font-size:42vw;font-weight:900;line-height:1}.kopf-links{display:flex;flex-direction:column;min-width:0}.kopf-titel{font-size:clamp(9px,calc(var(--sicht) * .015),13px);font-weight:700;opacity:.45;letter-spacing:.04em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#i-eingabe{justify-content:flex-start;align-items:stretch;text-align:left}.felder{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:clamp(6px,calc(var(--sicht) * .016),18px);overflow-y:auto;overscroll-behavior:contain}.felder.mittig{justify-content:center}.feld{flex:1 1 auto;min-height:clamp(48px,calc(var(--sicht) * .085),80px);max-height:clamp(64px,calc(var(--sicht) * .105),96px);display:grid;grid-template-rows:auto minmax(0,1fr);gap:clamp(1px,calc(var(--sicht) * .004),5px);min-width:0;overflow:hidden}.feld label{font-size:clamp(13px,calc(var(--sicht) * .028),24px);line-height:1.15;font-weight:800;letter-spacing:.04em;text-transform:uppercase;opacity:.92;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feld input{width:100%;height:100%;min-height:0;min-width:0;font-size:clamp(16px,calc(var(--sicht) * .03),26px);font-weight:700;padding:0 12px}.balken-huelle{flex:0 0 auto;height:clamp(5px,calc(var(--sicht) * .012),12px);background:var(--flaeche);border-radius:999px;overflow:hidden}.balken{height:100%;width:100%;background:var(--text);border-radius:999px}.balken.knapp{background:var(--akzent)}.senden{flex:0 0 auto;width:100%;font-size:clamp(14px,calc(var(--sicht) * .026),22px);padding:clamp(8px,calc(var(--sicht) * .019),18px)}.senden.stopp{background:var(--akzent);border-color:var(--akzent)}.abgegeben-marke{font-size:7vw;font-weight:900;color:var(--akzent);margin-bottom:4px}.stand-kasten{border:3px solid var(--rand);border-radius:16px;padding:16px 20px;font-size:5vw;font-weight:800;line-height:1.6;text-align:center}.stand-kasten .platz{color:var(--akzent);font-size:9vw}.schnapsreihe{display:flex;flex-direction:column;align-items:center;gap:2px}.schnapsreihe span{font-size:15vw;font-weight:900;line-height:1.05;color:var(--akzent);text-transform:uppercase}@media(prefers-reduced-motion:no-preference){.schnapsreihe span{animation:ruf .45s cubic-bezier(.2,.9,.3,1.5) both}.schnapsreihe span:nth-child(2){animation-delay:.18s}.schnapsreihe span:nth-child(3){animation-delay:.36s}}@keyframes ruf{0%{transform:scale(.55) translateY(10px);opacity:0}70%{transform:scale(1.08) translateY(0);opacity:1}to{transform:scale(1) translateY(0);opacity:1}}.special-liste{list-style:none;display:flex;flex-direction:column;gap:10px}.special-liste li{display:flex;flex-direction:column;gap:2px}.special-name{font-size:9vw;font-weight:900;line-height:1.1;color:var(--akzent)}.special-kategorie{font-size:4vw;font-weight:700;opacity:.8}#i-podest{position:relative}#podest-pokal .pokal{height:clamp(80px,calc(var(--sicht) * .3),300px);margin:0 auto clamp(6px,calc(var(--sicht) * .02),20px)}.podest-platz{font-size:11vw;font-weight:900;color:var(--akzent)}.podest-name{font-size:8vw;font-weight:900}@media(prefers-reduced-motion:no-preference){#i-podest .pokal{animation:pokal-auf .55s cubic-bezier(.2,.9,.3,1.5) both}}@keyframes pokal-auf{0%{transform:translateY(14px) scale(.5);opacity:0}65%{transform:translateY(0) scale(1.14);opacity:1}to{transform:translateY(0) scale(1);opacity:1}}.getrennt-hinweis{position:fixed;bottom:0;left:0;right:0;display:none;background:var(--akzent);color:#fff;font-weight:800;text-align:center;padding:9px;font-size:4vw}body.getrennt .getrennt-hinweis{display:block}.abstimm-wort{font-size:9vw;font-weight:900;line-height:1.1}.abstimm-knoepfe{display:flex;flex-direction:column;gap:12px;width:100%;margin-top:10px}.abstimm-knopf{width:100%;font-size:6vw;padding:22px;font-weight:900}.abstimm-knopf.ja{background:var(--akzent);border-color:var(--akzent)}.abstimm-knopf.nein{border-color:var(--rand)}#name-feld.belegt{border-color:var(--akzent)}#beitreten:disabled{opacity:.4}#pin-block{margin-bottom:14px}#pin-feld{width:100%;box-sizing:border-box;text-align:center;font-size:28px;letter-spacing:6px;font-weight:800}#pin-feld.belegt{border-color:var(--akzent)}#pin-frage{opacity:.8;margin-bottom:6px}
