:root{--schwarz:#000;--gold:#aa8b48;--gold-hell:#cba860;--flamingo:#d55946;--bone:#f1ede6;--flaeche:#111;--linie:#2a2a2a}*{box-sizing:border-box}html,body{background:var(--schwarz);color:var(--bone);margin:0}body{min-height:100dvh;padding:env(safe-area-inset-top) 16px env(safe-area-inset-bottom);-webkit-tap-highlight-color:transparent;font-family:Optima,Candara,Gill Sans,Trebuchet MS,sans-serif}.kopf{justify-content:space-between;align-items:baseline;padding:24px 0 8px;display:flex}.kopf h1{letter-spacing:.04em;color:var(--gold-hell);margin:0;font-size:28px;font-weight:400}.kopf span{opacity:.6;font-size:14px}.kacheln{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-top:16px;display:grid}.kachel{border:1px solid var(--linie);background:var(--flaeche);min-height:120px;color:inherit;border-radius:16px;flex-direction:column;gap:6px;padding:20px;text-decoration:none;transition:transform .15s,border-color .15s;display:flex}.kachel:active{transform:scale(.98)}.kachel strong{font-size:20px;font-weight:400}.kachel small{opacity:.65;font-size:14px}.kachel.aus{opacity:.45;pointer-events:none}.zahl{color:var(--gold-hell);font-size:34px}.fuss{opacity:.5;margin:32px 0;font-size:13px}.fuss a{color:var(--gold)}.mitte{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100dvh;padding:24px 0;display:flex}.titel{color:var(--gold-hell);letter-spacing:.03em;margin:0;font-weight:400}.leise-text{opacity:.7;max-width:440px;margin:0;line-height:1.5}.knopf{border:1px solid var(--gold);min-height:56px;color:var(--gold-hell);font:inherit;cursor:pointer;background:0 0;border-radius:14px;justify-content:center;align-items:center;padding:0 28px;font-size:18px;text-decoration:none;display:inline-flex}.knopf:disabled{opacity:.4}.anmelden{flex-direction:column;align-items:center;gap:18px;width:100%;max-width:360px;display:flex}.anmelden h1{letter-spacing:.04em;margin:0;font-size:26px;font-weight:400}.anmelden-geraet{letter-spacing:.12em;text-transform:uppercase;opacity:.5;margin:0;font-size:13px}.anmelden-meldung{min-height:1.4em;color:var(--gold-hell);margin:0}.punkte{gap:14px;height:18px;display:flex}.punkte span{border:1.5px solid var(--gold);border-radius:50%;width:16px;height:16px;transition:background .15s,transform .15s}.punkte span.voll{background:var(--gold-hell);transform:scale(1.1)}.punkte.wackeln{animation:.4s wackeln}@keyframes wackeln{20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}.tastatur{grid-template-columns:repeat(3,1fr);gap:14px;width:100%;display:grid}.taste{aspect-ratio:1.25;border:1px solid var(--linie);background:var(--flaeche);color:var(--bone);font:inherit;cursor:pointer;touch-action:manipulation;border-radius:18px;font-size:30px;transition:transform .1s,background .1s}.taste:active{background:#1c1c1c;transform:scale(.94)}.taste.leise{opacity:.7;font-size:24px}.los{background:var(--gold);color:#000;width:100%;min-height:60px;font:inherit;letter-spacing:.04em;cursor:pointer;touch-action:manipulation;border:0;border-radius:18px;font-size:20px}.los:disabled{opacity:.35}.formular{text-align:left;flex-direction:column;gap:16px;width:100%;max-width:380px;display:flex}.formular label{opacity:.85;flex-direction:column;gap:6px;font-size:14px;display:flex}.formular input,.formular select{border:1px solid var(--linie);background:var(--flaeche);min-height:52px;color:var(--bone);font:inherit;border-radius:12px;padding:0 14px;font-size:18px}.gruss{opacity:.6;margin:24px 0 0;font-size:15px}.kopf{padding-top:4px}.abmelden{border:1px solid var(--linie);color:var(--bone);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:10px 16px;font-size:14px}@media (prefers-reduced-motion:reduce){.punkte.wackeln{animation:none}.taste,.punkte span{transition:none}}