*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#0f0f0f;--bg-secondary:#1a1a1a;--bg-card:#1e1e1e;--bg-hover:#2a2a2a;--green:#00ff41;--green-dim:#0c3;--blue:#0af;--yellow:#fc0;--red:#f33;--orange:#fa0;--text-primary:#fff;--text-secondary:#aaa;--text-muted:#555;--border:#2a2a2a;--border-bright:#444;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--shadow-green:0 0 20px #00ff4126;--shadow-card:0 4px 20px #0006}body{background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow-x:hidden}button{cursor:pointer;font-family:inherit;transition:filter .15s,transform .1s}button:hover{filter:brightness(1.15)}button:active{transform:scale(.97)}input,select{font-family:inherit}a{color:var(--green);text-decoration:none}a:hover{text-decoration:underline}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#333;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#444}.start-page{flex-direction:column;justify-content:center;align-items:center;gap:28px;min-height:calc(100vh - 56px);padding:40px 24px;display:flex}.start-header{text-align:center}.start-logo{filter:drop-shadow(0 0 20px #00ff414d);margin-bottom:16px;font-size:64px;line-height:1;animation:3s ease-in-out infinite pulse}@keyframes pulse{0%,to{filter:drop-shadow(0 0 16px #00ff4133)}50%{filter:drop-shadow(0 0 28px #00ff4180)}}.start-subtitle{color:var(--text-secondary);letter-spacing:2px;text-transform:uppercase;margin:0;font-size:14px}.start-logo-img{width:60%;max-width:280px;height:auto;margin:0 auto 12px;display:block}.start-grid{grid-template-columns:1fr 1fr;gap:14px;width:100%;max-width:620px;display:grid}.start-card{border-radius:var(--radius-lg);text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;background:#161616;border:1px solid #2a2a2a;padding:30px 20px 24px;transition:border-color .2s,transform .2s,box-shadow .2s,background .2s;position:relative;overflow:hidden}.start-card:before{content:"";background:#333;height:1px;transition:background .2s,left .2s,right .2s;position:absolute;top:0;left:20%;right:20%}.start-card:hover:not(.disabled):before{background:#555;left:10%;right:10%}.start-card.highlight:before{background:var(--green);left:15%;right:15%;box-shadow:0 0 8px #00ff4166}.start-card.highlight:hover:before{left:5%;right:5%}.start-card:hover:not(.disabled){background:#1c1c1c;border-color:#3a3a3a;transform:translateY(-3px);box-shadow:0 8px 24px #0006}.start-card.highlight{background:#141f14;border-color:#00ff414d}.start-card.highlight:hover{border-color:#00ff4199;transform:translateY(-3px);box-shadow:0 8px 32px #00ff411f}.start-card.disabled{opacity:.4;cursor:not-allowed}.start-card-icon{margin-bottom:14px;font-size:38px;line-height:1;display:block}.start-card-titel{color:var(--text-primary);letter-spacing:.5px;margin-bottom:6px;font-size:16px;font-weight:700}.start-card.highlight .start-card-titel{color:var(--green)}.start-card-beschreibung{color:var(--text-muted);font-size:12px;line-height:1.6}.start-card-badge{color:var(--orange);text-transform:uppercase;letter-spacing:.8px;background:#ffaa001f;border:1px solid #ffaa0040;border-radius:20px;padding:3px 8px;font-size:9px;font-weight:700;position:absolute;top:10px;right:10px}.start-connect{border-radius:var(--radius-lg);cursor:pointer;-webkit-user-select:none;user-select:none;background:#161610;border:1px solid #ffaa0040;justify-content:space-between;align-items:center;width:100%;max-width:620px;padding:18px 24px;transition:border-color .2s,transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.start-connect:before{content:"";background:#ffaa004d;height:1px;transition:left .2s,right .2s;position:absolute;top:0;left:15%;right:15%}.start-connect:hover:before{left:5%;right:5%}.start-connect:hover{border-color:#ffaa0080;transform:translateY(-2px);box-shadow:0 8px 28px #ffaa0014}.start-connect-left{align-items:center;gap:16px;display:flex}.start-connect-icon{font-size:26px;line-height:1}.start-connect-titel{color:var(--orange);letter-spacing:.3px;margin-bottom:3px;font-size:15px;font-weight:700}.start-connect-sub{color:var(--text-muted);font-size:12px}.start-connect-arrow{color:var(--orange);opacity:.7;font-size:20px;transition:transform .2s,opacity .2s}.start-connect:hover .start-connect-arrow{opacity:1;transform:translate(4px)}.start-footer{color:#333;letter-spacing:1px;gap:10px;font-size:11px;display:flex}.start-dialog-overlay{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000000e0;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.start-dialog{border-radius:var(--radius-lg);text-align:center;background:#161616;border:1px solid #00ff414d;width:90%;max-width:400px;padding:36px 32px;box-shadow:0 0 60px #000c,0 0 30px #00ff4114}.start-dialog:before{content:"";background:var(--green);opacity:.6;width:40px;height:1px;margin:0 auto 24px;display:block}.start-dialog-titel{color:#fff;letter-spacing:.5px;margin:0 0 8px;font-size:1.3em;font-weight:700}.start-dialog-sub{color:var(--text-secondary);margin:0 0 28px;font-size:14px;line-height:1.6}.start-dialog-buttons{flex-direction:column;gap:10px;margin-bottom:16px;display:flex}.start-dialog-btn{border-radius:var(--radius-md);cursor:pointer;letter-spacing:.5px;border:none;padding:14px;font-size:14px;font-weight:700;transition:transform .15s,filter .15s}.start-dialog-btn:hover{transform:translateY(-1px)}.start-dialog-btn.primary{background:var(--green);color:#000}.start-dialog-btn.secondary{color:var(--text-secondary);background:0 0;border:1px solid #333}.start-dialog-btn.secondary:hover{color:#fff;filter:none;border-color:#555}.start-dialog-abort{color:#333;cursor:pointer;background:0 0;border:none;padding:6px;font-size:12px;transition:color .15s}.start-dialog-abort:hover{color:var(--text-secondary);filter:none}.start-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (width<=700px){.start-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=460px){.start-grid{grid-template-columns:1fr}}.profil-page{flex-direction:column;gap:24px;max-width:1000px;margin:0 auto;display:flex}.profil-header{border-radius:var(--radius-lg);background:#161616;border:1px solid #242424;align-items:center;gap:20px;padding:24px 28px;display:flex;position:relative}.profil-avatar{width:72px;height:72px;color:var(--green);background:#00ff4114;border:2px solid #00ff414d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:2em;font-weight:700;display:flex}.profil-header-info{flex:1}.profil-header-info h2{margin:0 0 4px;font-size:1.6em}.profil-email{color:var(--text-secondary);margin-bottom:6px;font-size:14px}.profil-rolle{color:var(--text-muted);font-size:13px}.btn-logout{color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;background:0 0;border:1px solid #333;padding:10px 20px;font-size:14px;transition:border-color .15s,color .15s}.btn-logout:hover{border-color:var(--red);color:var(--red);filter:none}.profil-layout{grid-template-columns:320px 1fr;align-items:start;gap:20px;display:grid}.profil-section{border-radius:var(--radius-lg);background:#161616;border:1px solid #242424;flex-direction:column;gap:16px;padding:22px;display:flex}.profil-section h3{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1.5px;border-bottom:1px solid #242424;margin:0;padding-bottom:12px;font-size:14px}.profil-sidebar,.profil-main{flex-direction:column;gap:16px;display:flex}.btn-passwort{color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;background:0 0;border:1px solid #333;width:100%;padding:10px;font-size:14px;transition:border-color .15s,color .15s}.btn-passwort:hover{border-color:var(--blue);color:var(--blue);filter:none}.profil-stats-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.profil-stat-kachel{border-radius:var(--radius-md);text-align:center;background:#1a1a1a;border:1px solid #242424;padding:14px}.profil-stat-wert{color:var(--blue);margin-bottom:4px;font-size:1.5em;font-weight:700}.profil-stat-wert span{color:var(--text-secondary);margin-left:2px;font-size:.6em}.profil-stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:11px}.profil-stats-hinweis{color:var(--text-muted);text-align:center;font-size:12px;font-style:italic}.profil-matches{flex-direction:column;gap:8px;display:flex}.profil-match-zeile{border-radius:var(--radius-sm);background:#1a1a1a;grid-template-columns:1fr auto 1fr auto;align-items:center;gap:12px;padding:10px 14px;font-size:14px;display:grid}.profil-match-spieler{color:var(--text-primary)}.profil-match-score{color:var(--blue);text-align:center;min-width:50px;font-weight:700}.profil-match-modus{color:var(--text-muted);text-align:right;font-size:12px}.profil-leer{color:var(--text-secondary);text-align:center;padding:10px 0;font-size:14px}.profil-paket-card{border:1px solid var(--border,#2a2a2a);border-radius:10px;margin-top:8px;padding:14px 16px}.profil-paket-card-titel{margin-bottom:10px;font-size:1.1em;font-weight:800}.profil-paket-features{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.profil-paket-features li{color:#666;font-size:.85em}.profil-paket-features li.aktiv{color:#ccc}.profil-dev-hinweis{color:#ccc;background:#ffa00014;border:1px solid #ffa0004d;border-radius:8px;margin-top:14px;padding:10px 12px;font-size:.8em}.profil-filter-leiste{border-bottom:1px solid var(--border,#2a2a2a);flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:16px;padding-bottom:16px;display:flex}.profil-filter-leiste .form-group{min-width:140px;margin:0}.profil-filter-reset{border:1px solid var(--border,#2a2a2a);color:#888;cursor:pointer;background:0 0;border-radius:8px;height:fit-content;padding:8px 12px;font-size:.85em}.profil-filter-gesperrt{border:1px dashed var(--border,#2a2a2a);color:#888;cursor:pointer;text-align:center;background:#ffffff05;border-radius:8px;margin-bottom:16px;padding:12px 16px;font-size:.85em}.profil-filter-upgrade-link{color:var(--green,#00ff41);font-weight:600}.profil-paket-badge{letter-spacing:.3px;vertical-align:middle;border-radius:10px;margin-left:8px;padding:2px 10px;font-size:.75em;font-weight:700;display:inline-block}.profil-paket-vergleich-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.profil-paket-vergleich-card{border:1px solid var(--border,#2a2a2a);background:#ffffff03;border-radius:12px;padding:18px 16px;position:relative}.profil-paket-vergleich-card h3{margin-top:4px;margin-bottom:14px;font-size:1.15em}.profil-paket-vergleich-badge{letter-spacing:.4px;border-radius:10px;padding:2px 10px;font-size:.68em;font-weight:700;position:absolute;top:-11px;left:16px}.profil-paket-vergleich-features{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.profil-paket-vergleich-features li{align-items:flex-start;gap:8px;font-size:.85em;display:flex}.profil-paket-vergleich-features li.dabei{color:#ccc}.profil-paket-vergleich-features li.nicht-dabei{color:#555}.modal-overlay{z-index:2000;background:#000000bf;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.einstellungen-modal{background:var(--bg-primary);border:1px solid var(--border-bright);border-radius:var(--radius-lg);flex-direction:column;width:100%;max-width:720px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #00000080}.einstellungen-header{flex-shrink:0;justify-content:space-between;align-items:flex-start;padding:20px 24px 16px;display:flex}.einstellungen-header h2{margin-bottom:4px;font-size:1.5em}.einstellungen-header p{color:var(--text-secondary);font-size:13px}.einstellungen-header .modal-close-btn{color:var(--text-secondary);background:0 0;border:none;flex-shrink:0;padding:4px 8px;font-size:1.3em}.einstellungen-header .modal-close-btn:hover{color:var(--green);filter:none}.einstellungen-tabs{border-bottom:1px solid var(--border);flex-shrink:0;gap:4px;padding:0 24px;display:flex;overflow-x:auto}.einstellungen-tab{color:var(--text-secondary);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:12px 14px;font-size:14px;font-weight:600}.einstellungen-tab:hover{color:#fff;filter:none}.einstellungen-tab.active{color:var(--green);border-bottom-color:var(--green)}.einstellungen-body{flex-direction:column;flex:1;gap:20px;padding:20px 24px;display:flex;overflow-y:auto}.board-nummer-input{background:var(--bg-secondary);border:1px solid var(--border-bright);width:80px;color:var(--text-primary);border-radius:var(--radius-sm);text-align:center;padding:8px 10px;font-size:1em}.board-info-box{color:#888;background:#00ff410d;border:1px solid #00ff4126;border-radius:8px;padding:10px 14px;font-size:.85em}.board-info-box strong{color:var(--green)}.setting-group{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.setting-group-header{border-bottom:1px solid var(--border);background:#202020;align-items:center;gap:10px;padding:16px 20px;display:flex}.setting-group-icon{font-size:1.2em}.setting-group-header h3{color:var(--text-primary);font-size:1em;font-weight:600}.setting-group-body{flex-direction:column;display:flex}.setting-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;padding:16px 20px;display:flex}.setting-row:last-child{border-bottom:none}.setting-info{flex:1}.setting-label{margin-bottom:3px;font-size:15px;font-weight:500}.setting-desc{color:var(--text-secondary);font-size:12px;line-height:1.4}.setting-control{flex-shrink:0}.toggle{cursor:pointer;background:#333;border:1px solid #444;border-radius:13px;width:48px;height:26px;transition:background .2s;position:relative}.toggle.on{background:var(--green);border-color:var(--green)}.toggle-knob{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #0000004d}.toggle.on .toggle-knob{transform:translate(22px)}.btn-group{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.btn-option{border:1px solid var(--border-bright);color:var(--text-secondary);border-radius:var(--radius-sm);background:#2a2a2a;padding:7px 14px;font-size:13px;font-weight:500;transition:all .15s}.btn-option:hover{color:#fff;filter:none;border-color:#666}.btn-option.selected{border-color:var(--green);color:var(--green);background:#00ff411a;font-weight:700}.startpunkte-input{border:1px solid var(--border-bright);color:#fff;border-radius:var(--radius-sm);text-align:center;background:#2a2a2a;width:90px;padding:7px 10px;font-size:13px}.startpunkte-input:focus{border-color:var(--green);outline:none}.number-stepper{align-items:center;gap:10px;display:flex}.number-stepper button{border:1px solid var(--border-bright);color:#fff;border-radius:var(--radius-sm);background:#2a2a2a;width:32px;height:32px;font-size:18px;font-weight:700;line-height:1}.number-stepper button:disabled{opacity:.4}.number-stepper button:hover:not(:disabled){border-color:var(--green);color:var(--green);filter:none}.number-stepper span{text-align:center;min-width:24px;font-size:15px;font-weight:700}.shortcuts-editor{padding:16px 20px}.shortcuts-editor-grid{gap:8px;display:grid}.shortcut-edit-input{border:1px solid var(--border-bright);color:var(--green);border-radius:var(--radius-sm);text-align:center;background:#2a2a2a;min-width:0;padding:10px 4px;font-size:15px;font-weight:700}.shortcut-edit-input:focus{border-color:var(--green);outline:none}.about-box{padding:8px 0}.about-row{border-bottom:1px solid var(--border);justify-content:space-between;padding:10px 20px;font-size:14px;display:flex}.about-row:last-child{border-bottom:none}.about-row span:first-child{color:var(--text-secondary)}.einstellungen-actions{border-top:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.btn-reset{border:1px solid var(--border-bright);color:var(--text-secondary);border-radius:var(--radius-md);background:0 0;padding:10px 20px;font-size:14px}.btn-reset:hover{border-color:var(--red);color:var(--red);filter:none}.btn-save{background:var(--green);color:#000;border-radius:var(--radius-md);border:none;min-width:220px;padding:12px 28px;font-size:15px;font-weight:700;transition:background .2s}.btn-save.saved{background:#0a3}.scorer-page{flex-direction:column;gap:16px;max-width:820px;margin:0 auto;display:flex}.scorer-actions{align-items:center;gap:12px;display:flex}.btn-new-match{background:var(--green);color:#000;border-radius:var(--radius-md);border:none;padding:10px 22px;font-size:15px;font-weight:700;box-shadow:0 4px 15px #00ff4140}.btn-new-match:hover{background:var(--green-dim)}.profi-badge{border:1px solid var(--orange);color:var(--orange);background:#ffaa0026;border-radius:20px;padding:6px 14px;font-size:13px;font-weight:700}.btn-fullscreen{border:1px solid var(--border);color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;display:flex}.btn-fullscreen:hover{border-color:var(--green);color:var(--green)}.leg-score-row{border-bottom:1px solid var(--border);flex-direction:row;grid-area:badge;justify-content:center;align-items:center;gap:6px;padding:6px 40px 6px 10px;display:flex;position:relative}.leg-score-icons{gap:4px;display:flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.leg-score-row .btn-fullscreen{width:32px;height:32px;font-size:17px}.btn-monitor-cast{display:none}.leg-score-center{flex-direction:column;align-items:center;gap:2px;display:flex}.leg-score-numbers{color:var(--blue);letter-spacing:1px;white-space:nowrap;align-items:baseline;gap:8px;font-size:1.9em;font-weight:700;display:flex}.leg-score-sep{color:var(--text-secondary);font-size:.7em;font-weight:600}.leg-score-sub{flex-direction:column;align-items:center;gap:1px;margin-top:2px;display:flex}.leg-score-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;font-size:11px;font-weight:600}.leg-score-modus{color:var(--text-secondary);letter-spacing:.3px;white-space:nowrap;font-size:11px}.score-grid{background:var(--bg-card);border:2px solid var(--border);border-radius:var(--radius-lg);grid-template-columns:1fr 1fr;grid-template-areas:"badge badge""p1 p2";gap:0;display:grid;overflow:hidden}.score-grid>.player-card:first-child{border-right:1px solid var(--border);grid-area:p1}.score-grid>.player-card:last-child{grid-area:p2}.score-grid>.player-card,.score-grid>.leg-score-row{min-width:0}.score-area{flex-direction:column;display:flex}.btn-anwurf-wechsel{border-radius:var(--radius-md);background:var(--orange);color:#000;cursor:pointer;border:none;justify-content:center;align-items:center;width:44px;height:44px;margin-top:10px;font-size:22px;display:flex;box-shadow:0 2px 8px #00000059}.btn-anwurf-wechsel:hover{filter:brightness(1.1)}.player-card{text-align:center;background:0 0;padding:12px 16px;transition:background-color .3s,box-shadow .3s}.player-card.active{box-shadow:var(--shadow-green), inset 0 0 0 2px var(--green);background:#00ff411f}.player-card.active .player-name{color:var(--green)}.player-name{--name-scale:1;font-size:calc(1.7em * var(--name-scale));color:var(--blue);letter-spacing:1px;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;margin-bottom:8px;font-weight:800;transition:color .3s;overflow:hidden}.player-name--md{--name-scale:.72}.player-name--sm{--name-scale:.56}.player-name--xs{--name-scale:.44}.player-legs-inline{color:var(--blue);margin-bottom:4px;font-size:.9em;font-weight:700;display:none}.player-score{color:#fff;margin-bottom:2px;font-size:4em;font-weight:700;line-height:1;transition:color .2s}.player-score.finish{color:var(--green)}.player-score.bogey{color:var(--orange)}.checkout-hint{border-radius:var(--radius-sm);background:#00ff4112;border:1px solid #00ff4133;justify-content:center;align-items:center;gap:8px;max-width:260px;margin:6px auto;padding:6px 12px;display:flex}.checkout-hint-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;font-size:12px}.checkout-hint-route{color:var(--yellow);letter-spacing:2px;font-size:15px;font-weight:700}.player-last-throw{color:var(--yellow);margin:10px 0;font-size:14px}.player-last-throw span{font-weight:700}.player-mini-stats{border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:repeat(3,1fr);gap:6px;padding:8px 0;display:grid}.mini-stat{flex-direction:column;align-items:center;gap:4px;font-size:1.1em;font-weight:700;display:flex}.mini-stat span{color:var(--text-secondary);text-align:center;font-size:11px;font-weight:400}.player-mini-stats--erweitert{border-top:none;padding-top:0}.player-mini-stats--erweitert .mini-stat{font-size:.95em}.player-mini-stats--erweitert .mini-stat span{letter-spacing:.2px;font-size:9.5px}.player-avg-row{justify-content:center;gap:16px;margin-top:10px;display:flex}.player-avg{color:var(--text-primary);font-size:1.35em;font-weight:700}.player-avg-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);opacity:1;margin-right:2px;font-size:.7em;font-style:normal}.history-container{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.history-header{color:var(--blue);text-transform:uppercase;letter-spacing:.5px;text-align:center;border-bottom:2px solid var(--bg-primary);background:#202020;grid-template-columns:1fr 70px 1fr;padding:8px 0;font-size:13px;font-weight:700;display:grid}.history-scroll{max-height:220px;overflow-y:auto}.history-row{border-bottom:1px solid #2c2c2c;grid-template-columns:1fr 70px 1fr;align-items:center;display:grid}.history-row:nth-child(2n){background:#ffffff06}.h-col{justify-content:center;align-items:center;gap:24px;padding:10px 0;display:flex}.h-center{background:var(--bg-primary);text-align:center;color:var(--blue);border-left:1px solid var(--border);border-right:1px solid var(--border);padding:10px 0;font-size:1.6em;font-weight:700}.h-score,.h-rest{font-variant-numeric:tabular-nums;text-align:right;min-width:3ch}.h-score{color:#fff;font-size:2.3em;font-weight:700}.h-score.high{color:#0fb}.h-score.max{color:var(--yellow);text-shadow:0 0 8px #ffdc0066}.h-rest{color:var(--text-secondary);font-size:2.3em;font-weight:400}.numpad-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;align-items:center;gap:8px;padding:12px;display:flex}.numpad-section--disabled{opacity:.45}.numpad-section--disabled button{cursor:not-allowed}.warte-auf-gegner-hinweis{text-align:center;color:var(--orange);border-radius:var(--radius-sm);background:#ffaa0014;border:1px solid #ffaa0040;padding:6px 12px;font-size:13px;font-weight:600}.numpad-input-row{box-sizing:border-box;align-items:stretch;gap:7px;width:100%;display:flex}.numpad-display{color:var(--green);border-radius:var(--radius-md);text-align:center;background:#111;border:1px solid #333;flex:1 1 0;justify-content:center;align-items:center;min-width:0;padding:10px 20px;font-size:2em;font-weight:700;display:flex}.btn-control{color:#fff;border:1px solid var(--border-bright);border-radius:var(--radius-md);white-space:normal;text-align:center;background:#2a2a2a;flex:.5 1 0;justify-content:center;align-items:center;min-height:70px;padding:4px;font-size:12px;font-weight:500;line-height:1.2;display:flex}.numpad-main{justify-content:center;align-items:stretch;gap:16px;width:100%;display:flex}.numpad-grid{border-left:2px solid var(--border-bright);flex:1;order:2;grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(3,1fr);gap:5px;padding-left:8px;display:grid}.numpad-btn{color:#fff;border:1px solid var(--border-bright);border-radius:var(--radius-md);background:#2a2a2a;width:100%;height:100%;min-height:64px;font-size:2.4em}.numpad-btn.submit{background:var(--green);color:#000;border-color:var(--green);font-weight:700}.shortcuts-area{flex-direction:column;flex:1;order:1;gap:5px;display:flex}.shortcuts-grid{flex:1;grid-auto-rows:1fr;gap:4px;display:grid}.shortcut-btn{color:#fff;border:1px solid var(--border-bright);border-radius:var(--radius-sm);background:#2a2a2a;width:100%;height:100%;min-height:54px;font-size:23px;font-weight:600}.btn-checkout-trigger{background:var(--blue);color:#fff;border-radius:var(--radius-md);text-transform:uppercase;letter-spacing:.5px;text-align:center;border:none;flex:.5 1 0;justify-content:center;align-items:center;min-height:70px;padding:4px;font-size:11px;font-weight:700;line-height:1.2;display:flex}.modal-overlay{z-index:1000;background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-box{background:var(--bg-card);border:2px solid var(--green);border-radius:var(--radius-lg);width:90%;max-width:460px;max-height:85vh;padding:28px;overflow-y:auto;box-shadow:0 0 40px #00ff4126}.modal-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.modal-header h3{font-size:1.2em}.modal-close-btn{color:var(--text-secondary);background:0 0;border:none;padding:4px 8px;font-size:1.2em}.modal-close-btn:hover{color:var(--green);filter:none}.modal-divider{border-bottom:1px solid var(--border-bright);margin:12px 0 20px}.form-group{text-align:left;margin-bottom:16px}.form-group label{color:var(--text-secondary);margin-bottom:6px;font-size:13px;display:block}.form-group select,.form-group input{border:1px solid var(--border-bright);color:#fff;border-radius:var(--radius-sm);background:#2a2a2a;width:100%;padding:10px 12px;font-size:14px}.form-group select:focus,.form-group input:focus{border-color:var(--green);outline:none}.btn-anwurf{border:1px solid var(--orange);width:100%;color:var(--orange);border-radius:var(--radius-sm);background:#2a2a2a;padding:10px;font-size:14px;font-weight:700}.btn-start-match{background:var(--green);color:#000;border-radius:var(--radius-md);border:none;width:100%;margin-top:8px;padding:12px;font-size:15px;font-weight:700}.checkout-dialog{background:var(--bg-card);border:2px solid var(--green);border-radius:var(--radius-lg);text-align:center;width:90%;max-width:420px;padding:32px 28px;box-shadow:0 0 50px #00ff4133}.checkout-dialog-emoji{margin-bottom:8px;font-size:3em}.checkout-dialog-title{color:var(--green);margin-bottom:16px;font-size:2em}.checkout-route-box{border:1px solid var(--border-bright);border-radius:var(--radius-md);background:#111;margin-bottom:16px;padding:14px}.checkout-route-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;font-size:11px}.checkout-dialog-question{color:var(--text-secondary);margin-bottom:14px;font-size:14px}.checkout-dart-buttons{gap:10px;margin-bottom:14px;display:flex}.btn-dart-count{border:2px solid var(--border-bright);color:#fff;border-radius:var(--radius-md);background:#2a2a2a;flex:1;padding:14px;font-size:1em;font-weight:700;transition:border-color .15s,background .15s}.btn-dart-count:hover{border-color:var(--green);filter:none;background:#00ff411a}.btn-checkout-abort{border:1px solid var(--border-bright);width:100%;color:var(--text-muted);border-radius:var(--radius-md);background:0 0;padding:10px;font-size:13px}.checkout-dialog{background:var(--bg-card);border:2px solid var(--green);border-radius:var(--radius-lg);width:90%;max-width:380px;padding:24px;box-shadow:0 0 40px #00ff4126}.checkout-dialog-header{align-items:baseline;gap:10px;margin-bottom:16px;display:flex}.checkout-dialog-score{color:var(--green);font-size:2.5em;font-weight:700}.checkout-dialog-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;font-size:1em}.checkout-route-box{border:1px solid var(--border-bright);border-radius:var(--radius-sm);background:#111;align-items:center;gap:10px;margin-bottom:20px;padding:10px 14px;display:flex}.checkout-route-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;white-space:nowrap;font-size:12px}.checkout-route-value{color:var(--yellow);letter-spacing:2px;font-size:1.1em;font-weight:700}.checkout-field{margin-bottom:16px}.checkout-field label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-size:12px;display:block}.checkout-btn-row{gap:8px;display:flex}.checkout-option-btn{border:2px solid var(--border-bright);color:#fff;border-radius:var(--radius-sm);background:#2a2a2a;flex:1;padding:10px;font-size:1em;font-weight:700;transition:all .15s}.checkout-option-btn.selected{border-color:var(--green);color:var(--green);background:#00ff411f}.checkout-option-btn:hover:not(.selected){filter:none;border-color:#666}.checkout-dialog-actions{gap:10px;margin-top:20px;display:flex}.btn-checkout-confirm{background:var(--green);color:#000;border-radius:var(--radius-md);border:none;flex:1;padding:12px;font-size:15px;font-weight:700}.btn-checkout-abort{border:1px solid var(--border-bright);color:var(--text-muted);border-radius:var(--radius-md);background:0 0;padding:12px 16px;font-size:13px}.kein-match{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:60vh;display:flex}.kein-match-icon{font-size:4em}.kein-match h2{color:var(--text-primary);margin:0;font-size:1.8em}.kein-match p{color:var(--text-secondary);margin:0}.ausbull-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:60vh;padding:20px;display:flex}.ausbull-titel{color:var(--text-primary);font-size:2em;font-weight:700}.ausbull-sub{color:var(--text-secondary);max-width:360px;margin:0 0 6px}.ausbull-spieler-status{flex-direction:column;gap:8px;width:100%;max-width:340px;margin-bottom:10px;display:flex}.ausbull-status-zeile{border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);padding:10px 16px;font-weight:600}.ausbull-status-zeile.geworfen{border-color:var(--green);color:var(--green)}.ausbull-buttons{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.ausbull-btn{border-radius:var(--radius-lg);border:2px solid var(--border-bright);background:var(--bg-card);min-width:100px;color:var(--text-primary);flex-direction:column;align-items:center;gap:4px;padding:18px 20px;font-size:15px;font-weight:700;display:flex}.ausbull-btn span{font-family:monospace;font-size:1.4em}.ausbull-btn.bull{border-color:var(--red);color:var(--red)}.ausbull-btn.green{border-color:var(--green);color:var(--green)}.ausbull-btn.outside{border-color:var(--text-secondary);color:var(--text-secondary)}.ausbull-btn:disabled{opacity:.5}.ausbull-warte{color:var(--orange);font-weight:600}.ausbull-ueberspringen-link{color:var(--text-secondary);background:0 0;border:none;margin-top:12px;font-size:13px;text-decoration:underline}.ausbull-ueberspringen-box{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;align-items:center;gap:10px;width:100%;max-width:340px;margin-top:12px;padding:16px;display:flex}.ausbull-ueberspringen-box p{color:var(--text-secondary);margin:0;font-size:13px}.ausbull-ueberspringen-buttons{gap:10px;width:100%;display:flex}.ausbull-ueberspringen-buttons .btn-anwurf{flex:1}.ausbull-ueberspringen-abbrechen{color:var(--text-secondary);background:0 0;border:none;font-size:12px;text-decoration:underline}.match-ende-screen{flex-direction:column;gap:20px;max-width:700px;margin:0 auto;display:flex}.match-ende-loading{text-align:center;color:var(--text-secondary);padding:60px}.match-ende-header{border-radius:var(--radius-lg);text-align:center;background:#161616;border:1px solid #ffd70033;flex-direction:column;align-items:center;gap:8px;padding:32px;display:flex}.match-ende-trophy{font-size:4em;animation:.5s trophyPop}@keyframes trophyPop{0%{opacity:0;transform:scale(0)}70%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.match-ende-sieger{color:var(--yellow);margin:0;font-size:2.2em;font-weight:800}.match-ende-untertitel{color:var(--text-secondary);font-size:14px}.match-ende-stand{align-items:center;gap:16px;margin:8px 0 4px;font-size:3em;font-weight:700;display:flex}.stand-sieger{color:var(--green)}.stand-trenner{color:var(--text-muted);font-size:.7em}.match-ende-modus{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:13px}.match-ende-stats{border-radius:var(--radius-lg);background:#161616;border:1px solid #242424;overflow:hidden}.ende-stats-header{text-align:center;background:#1a1a1a;border-bottom:1px solid #242424;grid-template-columns:1fr auto 1fr;padding:14px 20px;font-size:15px;font-weight:700;display:grid}.name-sieger{color:var(--green)}.ende-stats-titel{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;align-self:center;font-size:12px}.ende-stat-zeile{text-align:center;border-bottom:1px solid #1e1e1e;grid-template-columns:1fr auto 1fr;align-items:center;padding:11px 20px;display:grid}.ende-stat-zeile:last-child{border-bottom:none}.ende-stat-wert{color:var(--text-secondary);font-size:1.1em;font-weight:700}.ende-stat-wert.besser{color:#fff}.ende-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;padding:0 16px;font-size:12px}.match-ende-aktionen{gap:12px;display:flex}.btn-rematch{background:var(--green);color:#000;border-radius:var(--radius-md);cursor:pointer;border:none;flex:1;padding:14px;font-size:15px;font-weight:700}.btn-neues-match{color:#fff;border-radius:var(--radius-md);cursor:pointer;background:#2a2a2a;border:1px solid #444;flex:1;padding:14px;font-size:15px;font-weight:700}.btn-hauptmenu{color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;background:0 0;border:1px solid #333;flex:1;padding:14px;font-size:15px}.btn-hauptmenu:hover{color:#fff;filter:none;border-color:#555}.btn-neues-match:hover{filter:none;border-color:#666}.player-card{padding:10px 8px}.player-name{font-size:calc(1.35em * var(--name-scale));margin-bottom:4px}.player-score{font-size:3.2em}.player-mini-stats{gap:3px}.mini-stat{font-size:.95em}.player-avg-row{margin-top:6px}.player-avg{font-size:1.15em}.leg-score-numbers{letter-spacing:1px;font-size:1.7em}.numpad-section{gap:6px;padding:10px}.numpad-main{gap:6px;height:300px}.numpad-grid,.shortcuts-area{gap:4px}.shortcuts-grid{gap:3px}.numpad-btn{min-height:54px;font-size:1.9em}.shortcut-btn{min-height:50px;font-size:1.6em}.btn-control{padding:12px 6px;font-size:14px}.btn-checkout-trigger{font-size:14px}.numpad-display{padding:10px;font-size:1.6em}.history-scroll{max-height:170px}.match-ende-aktionen{flex-direction:column}.match-ende-header{padding:24px 16px}.match-ende-sieger{font-size:1.8em}.match-ende-stand{font-size:2.4em}@media (width>=600px){.player-card{padding:16px}.player-name{font-size:calc(2.2em * var(--name-scale));margin-bottom:8px}.player-score{font-size:5.2em}.player-avg-row{margin-top:10px}.player-avg{font-size:1.4em}.score-grid{grid-template-columns:1fr auto 1fr;grid-template-areas:"p1 badge p2";align-items:stretch;gap:0}.score-grid>.player-card:first-child{border-right:none}.leg-score-row{border-bottom:none;border-left:1px solid var(--border);border-right:1px solid var(--border);flex-direction:column;justify-content:flex-start;padding:10px 14px 8px}.leg-score-icons{position:static;transform:none}.leg-score-row .btn-fullscreen{width:42px;height:42px;font-size:22px}.btn-monitor-cast{display:flex}.leg-score-numbers{letter-spacing:2px;gap:14px;font-size:4em}.leg-score-modus{font-size:13px}.numpad-section{gap:8px;padding:14px}.numpad-main{gap:10px;height:440px}.numpad-grid,.shortcuts-area{gap:5px}.shortcuts-grid{gap:4px}.numpad-btn{min-height:70px;font-size:2.6em}.shortcut-btn{min-height:68px;font-size:2.4em}.btn-control{padding:14px 10px;font-size:17px}.btn-checkout-trigger{font-size:17px}.numpad-display{padding:10px 20px;font-size:2em}.history-scroll{max-height:260px}.history-header{font-size:14px}.h-score,.h-rest{font-size:2.5em}.h-center{font-size:2em}.match-ende-aktionen{flex-direction:row}.match-ende-header{padding:32px}.match-ende-sieger{font-size:2.2em}.match-ende-stand{font-size:3em}}@media (width>=900px){.numpad-main{height:360px}.numpad-btn{min-height:68px;font-size:2.6em}.shortcut-btn{min-height:68px;font-size:2.4em}}.app-main.app-main--scorer{max-width:none;min-height:0;margin:0;padding:12px;display:flex;overflow:hidden}.app-main--scorer .scorer-page{flex:1;gap:12px;width:100%;max-width:820px;min-height:0;margin:0 auto}.app-main--scorer .scorer-active{flex-direction:column;flex:1 1 0;gap:12px;min-height:0;display:flex}.app-main--scorer .scorer-actions,.app-main--scorer .score-area{flex:none}.app-main--scorer .player-card{padding-top:14px;padding-bottom:14px}.app-main--scorer .history-container{flex-direction:column;flex:1 1 0;min-height:250px;display:flex}.app-main--scorer .history-scroll{flex:1 1 0;min-height:0;max-height:none}.app-main--scorer .numpad-section{flex:2 1 0;min-height:0}.app-main--scorer .numpad-main{flex:1 1 0;height:auto;min-height:0}.app-main--scorer .match-ende-screen,.app-main--scorer .kein-match{flex:1 1 0;min-height:0;overflow-y:auto}.app-main--scorer .numpad-section{flex:2 1 0;gap:10px;min-height:0;padding:10px}.app-main--scorer .numpad-grid{gap:6px}.app-main--scorer .shortcuts-grid{gap:5px}.app-main--scorer .shortcuts-area{gap:6px}@media (width<=599px){.app-main.app-main--scorer{padding:8px}.app-main--scorer .scorer-active{gap:8px}.app-main--scorer .history-container{display:none}.app-main--scorer .numpad-section{flex:1 1 0;gap:8px;padding:8px}.app-main--scorer .numpad-main{flex-direction:column;gap:8px}.app-main--scorer .numpad-grid{flex:1 1 0}.app-main--scorer .shortcuts-grid{display:none}.app-main--scorer .shortcuts-area{flex:none;gap:0}.app-main--scorer .checkout-trigger{width:100%}}@media (height<=849px) and (width>=600px){.app-main--scorer .player-card{padding:10px 12px}.app-main--scorer .player-score{font-size:3.6em}.app-main--scorer .player-avg-row{margin-top:4px}.app-main--scorer .player-avg{font-size:1.2em}.app-main--scorer .history-container{flex:none;min-height:60px;max-height:80px}.app-main--scorer .numpad-section{flex:1 1 0;gap:8px;padding:8px}}.app-main--scorer .numpad-btn,.app-main--scorer .shortcut-btn{min-height:0}.app-main--scorer .btn-control{min-height:76px;padding:4px}.app-main--scorer .btn-checkout-trigger{min-height:76px}@media (orientation:landscape){.app-main--scorer .scorer-page{width:100%;max-width:none;height:100%;margin:0}.app-main.app-main--scorer{align-items:flex-start}.app-main--scorer .scorer-active{grid-template:"score numpad""history numpad"1fr/minmax(200px,1fr) minmax(260px,1fr);gap:8px;height:100%;min-height:0;display:grid}.app-main--scorer .score-area{grid-area:score}.app-main--scorer .history-container{flex:1 1 0;grid-area:history;min-height:0;max-height:none;display:flex}.app-main--scorer .history-header{display:grid}.app-main--scorer .numpad-section{flex:1 1 0;grid-area:numpad;height:auto;min-height:0}.app-main--scorer .player-card{padding:24px 20px}.app-main--scorer .player-score{font-size:6.5em}.app-main--scorer .player-avg{font-size:1.5em}.app-main--scorer .leg-score-row{padding:16px 18px}.app-main--scorer .leg-score-numbers{letter-spacing:2px;gap:12px;font-size:3.6em}.app-main--scorer .leg-score-label,.app-main--scorer .leg-score-modus{font-size:13px}.app-main--scorer .leg-score-row .btn-fullscreen{width:46px;height:46px;font-size:24px}.app-main--scorer .numpad-main{flex-direction:row;height:auto;min-height:0}.app-main--scorer .numpad-grid{flex:1 1 0;gap:12px}.app-main--scorer .shortcuts-grid{gap:10px}.app-main--scorer .shortcuts-area{flex:1 1 0}}@media (orientation:landscape) and (height<=499px){.app-main--scorer .shortcuts-area{display:none}.app-main--scorer .numpad-grid{border-left:none;padding-left:0}.app-main--scorer .leg-score-row,.app-main--scorer .player-mini-stats{display:none}.app-main--scorer .player-legs-inline{display:block}.app-main--scorer .history-container{display:none}.app-main--scorer .numpad-section{grid-template-rows:1fr;grid-template-columns:1fr 100px;gap:8px;height:100%;display:grid}.app-main--scorer .numpad-main{grid-area:1/1;height:100%}.app-main--scorer .numpad-input-row{flex-direction:column;grid-area:1/2;gap:6px;height:100%}.app-main--scorer .numpad-display,.app-main--scorer .btn-control,.app-main--scorer .btn-checkout-trigger{flex:1 1 0;width:100%;min-height:0;font-size:11px}.app-main--scorer .numpad-display{font-size:1.3em}.app-main--scorer .numpad-btn{font-size:2.4em}}.spieler-page{flex-direction:column;gap:20px;max-width:1100px;margin:0 auto;display:flex}.spieler-page-header{justify-content:space-between;align-items:center;display:flex}.spieler-page-header h2{margin:0 0 4px;font-size:1.8em}.spieler-page-header p{color:var(--text-secondary);margin:0;font-size:14px}.spieler-suche input{color:#fff;border-radius:var(--radius-md);background:#161616;border:1px solid #2a2a2a;width:100%;padding:12px 16px;font-size:15px;transition:border-color .2s}.spieler-suche input:focus{border-color:#00ff4166;outline:none}.spieler-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.spieler-karte{border-radius:var(--radius-lg);background:#161616;border:1px solid #242424;flex-direction:column;transition:border-color .2s,transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.spieler-karte:before{content:"";opacity:0;background:linear-gradient(90deg,#0000,#00ff4166,#0000);height:2px;transition:opacity .2s;position:absolute;top:0;left:0;right:0}.spieler-karte:hover:before{opacity:1}.spieler-karte:hover{border-color:#333;transform:translateY(-2px);box-shadow:0 8px 24px #0006}.spieler-karte-top{background:#1a1a1a;border-bottom:1px solid #242424;align-items:center;gap:14px;padding:20px 20px 16px;display:flex}.spieler-avatar{width:52px;height:52px;color:var(--green);letter-spacing:-1px;background:#00ff4114;border:1.5px solid #00ff414d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.4em;font-weight:700;display:flex}.spieler-info{flex:1;min-width:0}.spieler-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:1.05em;font-weight:700;overflow:hidden}.spieler-spitzname{color:var(--yellow);opacity:.85;margin-top:3px;font-size:12px;font-style:italic}.spieler-verein{color:var(--text-muted);align-items:center;gap:4px;margin-top:4px;font-size:11px;display:flex}.spieler-details{flex-direction:column;flex:1;gap:6px;padding:14px 20px;display:flex}.spieler-detail-row{color:var(--text-secondary);align-items:center;gap:8px;font-size:12px;display:flex}.spieler-detail-row span:first-child{text-align:center;width:18px;font-size:14px}.spieler-karte-actions{border-top:1px solid #242424;gap:0;display:flex}.btn-karte-edit{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-right:1px solid #242424;flex:1;padding:10px;font-size:13px;transition:background .15s,color .15s}.btn-karte-edit:hover{color:var(--blue);filter:none;background:#00aaff0f}.btn-karte-delete{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:10px 16px;font-size:14px;transition:background .15s,color .15s}.btn-karte-delete:hover{color:var(--red);filter:none;background:#ff33330f}.spieler-loading,.spieler-leer{text-align:center;color:var(--text-secondary);padding:60px 20px;font-size:15px}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.spieler-modal{max-width:600px!important}.formular-sektion{border-bottom:1px solid #242424;margin-bottom:20px;padding-bottom:20px}.formular-sektion:last-of-type{border-bottom:none;margin-bottom:12px}.formular-sektion-titel{color:var(--blue);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:14px;font-size:12px;font-weight:700}.label-hint{color:var(--text-muted);text-transform:none;letter-spacing:0;font-size:11px;font-weight:400}.spielhand-buttons{gap:8px;display:flex}.spielhand-buttons .btn-option{flex:1;padding:9px 8px;font-size:13px}.statistiken-page{flex-direction:column;gap:20px;max-width:1100px;margin:0 auto;display:flex}.filter-leiste{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);align-items:center;gap:16px;padding:12px 20px;display:flex}.filter-leiste-titel{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;white-space:nowrap;font-size:13px}.filter-coming-soon{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.filter-coming-soon span{color:var(--text-muted);border:1px solid var(--border);background:#222;border-radius:20px;padding:5px 12px;font-size:13px}.filter-badge{color:var(--orange)!important;background:#ffaa001a!important;border-color:#ffaa004d!important;font-size:11px!important}.statistiken-layout{grid-template-columns:300px 1fr;align-items:start;gap:20px;display:grid}.statistiken-sidebar h3{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;font-size:15px}.match-liste{flex-direction:column;gap:8px;display:flex}.match-karte{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;padding:12px 16px;transition:border-color .15s}.match-karte:hover{border-color:var(--border-bright)}.match-karte.aktiv{border-left:3px solid var(--green)}.match-karte.beendet{border-left:3px solid var(--border-bright)}.match-karte-spieler{justify-content:space-between;align-items:center;margin-bottom:6px;font-size:14px;display:flex}.match-karte-spieler .gewinner{color:var(--green);font-weight:700}.match-karte-score{color:var(--blue);font-size:16px;font-weight:700}.match-karte-meta{color:var(--text-muted);justify-content:space-between;align-items:center;font-size:12px;display:flex}.match-status-badge{border-radius:10px;padding:2px 8px;font-size:11px;font-weight:700}.match-status-badge.beendet{color:var(--blue);background:#00aaff1a}.match-status-badge.aktiv{color:var(--green);background:#00ff411a}.statistiken-main{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);min-height:400px;padding:24px}.auswertung-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.auswertung-header h3{margin:0;font-size:1.2em}.auswertung-meta{color:var(--text-secondary);font-size:13px}.stats-vergleich{grid-template-columns:1fr auto 1fr;align-items:start;gap:20px;display:grid}.stats-vs{color:var(--text-muted);align-self:center;padding-top:40px;font-size:1.5em;font-weight:700}.stats-block{flex-direction:column;gap:12px;display:flex}.stats-block.sieger .stats-block-header{border-color:var(--green)}.stats-block-header{border:1px solid var(--border);border-radius:var(--radius-md);background:#1a1a1a;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 16px;display:flex}.stats-spieler-name{flex:1;font-size:1.1em;font-weight:700}.stats-legs{color:var(--blue);font-size:1.3em;font-weight:700}.sieger-badge{color:var(--green);background:#00ff411a;border:1px solid #00ff414d;border-radius:20px;padding:3px 10px;font-size:12px}.stat-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.stat-grid-3{grid-template-columns:1fr 1fr 1fr}.stat-kachel{border:1px solid var(--border);border-radius:var(--radius-sm);text-align:center;background:#1a1a1a;padding:10px 12px}.stat-kachel.highlight{background:#00aaff0d;border-color:#00aaff4d}.stat-kachel-wert{color:#fff;font-size:1.4em;font-weight:700}.stat-kachel.highlight .stat-kachel-wert{color:var(--blue)}.stat-einheit{color:var(--text-secondary);margin-left:2px;font-size:.7em}.stat-kachel-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-top:3px;font-size:11px}.stat-doppel-info{color:var(--text-muted);text-align:center;padding:4px 0;font-size:12px}.stats-placeholder{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:300px;display:flex}.stats-placeholder-icon{font-size:3em}.stats-placeholder h3{margin:0;font-size:1.3em}.stats-placeholder p{color:var(--text-secondary);margin:0;font-size:14px}.stats-loading,.stats-leer{color:var(--text-secondary);text-align:center;padding:20px 0;font-size:14px}.spieler-stats-coming-soon{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid #fa03;align-items:center;gap:16px;padding:20px 24px;display:flex}.coming-soon-icon{font-size:2em}.coming-soon-titel{margin-bottom:4px;font-weight:700}.coming-soon-desc{color:var(--text-secondary);font-size:13px}.coming-soon-badge{color:var(--orange);white-space:nowrap;background:#ffaa001a;border:1px solid #ffaa004d;border-radius:20px;margin-left:auto;padding:6px 16px;font-size:13px;font-weight:700}.langzeit-stats-block{border:1px solid var(--border,#1e1e2a);background:#ffffff04;border-radius:12px;margin-top:24px;padding:20px}.langzeit-stats-header{align-items:center;gap:10px;margin-bottom:12px;display:flex}.langzeit-stats-header h3{margin:0}.filter-aktiv-leiste{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.statistiken-tabs button{color:#888;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:9px 18px;font-size:.88em;font-weight:600;transition:all .15s}@media (width<=760px){.match-verlauf-layout{grid-template-columns:1fr}}.match-zeile{border:1px solid var(--border,#1e1e2a);cursor:pointer;background:#ffffff05;border-radius:8px;grid-template-columns:1fr auto 1fr auto;align-items:center;gap:8px;padding:9px 12px;font-size:.85em;transition:background .15s,border-color .15s;display:grid}.paket-chip{letter-spacing:.3px;border-radius:10px;padding:3px 11px;font-size:.72em;font-weight:700}.zeitraum-hinweis{color:#666;font-size:.78em}.filter-leiste-kompakt{border:1px dashed var(--border,#2a2a2a);color:#888;cursor:pointer;background:#ffffff04;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:10px 14px;font-size:.82em;display:flex}.filter-leiste-kompakt .filter-badge{color:#ffa000;background:#ffa0001f;border-radius:8px;padding:2px 8px;font-size:.85em;font-weight:600}.filter-aktiv-leiste{border-bottom:1px solid var(--border,#1e1e2a);flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:16px;padding-bottom:16px;display:flex}.statistiken-tabs{background:#ffffff08;border-radius:10px;gap:4px;width:fit-content;margin-bottom:20px;padding:4px;display:flex}.statistiken-tabs button{color:#888;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:9px 18px;font-size:.88em;font-weight:600}.statistiken-tabs button.aktiv{background:var(--green,#00ff41);color:#000}.match-verlauf-layout{grid-template-columns:320px 1fr;gap:20px;display:grid}@media (width<=760px){.match-verlauf-layout{grid-template-columns:1fr}}.match-liste-kompakt{flex-direction:column;gap:4px;max-height:480px;display:flex;overflow-y:auto}.match-zeile{border:1px solid var(--border,#1e1e2a);cursor:pointer;background:#ffffff05;border-radius:8px;grid-template-columns:1fr auto 1fr auto;align-items:center;gap:8px;padding:9px 12px;font-size:.85em;display:grid}.match-zeile:hover{background:#ffffff0a}.match-zeile.ausgewaehlt{border-color:var(--green,#00ff41);background:#00ff410d}.match-zeile-name{color:#999;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.match-zeile-name.gewinner{color:#fff;font-weight:700}.match-zeile-name-rechts{text-align:right}.match-zeile-score{color:var(--green,#00ff41);white-space:nowrap;font-size:.95em;font-weight:700}.match-zeile-modus{color:#555;grid-column:1/-1;font-size:.78em}.mehr-laden-btn{border:1px dashed var(--border,#2a2a2a);color:#888;cursor:pointer;background:0 0;border-radius:8px;width:100%;margin-top:10px;padding:10px;font-size:.85em}.mehr-laden-btn:hover{border-color:var(--green,#00ff41);color:var(--green,#00ff41)}.stat-grid-4{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}@media (width<=600px){.stat-grid-4{grid-template-columns:repeat(2,1fr)}}.stat-grid-1{grid-template-columns:1fr;gap:10px;max-width:240px;display:grid}.langzeit-tab{max-width:900px}.langzeit-tab-header{align-items:center;gap:10px;margin-bottom:14px;display:flex}.paket-chip{border-radius:10px;padding:3px 11px;font-size:.72em;font-weight:700}.paket-chip.free{color:#999;background:#ffffff0f;border:1px solid #ffffff26}.paket-chip.pro{color:var(--green,#00ff41);background:#00ff411a;border:1px solid #00ff414d}.langzeit-stat-gruppe{margin-bottom:22px}.langzeit-stat-gruppe-titel{text-transform:uppercase;letter-spacing:.6px;color:#666;border-bottom:1px solid var(--border,#1e1e2a);margin-bottom:10px;padding-bottom:6px;font-size:.78em;font-weight:700}.filter-aktiv-leiste{border:1px solid var(--border,#1e1e2a);background:#ffffff04;border-radius:10px;flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:20px;padding:14px;display:flex}.filter-aktiv-leiste .form-group{min-width:140px;margin:0}.filter-reset-btn{border:1px solid var(--border,#2a2a2a);color:#888;cursor:pointer;background:0 0;border-radius:8px;height:fit-content;padding:8px 12px;font-size:.82em}.zeitraum-limit-hinweis{color:#888;width:100%;margin-top:4px;font-size:.78em}.zeitraum-limit-hinweis .upgrade-link{color:var(--green,#00ff41);cursor:pointer;font-weight:600}.auth-page{justify-content:center;align-items:center;min-height:calc(100vh - 56px);padding:24px;display:flex}.auth-box{border-radius:var(--radius-lg);background:#161616;border:1px solid #242424;flex-direction:column;align-items:center;gap:0;width:100%;max-width:420px;padding:40px 36px;display:flex}.auth-logo{filter:drop-shadow(0 0 16px #00ff414d);margin-bottom:12px;font-size:48px}.auth-titel{color:var(--green);letter-spacing:4px;text-transform:uppercase;margin:0 0 28px;font-size:1.8em;font-weight:800}.auth-tabs{border-radius:var(--radius-md);background:#0f0f0f;gap:4px;width:100%;margin-bottom:24px;padding:4px;display:flex}.auth-tab{color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;flex:1;padding:10px;font-size:14px;font-weight:600;transition:all .15s}.auth-tab:hover{color:#fff;filter:none}.auth-tab.active{color:#fff;filter:none;background:#242424}.auth-form{flex-direction:column;gap:16px;width:100%;display:flex}.auth-field{flex-direction:column;gap:6px;display:flex}.auth-field label{color:var(--text-secondary);font-size:13px;font-weight:500}.auth-field input{color:#fff;border-radius:var(--radius-md);box-sizing:border-box;background:#0f0f0f;border:1px solid #2a2a2a;width:100%;padding:12px 14px;font-size:15px;transition:border-color .2s}.auth-field input:focus{border-color:#00ff4166;outline:none}.auth-fehler{color:var(--red);border-radius:var(--radius-sm);text-align:center;background:#ff33331a;border:1px solid #ff33334d;padding:10px 14px;font-size:13px}.auth-submit{background:var(--green);color:#000;border-radius:var(--radius-md);cursor:pointer;border:none;width:100%;margin-top:4px;padding:14px;font-size:15px;font-weight:700;transition:background .2s,transform .1s}.auth-submit:hover{background:var(--green-dim)}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.auth-skip{color:var(--text-muted);cursor:pointer;background:0 0;border:none;margin-top:20px;font-size:13px;transition:color .15s}.auth-skip:hover{color:var(--text-secondary);filter:none}.monitor-page{background:var(--bg-primary);flex-direction:column;gap:20px;padding:32px;display:flex;position:fixed;inset:0;overflow:hidden}.monitor-page--leer{color:var(--text-secondary);text-align:center;justify-content:center;align-items:center;font-size:1.3em}.monitor-page .score-area{flex:none}.monitor-page .score-grid{grid-template-columns:1fr minmax(360px,460px) 1fr;width:100%;min-height:420px}.monitor-page .leg-score-row{justify-content:center}.monitor-page .player-name{font-size:3em}.monitor-page .player-score{font-size:7.5em}.monitor-page .leg-score-badge{letter-spacing:7px;font-size:5em}.monitor-page .leg-score-modus{font-size:18px}.monitor-page .player-avg,.monitor-page .mini-stat{font-size:1.7em}.monitor-page .mini-stat span{font-size:16px}.monitor-page .player-last-throw{font-size:20px}.monitor-page .history-container{flex-direction:column;flex:1 1 0;min-height:0;display:flex}.monitor-page .history-scroll{flex:1 1 0;max-height:none}.monitor-page .history-header{padding:14px 0;font-size:20px}.monitor-page .h-score,.monitor-page .h-rest{font-size:3.2em}.monitor-page .h-center{font-size:1.8em}.online-page{max-width:760px;margin:0 auto;padding:32px 16px 60px}.online-header{margin-bottom:24px}.online-header h2{align-items:center;gap:10px;margin-bottom:6px;display:flex}.online-header p{color:var(--text-secondary)}.online-spieler-id{color:var(--green);background:#00ff4114;border:1px solid #00ff4133;border-radius:6px;padding:2px 8px;font-family:monospace;font-weight:600}.online-tabs{border-bottom:1px solid var(--border);gap:4px;margin-bottom:24px;display:flex}.online-tab{color:var(--text-secondary);background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-1px;padding:12px 18px;font-size:.95em;font-weight:600;display:flex}.online-tab:hover{color:var(--text-primary)}.online-tab.active{color:var(--green);border-bottom-color:var(--green)}.online-tab-pro-badge{letter-spacing:.5px;color:var(--blue);background:#00aaff26;border:1px solid #00aaff4d;border-radius:10px;padding:1px 6px;font-size:10px;font-weight:700}.online-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:18px;padding:20px 22px}.online-card h3{text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);border-bottom:1px solid var(--border);margin-bottom:14px;padding-bottom:10px;font-size:.85em}.online-einladen-row{gap:10px;display:flex}.online-einladen-optionen{gap:10px;margin-bottom:10px;display:flex}.online-einladen-optionen select{background:var(--bg-secondary);border:1px solid var(--border-bright);border-radius:var(--radius-sm);color:var(--text-primary);flex:1;padding:10px 12px;font-size:.95em}.online-einladen-row input{background:var(--bg-secondary);border:1px solid var(--border-bright);border-radius:var(--radius-sm);color:var(--text-primary);flex:1;padding:12px 14px;font-size:1em}.online-einladen-row input:focus{outline:1px solid var(--green)}.online-btn-primary{background:var(--green);color:#000;border-radius:var(--radius-sm);white-space:nowrap;border:none;padding:0 22px;font-weight:700}.online-btn-primary:disabled{opacity:.6;cursor:not-allowed}.online-leer{color:var(--text-secondary);padding:8px 0;font-size:.9em}.online-einladung-zeile{background:var(--bg-hover);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.online-einladung-zeile+.online-einladung-zeile{margin-top:8px}.online-einladung-name{font-weight:600}.online-einladung-meta{color:var(--text-secondary);margin-left:4px;font-size:12px}.online-einladung-actions{flex-shrink:0;gap:6px;display:flex}.online-btn-small{border-radius:var(--radius-sm);border:none;padding:7px 14px;font-size:13px;font-weight:600}.online-btn-small.annehmen{background:var(--green);color:#000}.online-btn-small.ablehnen{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-bright)}.online-btn-small:disabled{opacity:.6;cursor:not-allowed}.online-pro-lock{text-align:center;color:var(--text-secondary);padding:50px 24px}.online-pro-lock .icon{margin-bottom:12px;font-size:2.4em}.online-pro-lock h3{color:var(--text-primary);text-transform:none;letter-spacing:0;border:none;margin-bottom:8px;padding:0;font-size:1.3em}.online-pro-lock p{max-width:380px;margin:0 auto 18px;font-size:.95em}.online-pro-lock .online-btn-primary{padding:10px 24px}.online-rang-zeile{border-radius:var(--radius-sm);align-items:center;gap:14px;padding:10px 14px;display:flex}.online-rang-zeile:nth-child(odd){background:var(--bg-hover)}.online-rang-zeile.own{background:#00ff411a;border:1px solid #00ff4140}.online-rang-platz{width:34px;color:var(--text-secondary);flex-shrink:0;font-size:13px;font-weight:700}.online-rang-name{flex:1;font-weight:600}.online-rang-elo{color:var(--green);flex-shrink:0;font-family:monospace;font-weight:700}.app-wrapper{flex-direction:column;min-height:100dvh;display:flex}.app-wrapper--scorer{height:100dvh;overflow:hidden}.app-main{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:24px}.navbar{z-index:100;background:#141414;border-bottom:1px solid #1f1f1f;align-items:center;gap:8px;height:56px;padding:0 24px;display:flex;position:sticky;top:0}.navbar-brand{color:var(--green);letter-spacing:1px;white-space:nowrap;align-items:center;gap:8px;margin-right:16px;font-size:1.2em;font-weight:700;display:flex}.navbar-brand span{color:#fff}.navbar-links{align-items:center;gap:4px;display:flex}.nav-btn{color:var(--text-secondary);border-radius:var(--radius-sm);white-space:nowrap;background:0 0;border:none;align-items:center;gap:7px;padding:8px 14px;font-size:.92em;font-weight:500;transition:background .15s,color .15s;display:flex}.nav-btn:hover{background:var(--bg-hover);color:var(--text-primary);filter:none;transform:none}.nav-btn.active{color:var(--green);border-bottom:2px solid var(--green);border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:#00ff411a}.nav-icon{align-items:center;font-size:1.15em;display:flex}.page-placeholder{min-height:60vh;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.page-placeholder h2{color:var(--text-primary);font-size:2em}.page-placeholder p{font-size:1.1em}.navbar-left{align-items:center;display:flex}.navbar-right{align-items:center;margin-left:auto;display:flex}.nav-back{color:var(--text-secondary);align-items:center;gap:6px;font-size:.92em;display:flex}.nav-back:hover{color:var(--text-primary);background:var(--bg-hover);filter:none;transform:none}.nav-user{color:var(--green);background:#00ff4114;border:1px solid #00ff4133;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;display:flex}.navbar-right{align-items:center;gap:8px;margin-left:auto;display:flex}.nav-toggle{color:var(--text-primary);background:0 0;border:none;justify-content:center;align-items:center;margin-left:auto;padding:6px;font-size:1.7em;display:none}.nav-toggle:hover{color:var(--green);filter:none;transform:none}@media (width<=899px){.nav-toggle{display:flex}.navbar-right{box-shadow:var(--shadow-card);z-index:99;background:#141414;border-bottom:1px solid #1f1f1f;flex-direction:column;align-items:stretch;gap:4px;margin-left:0;padding:8px 12px;display:none;position:absolute;top:100%;left:0;right:0}.navbar-right.open{display:flex}.navbar-right .nav-btn,.navbar-right .nav-user{border-radius:var(--radius-sm);justify-content:flex-start;width:100%;padding:12px 14px;font-size:1em}.navbar-right .nav-btn.active{border-radius:var(--radius-sm);border-bottom:none}}@media (width<=599px){.app-main{padding:12px}.navbar{padding:0 12px}.navbar-brand{margin-right:8px;font-size:1.05em}}html:has(.app-main--scorer){height:100dvh;overflow:hidden}