.lobby{box-sizing:border-box;gap:var(--abstand-md);max-width:1200px;height:100vh;padding:var(--abstand-md) var(--abstand-lg) var(--abstand-lg);grid-template-rows:auto auto auto auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);margin:0 auto;display:grid;overflow:hidden}html:has(.lobby) body{background:radial-gradient(1200px 520px at 85% -10%, #f47a2029, transparent 60%), radial-gradient(900px 600px at -10% 110%, #405c8c38, transparent 60%), var(--grund)}.lobby-leiste{justify-content:space-between;align-items:center;gap:var(--abstand-md);min-height:48px;display:flex}.lobby-marke{font:800 24px var(--font-titel);letter-spacing:-.3px;align-items:center;gap:12px;margin:0;display:flex}.marke{filter:drop-shadow(0 0 12px #f47a2073);width:36px;height:36px}.lobby-beta{border-radius:var(--rund-pille);color:var(--akzent-schrift);font:800 13px var(--font-text);letter-spacing:.4px;background:#f47a201a;border:1px solid #f47a2073;padding:6px 14px}.lobby h2{margin:0 0 var(--abstand-sm);font:700 20px var(--font-titel)}.lobby-kopf{align-items:start;gap:var(--abstand-sm) var(--abstand-lg);border-radius:var(--rund-kachel);background:radial-gradient(520px 260px at 82% 120%,#f47a2061,#0000 70%),linear-gradient(135deg,#1f2838 0%,#161d2a 60%);border:1px solid #f47a2047;grid-template-rows:auto auto auto 1fr;grid-template-columns:minmax(0,1fr) auto;min-height:200px;padding:28px 32px;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 50px #00000073,inset 0 1px #ffffff0f}.lobby-kopf>:not(.lobby-kopf-bild){z-index:1;position:relative}.lobby-kopf-wort{font:800 13px var(--font-text);letter-spacing:2.4px;text-transform:uppercase;color:var(--akzent-schrift);grid-column:1}.lobby-kopf-titel{font:700 26px var(--font-titel);color:var(--schrift-buehne);grid-column:1}.lobby-kopf-uhr{font:800 56px/1.05 var(--font-titel);font-variant-numeric:tabular-nums;letter-spacing:-1px;background:linear-gradient(#fff 30%,#f7bb9a 100%);color:#0000;-webkit-background-clip:text;background-clip:text;grid-column:1}.lobby-kopf .lobby-knopf,.lobby-kopf>.py-knopf{margin-top:var(--abstand-sm);background:linear-gradient(180deg, #f79a55, var(--feuer));min-height:48px;box-shadow:var(--schein-feuer);grid-column:1;place-self:end start;padding:0 28px;font-size:16px}.lobby-kopf-bild{pointer-events:none;width:300px;position:absolute;bottom:-18px;right:24px}.lobby-kopf-bild svg{filter:drop-shadow(0 16px 26px #00000080);width:100%;height:auto;display:block}.lobby-absage{justify-content:space-between;align-items:center;gap:var(--abstand-md);padding:var(--abstand-md) var(--abstand-lg);border-radius:var(--rund-tafel);background:var(--erhoben);display:flex}.lobby-absage p,.lobby-ohne-konto{font:600 16px/1.5 var(--font-text);margin:0}.lobby-ohne-konto{justify-content:space-between;align-items:center;gap:var(--abstand-md);border-radius:var(--rund-tafel);border:1px solid var(--haar);color:var(--schrift-leise);background:#ffffff0a;padding:12px 12px 12px 24px;display:flex}.lobby-liste{min-height:0;padding:var(--abstand-lg) var(--abstand-lg) var(--abstand-md);border:1px solid var(--haar);border-radius:var(--rund-kachel);background:#1a212dd9;flex-direction:column;display:flex}.lobby-hinweis{color:var(--schrift-leise);margin:0}.lobby-zeilen{flex-direction:column;gap:8px;min-height:0;margin:0;padding:0 4px 4px 0;list-style:none;display:flex;overflow-y:auto}.lobby-zeile{align-items:center;gap:var(--abstand-mid);border-radius:var(--rund-zeile);background:var(--erhoben);border:1px solid #0000;grid-template-columns:minmax(340px,2fr) minmax(170px,1.4fr) 90px minmax(90px,1fr) 190px;padding:10px 12px 10px 10px;transition:border-color .16s,background .16s,transform .16s;display:grid}.lobby-zeile:hover{background:#262f3f;border-color:#f47a2066}.lobby-zeile-name{align-items:center;gap:var(--abstand-mid);color:inherit;font:inherit;text-align:left;cursor:var(--zeiger-klick);background:0 0;border:0;padding:0;display:flex}.lobby-zeit{background:var(--grund);min-width:72px;font:700 20px var(--font-titel);font-variant-numeric:tabular-nums;text-align:center;border-radius:12px;padding:8px 0}.lobby-tag{border-radius:var(--rund-pille);background:var(--grund);color:var(--schrift-still);padding:3px 8px;font-size:12px;font-weight:700}.lobby-art{white-space:nowrap;text-overflow:ellipsis;font:700 17px var(--font-titel);order:3;overflow:hidden}.lobby-status,.lobby-dauer,.lobby-meins{color:var(--schrift-leise);font-size:14px;font-weight:600}.lobby-meins{color:var(--akzent-schrift)}.lobby-knopf{justify-self:end}.lobby-meldung{color:var(--gruen);grid-column:1/-1;margin:0;font-size:14px}.lobby-meldung.fehler{color:var(--rot)}.lobby-kopf-satz{max-width:46ch;font:600 17px/1.5 var(--font-text);color:var(--schrift-leise);grid-column:1}.lobby-hinweis{border-radius:var(--rund-zeile);background:var(--erhoben);font:600 15px/1.45 var(--font-text);color:var(--schrift-leise);align-items:center;gap:12px;margin:4px 0 8px;padding:16px 18px;display:flex}.lobby-hinweis:before{content:"";background:var(--schrift-still);border-radius:50%;flex:none;width:10px;height:10px}.lobby-hinweis.laedt:before{background:var(--akzent);animation:lobby-atmen var(--atmen) var(--kurve-sinus) infinite alternate}.lobby-hinweis.fehler{color:var(--schrift)}.lobby-hinweis.fehler:before{background:var(--rot);box-shadow:0 0 0 4px #ff9a8726}.lobby-hinweis.leer:before{background:var(--akzent);box-shadow:0 0 0 4px #f0956b26}.lobby-skelett{flex-direction:column;gap:8px;display:flex}.lobby-skelett-zeile{border-radius:var(--rund-zeile);background:linear-gradient(90deg, var(--erhoben) 0%, #2a3344 45%, var(--erhoben) 90%) 0 0 / 200% 100%;height:58px;animation:1.4s linear infinite lobby-glanz}@keyframes lobby-glanz{to{background-position:-200% 0}}@keyframes lobby-atmen{0%{opacity:1}to{opacity:.35}}.lobby-zeile{animation:lobby-zeile-ein var(--auftritt-kurz) var(--kurve-lauf) both}.lobby-zeile:nth-child(2){animation-delay:40ms}.lobby-zeile:nth-child(3){animation-delay:80ms}.lobby-zeile:nth-child(4){animation-delay:.12s}.lobby-zeile:nth-child(n+5){animation-delay:.16s}@keyframes lobby-zeile-ein{0%{opacity:0;transform:translateY(6px)}}.fehlseite{box-sizing:border-box;align-content:center;justify-items:center;gap:var(--abstand-xl);min-height:100vh;padding:var(--abstand-xl) var(--abstand-lg);display:grid}html:has(.fehlseite) body{background:radial-gradient(900px 480px at 50% -10%, #f47a202e, transparent 65%), var(--grund)}.fehlseite-karte{border-radius:var(--rund-kachel);text-align:center;background:linear-gradient(160deg,#1f2838,#161d2a);border:1px solid #f47a2047;justify-items:center;gap:12px;width:min(480px,100%);padding:40px 36px;display:grid;box-shadow:0 24px 60px #00000080}.fehlseite-zeichen{font:800 72px/1 var(--font-titel);letter-spacing:-2px;background:linear-gradient(#fff 20%,#f47a20 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.fehlseite h2{font:700 22px var(--font-titel);margin:0}.fehlseite p{font:600 16px/1.5 var(--font-text);color:var(--schrift-leise);margin:0 0 8px}.fehlseite .py-knopf{text-decoration:none}.lobby-detail-schleier{z-index:19;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#080b118c;animation:.2s ease-out lobby-blende;position:fixed;inset:0}.lobby-detail{z-index:20;box-sizing:border-box;gap:var(--abstand-md);border:1px solid var(--haar-stark);border-radius:var(--rund-kachel);width:460px;animation:lobby-detail-ein .26s var(--kurve-lauf);background:linear-gradient(170deg,#222b3a,#181f2b);flex-direction:column;padding:28px;display:flex;position:fixed;top:12px;bottom:12px;right:12px;overflow-y:auto;box-shadow:-18px 0 50px #00000080}@keyframes lobby-detail-ein{0%{opacity:0;transform:translate(24px)}}@keyframes lobby-blende{0%{opacity:0}}.lobby-detail-kopf{justify-content:space-between;align-items:flex-start;gap:var(--abstand-md);padding-bottom:var(--abstand-md);border-bottom:1px solid var(--haar);display:flex}.lobby-detail-kopf h2{font:700 22px/1.25 var(--font-titel);margin:0}.lobby-detail-werte{gap:10px var(--abstand-md);border-radius:var(--rund-zeile);background:#0000002e;grid-template-columns:auto 1fr;margin:0;padding:16px 18px;font-size:15px;display:grid}.lobby-detail-werte dt{color:var(--schrift-still);font-weight:600}.lobby-detail-werte dd{font-variant-numeric:tabular-nums;margin:0;font-weight:700}.lobby-detail-feld,.lobby-detail-mehr{color:var(--schrift-leise);margin:0;font-size:14px;font-weight:600}.lobby-detail h3{margin:var(--abstand-sm) 0 0;font:700 13px var(--font-text);letter-spacing:1.6px;text-transform:uppercase;color:var(--akzent-schrift)}.lobby-detail-liste{counter-reset:platz;margin:0;padding:0;font-size:14px;list-style:none}.lobby-detail-liste li{justify-content:space-between;gap:var(--abstand-md);font-variant-numeric:tabular-nums;border-radius:10px;padding:8px 10px;display:flex}.lobby-detail-liste li:nth-child(odd){background:#ffffff08}html:has(main.spiel) body{background:radial-gradient(1200px 560px at 85% -10%, #f47a202b, transparent 60%), radial-gradient(900px 640px at -10% 110%, #405c8c3d, transparent 60%), var(--grund)}html:has(main.spiel) body:before{content:"";z-index:-1;pointer-events:none;opacity:.7;background-image:radial-gradient(2px 2px at 12% 80%,#f7bb9a8c,#0000 60%),radial-gradient(1.5px 1.5px at 34% 60%,#f47a2099,#0000 60%),radial-gradient(2px 2px at 58% 90%,#f7bb9a73,#0000 60%),radial-gradient(1.5px 1.5px at 76% 70%,#f47a2080,#0000 60%),radial-gradient(2px 2px at 90% 85%,#f7bb9a66,#0000 60%);background-size:100% 100%;animation:18s linear infinite funken;position:fixed;inset:-20% 0 0}html:has(main.spiel) body:after{content:"";z-index:-1;pointer-events:none;opacity:.7;background-image:radial-gradient(2px 2px at 12% 80%,#f7bb9a8c,#0000 60%),radial-gradient(1.5px 1.5px at 34% 60%,#f47a2099,#0000 60%),radial-gradient(2px 2px at 58% 90%,#f7bb9a73,#0000 60%),radial-gradient(1.5px 1.5px at 76% 70%,#f47a2080,#0000 60%),radial-gradient(2px 2px at 90% 85%,#f7bb9a66,#0000 60%);background-size:100% 100%;animation:18s linear infinite funken;position:fixed;inset:-20% 0 0}html:has(main.spiel) body:after{opacity:.5;animation-duration:26s;animation-delay:-9s;transform:scaleX(-1)}@keyframes funken{0%{opacity:0;transform:translateY(0)}15%{opacity:.7}to{opacity:0;transform:translateY(-40%)}}.spiel:not(.lobby){box-sizing:border-box;max-width:1200px;min-height:100vh;padding:var(--abstand-md) var(--abstand-lg) var(--abstand-xl);gap:var(--abstand-lg);flex-direction:column;margin:0 auto;display:flex}.spiel-inhalt{gap:var(--abstand-lg);animation:seite-ein .36s var(--kurve-lauf) both;flex-direction:column;display:flex}@keyframes seite-ein{0%{opacity:0;transform:translateY(10px)}}.spiel-leiste{gap:var(--abstand-lg)}.spiel-nav{border:1px solid var(--haar);border-radius:var(--rund-pille);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#11182499;gap:4px;padding:4px;display:flex}.spiel-nav-punkt{border-radius:var(--rund-pille);color:var(--schrift-leise);font:800 14px var(--font-text);white-space:nowrap;padding:8px 14px;text-decoration:none;transition:background .16s,color .16s}.spiel-nav-punkt:hover{color:var(--schrift);background:#ffffff0d}.spiel-nav-punkt.active{color:var(--auf-akzent);background:linear-gradient(180deg, #f79a55, var(--feuer));box-shadow:0 2px 14px #f47a2073}.spiel-ich{align-items:center;gap:10px;display:flex}.spiel-plakette{border:1px solid var(--haar-stark);border-radius:var(--rund-pille);color:inherit;background:#222a38d9;align-items:center;gap:10px;padding:4px 14px 4px 4px;text-decoration:none;transition:border-color .16s;display:flex}.spiel-plakette:hover{border-color:#f47a2080}.spiel-plakette-text{flex-direction:column;gap:3px;display:flex}.spiel-plakette-name{font:800 14px var(--font-text);line-height:1}.spiel-plakette-level{font:800 11px var(--font-text);color:var(--akzent-schrift);align-items:center;gap:8px;display:flex}.xp-balken{background:#ffffff1a;border-radius:3px;width:70px;height:6px;display:inline-block;position:relative;overflow:hidden}.xp-balken>span{border-radius:inherit;background:linear-gradient(90deg, var(--feuer), #f7bb9a);position:absolute;inset:0 auto 0 0;box-shadow:0 0 8px #f47a20b3}.xp-balken.gross{border-radius:5px;width:100%;height:10px}.spiel-zahnrad{border:1px solid var(--haar-stark);width:40px;height:40px;color:var(--schrift-leise);transition:color .16s, transform .3s var(--kurve-lauf);background:#222a38d9;border-radius:50%;place-items:center;display:grid}.spiel-zahnrad svg{fill:currentColor;width:20px;height:20px}.spiel-zahnrad:hover,.spiel-zahnrad.active{color:var(--akzent-schrift);transform:rotate(45deg)}.profilbild{color:#fff;width:34px;height:34px;font:800 15px var(--font-titel);text-shadow:0 1px 2px #0006;border-radius:50%;flex:none;place-items:center;display:inline-grid;box-shadow:inset 0 0 0 2px #ffffff40,0 2px 8px #00000059}.profilbild.gross{width:72px;height:72px;font-size:30px;box-shadow:inset 0 0 0 3px #ffffff40,0 0 0 3px #f47a2080,0 8px 24px #00000073}.rangabzeichen{border-radius:var(--rund-pille);background:color-mix(in srgb, var(--rang) 16%, transparent);color:var(--rang);font:800 13px var(--font-text);align-items:center;gap:6px;padding:4px 10px 4px 6px;display:inline-flex}.rangabzeichen svg{width:16px;height:16px;fill:var(--rang);filter:drop-shadow(0 0 4px color-mix(in srgb, var(--rang) 60%, transparent))}.rangabzeichen.klein{padding:2px 8px 2px 4px;font-size:12px}.menue-gruss{align-items:center;gap:var(--abstand-md);display:flex}.menue-gruss h2{font:800 30px var(--font-titel);letter-spacing:-.4px;margin:0 0 6px}.menue-gruss p{color:var(--schrift-leise);font:600 16px var(--font-text);margin:0}.menue-raster{gap:var(--abstand-md);flex:1;grid-template-rows:minmax(340px,1.7fr) minmax(170px,1fr);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.menue .spiel-inhalt{flex:1}.kachel-turniere .kachel-satz,.kachel-uebung .kachel-satz{max-width:30ch}.kachel{border:1px solid var(--haar-stark);border-radius:var(--rund-kachel);color:inherit;transition:transform .22s var(--kurve-lauf), border-color .22s, box-shadow .22s;animation:kachel-ein .42s var(--kurve-lauf) both;background:linear-gradient(160deg,#222b3a,#181f2b);flex-direction:column;gap:8px;padding:24px;text-decoration:none;display:flex;position:relative;overflow:hidden;box-shadow:0 14px 36px #0006,inset 0 1px #ffffff0d}.kachel:nth-child(2){animation-delay:60ms}.kachel:nth-child(3){animation-delay:.12s}.kachel:nth-child(4){animation-delay:.16s}.kachel:nth-child(5){animation-delay:.2s}.kachel:nth-child(6){animation-delay:.24s}@keyframes kachel-ein{0%{opacity:0;transform:translateY(16px)scale(.98)}}.kachel:hover{border-color:#f47a208c;transform:translateY(-4px);box-shadow:0 20px 44px #00000080,0 0 30px #f47a2026}.kachel:active{transform:translateY(-1px)scale(.99)}.kachel:focus-visible{outline:2px solid var(--akzent);outline-offset:3px}.kachel-turniere{background:radial-gradient(520px 300px at 85% 115%,#f47a206b,#0000 70%),linear-gradient(135deg,#222c3e,#161d2a 65%);border-color:#f47a2059;grid-column:span 2}.kachel-uebung{background:radial-gradient(420px 260px at 90% 110%,#4078c859,#0000 70%),linear-gradient(135deg,#1f2a3d,#161d2a 65%);grid-column:span 2}.kachel-wort{font:800 12px var(--font-text);letter-spacing:2.4px;text-transform:uppercase;color:var(--akzent-schrift)}.kachel-titel{font:800 28px/1.1 var(--font-titel);color:var(--schrift-buehne)}.kachel-uhr{font:800 48px/1.05 var(--font-titel);font-variant-numeric:tabular-nums;letter-spacing:-1px;background:linear-gradient(#fff 30%,#f7bb9a 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.kachel-satz{max-width:34ch;font:600 15px/1.45 var(--font-text);color:var(--schrift-leise)}.kachel .kachel-knopf{z-index:1;align-self:flex-start;width:auto;min-height:48px;margin-top:auto;padding:0 26px;position:relative}.kachel-turniere .kachel-knopf,.kachel-turniere .kachel-knopf:hover{background:linear-gradient(180deg, #f79a55, var(--feuer));box-shadow:var(--schein-feuer)}.kachel-bild{width:230px;transition:transform .4s var(--kurve-lauf);position:absolute;bottom:-30px;right:10px}.kachel-bild svg,.kachel-chips svg{filter:drop-shadow(0 16px 26px #00000080);width:100%;height:auto;display:block}.kachel-turniere:hover .kachel-bild{transform:rotate(-4deg)translateY(-8px)}.kachel-chips{width:150px;transition:transform .4s var(--kurve-lauf);position:absolute;bottom:18px;right:28px}.kachel-uebung:hover .kachel-chips{transform:translateY(-8px)scale(1.04)}.kachel-klein{justify-content:flex-end;gap:6px;padding:22px}.kachel-klein .kachel-zeichen{margin-bottom:auto}.kachel-klein .kachel-titel{font-size:20px}.kachel-klein .kachel-satz{font-size:14px}.kachel-zeichen{color:#f7bb9a;background:linear-gradient(160deg,#f47a2047,#f47a2014);border-radius:14px;place-items:center;width:44px;height:44px;margin-bottom:6px;font-size:22px;display:grid}.kb-wert{font:800 28px var(--font-titel);fill:#111824}.kb-farbe{font:400 64px var(--font-titel);fill:#111824}.kb-wert.rot,.kb-farbe.rot{fill:#e2463a}.seiten-titel{font:800 34px var(--font-titel);letter-spacing:-.5px;margin:0}.seiten-satz{max-width:64ch;font:600 16px/1.55 var(--font-text);color:var(--schrift-leise);margin:-8px 0 0}.tafel{border:1px solid var(--haar-stark);border-radius:var(--rund-kachel);background:linear-gradient(160deg,#222b3a,#181f2b);padding:24px;box-shadow:0 14px 36px #00000059}.tafel-hinweis{font:600 16px var(--font-text);color:var(--schrift-leise);margin:0}.profil-raster{gap:var(--abstand-md);grid-template-columns:360px 1fr;display:grid}.profil-karte{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.profil-karte .profilbild.gross{width:112px;height:112px;font-size:46px}.profil-name{font:800 26px var(--font-titel)}.profil-level{flex-direction:column;gap:8px;width:100%;margin-top:8px;display:flex}.profil-level-zahl{font:800 18px var(--font-titel);color:var(--akzent-schrift)}.profil-level-satz{font:600 13px var(--font-text);color:var(--schrift-still)}.profil-werte{gap:var(--abstand-md);grid-template-columns:repeat(2,1fr);display:grid}.wert{border-radius:var(--rund-tafel);background:#0003;flex-direction:column;justify-content:center;gap:6px;padding:20px;display:flex}.wert-zahl{font:800 34px var(--font-titel);font-variant-numeric:tabular-nums}.wert-name{font:700 13px var(--font-text);letter-spacing:.4px;color:var(--schrift-still)}.raenge-leiter{flex-direction:column-reverse;gap:10px;margin:0;padding:0;list-style:none;display:flex}.rang-stufe{border:1px solid var(--haar);border-radius:var(--rund-tafel);background:linear-gradient(90deg, color-mix(in srgb, var(--rang) 14%, #1a212d), #1a212d 60%);animation:kachel-ein .38s var(--kurve-lauf) both;grid-template-columns:48px 1fr auto auto;align-items:center;gap:16px;padding:14px 20px;display:grid}.rang-stufe svg{width:40px;height:40px;fill:var(--rang);filter:drop-shadow(0 0 10px color-mix(in srgb, var(--rang) 55%, transparent))}.rang-stufe-name{font:800 20px var(--font-titel);color:var(--rang)}.rang-stufe-ab{font:700 14px var(--font-text);color:var(--schrift-leise);font-variant-numeric:tabular-nums}.rang-stufe-du{border-radius:var(--rund-pille);background:var(--feuer);color:#fff;font:800 13px var(--font-text);padding:4px 12px}.rang-stufe.meine{border-color:var(--rang);box-shadow:0 0 24px color-mix(in srgb, var(--rang) 30%, transparent)}.regeln-raster{gap:var(--abstand-md);grid-template-columns:1fr 340px;align-items:start;display:grid}.regeln-abschnitte{flex-direction:column;gap:12px;display:flex}.regel{gap:16px;padding:20px 22px;display:flex}.regel-nr{width:36px;height:36px;color:var(--akzent-schrift);font:800 16px var(--font-titel);background:#f47a2029;border-radius:50%;flex:none;place-items:center;display:grid}.regel h3,.regeln-haende h3,.einstellung h3{font:800 18px var(--font-titel);margin:0 0 6px}.regel p,.einstellung p{font:600 15px/1.55 var(--font-text);color:var(--schrift-leise);margin:0}.regeln-haende ol{counter-reset:hand;margin:8px 0 0;padding:0;list-style:none}.regeln-haende li{counter-increment:hand;border-bottom:1px solid var(--haar);font:700 15px var(--font-text);gap:12px;padding:9px 4px;display:flex}.regeln-haende li:before{content:counter(hand);width:22px;color:var(--akzent-schrift);font-family:var(--font-titel)}.einstellung{justify-content:space-between;align-items:center;gap:var(--abstand-lg);display:flex}.umschalter{border-radius:var(--rund-pille);background:#00000040;padding:4px;display:flex}.umschalter button{border-radius:var(--rund-pille);min-width:72px;color:var(--schrift-leise);font:800 14px var(--font-text);cursor:var(--zeiger-klick);background:0 0;border:0;padding:9px 16px}.umschalter button[aria-pressed=true]{background:linear-gradient(180deg, #f79a55, var(--feuer));color:#fff;box-shadow:0 2px 12px #f47a2066}.einstellung-laut{align-items:center;gap:var(--abstand-md);display:flex}.einstellung-laut input[type=range]{width:240px;accent-color:var(--feuer)}@media (prefers-reduced-motion:reduce){.spiel-inhalt,.kachel,.rang-stufe{animation-duration:.1s}html:has(main.spiel) body:before{opacity:0;animation:none}html:has(main.spiel) body:after{opacity:0;animation:none}.kachel:hover{transform:none}}.profil-verlauf{grid-column:1/-1}.profil-verlauf h3{font:800 18px var(--font-titel);margin:0 0 8px}.profil-verlauf ol{margin:0;padding:0;list-style:none}.profil-verlauf li{border-bottom:1px solid var(--haar);font:700 15px var(--font-text);grid-template-columns:1fr 120px 80px;gap:12px;padding:12px 8px;display:grid}.verlauf-platz{color:var(--schrift-leise)}.verlauf-delta{text-align:right;color:var(--gruen);font-variant-numeric:tabular-nums}.verlauf-delta.minus{color:var(--rot)}