:root{--cabinet:#17131f;--panel:#221b2e;--marquee:#ffb020;--coin:#00e0d0;--danger:#ff2d55;--win:#4dff9e;--text:#f2eee6;--muted:#a096b0;--kante:#0e0b14;--fuge:#322843;--panel-hoch:#2b2239;--radius:10px;--radius-sm:6px;--display:"Bungee", "Barlow", system-ui, sans-serif;--body:"Barlow", system-ui, -apple-system, "Segoe UI", sans-serif;--mono:"Share Tech Mono", ui-monospace, Consolas, monospace}*{box-sizing:border-box}body{background:var(--cabinet);color:var(--text);font-family:var(--body);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.5}h1,h2{font-family:var(--display);text-transform:uppercase;letter-spacing:.02em;margin:0;font-weight:400}h1{color:var(--marquee);font-size:1.35rem}h2{color:var(--text);font-size:.95rem}h3{font-family:var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.78rem;font-weight:600}.num,.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.muted{color:var(--muted)}:where(a,button,input,select,[tabindex]):focus-visible{outline:2px solid var(--coin);outline-offset:2px;border-radius:var(--radius-sm)}.card{background:var(--panel);border:1px solid var(--fuge);border-radius:var(--radius);padding:1.25rem}.card__head{border-bottom:1px solid var(--fuge);justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.zaehlwerk{background:var(--cabinet);border:1px solid var(--kante);border-radius:var(--radius-sm);font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--marquee);text-shadow:0 0 8px #ffb02073;letter-spacing:.04em;white-space:nowrap;align-items:baseline;gap:.5rem;padding:.3rem .7rem;display:inline-flex;box-shadow:inset 0 2px 6px #0000008c}.zaehlwerk--gross{padding:.55rem 1rem;font-size:1.65rem}.zaehlwerk--muenze{color:var(--coin);text-shadow:0 0 8px #00e0d066}.zaehlwerk__einheit{font-family:var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);text-shadow:none;font-size:.65rem;font-weight:600}.marquee{background:linear-gradient(180deg, var(--panel-hoch), var(--panel));border:1px solid var(--fuge);border-radius:var(--radius);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.25rem 1.1rem;display:flex;position:relative}.marquee:after{content:"";background:var(--marquee);border-radius:2px;height:2px;position:absolute;bottom:0;left:1.25rem;right:1.25rem;box-shadow:0 0 12px 1px #ffb0208c}.marquee__name{font-family:var(--display);text-transform:uppercase;color:var(--marquee);text-shadow:0 0 14px #ffb02080;font-size:1.1rem;line-height:1.2}.marquee__unter{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:.75rem}.who{align-items:center;gap:.7rem;display:flex}.who__avatar{border-radius:var(--radius-sm);border:1px solid var(--fuge);width:32px;height:32px}.btn{font:inherit;letter-spacing:.06em;text-transform:uppercase;color:var(--text);background:var(--panel-hoch);border:1px solid var(--fuge);border-radius:var(--radius-sm);box-shadow:0 2px 0 var(--kante);cursor:pointer;padding:.5rem .95rem;font-size:.85rem;font-weight:600;transition:transform 60ms,background .15s}.btn:hover:not(:disabled){background:var(--fuge)}.btn:active:not(:disabled),.btn[aria-pressed=true]{box-shadow:none;transform:translateY(1px)}.btn[aria-pressed=true]{background:var(--marquee);border-color:var(--marquee);color:var(--cabinet)}.btn:disabled{color:var(--muted);box-shadow:none;cursor:not-allowed;opacity:.6}.btn--primary{background:var(--marquee);border-color:var(--marquee);color:var(--cabinet)}.btn--danger{background:var(--danger);border-color:var(--danger);color:#fff}.input,.select{font:inherit;color:var(--text);background:var(--cabinet);border:1px solid var(--fuge);border-radius:var(--radius-sm);width:100%;min-width:0;padding:.5rem .7rem;font-size:.9rem;box-shadow:inset 0 2px 5px #0006}.input::placeholder{color:var(--muted)}.shell{max-width:1120px;margin:0 auto;padding:1.5rem 1.25rem 4rem}.tabs{flex-wrap:wrap;gap:.4rem;margin-bottom:1.5rem;display:flex}.grid{gap:1rem;display:grid}.grid--kpi{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.grid--split{grid-template-columns:repeat(auto-fit,minmax(310px,1fr))}.stack{flex-direction:column;gap:1rem;display:flex}.row{flex-wrap:wrap;align-items:center;gap:.7rem;display:flex}.filters{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:end;gap:.7rem;display:grid}.field{flex-direction:column;gap:.3rem;display:flex}.field__label{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:.68rem;font-weight:600}.field__hinweis{color:var(--muted);font-size:.75rem}.row--rechts{justify-content:flex-end}.liste{flex-direction:column;gap:1px;margin:0;padding:0;list-style:none;display:flex}.zeile{border-radius:var(--radius-sm);align-items:center;gap:.75rem;padding:.55rem .65rem;display:flex}.zeile:nth-child(odd){background:#ffffff06}.zeile__avatar{border-radius:var(--radius-sm);border:1px solid var(--fuge);background:var(--cabinet);flex:none;width:28px;height:28px}.zeile__haupt{flex:auto;min-width:0}.zeile__name{text-overflow:ellipsis;white-space:nowrap;font-weight:500;display:block;overflow:hidden}.zeile__unter{color:var(--muted);font-size:.75rem}.zeile__wert{text-align:right;flex:none}.highscore{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.highscore__zeile{border-bottom:1px dashed var(--fuge);grid-template-columns:3.2rem minmax(0,1fr) auto;align-items:center;gap:.85rem;padding:.5rem .65rem;display:grid}.highscore__zeile:last-child{border-bottom:0}.highscore__rang{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:.04em;color:var(--muted);font-size:.95rem}.highscore__zeile:nth-child(-n+3) .highscore__rang{color:var(--marquee)}.highscore__name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.highscore__unter{color:var(--muted);font-size:.72rem;display:block}.tabelle-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.tabelle{border-collapse:collapse;white-space:nowrap;width:100%;font-size:.85rem}.tabelle th{text-align:left;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--fuge);padding:0 .7rem .5rem;font-size:.66rem;font-weight:700}.tabelle td{border-bottom:1px solid #ffffff0a;padding:.55rem .7rem}.tabelle tbody tr:hover{background:#ffffff08}.tabelle .grund{white-space:normal;min-width:14rem;color:var(--muted)}.marke{border:1px solid var(--fuge);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;border-radius:3px;padding:.1rem .5rem;font-size:.68rem;font-weight:600;display:inline-block}.marke--warn{color:var(--danger);border-color:#ff2d5573}.marke--gut{color:var(--win);border-color:#4dff9e66}.hinweis{border-radius:var(--radius-sm);background:var(--cabinet);border:1px solid var(--fuge);border-left:3px solid var(--muted);align-items:flex-start;gap:.65rem;padding:.8rem 1rem;display:flex}.hinweis__icon{flex:none;line-height:1.4}.hinweis__titel{letter-spacing:.02em;font-weight:700}.hinweis--fehler{border-left-color:var(--danger)}.hinweis--fehler .hinweis__titel{color:var(--danger)}.hinweis--gut{border-left-color:var(--win)}.hinweis--gut .hinweis__titel{color:var(--win)}.dialog{z-index:20;background:#000000a6;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.dialog__box{background:var(--panel);border:1px solid var(--fuge);border-radius:var(--radius);width:min(30rem,100%);padding:1.25rem;box-shadow:0 18px 40px #0000008c}.dialog__text{margin:.7rem 0 1.2rem}.dialog__text strong{color:var(--marquee)}.leer{text-align:center;color:var(--muted);border:1px dashed var(--fuge);border-radius:var(--radius-sm);padding:2rem 1rem}.leer__titel{font-family:var(--display);text-transform:uppercase;letter-spacing:.04em;color:var(--text);margin-bottom:.35rem;font-size:.85rem}.punkt{background:var(--win);border-radius:50%;flex:none;width:7px;height:7px;box-shadow:0 0 6px #4dff9e99}.punkt--stumm{background:var(--muted);box-shadow:none}.tor{place-items:center;min-height:100vh;padding:1.5rem;display:grid}.tor__karte{text-align:center;width:100%;max-width:25rem}.tor__schild{font-family:var(--display);text-transform:uppercase;color:var(--marquee);text-shadow:0 0 18px #ffb02080;margin-bottom:.25rem;font-size:1.5rem}.tor__karte .btn,.tor__karte a.btn{margin-top:1.25rem;text-decoration:none;display:inline-block}.skelett{border-radius:var(--radius-sm);background:var(--cabinet);border:1px solid var(--fuge);height:2.6rem;animation:1.6s ease-in-out infinite flackern}@keyframes flackern{50%{opacity:.5}}@media (width<=640px){.shell{padding:1rem .8rem 3rem}.card{padding:1rem}.marquee{padding:.85rem 1rem .95rem}.zeile__unter{display:none}.highscore__zeile{grid-template-columns:2.6rem minmax(0,1fr) auto;gap:.6rem}h1{font-size:1.1rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.btn:active:not(:disabled),.btn[aria-pressed=true]{transform:none}.zaehlwerk,.marquee__name,.tor__schild,.punkt{text-shadow:none;box-shadow:inset 0 2px 6px #0000008c}.marquee:after{box-shadow:none}}.editor{background:var(--cabinet);border:1px solid var(--kante);border-radius:var(--radius-sm);grid-template-columns:auto 1fr;display:grid;overflow:hidden;box-shadow:inset 0 2px 8px #00000080}.editor__nummern{font-family:var(--mono);text-align:right;color:var(--muted);border-right:1px solid var(--fuge);-webkit-user-select:none;user-select:none;background:#00000040;min-width:3.2rem;padding:.75rem .6rem;font-size:.82rem;line-height:1.55;overflow:hidden}.editor__nummer--fehler{color:var(--danger);font-weight:700}.editor__feld{resize:vertical;min-height:26rem;color:var(--text);font-family:var(--mono);tab-size:2;white-space:pre;background:0 0;border:0;padding:.75rem .9rem;font-size:.82rem;line-height:1.55;overflow:auto}.editor__feld:focus{outline:2px solid var(--coin);outline-offset:-2px}.editor__feld[readonly]{color:var(--muted)}.konsole{background:var(--cabinet);border:1px solid var(--kante);border-radius:var(--radius-sm);max-height:22rem;font-family:var(--mono);color:var(--text);white-space:pre-wrap;word-break:break-word;margin:0;padding:.9rem 1rem;font-size:.8rem;line-height:1.6;overflow:auto;box-shadow:inset 0 2px 8px #00000080}.beanstandungen{gap:.4rem;margin:.9rem 0 0;padding:0;list-style:none;display:grid}.beanstandung{border-radius:var(--radius-sm);border-left:3px solid var(--fuge);background:var(--panel-hoch);grid-template-columns:minmax(8rem,16rem) 1fr;gap:.2rem .9rem;padding:.55rem .75rem;font-size:.87rem;display:grid}.beanstandung--fehler{border-left-color:var(--danger)}.beanstandung--hinweis{border-left-color:var(--marquee)}.beanstandung__pfad{color:var(--muted);word-break:break-all;font-size:.8rem}@media (width<=640px){.beanstandung{grid-template-columns:1fr}}.diff{gap:.9rem;max-height:30rem;display:grid;overflow:auto}.diff__block{border:1px solid var(--fuge);border-radius:var(--radius-sm);overflow:hidden}.diff__kopf{color:var(--muted);background:var(--panel-hoch);border-bottom:1px solid var(--fuge);padding:.35rem .75rem;font-size:.75rem}.diff__zeile{background:var(--cabinet);grid-template-columns:3rem 3rem 1.2rem 1fr;align-items:baseline;font-size:.8rem;line-height:1.5;display:grid}.diff__zeile--neu{background:#4dff9e17}.diff__zeile--weg{background:#ff2d551a}.diff__nummer{text-align:right;color:var(--muted);-webkit-user-select:none;user-select:none;padding:0 .5rem;font-size:.72rem}.diff__zeichen{text-align:center;font-weight:700}.diff__zeile--neu .diff__zeichen{color:var(--win)}.diff__zeile--weg .diff__zeichen{color:var(--danger)}.diff__text{white-space:pre-wrap;word-break:break-word;padding-right:.75rem}