@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./archivo-vietnamese-wght-normal-XAtsl5Q_.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./archivo-latin-ext-wght-normal-C4zznr8T.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./archivo-latin-wght-normal-E0tuGl4L.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--blech-tief: #0e1317;--blech: #161c21;--blech-hoch: #1d252b;--blech-kante: #2a343c;--blech-fuge: #090d10;--lampe: #ffb02e;--lampe-hell: #ffd98a;--lampe-aus: #3a2f1c;--lampe-schein: rgba(255, 176, 46, .22);--bahn: #c4442a;--bahn-tief: #8f2e1c;--bahn-hell: #e86a4a;--kalk: #eef0ea;--kalk-matt: #b9c2c6;--kalk-leise: #75838b;--grund: var(--blech-tief);--s1: .25rem;--s2: .5rem;--s3: .75rem;--s4: 1rem;--s5: 1.5rem;--s6: 2rem;--s7: 3rem;--s8: 4rem;--radius: 3px;--profil: inset 0 1px 0 rgba(255, 255, 255, .06), inset 0 -1px 0 rgba(0, 0, 0, .5), 0 2px 6px -2px rgba(0, 0, 0, .6);--eingelassen: inset 0 2px 5px rgba(0, 0, 0, .55), inset 0 -1px 0 rgba(255, 255, 255, .04);--takt-schnell: .18s;--takt: .32s;--kurve: cubic-bezier(.16, 1, .3, 1);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--grund);color:var(--kalk);font-family:Archivo Variable,system-ui,sans-serif;font-variant-numeric:tabular-nums;font-synthesis:none;-webkit-font-smoothing:antialiased}::selection{background:var(--lampe);color:var(--blech-tief)}:focus-visible{outline:2px solid var(--lampe);outline-offset:2px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--blech-fuge)}::-webkit-scrollbar-thumb{background:var(--blech-kante);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#3b4750}*{scrollbar-color:var(--blech-kante) var(--blech-fuge);scrollbar-width:thin}input{font:inherit;color:inherit;caret-color:var(--lampe)}button{font:inherit;color:inherit;cursor:pointer}.gestanzt{font-size:.6875rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--kalk-leise)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.fallblatt{--hoehe: 1.14em;--spalt: .035em;position:relative;display:inline-block;width:.62em;height:var(--hoehe);margin-block:-.07em;perspective:14em;vertical-align:baseline}.fallblatt__ruhe{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;line-height:1}.fallblatt:after{content:"";position:absolute;left:0;right:0;top:calc(50% - var(--spalt) / 2);height:var(--spalt);background:#0000006b;z-index:3;pointer-events:none}.fallblatt__halb{position:absolute;left:0;right:0;height:calc(50% - var(--spalt) / 2);overflow:hidden;background:var(--blatt, var(--blech));backface-visibility:hidden;z-index:2}.fallblatt__zeichen{position:absolute;left:0;width:100%;height:var(--hoehe);display:grid;place-items:center;line-height:1}.fallblatt__halb--oben{top:0;transform-origin:bottom center}.fallblatt__halb--oben .fallblatt__zeichen{top:0}.fallblatt__halb--unten{bottom:0;transform-origin:top center}.fallblatt__halb--unten .fallblatt__zeichen{top:calc(-100% - var(--spalt))}.fallblatt__halb--halten{animation:halten 255ms step-end forwards}.fallblatt__halb--ab{animation:klappe-ab .26s cubic-bezier(.5,0,.85,.35) forwards}.fallblatt__halb--an{transform:rotateX(90deg);animation:klappe-an .26s cubic-bezier(.16,1,.3,1) .25s forwards}@keyframes halten{0%{opacity:1}to{opacity:0}}@keyframes klappe-ab{0%{transform:rotateX(0);filter:brightness(1)}to{transform:rotateX(-90deg);filter:brightness(.45)}}@keyframes klappe-an{0%{transform:rotateX(90deg);filter:brightness(.45)}to{transform:rotateX(0);filter:brightness(1)}}.zeichen-fest{display:inline-block;overflow:hidden;height:1.14em;line-height:1.14em;margin-block:-.07em;vertical-align:baseline;text-align:center}@media(prefers-reduced-motion:reduce){.fallblatt__halb{display:none}}.tafel{display:flex;flex-direction:column;height:100%;background:radial-gradient(120% 80% at 15% -10%,rgba(255,255,255,.055),transparent 60%),var(--blech-tief);padding:clamp(.75rem,1.6vh,1.5rem);gap:clamp(.5rem,1.2vh,1rem);overflow:hidden}.tafel__kopf{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s5);padding:clamp(.15rem,.6vh,.5rem) clamp(.5rem,1vw,1rem) clamp(.6rem,1.4vh,1rem);border-bottom:1px solid var(--blech-kante);flex:none}.tafel__titel{margin:0;font-size:clamp(1.1rem,2.6vh,2rem);font-weight:700;font-stretch:125%;letter-spacing:.02em;line-height:1;color:var(--kalk)}.tafel__meta{display:flex;align-items:baseline;gap:clamp(.75rem,2vw,1.75rem)}.tafel__uhr{font-size:clamp(1rem,2.4vh,1.75rem);font-weight:600;font-stretch:112%;color:var(--lampe);line-height:1;text-shadow:0 0 14px var(--lampe-schein)}.tafel__wertungen{position:relative;display:grid;grid-template-columns:1fr 1px 1fr;gap:clamp(.5rem,1.4vw,1.5rem);flex:1;min-height:0}.tafel__fuge{background:linear-gradient(to bottom,transparent,var(--blech-kante) 12%,var(--blech-kante) 88%,transparent)}.wertung{display:flex;flex-direction:column;min-height:0;gap:clamp(.35rem,.9vh,.7rem)}.wertung__kopf{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);flex:none;padding:0 clamp(.4rem,.8vw,.9rem)}.wertung__name{margin:0;font-size:clamp(.75rem,1.7vh,1.15rem);font-weight:700;font-stretch:125%;letter-spacing:.22em;text-transform:uppercase;color:var(--kalk-matt);line-height:1}.wertung__zeilen{container-type:size;display:grid;grid-template-rows:repeat(var(--zeilen, 8),1fr);gap:clamp(.2rem,.55vh,.5rem);flex:1;min-height:0}.zeile{--blatt: var(--blech);position:relative;display:grid;grid-template-columns:1.8em minmax(0,1fr) auto;align-items:center;gap:.35em;padding:0 .5em;background:var(--blech);border-radius:var(--radius);box-shadow:var(--profil);overflow:hidden;font-size:min(calc(38cqh / var(--zeilen, 8)),6.2cqw)}.zeile--fuehrend{--blatt: #cf5138;background:linear-gradient(100deg,var(--bahn-tief),var(--bahn) 62%,#d0523a);box-shadow:inset 0 1px #ffffff2e,inset 0 -1px #00000059,0 4px 18px -6px #c4442a8c}.zeile--leer{--blatt: var(--blech-fuge);background:var(--blech-fuge);box-shadow:var(--eingelassen)}.zeile__rang{font-size:.86em;font-weight:700;font-stretch:112%;line-height:1;color:var(--kalk-leise);text-align:right;font-variant-numeric:tabular-nums}.zeile--fuehrend .zeile__rang{color:#ffffffd9}.zeile__name{font-size:calc(1em * var(--name-skala, 1));font-weight:600;font-stretch:105%;line-height:1.05;color:var(--kalk);letter-spacing:-.01em;white-space:nowrap;min-width:0;overflow:hidden}.zeile--fuehrend .zeile__name{color:#fff;font-weight:700}.zeile__weite{display:flex;align-items:baseline;gap:.18em;flex:none;font-size:1.55em;font-weight:700;font-stretch:118%;line-height:1;color:var(--lampe);text-shadow:0 0 .18em var(--lampe-schein)}.zeile--fuehrend .zeile__weite{color:#fff;text-shadow:0 0 22px rgba(255,255,255,.3)}.zeile__einheit{font-size:.42em;font-weight:600;letter-spacing:.06em;opacity:.62}.zeile__offen{font-size:.72em;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#6d5a33}.zeile--frisch{animation:aufglühen 1.1s var(--kurve)}@keyframes aufglühen{0%{box-shadow:var(--profil),inset 0 0 0 2px var(--lampe)}to{box-shadow:var(--profil),inset 0 0 0 2px transparent}}.tafel__hinweis{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;gap:var(--s3);text-align:center;color:var(--kalk-leise);background:radial-gradient(50% 40% at 50% 50%,rgba(14,19,23,.92),transparent 75%);pointer-events:none}.tafel__hinweis strong{display:block;font-size:clamp(1.25rem,3.5vh,2.5rem);font-weight:700;font-stretch:118%;color:var(--kalk-matt)}.tafel__fuss{flex:none;display:flex;justify-content:space-between;align-items:center;padding-top:clamp(.35rem,.9vh,.7rem);border-top:1px solid var(--blech-kante)}.pult{display:flex;flex-direction:column;min-height:100%;background:radial-gradient(100% 60% at 20% -10%,rgba(255,255,255,.045),transparent 60%),var(--blech-tief)}.pult__kopf{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:var(--s5);padding:var(--s4) var(--s5);background:#0e1317eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--blech-kante)}.pult__titel{background:none;border:none;border-bottom:1px solid transparent;padding:var(--s1) 0;margin:0;font-size:1.375rem;font-weight:700;font-stretch:118%;letter-spacing:.01em;color:var(--kalk);flex:1;min-width:8ch;max-width:44ch;transition:border-color var(--takt-schnell) var(--kurve)}.pult__titel:hover{border-bottom-color:var(--blech-kante)}.pult__titel:focus{outline:none;border-bottom-color:var(--lampe)}.pult__werkzeuge{display:flex;align-items:center;gap:var(--s3)}.draht{display:inline-flex;align-items:center;gap:var(--s2);padding:var(--s2) var(--s3);border-radius:99px;background:var(--blech);box-shadow:var(--profil)}.draht__lampe{width:7px;height:7px;border-radius:99px;background:var(--lampe-aus);transition:all var(--takt) var(--kurve)}.draht--an .draht__lampe{background:var(--lampe);box-shadow:0 0 8px var(--lampe)}.schalter{display:inline-flex;align-items:center;gap:var(--s2);padding:var(--s3) var(--s4);border:none;border-radius:var(--radius);background:var(--blech-hoch);color:var(--kalk-matt);font-size:.8125rem;font-weight:600;letter-spacing:.04em;box-shadow:var(--profil);transition:background var(--takt-schnell) var(--kurve),color var(--takt-schnell) var(--kurve),transform var(--takt-schnell) var(--kurve)}.schalter:hover:not(:disabled){background:#262f36;color:var(--kalk)}.schalter:active:not(:disabled){transform:translateY(1px);box-shadow:var(--eingelassen)}.schalter:disabled{opacity:.42;cursor:not-allowed}.schalter--haupt{background:var(--lampe);color:#241703;box-shadow:inset 0 1px #ffffff73,0 2px 10px -3px #ffb02e80}.schalter--haupt:hover:not(:disabled){background:var(--lampe-hell);color:#241703}.schalter--warnung{background:var(--bahn-tief);color:#fff}.schalter--warnung:hover:not(:disabled){background:var(--bahn);color:#fff}.schalter--leise{background:transparent;box-shadow:none;color:var(--kalk-leise)}.schalter--leise:hover:not(:disabled){background:var(--blech);color:var(--kalk-matt)}.anmeldung{display:flex;align-items:center;gap:var(--s3);flex-wrap:wrap;padding:var(--s5);border-bottom:1px solid var(--blech-kante)}.anmeldung__feld{flex:1;min-width:14rem;padding:var(--s3) var(--s4);background:var(--blech-fuge);border:1px solid var(--blech-kante);border-radius:var(--radius);color:var(--kalk);font-size:1rem;box-shadow:var(--eingelassen);transition:border-color var(--takt-schnell) var(--kurve)}.anmeldung__feld::placeholder{color:var(--kalk-leise)}.anmeldung__feld:focus{outline:none;border-color:var(--lampe)}.wahl{display:inline-flex;padding:3px;gap:3px;background:var(--blech-fuge);border-radius:calc(var(--radius) + 3px);box-shadow:var(--eingelassen)}.wahl__seite{padding:var(--s2) var(--s4);border:none;border-radius:var(--radius);background:transparent;color:var(--kalk-leise);font-size:.8125rem;font-weight:600;letter-spacing:.06em;transition:all var(--takt-schnell) var(--kurve)}.wahl__seite:hover{color:var(--kalk-matt)}.wahl__seite[aria-pressed=true]{background:var(--blech-hoch);color:var(--lampe);box-shadow:var(--profil)}.pult__wertungen{display:grid;grid-template-columns:repeat(auto-fit,minmax(26rem,1fr));gap:var(--s6);padding:var(--s6) var(--s5) var(--s8);align-items:start}.liste__kopf{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s4);padding-bottom:var(--s3);margin-bottom:var(--s3);border-bottom:1px solid var(--blech-kante)}.liste__name{margin:0;font-size:.875rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--kalk-matt)}.liste__spalten{display:grid;grid-template-columns:2rem 1fr repeat(3,3.75rem) 4.5rem 2rem;gap:var(--s2);padding:0 var(--s3) var(--s2)}.liste__zeilen{display:flex;flex-direction:column;gap:var(--s2)}.posten{display:grid;grid-template-columns:2rem 1fr repeat(3,3.75rem) 4.5rem 2rem;align-items:center;gap:var(--s2);padding:var(--s3);background:var(--blech);border-radius:var(--radius);box-shadow:var(--profil)}.posten--fuehrend{background:linear-gradient(100deg,#8f2e1c8c,#c4442a47);box-shadow:inset 0 0 0 1px #c4442a8c,var(--profil)}.posten__rang{font-size:1rem;font-weight:700;color:var(--kalk-leise);text-align:right}.posten--fuehrend .posten__rang{color:var(--bahn-hell)}.posten__name{background:none;border:none;border-bottom:1px solid transparent;padding:var(--s1) 0;font-size:.9375rem;font-weight:600;color:var(--kalk);min-width:0;width:100%;transition:border-color var(--takt-schnell) var(--kurve)}.posten__name:hover{border-bottom-color:var(--blech-kante)}.posten__name:focus{outline:none;border-bottom-color:var(--lampe)}.versuch{width:100%;padding:var(--s2);background:var(--blech-fuge);border:1px solid transparent;border-radius:var(--radius);color:var(--kalk);font-size:.9375rem;font-weight:600;text-align:center;box-shadow:var(--eingelassen);transition:border-color var(--takt-schnell) var(--kurve),color var(--takt-schnell) var(--kurve)}.versuch::placeholder{color:#4a565e;font-weight:400}.versuch:focus{outline:none;border-color:var(--lampe)}.versuch--best{color:var(--lampe)}.versuch--ungueltig{color:var(--kalk-leise)}.versuch--fehler{border-color:var(--bahn-hell);color:var(--bahn-hell)}.posten__best{font-size:1.0625rem;font-weight:700;font-stretch:112%;text-align:right;color:var(--lampe);font-variant-numeric:tabular-nums}.posten__best--offen{color:#4a565e;font-weight:500;font-size:.9375rem}.posten__weg{display:grid;place-items:center;width:1.75rem;height:1.75rem;padding:0;border:none;border-radius:var(--radius);background:transparent;color:var(--kalk-leise);transition:all var(--takt-schnell) var(--kurve)}.posten__weg:hover{background:var(--bahn-tief);color:#fff}.posten__weg--sicher{width:auto;padding:0 var(--s2);background:var(--bahn);color:#fff;font-size:.6875rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.liste__leer{padding:var(--s6) var(--s4);text-align:center;color:var(--kalk-leise);background:var(--blech-fuge);border-radius:var(--radius);box-shadow:var(--eingelassen);font-size:.875rem;line-height:1.6}.hilfe{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s5);padding:var(--s4) var(--s5);border-top:1px solid var(--blech-kante);margin-top:auto}.hilfe kbd{display:inline-block;padding:1px 5px;margin:0 2px;background:var(--blech-hoch);border-radius:3px;box-shadow:var(--profil);color:var(--kalk-matt);font-family:inherit;font-size:.6875rem;font-weight:600;letter-spacing:0;text-transform:none}@media(max-width:60rem){.pult__kopf{flex-wrap:wrap;row-gap:var(--s3)}.pult__titel{flex:1 1 100%;max-width:none}.liste__spalten,.posten{grid-template-columns:1.75rem 1fr repeat(3,3.25rem) 4rem 1.75rem}}@media(max-width:34rem){.anmeldung,.pult__wertungen{padding-inline:var(--s4)}.liste__spalten,.posten{grid-template-columns:1.5rem 1fr repeat(3,2.9rem) 3.5rem 1.6rem;gap:var(--s1)}.versuch,.posten__best{font-size:.875rem}}.anmeldung__weiten{display:grid;grid-template-columns:repeat(3,3.75rem);gap:var(--s2);flex:none}
