*,*:before,*:after{box-sizing:border-box}body{font-family:var(--font-family-base);margin:0;padding:0;background-color:var(--color-bg);min-height:100vh}button{transition:transform .2s ease,box-shadow .2s ease;border-radius:var(--radi-s)}button:hover{transform:translateY(-3px)}button:active{transform:translateY(-1px)}.generic-confirm-btn-outline:hover,.generic-confirm-btn-filled:hover,.generic-warning-btn-outline:hover,.generic-warning-btn-filled:hover,.generic-download-btn-outline:hover,.generic-download-btn-filled:hover,.popup-btn-outline:hover,.popup-btn-filled:hover,.modal-btn-outline:hover,.modal-btn-filled:hover,.spelertoevoegen-submit:hover,.teamtoevoegen-submit:hover,.generic-confirm-btn-outline:active,.generic-confirm-btn-filled:active,.generic-warning-btn-outline:active,.generic-warning-btn-filled:active,.generic-download-btn-outline:active,.generic-download-btn-filled:active,.popup-btn-outline:active,.popup-btn-filled:active,.modal-btn-outline:active,.modal-btn-filled:active,.spelertoevoegen-submit:active,.teamtoevoegen-submit:active{transform:none!important}.container-startpage{display:flex;justify-content:center;align-items:center;gap:var(--space-9);min-height:100vh;padding:var(--space-6);width:100%;margin:0 auto}.container-admin-page{flex:1;width:100%}.buttons-mainpage{display:flex;gap:var(--space-6);align-items:center;justify-content:center;flex-direction:row;width:100%}@media(max-width:37.5rem){.buttons-mainpage{flex-direction:column;width:100%;max-width:400px}}.startpage-hero{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:0;background:linear-gradient(70deg,var(--color-blue-10) 50%,var(--color-blue-80) 50%)}.startpage-hero .hero-column{flex:1 1 50%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(var(--space-7),6vw,var(--space-10));box-sizing:border-box}.startpage-hero .hero-left{color:var(--color-gray-90);text-align:center}.startpage-hero .hero-right{color:var(--color-gray-10);text-align:center}.startpage-hero h1{margin:0 0 var(--space-6) 0;font:var(--text-style-h1);line-height:1.1;width:100%}.startpage-hero p.lead{margin:0 0 var(--space-8) 0;color:inherit;opacity:.9}.hero-btn{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:var(--space-6) var(--space-8);border-radius:var(--radi-m);font:var(--text-style-h5);cursor:pointer;border:2px solid transparent}.hero-btn.filled{background:var(--color-blue-80);color:#fff}.hero-btn.outline{background:transparent;color:#fff;border-color:var(--color-on-accent)}@media(max-width:900px){.startpage-hero{flex-direction:column;background:linear-gradient(180deg,var(--color-blue-10) 50%,var(--color-blue-80) 50%)}.startpage-hero .hero-column{width:100%;padding:clamp(var(--space-6),6vw,var(--space-8))}}.generic-button-blue{background-color:var(--color-blue-80);color:var(--color-gray-10);border:none;border-radius:var(--radi-s);padding:var(--space-4) var(--space-6);font:var(--text-h3);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:var(--space-3);width:100%;text-align:center;box-shadow:0 4px 6px #0000001a}.generic-button-blue:hover{background-color:var(--color-blue-60);transform:translateY(-3px);box-shadow:0 8px 15px #205ea740}.generic-button-blue:active{transform:translateY(-1px);box-shadow:0 4px 6px #205ea733}.generic-button-blue svg{height:1.5rem;width:auto}@media(max-width:37.5rem){.generic-button-blue{width:100%}}.generic-confirm-popup{background-color:#ebf1f6;padding:3.5rem 4rem;border-radius:4px;width:90%;max-width:600px;display:none;flex-direction:column;align-items:center;gap:2rem;box-shadow:0 10px 25px #0000001a;border:none;margin:auto}.generic-confirm-popup:popover-open{display:flex}.generic-confirm-popup::backdrop{background-color:#00000080}.generic-confirm-popup h2{font-family:Poppins,sans-serif;font-size:1.25rem;font-weight:500;color:var(--color-gray-100, #1e293b);margin:0;text-align:center;margin-bottom:.5rem}.generic-confirm-popup p{font-family:Poppins,sans-serif;font-size:1.1rem;color:var(--color-gray-100, #1e293b);margin:0;text-align:center;line-height:1.5}.generic-confirm-buttons{display:flex;gap:1.5rem;width:100%;justify-content:center;margin-top:1.5rem}.generic-confirm-btn-outline{padding:.75rem 2.5rem;background-color:#7990a6;color:#fff;border:none;font-weight:500;border-radius:8px;cursor:pointer;font-size:1rem;transition:all .2s}.generic-confirm-btn-outline:hover{background-color:#5d7285}.generic-confirm-btn-filled{padding:.75rem 2.5rem;background-color:#cc4959;color:#fff;border:none;font-weight:500;border-radius:8px;cursor:pointer;font-size:1rem;transition:all .2s}.generic-confirm-btn-filled:hover{background-color:#a83242}.logo-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-6);text-align:center;max-width:900px}.logo-logo svg{width:8rem;height:8rem;padding:2rem;color:var(--color-gray-10);background-color:var(--color-blue-80);border-radius:50%;flex-shrink:0;box-shadow:0 10px 25px #205ea733}.logo-content{display:flex;flex-direction:column;align-items:center}.logo-title{font-size:clamp(3rem,8vw,6rem);line-height:1.1;color:var(--color-gray-100);margin:0;font-weight:800;letter-spacing:-.02em}.logo-title span{color:var(--color-blue-80)}.logo-subtitle{font:var(--text-h4);color:var(--color-gray-60);margin:var(--space-3) 0 0 0;max-width:600px;font-weight:500;line-height:1.5;font-size:clamp(1rem,4vw,1.5rem)}@media(max-width:900px){.logo-container{flex-direction:column;gap:var(--space-4)}.logo-content{align-items:center}.logo-title,.logo-subtitle{text-align:center}}.scoreboard-wrapper{display:flex;justify-content:center;align-items:flex-start;position:fixed;inset:0;width:100%;height:100%;background-color:var(--color-gray-20);padding:64px 20px 20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;box-sizing:border-box;overflow-y:auto;z-index:9999}.bottom-left-triangle{position:fixed;bottom:0;right:0;width:100%;height:15vh;background-color:#1a4a8d;clip-path:polygon(100% 0%,0% 100%,100% 100%);z-index:0;pointer-events:none}.scoreboard-card{background-color:transparent;padding:30px;width:100%;max-width:1100px;position:relative;margin:0 auto;display:flex;flex-direction:column;align-items:center;z-index:10}.scoreboard-table-container{width:100%;overflow-x:auto;position:relative}.scoreboard-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin-bottom:30px;position:relative;width:100%}.scoreboard-title{font-size:2.2rem;font-weight:800;color:#1a2b4b;margin:0;text-align:center}.home-button{background-color:transparent;justify-self:start;color:#1a2b4b;border:none;border-radius:8px;width:44px;height:44px;display:flex;justify-content:center;align-items:center;cursor:pointer;font-size:1.4rem;transition:all .2s ease;box-shadow:none}.scoreboard-clock{justify-self:end;background-color:#68d391;color:#fff;font-weight:700;font-size:1.5rem;padding:8px 16px;border-radius:4px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;box-shadow:0 2px 4px #0000001a}.home-button:hover{background-color:transparent;transform:translate(-2px);color:var(--color-blue-80, #2b6cb0)}.scoreboard-table{width:100%;border-collapse:separate;border-spacing:0 10px;background-color:transparent;min-width:800px}.scoreboard-table thead tr{background-color:#f1f5f9;text-align:left}.scoreboard-table th{padding:12px 15px;color:#1a2b4b;font-weight:700;white-space:nowrap;font-size:1rem}.scoreboard-table tbody tr{background-color:#fff;box-shadow:0 2px 4px #0000000d;transition:transform .1s}.scoreboard-table tbody tr:hover{transform:translateY(-1px);box-shadow:0 4px 6px #00000014}.scoreboard-table td{padding:18px 15px;color:var(--color-blue-100);vertical-align:middle;font-size:.95rem;font-weight:500;white-space:nowrap}.scoreboard-table td:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px;font-weight:700;text-align:center}.scoreboard-table td:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px;font-weight:800}.scoreboard-table th:nth-child(3),.scoreboard-table td:nth-child(3){border-right:2px solid #e2e8f0}.col-rank{width:60px;text-align:center;position:sticky;left:0;z-index:10}.col-change{width:80px;text-align:center;position:sticky;left:60px;z-index:10}.col-user{text-align:left;padding-left:20px;position:sticky;left:140px;z-index:10;min-width:250px;border-right:2px solid #e2e8f0}.col-score{text-align:left;width:100px;min-width:100px}.col-total{text-align:left;width:100px;position:sticky;right:0;z-index:30;border-left:2px solid #e2e8f0}.scoreboard-table tbody tr:nth-child(2n){background-color:#fff}.scoreboard-table tbody tr:nth-child(odd) td.col-rank,.scoreboard-table tbody tr:nth-child(odd) td.col-change,.scoreboard-table tbody tr:nth-child(odd) td.col-user,.scoreboard-table tbody tr:nth-child(odd) td.col-total{background-color:#f8fafc}.scoreboard-table tbody tr:nth-child(2n) td.col-rank,.scoreboard-table tbody tr:nth-child(2n) td.col-change,.scoreboard-table tbody tr:nth-child(2n) td.col-user,.scoreboard-table tbody tr:nth-child(2n) td.col-total{background-color:#fff}.scoreboard-table thead th.col-rank,.scoreboard-table thead th.col-change,.scoreboard-table thead th.col-user,.scoreboard-table thead th.col-total{background-color:#f1f5f9;z-index:20}.status-change{display:flex;align-items:center;gap:6px;font-size:.95rem;justify-content:center;font-weight:600}.status-up{color:#48bb78}.status-down{color:#f56565}.status-equal{color:#ecc94b}@media(max-width:768px){.scoreboard-header{margin-bottom:20px}.scoreboard-title{font-size:1.5rem}.scoreboard-table th,.scoreboard-table td{padding:12px 10px;font-size:.85rem}.status-change{font-size:.8rem}}@media(min-width:1200px){.scoreboard-card{width:98%;max-width:1850px}.scoreboard-card .scoreboard-title{font-size:6rem;margin-bottom:25px}.scoreboard-card .home-button{width:65px;height:65px;font-size:2.2rem}.scoreboard-card .scoreboard-clock{font-size:2.2rem;padding:10px 25px}.scoreboard-table th{padding:20px 25px;font-size:1.6rem}.scoreboard-table td{padding:24px 25px;font-size:1.5rem}.col-rank{width:80px;font-size:1.6rem}.col-change{width:110px;left:80px}.col-user{min-width:380px;left:190px;padding-left:35px}.col-score{width:140px;min-width:140px}.col-total{width:140px}.status-change{font-size:1.3rem;gap:10px}}@media(min-width:2100px){.scoreboard-card{width:90%;max-width:2400px}.scoreboard-title{font-size:8rem}.home-button{width:90px;height:90px;font-size:4rem}.scoreboard-clock{font-size:3rem;padding:20px 40px}.scoreboard-table th{padding:28px 30px;font-size:2.5rem}.scoreboard-table td{padding:45px 30px;font-size:2.3rem}.col-rank{width:120px}.col-change{width:140px;left:120px}.col-user{min-width:500px;left:260px;padding-left:60px}.col-score{width:200px;min-width:200px}.col-total{width:200px}.status-change{font-size:1.8rem;gap:12px}}.special-login-container{width:100%;min-height:100vh;margin:0;padding:0;position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;background:linear-gradient(180deg,var(--color-blue-80) 30%,var(--color-blue-10) 30%)}button:hover{transition:none}.special-login-form{display:flex;flex-direction:column;gap:var(--space-6);width:100%}.special-login-form input:hover{border-color:var(--color-blue-60)}.special-login-form input:focus{border-color:var(--color-blue-80);outline:none}.login-error{color:var(--color-red-40);margin:0 0 var(--space-4) 0;text-align:center}.special-login-container .nav-button-back{display:none}.login-inner{width:100%;max-width:min(50rem,70%);margin:0 auto;position:relative;display:flex;flex-direction:column;align-items:stretch}.nav-button-back-wrapper{position:fixed;top:6rem;left:21rem;display:flex;justify-content:flex-start;align-items:center;padding-left:0;margin-bottom:var(--space-3);z-index:50}.nav-button-back-wrapper .nav-button-back{display:inline-flex;position:relative;transform:none}.login-top{height:35vh;display:block}.login-bottom{background:transparent}.login-action-btn{width:min(50rem,70%);box-sizing:border-box;background:var(--color-blue-80);color:var(--color-on-accent);border:none;padding:var(--space-6) var(--space-8);border-radius:var(--radi-m);font:var(--text-style-h5);cursor:pointer;margin:var(--space-6) auto 0;display:block}.special-login-form{width:100%;display:flex;align-items:center;justify-content:center}.special-login-form{margin-bottom:var(--space-10)}.special-login-form .generic-login-field-wrapper{width:100%;max-width:min(50rem,70%)}.login-action-btn:active{transform:translateY(.5px)}@media(max-width:37.5rem){.special-login-container{max-width:100%;padding:var(--space-4) 0}}.generic-login-field-container{width:100%}.generic-login-label{display:block;margin-bottom:var(--space-2);font:var(--text-h3);color:var(--color-gray-100);font-weight:500}.generic-login-field-wrapper{position:relative;display:block;width:100%;max-width:min(800px,70%);margin:0 auto}.generic-login-field{width:100%;padding:var(--space-5);border:none;border-radius:var(--radi);font:var(--text-style-body);background:var(--color-blue-20);box-shadow:none;max-width:100%}.password-toggle-button{position:absolute;right:var(--space-5);top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center;color:var(--color-gray-100)}.password-toggle-button:hover{color:var(--color-blue-80)}.password-toggle-button:hover{transform:translateY(-50%)}.generic-login-field::placeholder{color:var(--color-gray-60)}@media(max-width:37.5rem){.generic-login-field{font-size:1rem}.password-toggle-button svg{width:2rem;height:2rem}}.nav-button-back{background:transparent;border:none;box-shadow:none;padding:var(--space-2);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-gray-100)}.nav-button-back:hover{background:transparent;box-shadow:none;color:var(--color-blue-60)}.nav-button-back:hover svg{color:var(--color-blue-60);stroke:var(--color-blue-60)}.chevron-left{width:3rem;height:3rem;color:var(--color-gray-100);transition:all .2s ease}.all-sessions-chart-container{width:90%;margin:2rem auto}body{background-color:var(--color-gray-20)}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;position:relative;padding:0 1rem;min-height:4rem}.chart-header h2{font-size:2.5rem;font-weight:700;color:var(--text-color, #000);position:absolute;left:50%;transform:translate(-50%);margin:0}.chart-header>:last-child{margin-left:0;position:absolute;left:0}.chart-content{background-color:var(--white, #ffffff);border-radius:20px;padding:0,2rem,2rem,2rem;box-shadow:0 4px 6px #0000001a}.sessions-table{width:100%;border-collapse:separate;border-spacing:0 1rem;text-align:left}.sessions-table th:last-child,.sessions-table td:last-child,.sessions-table th:nth-last-child(2),.sessions-table td:nth-last-child(2){text-align:center}.sessions-table th{position:sticky;top:0;z-index:20;background-color:var(--white, #ffffff);font-weight:600;padding:1rem;color:var(--text-color, #333);font-size:1.1rem;border-bottom:none}.sessions-table td{padding:1rem;color:var(--text-color, #333);font-weight:500;vertical-align:middle}.sessions-table tbody tr{transition:background-color .2s}.sessions-table tbody tr:hover{background-color:var( --card-blue-light, rgba(235, 248, 255, .5) )}.all-sessions-chart-container .icon-btn{background:transparent;border:none;box-shadow:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;transition:opacity .2s;margin:0 auto}.all-sessions-chart-container .icon-btn:hover{opacity:.7}.download-btn{color:var(--color-blue-60)}.trash-btn{color:var(--color-red-40)}.generic-item__action{border:none;background:transparent;box-shadow:none;cursor:pointer;padding:var(--space-2);border-radius:.5rem;display:grid;place-items:center;transition:background-color .15s ease,transform .15s ease}.generic-item__action--edit:hover{background-color:var(--color-blue-20);transform:scale(1.05);opacity:1}.generic-item__action--delete:hover{background-color:var(--color-red-10);transform:scale(1.05)}.generic-download-popup{background-color:#ebf1f6;padding:3rem;border-radius:4px;width:calc(95% - 4rem);max-width:calc(720px - 4rem);min-height:260px;display:none;flex-direction:column;align-items:center;justify-content:center;gap:2rem;box-shadow:0 10px 25px #0000001a;border:none;margin:auto}.generic-download-popup:popover-open{display:flex}.generic-download-popup::backdrop{background-color:#00000080}.generic-download-popup h2{font-family:Poppins,sans-serif;font-size:1.5rem;font-weight:600;color:var(--color-gray-100, #1e293b);margin:0;text-align:center}.generic-download-popup h5{font-family:Poppins,sans-serif;font-size:1.125rem;font-weight:400;color:var(--color-gray-100, #1e293b);margin:0;text-align:center}.generic-download-popup h6{font-family:Poppins,sans-serif;font-size:.875rem;font-weight:400;color:var(--color-gray-70, #64748b);margin:.25rem 0 .5rem;text-align:center}.generic-download-input{width:100%;padding:.6rem .9rem;border-radius:4px;border:none;background-color:#f1f5f9;font-size:.95rem;color:var(--color-gray-100, #1e293b);outline:none}.generic-download-email{width:100%;display:flex;flex-direction:column;align-items:stretch}.generic-download-email .generic-download-input{display:block;box-sizing:border-box;margin-top:.75rem}.generic-download-email-sub{opacity:.95}.generic-download-input:focus{outline:2px solid var(--color-blue-40)}.generic-download-buttons{display:flex;gap:1rem;width:100%;justify-content:center;margin-top:.5rem}.generic-download-btn-outline{padding:.75rem 2rem;background:var(--color-gray-60);color:#fff;font-weight:500;border-radius:8px;cursor:pointer;font-size:1rem;border:none;transition:all .2s;display:flex;align-items:center;justify-content:center}.generic-download-btn-outline:hover{background:var(--color-gray-70)}.generic-download-btn-filled{padding:.75rem 2.5rem;background:var(--color-blue-80);color:#fff;border:none;font-weight:500;border-radius:8px;cursor:pointer;font-size:1rem;transition:all .2s;display:flex;align-items:center;justify-content:center}.generic-download-btn-filled:hover{background:var(--color-blue-60)}.generic-download-btn-outline h6,.generic-download-btn-filled h6{margin:0;font-family:Poppins,sans-serif;font-size:1rem;font-weight:500;color:inherit;text-align:center}.generic-warning-popup{background-color:#ebf1f6;padding:3rem;border-radius:4px;width:calc(95% - 4rem);max-width:calc(720px - 4rem);min-height:260px;display:none;flex-direction:column;align-items:center;justify-content:center;gap:2rem;box-shadow:0 10px 25px #0000001a;border:none;margin:auto}.generic-warning-popup:popover-open{display:flex}.generic-warning-popup::backdrop{background-color:#00000080}.generic-warning-popup h5{font-family:Poppins,sans-serif;font-size:1.125rem;font-weight:400;color:var(--color-gray-100, #1e293b);margin:0;text-align:center}.generic-warning-buttons{display:flex;gap:1rem;width:100%;justify-content:center;margin-top:.5rem}.generic-warning-btn-outline{padding:.75rem 2rem;border:none;background:var(--color-gray-60);color:#fff;font-weight:500;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:all .2s}.generic-warning-btn-outline:hover{background:var(--color-gray-70)}.generic-warning-btn-outline h6,.generic-warning-btn-filled h6{margin:0;font-family:Poppins,sans-serif;font-size:1rem;font-weight:500;color:inherit;text-align:center}.generic-warning-btn-filled{padding:.75rem 2.5rem;background:var(--color-red-40);color:#fff;border:none;font-weight:500;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:all .2s}.generic-warning-btn-filled:hover{background:var(--color-red-40)}.AlleSpellen_Container{display:flex;flex-direction:column;align-items:center;width:100%;min-height:100vh;padding:var(--space-6);background-color:var(--color-gray-10);gap:var(--space-6);--content-max: 56.25rem}.AlleSpellen_Title{display:flex;align-items:center;justify-items:center;width:100%;max-width:var(--content-max);margin-inline:auto;padding:var(--space-4) 0;justify-content:flex-start}.AlleSpellen_Title h1{font:var(--text-h1);color:var(--color-text-primary);margin:0;text-align:left;padding-left:var(--space-2)}.AlleSpellen_Title button{background:none;border:none;cursor:pointer;padding:var(--space-2);display:flex;align-items:center;justify-content:center;color:var(--color-gray-100);transition:transform .2s ease;box-shadow:none}.AlleSpellen_Title button:hover{transform:none}.AlleSpellen_Title button svg{width:2rem;height:2rem;stroke-width:2}.AlleSpellen_Title .nav-button{grid-column:1;justify-self:start;background:transparent;border:none;box-shadow:none;padding:0 var(--space-2) 0 var(--space-2)}.AlleSpellen_Title .nav-button:hover{background:transparent;box-shadow:none;color:var(--color-blue-80)}.AlleSpellen_Title .nav-button:hover svg{color:var(--color-blue-80);stroke:var(--color-blue-80)}.AlleSpellen_Title .nav-button svg{margin-left:0}.AlleSpellen_Content{display:flex;flex-direction:column;align-items:center;gap:var(--space-8);flex:1;width:100%}.AlleSpellen_buttons{display:flex;align-items:center;justify-content:flex-start;gap:var(--space-4);width:100%;max-width:var(--content-max);margin-inline:auto}.filter-button-wrapper{position:relative;width:auto;anchor-name:--filter-button;flex:0 0 auto}.AlleSpellen_buttons .filter-button-wrapper{width:auto!important;flex:0 0 auto!important;display:inline-block!important}.filter-button{display:flex;justify-content:center;align-items:center;background-color:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-primary);border-radius:var(--radi);cursor:pointer;transition:background-color .12s ease,transform .12s ease,box-shadow .12s ease;width:auto!important;max-width:none!important}.AlleSpellen_buttons .filter-button.alle-sort-button{padding:.5rem .75rem!important}.filter-button:hover{background-color:var(--color-blue-10);transform:translateY(-1px)}.filter-button svg{height:2rem;width:2rem}.AlleSpellen_buttons .alle-sort-button{padding:.5rem .75rem;font-size:.9rem;min-height:2rem}.AlleSpellen_buttons .generic-button-blue{padding:1rem;display:grid;place-items:center;width:100%;flex:1}.AlleSpellen_buttons .generic-button-blue svg{height:2rem;width:2rem}#filter-popover{position:absolute;top:calc(100% + var(--space-2));right:0;left:auto;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-m);padding:var(--space-2);box-shadow:0 6px 10px #0f2f550f;z-index:100;min-width:12rem}.filter-options{display:flex;flex-direction:column;gap:var(--space-1)}.filter-option{padding:var(--space-3) var(--space-4);border-radius:var(--radius-s);cursor:pointer;transition:background-color .2s;color:var(--color-text-primary);font:var(--text-h5)}.AlleSpellen_games{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);width:100%;max-width:var(--content-max);margin-inline:auto}.AlleSpellen_games .generic-item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:.75rem 1rem;background:var(--color-gray-20);border:1px solid var(--color-border);border-radius:var(--radi);box-shadow:0 2px #0f2f5508 inset,0 6px 12px #0f2f5505;color:var(--color-text-primary);align-self:stretch}.AlleSpellen_games .generic-item:hover{box-shadow:0 6px 18px #205ea70f;border-color:var(--color-blue-80)}.AlleSpellen_games .generic-item__icon svg{width:1.5rem;height:1.5rem;color:var(--color-blue-80)}.AlleSpellen_games .generic-item .left-group{display:flex;align-items:center;gap:var(--space-3)}.AlleSpellen_games .generic-item__label{font:var(--text-h5);color:var(--color-text-primary);margin:0}.AlleSpellen_games .generic-item__footer{display:flex;gap:var(--space-1);align-items:center}@media(max-width:37.5rem){.AlleSpellen_Container{padding:var(--space-4);gap:var(--space-4)}.AlleSpellen_Title{padding:var(--space-3)}.AlleSpellen_Title h1{font:var(--text-h2)}.AlleSpellen_games{grid-template-columns:1fr}}@media(max-width:48rem){.AlleSpellen_buttons{flex-direction:column}.AlleSpellen_Title{padding:var(--space-3) 0}}@media(min-width:64rem){.AlleSpellen_Container{gap:var(--space-8)}}.alle-action{display:inline-flex;align-items:center;gap:.5rem;border-radius:var(--radi-s);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.alle-action:active{transform:translateY(-1px)}.alle-action-label{margin:0;font:var(--text-h5);font-weight:300;color:var(--color-text-primary)}.alle-add-button{background-color:var(--color-blue-80);color:var(--color-gray-10);border:none;padding:.5rem .75rem;font-size:.9rem;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radi)}.alle-add-button svg{width:1.4rem;height:1.4rem}.alle-sort-button{background-color:var(--color-surface);border:1px solid var(--color-border);padding:.4rem .6rem;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radi)}.alle-sort-button svg{width:1.4rem;height:1.4rem}.AlleSpellen_buttons .alle-action{flex:0 0 auto}.alle-add-button .alle-action-label{color:var(--color-gray-10)}.spellentoevoegen-page{min-height:100vh;background:var(--color-gray-20);display:flex;flex-direction:column;padding:var(--space-7) var(--space-10)}.spellentoevoegen-shell{width:100%;padding:0;display:flex;flex-direction:column;gap:var(--space-10);flex:1;margin:0;max-width:none}.spellentoevoegen-header{display:flex;flex-direction:column;align-items:center;width:100%}.spellentoevoegen-header-text{display:flex;flex-direction:column;align-items:center;width:100%;max-width:100%}.spellentoevoegen-page-title{font:var(--text-h1);color:var(--color-text-primary);text-align:center;margin:0 0 var(--space-6) 0}.spellentoevoegen-title-row{display:flex;justify-content:flex-start;align-items:center;gap:var(--space-7);margin-bottom:var(--space-6);width:100%}.spellentoevoegen-back{position:static;translate:none;margin:0}.spellentoevoegen-header-text h2{font:var(--text-h3);color:var(--color-text-gray-100);font-weight:600;margin:0}.spellentoevoegen-progress{width:100%;max-width:none}.spellentoevoegen-content{flex:1;width:100%;display:flex;flex-direction:column}.spellen-controls{display:flex;gap:var(--space-4);margin-bottom:var(--space-4);width:100%;justify-content:flex-start}.control-btn-add{background:var(--color-blue-80);border:2px solid var(--color-blue-80);color:#fff;margin-left:0}.control-btn{display:flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-4);border-radius:var(--radius-m);font:var(--text-body);font-weight:600;cursor:pointer;transition:all .2s ease;height:3rem;font-size:1rem}.control-btn-filter{background:transparent;border:2px solid var(--color-blue-80);color:var(--color-blue-80);gap:var(--space-4)}.control-btn-filter:hover{background:var(--color-blue-10);border-color:var(--color-blue-60);color:var(--color-blue-60)}.control-btn-add{background:var(--color-blue-80);border:2px solid var(--color-blue-80);color:var(--color-gray-20);gap:var(--space-4)}.control-btn-add:hover{background:var(--color-blue-60);border-color:var(--color-blue-60);transform:translateY(-1px)}.filter-button-wrapper{position:relative;width:auto;flex:0 0 auto;display:block}.spellen-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(20rem,1fr));gap:var(--space-5);width:100%}.spel-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--color-gray-10);border-radius:var(--radius-m);border:2px solid transparent;width:100%;cursor:pointer;transition:border-color .2s;min-height:4.5rem}.spel-item:hover{border-color:var(--color-blue-60)}.spel-item.selected{border-color:var(--color-blue-80);background-color:var(--color-blue-10)}.spel-info{flex:1;display:flex;flex-direction:column;gap:var(--space-1)}.spel-name{font:var(--text-body);font-weight:500;color:var(--color-text-primary)}.spel-icon{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:var(--color-gray-20);border-radius:var(--radius-m);color:var(--color-blue-80)}.spel-item.selected .spel-icon{background:var(--color-blue-80);color:#fff}.spellentoevoegen-footer{margin-top:auto;padding-top:var(--space-6);width:100%;display:flex;gap:var(--space-4)}.spellentoevoegen-play-later{background:transparent;border:2px solid var(--color-blue-60);color:var(--color-blue-60);padding:var(--space-2);border-radius:var(--radius-m);font:var(--text-h4);cursor:pointer;transition:all .2s ease;width:auto;min-width:140px;display:flex;justify-content:center;align-items:center}.spellentoevoegen-play-later:hover{background:var(--color-blue-10)}@media(max-width:64rem){.spellentoevoegen-page{padding:var(--space-4)}}@media(max-width:48rem){.spellentoevoegen-page{padding:var(--space-4)}.spellen-list{grid-template-columns:1fr}}.filter-option:hover{background-color:var(--color-blue-10)}.filter-option.selected{background-color:var(--color-blue-20);color:var(--color-blue-70)}.spellen-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.game-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:#fff;border:2px solid var(--color-blue-20);border-radius:var(--radius-m);cursor:pointer;transition:all .2s ease;min-height:3.5rem}.game-card:hover{border-color:var(--color-blue-40);transform:translateY(-2px);box-shadow:0 4px 8px #0000000d}.game-card.is-selected{border-color:var(--color-blue-80);background:var(--color-blue-10);box-shadow:0 0 0 1px var(--color-blue-80)}.game-icon{color:var(--color-text-primary);display:flex;align-items:center}.game-name{flex:1;font:var(--text-body);font-weight:600;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-info{color:var(--color-blue-50);display:flex;align-items:center}.spellentoevoegen-submit{width:50%;padding:var(--space-2);margin:0 auto;background:var(--color-green-30);color:var(--color-gray-20);border:none;border-radius:var(--radius-m);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease,transform .1s ease}.spellentoevoegen-submit:hover{background:var(--color-green-40);transform:translateY(-1px)}.spellentoevoegen-submit:active{transform:translateY(0)}.spellentoevoegen-submit:disabled{background:var(--color-gray-40);cursor:not-allowed;opacity:.5}.spellentoevoegen-submit:disabled:hover{background:var(--color-gray-40)}@media(max-width:48rem){.spellentoevoegen-page{padding:var(--space-4)}.spellentoevoegen-shell{gap:var(--space-5)}.spellentoevoegen-header-text h1{font:var(--text-h3)}.spellen-grid{grid-template-columns:1fr}}.modal-content{background-color:#ebf1f6;padding:3.5rem 4rem;border-radius:4px;width:70%;max-width:520px;display:none;flex-direction:column;align-items:center;gap:2.5rem;box-shadow:0 10px 25px #0000001a;border:none;margin:auto}.modal-content:popover-open{display:flex}.modal-content::backdrop{background-color:#00000080}.modal-content h2{font-family:Poppins,sans-serif;font-size:1.25rem;font-weight:600;color:var(--color-gray-100);margin:0;text-align:center}.modal-input{width:100%;padding:1rem;background-color:#f5f7fa;border:none;border-radius:4px;font-size:1rem;color:var(--color-gray-80);outline:none}.modal-input::placeholder{color:#9ca3af}.modal-buttons{display:flex;gap:1rem;width:100%;justify-content:center}.modal-buttons button{border-radius:4px}margin-top: .5rem; } .modal-btn-outline{padding:.75rem 2rem;border:2px solid var(--color-blue-80);background:transparent;color:var(--color-blue-80);font-weight:500;border-radius:8px;cursor:pointer;font-size:1rem;transition:all .2s}.modal-btn-outline:hover{background:var(--color-blue-10)}.modal-btn-filled{padding:.75rem 2.5rem;background:var(--color-blue-80);color:#fff;border:none;font-weight:500;border-radius:8px;cursor:pointer;font-size:1rem;transition:all .2s}.modal-btn-filled:hover{background:var(--color-blue-60)}.generic-item{--generic-item-accent: var(--color-blue-80);display:flex;flex-direction:row;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background-color:var(--color-gray-10);border:2px solid var(--color-gray-30);border-radius:999px;box-shadow:0 2px 8px #0000000f;transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease;color:var(--color-text-primary)}.generic-item:hover{box-shadow:0 6px 16px #0000001f;transform:translateY(-1px);border-color:var(--generic-item-accent)}.generic-item__header{display:flex;align-items:center;flex:0 0 auto}.generic-item__icon{display:grid;place-items:center;padding:var(--space-1);width:2rem;height:2rem;border-radius:var(--radi);color:var(--generic-item-accent);flex-shrink:0;line-height:0}.generic-item__icon svg{width:1.125rem!important;height:1.125rem!important;color:inherit;display:block;vertical-align:middle}.generic-item__body{flex:1;display:flex;align-items:center}.generic-item__label{font:var(--text-h5);font-weight:300;color:var(--color-text-primary);margin:0;padding:0}.generic-item__footer{display:flex;gap:var(--space-1);align-items:center;flex-shrink:0}.generic-item__action{box-sizing:border-box;border:none;background:none;cursor:pointer;padding:0;width:2.25rem;height:2.25rem;border-radius:.5rem;display:inline-flex;align-items:center;justify-content:center;transition:background-color .12s ease,box-shadow .12s ease,transform .12s ease;transform-origin:center;will-change:background-color,box-shadow,transform;line-height:0}.generic-item__action svg{width:1.125rem!important;height:1.125rem!important;display:block;vertical-align:middle}.generic-item__action{font-size:0}.generic-item__action--edit{color:var(--color-blue-80)}.generic-item__action--edit:hover{background-color:var(--color-blue-20);box-shadow:0 2px 6px #205ea714}.generic-item__action--delete{color:var(--color-red-40)}.generic-item__action--delete:hover{background-color:var(--color-red-10);box-shadow:0 2px 6px #e74c3c14}.toevoegen-spel-page{background-color:var(--color-blue-10);min-height:100vh;display:flex;justify-content:center;padding-top:var(--space-8);box-sizing:border-box}.toevoegen-spel-container{width:100%;max-width:900px;padding:var(--space-4) var(--space-8);margin:0 auto}.toevoegen-spel-header{display:flex;align-items:center;gap:var(--space-4);max-width:min(800px,70%);margin:0 auto var(--space-4) auto}.toevoegen-back{background:none;border:none;padding:var(--space-2);display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radi);cursor:pointer;color:var(--color-text-primary)}.toevoegen-back:hover{background-color:var(--color-blue-10)}.toevoegen-spel-title{font:var(--text-h1);color:var(--color-text-primary);text-align:left;margin:0 auto;max-width:min(800px,70%);padding-left:0}.toevoegen-spel-form{display:flex;flex-direction:column;gap:var(--space-5);width:100%}.form-group label{font:var(--text-h5);color:var(--color-text-primary);font-weight:400;margin-bottom:calc(var(--space-1) / 2);display:block;max-width:min(800px,70%);margin-left:auto;margin-right:auto;width:100%;text-align:left}.form-input,.form-select,.fake-select{width:100%;padding:var(--space-3) var(--space-4);background-color:var(--color-gray-10);border:none;border-radius:var(--radius-s);font:var(--text-h5);color:var(--color-text-primary);box-sizing:border-box;appearance:none;height:3rem;display:flex;align-items:center}.select-icon{position:absolute;right:var(--space-3);pointer-events:none;color:var(--color-text-primary)}.icon-dropdown{position:absolute;top:100%;left:0;right:0;background-color:#fff;border:1px solid var(--color-border);border-radius:var(--radius-m);padding:var(--space-3);margin-top:var(--space-2);display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:var(--space-2);z-index:10;box-shadow:0 4px 6px #0000000f;max-height:200px;overflow-y:auto}.button-group{display:flex;gap:var(--space-6);margin-top:var(--space-8);justify-content:space-between;max-width:min(800px,70%);margin-left:auto;margin-right:auto}.btn-annuleren,.btn-toevoegen{padding:0 var(--space-5);border:none;border-radius:var(--radius-s);font:var(--text-h5);cursor:pointer;display:inline-flex;justify-content:center;align-items:center;height:3.75rem;min-width:150px}.btn-annuleren{background-color:var(--color-blue-10);color:var(--color-text-primary);border:1px solid var(--color-blue-20)}.btn-annuleren:hover{background-color:var(--color-blue-20)}.button-group{display:flex;gap:var(--space-4);margin-top:var(--space-8);max-width:min(800px,70%);margin-left:auto;margin-right:auto}.btn-annuleren,.btn-toevoegen{padding:0 var(--space-5);border:none;border-radius:var(--radius-s);font:var(--text-h5);cursor:pointer;display:inline-flex;justify-content:center;align-items:center;height:3.75rem}.fake-select svg{display:block}.toevoegen-spel-form .generic-login-field-container{display:flex;flex-direction:column;gap:var(--space-2)}.toevoegen-spel-form .generic-login-label{font:var(--text-h5);color:var(--color-text-primary);font-weight:400;margin-bottom:calc(var(--space-1) / 2);display:block;max-width:min(800px,70%);margin-left:auto;margin-right:auto;width:100%;text-align:left}.toevoegen-spel-form .generic-login-field{padding:var(--space-4) var(--space-4);background-color:var(--color-gray-10);border-radius:var(--radius-s);font:var(--text-h5);color:var(--color-text-primary);height:3.5rem}.toevoegen-spel-form .select-wrapper{width:100%;max-width:min(800px,70%);margin:0 auto;box-sizing:border-box;position:relative}.toevoegen-spel-form .select-wrapper .custom-dropdown-options,.toevoegen-spel-form .select-wrapper .icon-dropdown{left:0;right:auto;width:100%;max-width:none;box-sizing:border-box}.toevoegen-spel-form .form-group input.form-input[type=number]{width:100%;max-width:min(800px,70%);margin:0 auto;box-sizing:border-box}.special-session-wrapper{width:100%;min-height:100vh;background-color:var(--color-blue-10);padding:40px;box-sizing:border-box;display:flex;justify-content:center}.special-session-container{width:100%;max-width:1200px;background-color:var( --color-blue-10 )}.special-session-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0rem}.session-nav-container{display:flex;justify-content:center;width:100%;margin-bottom:2rem}.session-nav{display:flex;align-items:center;gap:1rem;font-size:1.25rem;font-weight:700;color:var(--color-text-primary)}.nav-arrow{cursor:pointer;font-size:1.5rem;-webkit-user-select:none;user-select:none;padding:0 .5rem}.nav-arrow:hover{color:var(--color-blue-60)}.nav-arrow.disabled{opacity:.3;pointer-events:none}.session-title{font-family:var(--font-family-base);font-size:2rem;font-weight:700;color:var(--color-text-primary);margin:0}.header-actions{display:flex;gap:16px;align-items:center}.special-session-header .btn-download{background-color:var(--color-blue-80);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s;font-family:var(--font-family-base);font-size:1rem}.special-session-header .btn-download:hover{background-color:var(--color-blue-60);transform:translateY(-2px)}.special-session-header .btn-home{background-color:var(--color-blue-80);color:#fff;border:none;padding:.75rem;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;width:44px;height:44px}.special-session-header .btn-home:hover{background-color:var(--color-blue-60);transform:translateY(-2px)}.podium-container{display:flex;justify-content:center;margin-bottom:50px;height:300px;align-items:flex-end}.podium-bars{display:flex;align-items:flex-end;gap:20px}.podium-item{display:flex;flex-direction:column;align-items:center;width:120px}.player-name{font-family:var(--font-family-base);font-weight:600;color:var(--color-text-primary);margin-bottom:8px;font-size:1.1rem;flex-shrink:0}.podium-bar{width:100%;display:flex;justify-content:center;align-items:center;border-top-left-radius:12px;border-top-right-radius:12px;color:var(--color-text-primary);font-weight:800;font-size:1.5rem;box-shadow:0 4px 6px #0000001a;transition:height .5s ease}.player-score{color:#1a2b4b}.scoreboard-placeholder{background-color:#fff;border-radius:16px;padding:60px;text-align:center;box-shadow:0 4px 20px #0000000d}.scoreboard-placeholder h3{color:var(--color-text-primary);font-size:1.5rem}.session-table-container{width:100%;overflow-x:auto;background-color:transparent;padding-bottom:20px}.session-table{width:100%;border-collapse:separate;border-spacing:0 10px;background-color:var(--color-gray-10);text-align:left;min-width:800px}.session-table th{color:#1a2b4b;font-weight:700;padding:10px 20px;font-size:1rem;vertical-align:bottom;white-space:nowrap}.th-score{text-align:center;white-space:normal!important;line-height:1.2}.session-table td{background-color:transparent;padding:20px;color:#1a2b4b;font-weight:600;font-size:1.1rem;vertical-align:middle}.td-rank{width:60px;text-align:left;font-weight:700;color:#2d3748}.td-name{width:150px;color:#4a5568;font-weight:500}.td-score{text-align:center;font-weight:700;font-size:1.5rem;color:#1a2b4b}.td-total{text-align:right;font-weight:800;font-size:1.5rem;color:#1a2b4b;padding-right:40px}.th-total{text-align:right;padding-right:40px}.mini-scoreboard-container{overflow-x:auto;padding:1rem 0;width:100%}.mini-scoreboard-table{width:100%;border-collapse:separate;border-spacing:0 var(--space-2);background-color:transparent;min-width:800px}.mini-scoreboard-table th,.mini-scoreboard-table td{padding:1rem;text-align:center;border-bottom:none;border-right:none;white-space:nowrap}.mini-scoreboard-table th:nth-child(2),.mini-scoreboard-table td:nth-child(2){text-align:left}.mini-scoreboard-table thead tr{background-color:transparent;background-color:#fff;box-shadow:0 2px 4px #0000000d}.mini-scoreboard-table thead tr th:first-child{border-top-left-radius:10px;border-bottom-left-radius:10px}.mini-scoreboard-table thead tr th:last-child{border-top-right-radius:10px;border-bottom-right-radius:10px}.mini-scoreboard-table th{background-color:inherit;font-weight:700;color:#1a2b4b}.mini-scoreboard-table tbody tr{background-color:#fff;box-shadow:0 2px 4px #0000000d;transition:transform .1s}.mini-scoreboard-table tbody tr:hover{transform:translateY(-1px);box-shadow:0 4px 6px #00000014}.mini-scoreboard-table td:first-child{border-top-left-radius:10px;border-bottom-left-radius:10px}.mini-scoreboard-table .rank-col{width:60px;font-weight:800}.generic-progress-bar{width:100%;max-width:none}.generic-progress-bar .progress-track{position:relative;width:100%;height:.85rem;border-radius:4px;background:var(--color-gray-30);overflow:visible}.generic-progress-bar .progress-fill{position:absolute;inset:0;background:linear-gradient(90deg,var(--color-blue-80),var(--color-blue-60));border-radius:999px;transition:width .8s ease-out}.generic-progress-bar .progress-dot{position:absolute;top:50%;width:.55rem;height:.55rem;border-radius:50%;background:var(--color-blue-80);transform:translate(-50%,-50%);opacity:.45}.generic-progress-bar .progress-dot.is-active{opacity:1;background:var(--color-gray-10);box-shadow:0 0 0 3px var(--color-blue-80)}.teamtoevoegen-page{min-height:100vh;background:var(--color-gray-20);display:flex;flex-direction:column;padding:var(--space-7) var(--space-10) var(--space-10)}.teamtoevoegen-shell{width:100%;display:flex;flex-direction:column;gap:var(--space-10);flex:1}.teamtoevoegen-header{display:flex;flex-direction:column;align-items:center;width:100%}.teamtoevoegen-header-text{display:flex;flex-direction:column;align-items:center;width:100%;max-width:100%}.teamtoevoegen-page-title{font:var(--text-h1);color:var(--color-text-primary);text-align:center;margin:0 0 var(--space-6) 0}.teamtoevoegen-title-row{display:flex;justify-content:flex-start;align-items:center;gap:var(--space-7);margin-bottom:var(--space-6);width:100%}.teamtoevoegen-back{position:static;translate:none}.teamtoevoegen-header-text h2{font:var(--text-h3);color:var(--color-text-gray-100);font-weight:600;margin:0}.teamtoevoegen-progress{width:100%;max-width:none}.teamtoevoegen-content{flex:1;width:100%}.teams-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(22rem,1fr));gap:var(--space-4);width:100%}.team-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3);background:var(--color-gray-10);border-radius:var(--radius-m);border:2px solid transparent;width:100%;position:relative;height:auto;min-height:64px}.team-item:hover{border-color:var(--color-blue-60)}.team-item:focus-within{border-color:var(--color-blue-80)}.team-color-indicator{width:2rem;height:2rem;border-radius:.25rem;flex-shrink:0;border:none;background:none;cursor:pointer;padding:0;-webkit-appearance:none;appearance:none}.team-color-indicator::-webkit-color-swatch-wrapper{padding:0}.team-color-indicator::-webkit-color-swatch{border:none;border-radius:.25rem}.team-input{flex:1;border:none;outline:none;font:var(--text-body);color:var(--color-text-primary);background:transparent;width:100%}.team-input::placeholder{color:var(--color-gray-60)}.team-delete{background:transparent;border:none;color:var(--color-red-30);cursor:pointer;padding:var(--space-2);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-s);transition:background-color .2s ease,transform .2s ease}@media(hover:hover){.team-delete:hover{background-color:var(--color-red-10);border-radius:var(--radius-sm);transform:scale(1.05)}}.teamtoevoegen-footer{margin-top:var(--space-8);display:flex;flex-direction:column;align-items:center;gap:var(--space-4);width:100%}.teamtoevoegen-submit{width:50%;margin:0 auto;padding:var(--space-2);background:var(--color-green-30);color:var(--color-gray-20);border:none;border-radius:var(--radius-m);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease,transform .1s ease;font-weight:700;font-size:1.1rem}.teamtoevoegen-submit:disabled{background:var(--color-gray-40);color:var(--color-gray-20);cursor:not-allowed}.teamtoevoegen-submit:hover:not(:disabled){background:var(--color-green-40);transform:translateY(-1px);color:var(--color-gray-20)}.teamtoevoegen-random-toggle{display:flex;align-items:center;justify-content:center;gap:var(--space-3);background:transparent;padding:var(--space-2) var(--space-4);border-radius:var(--radius-m);border:2px solid var(--color-blue-80);cursor:pointer;font:var(--text-h5);color:var(--color-blue-80);font-weight:600;width:auto;min-width:250px}.teamtoevoegen-random-toggle:hover{background:var(--color-blue-10)}@media(max-width:48rem){.teamtoevoegen-page{padding:var(--space-4)}.teams-list{grid-template-columns:1fr}}.singleteamentry-page{min-height:100vh;background:var(--color-gray-20);display:flex;flex-direction:column;padding:var(--space-7) var(--space-10) var(--space-10)}.singleteamentry-shell{display:flex;flex-direction:column;flex:1;max-width:none;margin:0 auto;width:100%}.singleteamentry-header{text-align:center;margin-bottom:var(--space-10);position:relative}.singleteamentry-page-title{font:var(--text-h1);color:var(--color-text-primary);text-align:center;margin:0 0 var(--space-6) 0}.singleteamentry-title-row{display:flex;justify-content:flex-start;align-items:center;gap:var(--space-7);margin-bottom:var(--space-6);width:100%}.singleteamentry-title-row h2{font:var(--text-h3);color:var(--color-text-gray-100);font-weight:600;margin:0}.singleteamentry-progress{width:100%;margin-top:var(--space-4)}.singleteamentry-content{flex:1}.singleteamentry-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(22rem,1fr));gap:var(--space-4);width:100%}.singleteamentry-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3);background:var(--color-gray-10);border-radius:var(--radius-m);border:2px solid transparent;width:100%;position:relative;height:auto;min-height:64px}.singleteamentry-item:hover{border-color:var(--color-blue-60)}.singleteamentry-item:focus-within{border-color:var(--color-blue-80)}.singleteamentry-item-color{width:2rem;height:2rem;border-radius:.25rem;flex-shrink:0;border:none;background:none;cursor:pointer;padding:0;-webkit-appearance:none;appearance:none}.singleteamentry-item-color::-webkit-color-swatch-wrapper{padding:0}.singleteamentry-item-color::-webkit-color-swatch{border:none;border-radius:.25rem}.singleteamentry-item-name{flex:1;font:var(--text-h6);color:var(--color-text-primary);font-weight:500}.singleteamentry-input{flex:1;border:none;outline:none;font:var(--text-body);color:var(--color-text-primary);background:transparent;width:100%}.singleteamentry-input::placeholder{color:var(--color-gray-60)}.singleteamentry-actions{display:flex;align-items:center;gap:var(--space-3)}.singleteamentry-count{font:var(--text-body-strong);font-size:1.2rem;min-width:24px;text-align:center;color:inherit}.singleteamentry-icon-btn{background:none;border:none;cursor:pointer;color:var(--color-text-primary);display:flex;align-items:center;justify-content:center;padding:var(--space-2)}.singleteamentry-icon-btn.add-players{color:var(--color-blue-80);border-radius:var(--radius-s);transition:background-color .2s ease,transform .2s ease,color .2s ease;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3)}@media(hover:hover){.singleteamentry-icon-btn.add-players:hover{background-color:var(--color-blue-10);border-radius:var(--radius-sm);transform:scale(1.05)}}.singleteamentry-icon-btn.delete{background:transparent;border:none;color:var(--color-red-30);cursor:pointer;padding:var(--space-2);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-s);transition:background-color .2s ease,transform .2s ease}@media(hover:hover){.singleteamentry-icon-btn.delete:hover{background-color:var(--color-red-10);border-radius:var(--radius-sm);transform:scale(1.05)}}.singleteamentry-footer{margin-top:var(--space-8);display:flex;flex-direction:column;align-items:center;gap:var(--space-4);width:100%}.singleteamentry-next-btn{width:50%;margin:0 auto;padding:var(--space-2);background:var(--color-green-30);color:var(--color-gray-20);border:none;border-radius:var(--radius-m);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease,transform .1s ease;font-weight:700;font-size:1.1rem}.singleteamentry-next-btn:disabled{background:var(--color-gray-40);color:var(--color-gray-20);cursor:not-allowed}.singleteamentry-next-btn:hover:not(:disabled){background:var(--color-green-40);transform:translateY(-1px);color:var(--color-gray-20)}.singleteamentry-random-toggle{display:flex;align-items:center;justify-content:center;gap:var(--space-3);background:transparent;padding:var(--space-2) var(--space-4);border-radius:var(--radius-m);border:2px solid var(--color-blue-80);cursor:pointer;font:var(--text-h5);color:var(--color-blue-80);font-weight:600;width:auto;min-width:250px}.singleteamentry-random-toggle:hover{background:var(--color-blue-10)}.singleteamentry-instant-add{display:flex;align-items:center;gap:var(--space-2);margin-left:auto;color:var(--color-blue-80);cursor:pointer;padding:var(--space-2) var(--space-3);border-radius:var(--radius-s);transition:background-color .2s ease,transform .2s ease}.singleteamentry-instant-add:hover{background-color:var(--color-blue-10);transform:scale(1.05)}.singleteamentry-next-id{font:var(--text-body-strong);font-size:1.2rem;color:inherit;line-height:1}.switch{position:relative;display:inline-block;width:48px;height:26px;flex-shrink:0;margin-left:var(--space-2)}.slider{position:absolute;cursor:pointer;inset:0;background-color:var(--color-gray-30);transition:.4s;border-radius:34px}.slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%;box-shadow:0 1px 2px #0003}.spelertoevoegen-page{min-height:100vh;background:var(--color-gray-20);display:flex;flex-direction:column;padding:var(--space-7) var(--space-10) var(--space-10)}.spelertoevoegen-shell{width:100%;display:flex;flex-direction:column;gap:var(--space-10);flex:1}.spelertoevoegen-header{display:flex;flex-direction:column;align-items:center;width:100%}.spelertoevoegen-header-text{display:flex;flex-direction:column;align-items:center;width:100%;max-width:100%}.spelertoevoegen-page-title{font:var(--text-h1);color:var(--color-text-primary);text-align:center;margin:0 0 var(--space-6) 0}.spelertoevoegen-title-row{display:flex;justify-content:flex-start;align-items:center;gap:var(--space-7);margin-bottom:var(--space-6);width:100%}.spelertoevoegen-back{position:static;translate:none}.spelertoevoegen-header-text h2{font:var(--text-h3);color:var(--color-text-gray-100);font-weight:600;margin:0}.spelertoevoegen-progress{width:100%;max-width:none}.spelertoevoegen-content{flex:1;width:100%}.players-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(20rem,1fr));gap:var(--space-5);width:100%}.player-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3);background:var(--color-gray-10);border-radius:var(--radius-m);border:2px solid transparent;width:100%;position:relative}.player-item:hover{border-color:var(--color-blue-60)}.player-item:focus-within{border-color:var(--color-blue-80)}.player-color-indicator{width:2rem;height:2rem;border-radius:.25rem;flex-shrink:0;border:none;background:none;cursor:pointer;padding:0;-webkit-appearance:none;appearance:none}.player-color-indicator::-webkit-color-swatch-wrapper{padding:0}.player-color-indicator::-webkit-color-swatch{border:none;border-radius:.25rem}.player-input{flex:1;font:var(--text-body);font-size:1.1rem;color:var(--color-text-gray-100);background:transparent;border:none;outline:none;padding:var(--space-2) 0}.player-input::placeholder{color:var(--color-gray-60)}.player-delete{background:transparent;border:none;color:var(--color-red-30);cursor:pointer;padding:var(--space-2);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-s);transition:background-color .2s ease,transform .2s ease}.spelertoevoegen-random-toggle{display:flex;align-items:center;justify-content:center;gap:var(--space-3);background:transparent;padding:var(--space-2) var(--space-4);border-radius:var(--radius-m);border:2px solid var(--color-blue-80);cursor:pointer;font:var(--text-h5);color:var(--color-blue-80);font-weight:600;width:auto;min-width:250px}.spelertoevoegen-random-toggle:hover{background:var(--color-blue-10)}@media(hover:hover){.player-delete:hover{background-color:var(--color-red-10);border-radius:var(--radius-sm);transform:scale(1.05)}}.spelertoevoegen-footer{margin-top:auto;padding-top:var(--space-6);width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.spelertoevoegen-submit{width:50%;margin:0 auto;padding:var(--space-2);background:var(--color-green-30);color:var(--color-gray-20);border:none;border-radius:var(--radius-m);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease,transform .1s ease}.spelertoevoegen-submit:hover{background:var(--color-green-40);transform:translateY(-1px)}.spelertoevoegen-submit:active{transform:translateY(0)}.spelertoevoegen-submit:disabled{background:var(--color-gray-40);cursor:not-allowed}@media(max-width:48rem){.spelertoevoegen-page{padding:var(--space-4)}.players-list{grid-template-columns:1fr}}.kiesmodule-page{min-height:100vh;display:flex;background:var(--color-gray-20);padding:var(--space-7) var(--space-10);overflow-x:hidden}.kiesmodule-shell{width:100%;display:flex;flex-direction:column;gap:var(--space-10);align-items:stretch}.kiesmodule-header{display:flex;align-items:center;justify-content:center;width:100%}.kiesmodule-page-title{font:var(--text-h1);color:var(--color-text-primary);text-align:center;margin:0 0 var(--space-6) 0}.kiesmodule-title-row{display:flex;justify-content:flex-start;align-items:center;gap:var(--space-7);margin-bottom:var(--space-6);width:100%}.kiesmodule-back{position:static;translate:none}.kiesmodule-back.disabled{color:var(--color-gray-60);pointer-events:none;cursor:default}.kiesmodule-back.disabled .chevron-left{color:var(--color-gray-60)}.kiesmodule-title-row h2{font:var(--text-h3);color:var(--color-text-primary);margin:0;font-weight:600}.kiesmodule-header-text{display:flex;flex-direction:column;align-items:center;width:100%;max-width:100%}.kiesmodule-progress{width:100%;max-width:none}.kiesmodule-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-10);width:100%;max-width:80rem;margin-inline:auto}@media(min-width:100rem){.kiesmodule-page{padding:var(--space-7) var(--space-10)}}@media(max-width:100rem){.kiesmodule-grid{max-width:45rem}}.team-stack{display:flex;flex-direction:column;gap:var(--space-4);align-self:stretch;height:100%}.team-choice{flex:1;border:none;background:var(--color-blue-80);color:var(--color-on-accent);border-radius:1rem;padding:var(--space-8);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 12px 20px #0f2f5538;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;min-height:9.5rem;font-size:1.5rem}.team-choice:hover{transform:translateY(-3px);box-shadow:0 16px 26px #0f2f5542;background:var(--color-blue-60)}.team-choice:focus-visible{outline:3px solid var(--color-blue-50);outline-offset:4px}.team-choice-label{font:var(--text-h3);font-weight:700;letter-spacing:.01em;text-align:center}.mode-card{border:none;background:var(--color-blue-80);color:var(--color-on-accent);border-radius:1rem;padding:var(--space-8);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-6);cursor:pointer;box-shadow:0 16px 28px #0f2f5540;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;aspect-ratio:1;width:100%;min-height:20rem;height:100%}.mode-card:hover{transform:translateY(-4px);box-shadow:0 18px 32px #0f2f554d;background:var(--color-blue-60)}.mode-card:focus-visible{outline:3px solid var(--color-blue-50);outline-offset:4px}.mode-icon svg{width:5.5rem;height:5.5rem}.mode-label{font:var(--text-h3);font-weight:700;letter-spacing:.01em}@media(max-width:56rem){.kiesmodule-page{padding:var(--space-6) var(--space-4)}.kiesmodule-shell{gap:var(--space-6)}.kiesmodule-grid{gap:var(--space-5)}}@media(max-width:42rem){.kiesmodule-page{padding:var(--space-5) var(--space-3)}.kiesmodule-header{grid-template-columns:1fr;align-items:start}.kiesmodule-back{order:-1}.kiesmodule-header-text h1{font:var(--text-h2)}.kiesmodule-grid{grid-template-columns:1fr}.team-stack{width:100%}}.scoreboard-container{padding:2rem;font-family:sans-serif;color:#333}.scoreboard-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.scoreboard-title{text-align:left;font-size:2.5rem;font-weight:700;color:#1e293b;margin:0}.live-indicator{display:flex;align-items:center;gap:1rem}.timer-display{font-size:1.5rem;font-weight:600;color:var(--color-gray-80);font-family:monospace}.live-badge{background-color:#f43f5e;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.875rem;text-transform:uppercase}.scoreboard-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;gap:1rem}.toolbar-left,.toolbar-right{display:flex;gap:.75rem;align-items:center}.icon-btn{background:#fff;border:none;padding:.75rem;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 2px #0000000d}.icon-btn:hover{background-color:var(--color-blue-10)}.btn-action{border:none;padding:.75rem 1.25rem;border-radius:6px;font-weight:500;display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:1rem;color:#fff;transition:opacity .2s}.btn-bonus{background-color:#34d399}.btn-penalty{background-color:#f43f5e}.btn-danger{background-color:#f43f5e;color:#fff;border:none;padding:.75rem 1.25rem;border-radius:6px;font-weight:500;display:flex;align-items:center;gap:.5rem;cursor:pointer}.btn-danger:hover{background-color:#e11d48}.scoreboard-table-container{overflow-x:auto}.scoreboard-table{width:100%;border-collapse:separate;border-spacing:0 .5rem;background-color:transparent;min-width:800px}.scoreboard-table th,.scoreboard-table td{padding:1rem;text-align:center;border-bottom:none;border-right:none;white-space:nowrap;color:inherit;font-weight:inherit}.scoreboard-table th{background-color:#f1f5f9;font-weight:600;color:#475569}.scoreboard-table th:first-child,.scoreboard-table td:first-child{position:sticky;left:0;z-index:10;border-right:2px solid #e2e8f0;text-align:left}.scoreboard-table td:first-child{background-color:inherit}.scoreboard-table th:first-child{background-color:#f1f5f9;z-index:20}.scoreboard-table tbody tr{background-color:#fff}.scoreboard-table tbody tr:nth-child(odd){background-color:#f8fafc}.scoreboard-table tbody tr:hover{background-color:#f1f5f9}.team-row{font-weight:700;font-size:1.15rem;color:var(--color-gray-100);cursor:pointer;position:relative}.team-row td{padding-top:1.25rem;padding-bottom:1.25rem}.player-row{font-size:.9rem;color:var(--color-gray-80)}.player-row td{padding-top:.5rem;padding-bottom:.5rem}.color-bar-indicator{display:inline-block;width:6px;height:2.5rem;border-radius:4px;vertical-align:middle;margin-right:1.25rem}.var-color-0{background-color:#f87171}.var-color-1{background-color:#f472b6}.var-color-2{background-color:#34d399}.var-color-3{background-color:#fbbf24}.var-color-4{background-color:#60a5fa}.var-color-5{background-color:#a78bfa}.var-color-6{background-color:#2dd4bf}.expand-icon{margin-right:.5rem;vertical-align:middle}.end-session-popup{background-color:#ebf1f6;padding:2.5rem;border-radius:20px;width:90%;max-width:500px;display:none;flex-direction:column;align-items:center;gap:1.5rem;box-shadow:0 10px 25px #0000001a;border:none;margin:auto}.end-session-popup:popover-open{display:flex}.end-session-popup::backdrop{background-color:#00000080}.end-session-popup h2{font-family:Poppins,sans-serif;font-size:1.25rem;font-weight:600;color:var(--color-gray-100);margin:0;text-align:center}.popup-buttons{display:flex;gap:1rem;width:100%;justify-content:center;margin-top:.5rem}.popup-btn-outline{padding:.75rem 2rem;border:2px solid var(--color-blue-80);background:transparent;color:var(--color-blue-80);font-weight:500;border-radius:8px;cursor:pointer;font-size:1rem;transition:all .2s}.popup-btn-outline:hover{background:var(--color-blue-10)}.popup-btn-filled{padding:.75rem 2.5rem;background:var(--color-red-30);color:#fff;border:none;font-weight:500;border-radius:8px;cursor:pointer;font-size:1rem;transition:all .2s}.popup-btn-filled:hover{background:var(--color-red-40)}.scoreboard-table th:nth-child(3),.scoreboard-table td:nth-child(3){border:none}.scoreboard-table td:last-child{font-weight:400}.score-cell-content{display:flex;flex-direction:column;justify-content:center;align-items:center;height:2.4rem;line-height:1.2}.score-value{font-weight:600;font-size:1.1rem}.score-points{font-size:.75rem;color:#64748b}.scoreboard-settings-container{padding:2rem;font-family:var(--font-family-base);color:var(--color-text-primary);max-width:800px;margin:0 auto}.scoreboard-settings-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.settings-title{font-family:var(--font-family-base);font-size:2rem;font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:0;flex:1;text-align:center;margin-right:40px}.settings-list{display:flex;flex-direction:column;gap:1rem;padding:2rem;border-radius:var(--radius-l);margin-bottom:2.5rem}.settings-item{background-color:#fff;padding:1rem 1.5rem;border-radius:var(--radius-s);display:flex;align-items:center;gap:1rem;box-shadow:0 1px 3px #0000000d;cursor:pointer;transition:background-color .2s;font-weight:var(--font-weight-medium);color:var(--color-text-primary);border:none;width:100%;text-align:left}.settings-item:hover{background-color:#f1f5f9}.settings-item-icon{color:var(--color-text-primary);display:flex;align-items:center;width:24px;justify-content:center}.settings-item-text{flex:1;font-size:1rem}.settings-chevron{color:var(--color-gray-60)}.switch{position:relative;display:inline-block;width:48px;height:26px;flex-shrink:0}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:var(--color-red-30);transition:.4s;border-radius:34px}.slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:var(--color-success)}input:checked+.slider:before{transform:translate(22px)}.settings-item.interactive{cursor:default}.settings-item.interactive:hover{background-color:#fff}.score-page{background-color:var(--color-blue-10);min-height:100vh;display:flex;justify-content:center;padding-top:var(--space-8);box-sizing:border-box}.score-container{width:100%;max-width:500px;padding:var(--space-4);box-sizing:border-box}.score-title{font:var(--text-h1);color:var(--color-text-primary);text-align:center;margin:var(--space-6) 0 var(--space-8) 0}.score-form{display:flex;flex-direction:column;gap:var(--space-5)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-group label{font:var(--text-h4);color:var(--color-text-primary);font-weight:var(--font-weight-regular)}.form-input,.form-select,.fake-select{width:100%;padding:var(--space-4) var(--space-4);background-color:var(--color-gray-10);border:none;border-radius:var(--radius-s);font:var(--text-h5);color:var(--color-text-primary);box-sizing:border-box;height:3.5rem;appearance:none;display:flex;align-items:center}.select-wrapper{position:relative;display:flex;align-items:center}.select-icon{position:absolute;right:var(--space-4);pointer-events:none;color:var(--color-text-primary)}.button-group{display:flex;gap:var(--space-4);margin-top:var(--space-8)}.btn-annuleren,.btn-toevoegen{flex:1;padding:var(--space-3);border:none;border-radius:50px;font:var(--text-h5);cursor:pointer;display:flex;justify-content:center;align-items:center}.btn-annuleren{background-color:var(--color-blue-20);color:var(--color-text-primary)}.btn-annuleren:hover{background-color:var(--color-blue-30)}.btn-toevoegen{background-color:var(--color-blue-80);color:#fff}.btn-toevoegen:hover{background-color:var(--color-blue-60)}::placeholder{color:var(--color-text-muted);opacity:1}.mode-switch{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2);background:var(--color-gray-20);padding:var(--space-2);border-radius:var(--radius-l);box-shadow:0 1px 3px #0000000a}.mode-button{padding:var(--space-3);border:none;border-radius:var(--radius-m);font:var(--text-h5);background:transparent;color:var(--color-text-primary);cursor:pointer;transition:background-color .2s ease,color .2s ease}.mode-button.active{background:#fff;color:var(--color-blue-80);box-shadow:0 2px 8px #00000014}.fake-select{cursor:pointer}.custom-dropdown-options{position:absolute;top:100%;left:0;right:0;background-color:#fff;border:1px solid var(--color-border);border-radius:var(--radius-m);padding:var(--space-2);margin-top:var(--space-2);display:flex;flex-direction:column;gap:var(--space-1);z-index:10;box-shadow:0 4px 6px #0000001a;max-height:200px;overflow-y:auto}.custom-option{padding:var(--space-3) var(--space-4);border-radius:var(--radius-s);cursor:pointer;transition:background-color .2s;color:var(--color-text-primary);font:var(--text-h5)}.custom-option:hover{background-color:var(--color-blue-10)}.custom-option.selected{background-color:var(--color-blue-20);color:var(--color-blue-70)}.sessie-overzicht-container{min-height:100vh;background:var(--color-gray-20);padding:var(--space-6);max-width:63rem;margin:0 auto;display:flex;flex-direction:column}.sessie-overzicht-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-8)}.sessie-overzicht-header h1{font-size:2rem;font-weight:700;color:var(--color-text-primary);margin:0}.header-buttons{display:flex;gap:1rem;align-items:center}.btn-download{background-color:var(--color-blue-80);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s}.btn-download:hover{background-color:var(--color-blue-90);transform:translateY(-2px)}.btn-home{background-color:var(--color-blue-80);color:#fff;border:none;padding:.75rem;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;width:44px;height:44px}.btn-home:hover{background-color:var(--color-blue-90);transform:translateY(-2px)}.chart-container{display:flex;align-items:flex-end;justify-content:center;gap:var(--space-3);margin:var(--space-1) auto;width:100%;height:280px;padding:3rem 2rem 2rem}.chart-bar-wrapper{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;flex:1;width:100%;max-width:120px;height:100%}.player-name{font-weight:500;font-size:.9rem;color:var(--color-gray-100);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:var(--space-2);flex-shrink:0}.bar-container{display:contents}.bar{width:100%;border-radius:1rem 1rem 0 0;display:flex;align-items:flex-start;justify-content:center;padding-top:1rem;font-weight:700;font-size:1.2rem;color:var(--color-gray-100);min-height:40px;transition:all .3s ease;flex-shrink:0}.bar-score{font-size:1.2rem;font-weight:700;color:var(--color-gray-100)}.scoreboard-placeholder{text-align:center;margin:var(--space-2) 0;padding:var(--space-6);background:#fff;border-radius:var(--radi);box-shadow:0 4px 12px #0000000d}.scoreboard-placeholder p{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin:0}.mini-scoreboard-container{overflow-x:auto;padding:1rem 0}.mini-scoreboard-table{width:100%;border-collapse:separate;border-spacing:0 var(--space-2);background-color:transparent;min-width:600px}.mini-scoreboard-table th,.mini-scoreboard-table td{padding:1rem;text-align:left;border-bottom:none;border-right:none;white-space:nowrap}.mini-scoreboard-table thead tr{background-color:transparent;box-shadow:none}.mini-scoreboard-table tbody:before{content:"";display:block;height:var(--space-2)}.mini-scoreboard-table th{background-color:#fff;font-weight:600;color:#475569}.mini-scoreboard-table th:first-child{background-color:#fff;position:sticky;left:0;z-index:10;border-top-left-radius:10px;border-bottom-left-radius:10px}.mini-scoreboard-table th:last-child{border-top-right-radius:10px;border-bottom-right-radius:10px}.mini-scoreboard-table td:first-child{background-color:#fff;position:sticky;left:0;z-index:5;border-top-left-radius:10px;border-bottom-left-radius:10px}.mini-scoreboard-table td:last-child{border-top-right-radius:10px;border-bottom-right-radius:10px}.mini-scoreboard-table tbody tr{background-color:transparent;box-shadow:none;transition:transform .1s}.mini-scoreboard-table tbody tr:hover{transform:translateY(-1px)}.mini-scoreboard-table td{background-color:#fff}.mini-scoreboard-table .rank-col{width:60px;text-align:center;font-weight:600}.generic-sidebar{position:sticky;top:0;z-index:10;height:100vh;background-color:var(--color-gray-20);display:flex;flex-direction:column;transition:width .3s ease;overflow:hidden;white-space:nowrap}.generic-sidebar.open{width:14.5rem}.generic-sidebar.closed{width:3.75rem}.sidebar-header{display:flex;align-items:center;padding:1.5rem 1rem;height:5rem;color:var(--color-gray-90);font-weight:var(--font-weight-bold);font-size:1.25rem}.header-icon{display:flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;background-color:var(--color-blue-80);border-radius:4px;color:#fff;margin-right:.75rem}.sidebar-header .header-icon svg{width:1.25rem;height:1.25rem}.sidebar-nav{flex:1;padding-top:1rem;display:flex;flex-direction:column;gap:.5rem}.sidebar-footer{padding-bottom:2rem;display:flex;flex-direction:column;gap:.5rem}.sidebar-item{display:flex;align-items:center;padding:.75rem 1rem;cursor:pointer;color:var(--color-gray-90);transition:background-color .2s,color .2s;margin:0 .5rem;border-radius:var(--radi-s, .5rem)}.sidebar-item:hover{background-color:var(--color-blue-10);color:var(--color-blue-80)}.sidebar-item:hover .sidebar-icon{color:var(--color-blue-80)}.sidebar-item.active{background-color:var(--color-blue-20);color:var(--color-blue-80);padding-left:1rem;padding-right:1rem}.sidebar-icon{min-width:1.5rem;height:1.5rem}.sidebar-item .sidebar-icon{color:var(--Color-icon, var(--color-gray-60))}.sidebar-item.active .sidebar-icon{color:var(--color-blue-80)}.sidebar-label{margin-left:.75rem;opacity:1;transition:opacity .2s ease,transform .2s ease;font-weight:var(--font-weight-medium)}.sidebar-item.logout{color:var(--color-red-30)}.sidebar-item.logout:hover{background-color:var(--color-red-10);color:var(--color-red-30)}.sidebar-item.logout .sidebar-icon,.sidebar-item.logout:hover .sidebar-icon{color:var(--color-red-30)}.sidebar-item.logout.active{color:var(--color-red-30);background-color:var(--color-red-10)}.sidebar-item.logout.active .sidebar-icon{color:var(--color-red-30)}.generic-sidebar.closed .sidebar-header{padding:1.5rem 0;justify-content:center}.generic-sidebar.closed .header-title{display:none}.generic-sidebar.closed .header-icon{margin-right:0}.generic-sidebar.closed .sidebar-item{justify-content:center;padding:.75rem 0}.generic-sidebar.closed .sidebar-item.active{padding-left:.75rem;padding-right:.75rem}.generic-sidebar.closed .sidebar-label{display:none;opacity:0;width:0}.generic-sidebar.closed .sidebar-icon{margin:0}.pages-instellingen-container{display:flex;flex-direction:column;align-items:center;width:100%;max-width:600px;margin:0 auto;padding:var(--space-8) var(--space-4);gap:var(--space-6)}.pages-instellingen-title{font:var(--text-h1);color:var(--color-text-primary);margin-bottom:var(--space-4);text-align:center}.pages-instellingen-list{display:flex;flex-direction:column;gap:var(--space-4);width:100%}.pages-instellingen-item{display:flex;align-items:center;justify-content:space-between;background-color:var(--color-gray-10);padding:var(--space-4) var(--space-6);border-radius:var(--radius-m);cursor:pointer;gap:var(--space-4);transition:background-color .2s ease;text-decoration:none;color:inherit;border:none;width:100%;font:var(--text-h4);color:var(--color-text-primary)}.pages-instellingen-item:hover{background-color:var(--color-blue-10)}.pages-instellingen-left{display:flex;align-items:center;gap:var(--space-4)}.pages-instellingen-icon{color:var(--color-text-primary)}.pages-instellingen-arrow{color:var(--color-gray-60)}.pages-instellingen-sd-content{display:flex;flex-direction:column;width:100%;gap:var(--space-2)}.pages-instellingen-sd-header{display:flex;justify-content:space-between;width:100%;color:var(--color-text-primary)}.pages-instellingen-sd-info{font-size:.9rem;color:var(--color-gray-60);font-weight:400}.pages-instellingen-sd-bar-bg{width:100%;height:8px;background-color:var(--color-gray-30);border-radius:4px;overflow:hidden}.pages-instellingen-sd-bar-fill{height:100%;background-color:var(--color-blue-80);border-radius:4px}.pages-instellingen-footer{display:flex;gap:var(--space-4);margin-top:var(--space-8)}.pages-instellingen-btn{padding:var(--space-3) var(--space-8);border-radius:var(--radius-m);font:var(--text-h5);font-weight:600;cursor:pointer;border:none;transition:transform .1s ease}.pages-instellingen-btn.cancel{background-color:var(--color-blue-20);color:var(--color-blue-80)}.pages-instellingen-btn.save{background-color:var(--color-blue-80);color:var(--color-gray-10)}.pages-instellingen-btn:hover{transform:translateY(-2px)}@media(max-width:48rem){.pages-instellingen-container{padding:var(--space-4)}}:root{--color-success: rgb(46, 204, 113);--color-warning: rgb(243, 156, 18);--color-danger: rgb(231, 76, 60);--color-silver-10: rgb(209, 213, 219);--color-silver-20: rgb(128, 137, 148);--color-gold-10: rgb(222, 190, 88);--color-gold-20: rgb(161, 130, 48);--color-bronze-10: rgb(186, 136, 92);--color-bronze-20: rgb(120, 86, 60);--color-gold: var(--color-gold-10);--color-silver: var(--color-silver-10);--color-bronze: var(--color-bronze-10);--color-blue-10: rgb(234, 244, 251);--color-blue-20: rgb(214, 234, 247);--color-blue-30: rgb(184, 220, 241);--color-blue-40: rgb(140, 200, 232);--color-blue-50: rgb(95, 181, 222);--color-blue-60: rgb(25, 174, 233);--color-blue-70: rgb(23, 143, 194);--color-blue-80: rgb(32, 94, 167);--color-blue-90: rgb(24, 74, 133);--color-blue-100: rgb(15, 47, 85);--color-gray-10: rgb(243, 247, 251);--color-gray-20: rgb(230, 237, 247);--color-gray-30: rgb(210, 224, 240);--color-gray-40: rgb(185, 200, 225);--color-gray-50: rgb(151, 175, 207);--color-gray-60: rgb(116, 141, 176);--color-gray-70: rgb(86, 108, 145);--color-gray-80: rgb(59, 77, 115);--color-gray-90: rgb(35, 47, 73);--color-gray-100: rgb(15, 28, 43);--color-green-10: rgb(223, 252, 240);--color-green-20: rgb(184, 244, 216);--color-green-30: rgb(109, 223, 175);--color-green-40: rgb(59, 184, 133);--color-green-50: rgb(31, 109, 95);--color-yellow-10: rgb(255, 249, 230);--color-yellow-20: rgb(255, 240, 184);--color-yellow-30: rgb(255, 211, 109);--color-yellow-40: rgb(230, 171, 59);--color-yellow-50: rgb(179, 116, 31);--color-red-10: rgb(253, 236, 239);--color-red-20: rgb(249, 201, 209);--color-red-30: rgb(241, 107, 129);--color-red-40: rgb(200, 65, 88);--color-red-50: rgb(127, 29, 46);--color-bg: var(--color-gray-20);--color-surface: var(--color-gray-20);--color-surface-alt: var(--color-gray-30);--color-border: var(--color-gray-50);--color-text-primary: var(--color-gray-100);--color-text-secondary: var(--color-gray-80);--color-text-muted: var(--color-gray-70);--color-accent: var(--color-blue-70);--color-accent-strong: var(--color-blue-90);--color-on-accent: rgb(255, 255, 255);--color-focus: var(--color-blue-60);--color-info: var(--color-blue-70);--color-success-strong: var(--color-green-50);--color-warning-strong: var(--color-yellow-50);--color-danger-strong: var(--color-red-50);--font-family-base: "IBM Plex Sans", "Segoe UI", sans-serif;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--text-h1: 700 3rem/3.5rem var(--font-family-base);--text-h2: 600 2.25rem/2.75rem var(--font-family-base);--text-h3: 600 1.875rem/2.25rem var(--font-family-base);--text-h4: 500 1.5rem/2rem var(--font-family-base);--text-h5: 500 1.25rem/1.75rem var(--font-family-base);--text-h6: 500 1rem/1.5rem var(--font-family-base);--text-body: 400 1rem/1.5rem var(--font-family-base);--text-caption: 400 .875rem/1.25rem var(--font-family-base);--text-tiny: 400 .875rem/1rem var(--font-family-base);--line-height-1: .75rem;--line-height-2: .875rem;--line-height-3: 1rem;--line-height-4: 1.125rem;--line-height-5: 1.25rem;--line-height-6: 1.5rem;--line-height-7: 1.75rem;--line-height-8: 2rem;--line-height-9: 2.25rem;--line-height-10: 2.625rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 2rem;--space-8: 2.5rem;--space-9: 3rem;--space-10: 4rem;--radius-s: 0rem;--radius-sm: .125rem;--radius-m: .25rem;--radius-l: .5rem;--groen: var(--color-success);--geel: var(--color-warning);--rood: var(--color-danger);--blauw-10: var(--color-blue-10);--blauw-20: var(--color-blue-20);--blauw-30: var(--color-blue-30);--blauw-40: var(--color-blue-40);--blauw-50: var(--color-blue-50);--blauw-60: var(--color-blue-60);--blauw-70: var(--color-blue-70);--blauw-80: var(--color-blue-80);--blauw-90: var(--color-blue-90);--blauw-100: var(--color-blue-100);--grijs-10: var(--color-gray-10);--grijs-20: var(--color-gray-20);--grijs-30: var(--color-gray-30);--grijs-40: var(--color-gray-40);--grijs-50: var(--color-gray-50);--grijs-60: var(--color-gray-60);--grijs-70: var(--color-gray-70);--grijs-80: var(--color-gray-80);--grijs-90: var(--color-gray-90);--grijs-100: var(--color-gray-100);--groen-10: var(--color-green-10);--groen-20: var(--color-green-20);--groen-30: var(--color-green-30);--groen-40: var(--color-green-40);--groen-50: var(--color-green-50);--geel-10: var(--color-yellow-10);--geel-20: var(--color-yellow-20);--geel-30: var(--color-yellow-30);--geel-40: var(--color-yellow-40);--geel-50: var(--color-yellow-50);--rood-10: var(--color-red-10);--rood-20: var(--color-red-20);--rood-30: var(--color-red-30);--rood-40: var(--color-red-40);--rood-50: var(--color-red-50);--baseline: var(--space-2);--whitespace-1: .125rem;--whitespace-2: .25rem;--whitespace-3: .5rem;--whitespace-4: .75rem;--whitespace-5: 1rem;--whitespace-6: 1.5rem;--whitespace-7: 2rem;--whitespace-8: 2.5rem;--whitespace-9: 3rem;--whitespace-10: 4rem;--radi-s: var(--radius-s);--radi: var(--radius-m);--radi-m: var(--radius-l);--text-style-h1: var(--text-h1);--text-style-h2: var(--text-h2);--text-style-h3: var(--text-h3);--text-style-h4: var(--text-h4);--text-style-h5: var(--text-h5);--text-style-h6: var(--text-h6);--text-style-body: var(--text-body);--text-style-caption: var(--text-caption);--text-style-tiny: var(--text-tiny)}