.np-new-player-form{background-color:rgba(26,26,26,.9);padding:20px;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.4);max-width:350px;margin:0 auto;color:#fff}.np-input-group{margin-bottom:15px}.np-input-group label{display:block;font-weight:700;color:#ccc;margin-bottom:5px}.np-input-group input{width:100%;padding:10px;border:2px solid #444;border-radius:5px;background-color:#1a1a1a;color:#fff;font-size:16px;transition:border-color .3s ease}.np-input-group input:focus{border-color:#4caf50;outline:none}.np-button{background-color:#4caf50;color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease;width:100%;display:flex;align-items:center;justify-content:center;gap:8px}.np-button:hover{background-color:#45a049}.np-button:disabled{background-color:#888;cursor:not-allowed}.np-back-button{background-color:#444;color:#fff;padding:8px 16px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:15px}.np-back-button:hover{background-color:#555}.frontpage-container{min-height:100vh;padding:0 20px;width:100%;position:relative;background:url(/bbwp.png) no-repeat 50% fixed;background-size:cover}.frontpage-main{max-width:1000px;margin:0 auto;padding:40px 0}.frontpage-hero{text-align:center;margin-bottom:48px}.frontpage-title{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:8px}.frontpage-subtitle{font-size:1.125rem;color:#9ca3af}.frontpage-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;padding:0 20px;max-width:800px;margin:0 auto}@media (max-width:1024px){.frontpage-grid{gap:24px}}@media (max-width:768px){.frontpage-grid{grid-template-columns:1fr;gap:20px;max-width:400px}.frontpage-title{font-size:2rem}.frontpage-subtitle{font-size:1rem}.frontpage-main{padding:24px 0}.modal-content{width:95%}}@media (max-width:480px){.frontpage-container{padding:0 12px}.frontpage-grid{padding:0}}body{padding-right:0!important;overflow-y:scroll!important}body.modal-open{overflow:hidden;padding-right:17px}.foosball-form{max-width:1200px;margin:0 auto;padding:2.5rem 1.5rem;background:linear-gradient(180deg,rgba(13,17,23,.8),rgba(13,17,23,.6));border-radius:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid hsla(0,0%,100%,.15)}.form-title{color:#fff;text-align:center;margin-bottom:3rem;font-size:clamp(1.8rem,5vw,2.8rem);font-weight:700;letter-spacing:-.5px;text-shadow:0 2px 4px rgba(0,0,0,.3);position:relative}.form-title:after{content:"";position:absolute;bottom:-12px;left:50%;transform:translateX(-50%);width:60px;height:3px;background:linear-gradient(90deg,#4caf50,#45a049);border-radius:2px}.sort-toggle-container{display:flex;justify-content:center;margin-bottom:3rem;padding:0 1rem}.sort-toggle-group{display:flex;background:hsla(0,0%,100%,.05);padding:.4rem;border-radius:20px;gap:.5rem;border:2px solid hsla(0,0%,100%,.15)}.sort-toggle-button{display:flex;align-items:center;gap:.75rem;padding:.9rem 1.8rem;border-radius:16px;background:transparent;cursor:pointer;font-weight:500;color:hsla(0,0%,100%,.7);font-size:.95rem;position:relative;overflow:hidden}.sort-toggle-button.selected{background:hsla(0,0%,100%,.1);color:#fff}.foosball-teams-container{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}@media (min-width:1024px){.foosball-form{flex-direction:row}.foosball-teams-container{flex-direction:row;gap:2rem}.foosball-team{flex:1;border-left:4px solid}.foosball-team.blue{border-color:#007aff}}@media (min-width:640px){.foosball-result-options{grid-template-columns:1fr 1fr}}.foosball-result-button{padding:1.2rem;border-radius:16px;font-weight:500;font-size:1.1rem;cursor:pointer;text-align:center;position:relative;overflow:hidden}.foosball-result-button.blue{background:rgba(0,122,255,.15);color:#fff}.foosball-result-button.red{background:rgba(255,59,48,.15);color:#fff}.foosball-result-button.selected.blue{background:rgba(0,122,255,.4);border:2px solid rgba(0,122,255,.6)}.foosball-result-button.selected.red{background:rgba(255,59,48,.4);border:2px solid rgba(255,59,48,.6)}.foosball-save-button{width:100%;padding:1.2rem;border-radius:16px;background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;font-weight:600;font-size:1.1rem;cursor:pointer;text-transform:uppercase;letter-spacing:.5px}.foosball-save-button:disabled{background:hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.4);cursor:not-allowed}.pingpong-form{max-width:600px;margin:0 auto;padding:2.5rem 1.5rem;background:linear-gradient(180deg,rgba(13,17,23,.8),rgba(13,17,23,.6));border-radius:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid hsla(0,0%,100%,.15)}.pingpong-form-title{color:#fff;text-align:center;margin-bottom:3rem;font-size:clamp(1.8rem,5vw,2.8rem);font-weight:700;letter-spacing:-.5px;text-shadow:0 2px 4px rgba(0,0,0,.3);position:relative}.success-message{color:#4caf50;text-align:center;margin-bottom:1rem}.pingpong-form-title:after{content:"";position:absolute;bottom:-12px;left:50%;transform:translateX(-50%);width:60px;height:3px;background:linear-gradient(90deg,#4caf50,#45a049);border-radius:2px}.pingpong-teams-container{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.pingpong-team{flex:1;border-left:4px solid;padding:1rem}.pingpong-team.blue{border-color:#007aff}.pingpong-team.red{border-color:#ff3b30}.pingpong-input{width:100%;padding:.75rem;margin-top:.5rem;border-radius:8px;border:1px solid hsla(0,0%,100%,.2);background:hsla(0,0%,100%,.1);color:#fff;font-size:1rem;text-align:center;-webkit-appearance:none;-moz-appearance:none;appearance:none}.pingpong-input::-webkit-inner-spin-button,.pingpong-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.pingpong-save-button{width:100%;padding:1.2rem;border-radius:16px;background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;font-weight:600;font-size:1.1rem;cursor:pointer;text-transform:uppercase;letter-spacing:.5px}.pingpong-save-button:disabled{background:hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.4);cursor:not-allowed}.pingpong-toggle{display:flex;justify-content:center;padding:10px;background:rgba(0,0,0,.5);border-radius:20px;gap:10px;border:2px solid hsla(0,0%,100%,.2);max-width:400px;margin:0 auto}.pingpong-toggle button{display:flex;align-items:center;gap:8px;padding:12px 24px;border-radius:16px;background:transparent;cursor:pointer;font-weight:600;color:hsla(0,0%,100%,.8);font-size:1rem;position:relative;overflow:hidden;border:none;transition:background .3s,color .3s}.pingpong-toggle button.active{background:hsla(0,0%,100%,.7);color:#000;box-shadow:0 0 10px rgba(0,0,0,.3)}.bb-join-organization-container{text-align:center;margin:0 auto;padding:40px;max-width:500px;border-radius:15px;background-color:rgba(26,26,26,.85);color:#fff;box-shadow:0 8px 16px rgba(0,0,0,.4);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;flex-direction:column;gap:25px;position:absolute;top:50%;align-items:center;left:50%;transform:translate(-50%,-50%)}.bb-h1{font-size:1rem;font-weight:700;color:#ffeb3b}.bb-h1,.bb-h2{margin-bottom:25px}.bb-h2{font-size:1.5rem;color:#e0e0e0}.bb-input{width:100%;padding:12px;margin:10px 0;border:2px solid #555;border-radius:8px;background-color:#2a2a2a;color:#fff;font-size:16px;transition:border-color .3s ease}.bb-input:focus{border-color:#4caf50;outline:none}.bb-button{margin:15px 0;padding:15px 30px;font-size:18px;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s ease,color .3s ease;background-color:#4caf50;color:#fff;display:flex;align-items:center;justify-content:center;gap:10px;width:100%}.bb-button:hover{background-color:#45a049}.bb-error-text{color:red;margin-top:5px;font-size:.875rem}.bb-back-button{margin-bottom:20px;padding:10px 20px;font-size:16px;border:none;border-radius:8px;cursor:pointer;background-color:#444;color:#fff;display:flex;align-items:center;justify-content:center;gap:8px;transition:background-color .3s ease}.bb-back-button:hover{background-color:#555}