*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh;overflow-x:hidden;-webkit-user-select:none;user-select:none}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#2a2a3e}::-webkit-scrollbar-thumb{background:#0f8;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#00cc6a}@supports (-webkit-touch-callout:none){body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}}@media screen and (-webkit-min-device-pixel-ratio:0){input[type=email],input[type=password],input[type=text],textarea{font-size:16px}}@media (max-width:768px){body{overflow-x:hidden;width:100%}button,input,select,textarea{min-height:44px}}.App{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);min-height:100vh;min-height:-webkit-fill-available;min-height:-moz-available;min-height:stretch;padding:20px}.container{margin:0 auto;max-width:600px;padding:20px max(20px,env(safe-area-inset-right)) 20px max(20px,env(safe-area-inset-left))}.header{margin-bottom:40px;padding:30px 0;text-align:center}.title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0f8,#00cc6a);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:10px;text-shadow:0 0 30px #00ff884d}.subtitle{color:#b8b8b8;font-size:1.1rem;font-weight:300}.main-content{gap:30px}.controls-section,.main-content{display:flex;flex-direction:column}.controls-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;gap:20px;padding:25px}.checkbox-container{align-items:center;display:flex;justify-content:center}.checkbox-label{align-items:center;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:12px}.checkbox-input{display:none}.checkmark{background:#0000;border:2px solid #0f8;border-radius:6px;height:22px;position:relative;transition:all .3s ease;width:22px}.checkbox-input:checked+.checkmark{background:#0f8;box-shadow:0 0 15px #0f86}.checkbox-input:checked+.checkmark:after{color:#1a1a2e;content:"✓";font-size:14px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}@media (max-width:768px){.App{padding:max(15px,env(safe-area-inset-top)) 15px max(15px,env(safe-area-inset-bottom))}.container{padding:15px max(15px,env(safe-area-inset-right)) 15px max(15px,env(safe-area-inset-left))}.title{font-size:2rem}.subtitle{font-size:1rem}.controls-section{padding:20px}}@media (max-width:480px){.App{padding:max(10px,env(safe-area-inset-top)) 10px max(10px,env(safe-area-inset-bottom))}.container{padding:10px max(10px,env(safe-area-inset-right)) 10px max(10px,env(safe-area-inset-left))}.title{font-size:1.8rem}.main-content{gap:25px}.header{margin-bottom:30px;padding:20px 0}}@supports (-webkit-touch-callout:none){.App{min-height:-webkit-fill-available}}.player-input-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;display:flex;flex-direction:column;gap:25px;padding:30px}.input-section{display:flex;flex-direction:column;gap:15px}.section-title{color:#fff;font-size:1.3rem;font-weight:600;margin:0}.section-description{color:#b8b8b8;font-size:.9rem;margin:0}.input-group{align-items:center;display:flex;gap:12px}.smart-input{background:#ffffff0d;border:2px solid #ffffff1a;border-radius:12px;color:#fff;flex:1 1;font-size:1rem;outline:none;padding:15px 20px;transition:all .3s ease}.smart-input::placeholder{color:#888}.smart-input:focus{background:#ffffff14;border-color:#0f8;box-shadow:0 0 20px #0f83}.add-button{background:linear-gradient(135deg,#0f8,#00cc6a);border:none;border-radius:12px;box-shadow:0 4px 15px #00ff884d;color:#1a1a2e;cursor:pointer;font-size:1rem;font-weight:600;padding:15px 24px;transition:all .3s ease;white-space:nowrap}.add-button:hover:not(:disabled){box-shadow:0 6px 20px #0f86;transform:translateY(-2px)}.add-button:active:not(:disabled){transform:translateY(0)}.add-button:disabled{background:#666;box-shadow:none;cursor:not-allowed;transform:none}.player-list-section{display:flex;flex-direction:column;gap:20px}.toggle-list-button{align-self:center;background:none;border:none;color:#0f8;cursor:pointer;font-size:.95rem;font-weight:500;padding:8px 0;text-decoration:underline;text-underline-offset:4px;transition:all .3s ease}.toggle-list-button:hover{color:#00cc6a;text-decoration-thickness:2px}.collapsible-player-list{animation:slideDown .3s ease-out;background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;padding:20px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.list-title{color:#fff;font-size:1.1rem;font-weight:600;margin:0}.list-actions{align-items:center;display:flex;gap:10px}.clear-all-data-button{background:#ffc10733;border:1px solid #ffc1074d;border-radius:8px;color:#ffc107;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 16px;transition:all .3s ease}.clear-all-data-button:hover{background:#ffc1074d;border-color:#ffc10780}.players-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.player-card{align-items:center;background:#ffffff14;border:1px solid #ffffff1a;border-radius:12px;display:flex;justify-content:space-between;padding:12px 16px;transition:all .3s ease}.player-card:hover{background:#ffffff1f;border-color:#00ff884d;transform:translateY(-2px)}.remove-button{align-items:center;background:#ff6b6b33;border:none;border-radius:50%;color:#ff6b6b;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:24px;justify-content:center;line-height:1;transition:all .3s ease;width:24px}.remove-button:hover{background:#ff6b6b66;transform:scale(1.1)}@media (max-width:768px){.player-input-container{gap:20px;padding:25px}.input-group{align-items:stretch;flex-direction:column}.add-button{min-height:48px;width:100%}.players-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.player-card{min-height:48px;padding:10px 14px}.list-actions{flex-direction:column;gap:8px}.clear-all-data-button{min-height:48px;text-align:center;width:100%}.toggle-list-button{align-items:center;display:flex;justify-content:center;min-height:48px}}@media (max-width:480px){.player-input-container{padding:20px}.section-title{font-size:1.2rem}.smart-input{padding:12px 16px}.add-button,.smart-input{font-size:.95rem;min-height:48px}.add-button{padding:12px 20px}.list-header{align-items:stretch;flex-direction:column;gap:15px}.list-actions{flex-direction:column;gap:8px}.clear-all-data-button{min-height:48px;padding:10px 20px;text-align:center;width:100%}.players-grid{gap:8px;grid-template-columns:1fr}.player-card{min-height:48px;padding:12px 16px}.toggle-list-button{font-size:1rem;min-height:48px}}@supports (-webkit-touch-callout:none){.smart-input{font-size:16px}.add-button,.clear-all-data-button,.toggle-list-button{-webkit-tap-highlight-color:rgba(0,255,136,.2)}}.slider-container{display:flex;flex-direction:column;gap:20px}.mode-toggle{background:#ffffff0d;border-radius:12px;display:flex;gap:4px;padding:4px}.toggle-button{background:#0000;border:none;border-radius:8px;color:#b8b8b8;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:500;overflow:hidden;padding:10px 16px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.toggle-button:before{background:#ffffff0d;border-radius:8px;bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:scale(0);transition:transform .3s cubic-bezier(.4,0,.2,1)}.toggle-button:hover:before{transform:scale(1)}.toggle-button.active{background:linear-gradient(135deg,#0f8,#00cc6a);box-shadow:0 4px 15px #00ff884d;color:#1a1a2e;transform:translateY(-1px)}.toggle-button.active:before{display:none}.toggle-button:hover:not(.active){color:#fff;transform:translateY(-1px) scale(1.02)}.slider-header{align-items:center;display:flex;justify-content:space-between}.slider-title{color:#fff;font-size:1.3rem;font-weight:600;margin:0}.slider-value{background:linear-gradient(135deg,#0f8,#00cc6a);border-radius:20px;box-shadow:0 4px 15px #00ff884d;color:#1a1a2e;font-size:1.1rem;font-weight:700;min-width:50px;overflow:hidden;padding:8px 16px;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.slider-value:before{background:linear-gradient(135deg,#0f8,#00cc6a 100%,#0f8 200%);background-size:200% 200%;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.slider-value:hover{box-shadow:0 6px 20px #00ff8880;transform:translateY(-2px) scale(1.05)}.slider-value:hover:before{animation:shimmer 2s ease-in-out infinite;opacity:.1}@keyframes shimmer{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.slider-wrapper{display:flex;flex-direction:column;gap:15px}.slider{-webkit-appearance:none;appearance:none;background:#ffffff1a;border:none;border-radius:4px;cursor:pointer;height:8px;margin:0;outline:none;padding:0;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.slider:hover{background:#ffffff26;transform:scaleY(1.1)}.slider:focus{background:#fff3;box-shadow:0 0 0 3px #0f83}.slider::-webkit-slider-track{background:#ffffff1a;border:none;border-radius:4px;box-shadow:none;height:8px;outline:none}.slider::-webkit-slider-thumb,.slider::-webkit-slider-track{-webkit-appearance:none;appearance:none;-webkit-transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s cubic-bezier(.4,0,.2,1)}.slider::-webkit-slider-thumb{background:linear-gradient(135deg,#0f8,#00cc6a);border:2px solid #fff3;border-radius:50%;box-shadow:0 4px 15px #0f86;cursor:pointer;height:24px;margin-top:-8px;position:relative;width:24px}.slider::-webkit-slider-thumb:before{background:linear-gradient(135deg,#0f8,#00cc6a);border-radius:50%;bottom:-2px;content:"";left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;z-index:-1}.slider:hover::-webkit-slider-thumb:before{opacity:.3}.slider::-webkit-slider-thumb:hover{box-shadow:0 6px 20px #0f89;transform:scale(1.15)}.slider::-webkit-slider-thumb:active{box-shadow:0 8px 25px #0f8c;transform:scale(1.25)}.slider::-moz-range-track{background:#ffffff1a;border:none;border-radius:4px;box-shadow:none;height:8px;outline:none}.slider::-moz-range-thumb{background:linear-gradient(135deg,#0f8,#00cc6a);border:2px solid #fff3;border-radius:50%;box-shadow:0 4px 15px #0f86;cursor:pointer;height:24px;margin-top:-8px;outline:none;-moz-transition:all .3s ease;transition:all .3s ease;width:24px}.slider::-moz-range-thumb:active{box-shadow:0 8px 25px #0f8c;transform:scale(1.2)}.slider::-webkit-slider-container,.slider::-webkit-slider-runnable-track{-webkit-appearance:none;appearance:none}.slider::-webkit-slider-runnable-track{background:#ffffff1a;border:none;border-radius:4px;height:8px;outline:none}@media (max-width:768px){.slider{-webkit-appearance:none!important;appearance:none!important;background:#ffffff1a!important;border:none!important;box-shadow:none!important;outline:none!important}.slider::-webkit-slider-track{-webkit-appearance:none!important;appearance:none!important;background:#ffffff1a!important;border:none!important;box-shadow:none!important;outline:none!important}.slider::-webkit-slider-thumb{-webkit-appearance:none!important;appearance:none!important;background:linear-gradient(135deg,#0f8,#00cc6a)!important;border:2px solid #fff3!important;box-shadow:0 4px 15px #0f86!important;margin-top:-8px!important}}.slider-labels{color:#b8b8b8;display:flex;font-size:.9rem;font-weight:500;justify-content:space-between}.slider-description{color:#b8b8b8;font-size:.9rem;line-height:1.4;margin:0;text-align:center}.regenerate-section{align-items:center;border-top:1px solid #ffffff1a;display:flex;flex-direction:column;gap:12px;margin-top:20px;padding-top:20px}.regenerate-button{align-items:center;background:linear-gradient(135deg,#0f8,#00cc6a);border:none;border-radius:12px;box-shadow:0 4px 15px #00ff884d;color:#1a1a2e;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;justify-content:center;overflow:hidden;padding:12px 24px;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.regenerate-button:before{animation:borderGlow 3s ease-in-out infinite;background:linear-gradient(135deg,#0f8,#00cc6a 100%,#0f8 200%);background-size:200% 200%;border-radius:12px;bottom:0;content:"";left:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:2px;position:absolute;right:0;top:0}.regenerate-button:after{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.regenerate-button:hover{box-shadow:0 8px 25px #00ff8880;transform:translateY(-2px) scale(1.02)}.regenerate-button:hover:after{left:100%}.regenerate-button:active{box-shadow:0 2px 10px #0f86;transform:translateY(0) scale(.98)}@keyframes borderGlow{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.regenerate-note{color:#b8b8b8;font-size:.8rem;line-height:1.3;margin:0;opacity:.8;text-align:center}@media (max-width:768px){.mode-toggle{flex-direction:column;gap:2px}.toggle-button{font-size:.95rem;min-height:48px;padding:12px 16px}}@media (max-width:480px){.slider-container{gap:16px}.slider-title{font-size:1.2rem}.slider-value{align-items:center;display:flex;font-size:1rem;justify-content:center;min-height:44px;min-width:44px;padding:8px 14px}.toggle-button{font-size:.9rem;min-height:48px;padding:12px 16px}.regenerate-button{font-size:1rem;min-height:48px;padding:14px 28px;width:100%}.slider-labels{font-size:.85rem;margin-top:8px}.slider-description{font-size:.85rem;padding:0 10px}}@supports (-webkit-touch-callout:none){.regenerate-button,.toggle-button{-webkit-tap-highlight-color:rgba(0,255,136,.2);-webkit-user-select:none;user-select:none}}.group-display-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:25px}.no-groups-message{padding:40px 20px;text-align:center}.no-groups-title{color:#b8b8b8;font-size:1.3rem;font-weight:600;margin:0 0 15px}.no-groups-description{color:#888;font-size:1rem;line-height:1.4;margin:0}.group-title{color:#fff;font-size:1.3rem;font-weight:600;margin:0 0 25px;text-align:center}.groups-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.group-card{background:#ffffff14;border:1px solid #ffffff1a;border-radius:16px;padding:20px;transition:all .3s ease}.group-card:hover{background:#ffffff1f;border-color:#00ff884d;box-shadow:0 8px 25px #00ff881a;transform:translateY(-3px)}.group-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.group-name{color:#fff;font-size:1.2rem;font-weight:600;margin:0}.group-count{background:#0f83;border:1px solid #00ff884d;border-radius:20px;color:#0f8;font-size:.85rem;font-weight:500;padding:6px 12px}.players-list{display:flex;flex-direction:column;gap:12px}.group-player{align-items:center;background:#ffffff0d;border:1px solid #ffffff14;border-radius:10px;display:flex;justify-content:space-between;padding:12px 16px;transition:all .3s ease}.group-player:hover{background:#ffffff14;border-color:#0f83}.player-name{color:#fff;font-size:.95rem;font-weight:500}.order-badge{align-items:center;background:linear-gradient(135deg,#0f8,#00cc6a);border-radius:20px;box-shadow:0 4px 15px #00ff884d;color:#1a1a2e;display:flex;font-size:.85rem;font-weight:700;gap:2px;justify-content:center;min-width:45px;padding:6px 12px}.order-suffix{font-size:.75rem;font-weight:600}@media (max-width:768px){.group-display-container{padding:20px}.groups-grid{gap:15px;grid-template-columns:1fr}.group-card{padding:18px}.group-header{margin-bottom:18px;padding-bottom:12px}}@media (max-width:480px){.group-display-container{padding:15px}.group-title{font-size:1.2rem;margin-bottom:20px}.group-card{padding:15px}.group-header{align-items:stretch;flex-direction:column;gap:10px;text-align:center}.group-player{padding:10px 14px}.order-badge{font-size:.8rem;min-width:40px;padding:5px 10px}}
/*# sourceMappingURL=main.f8fa3556.css.map*/