.mode-selection-container{display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:center;margin-bottom:var(--spacing-lg)}.mode-option{flex:1;min-width:200px;max-width:300px;background-color:var(--card-background);border:2px solid var(--border-color);border-radius:var(--border-radius-md);padding:var(--spacing-md);text-align:center;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.mode-option:hover{transform:translateY(-3px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.mode-option.selected{border-color:var(--secondary-color);background-color:rgba(52,152,219,.1)}.mode-icon{font-size:2.5rem;margin-bottom:var(--spacing-sm)}.mode-option h3{margin:var(--spacing-sm) 0;color:var(--secondary-color);font-weight:400;font-size:1.2rem}.mode-option p{font-size:.9rem;color:var(--text-secondary);margin:0}.additional-options{background-color:var(--card-background);border-radius:var(--border-radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-lg)}.drawer-animation{height:0;opacity:0;transform:translateY(-10px);transition:all .3s ease-in-out;margin-top:var(--spacing-md);padding-top:0;padding-bottom:0;border-top:1px solid var(--border-color);overflow:hidden}.drawer-animation:not(.hidden){height:auto;min-height:80px;opacity:1;transform:translateY(0);padding-top:var(--spacing-md);padding-bottom:var(--spacing-md)}#time-bound-rounds-container{display:flex;flex-direction:column}#time-bound-rounds-container .form-group{flex:1;display:flex;flex-direction:column}@media (min-width:768px){#time-bound-rounds-container:not(.hidden){padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg)}#time-bound-rounds-container .form-group{padding:var(--spacing-md) 0}.checkbox-group{margin-top:0;margin-bottom:var(--spacing-md)}.toggle-container{margin:var(--spacing-md) 0}.option-description{margin-bottom:var(--spacing-md)}}.additional-options.hidden{display:none}.drawer-animation.hidden{display:block;max-height:0;padding:0;margin:0;opacity:0}.option-description{font-size:.85rem;color:var(--text-secondary);margin-top:var(--spacing-xs);margin-left:1.8rem}@media (max-width:768px){.mode-selection-container{flex-direction:column;align-items:center}.mode-option{width:100%;max-width:100%}}.mode-tag{display:inline-block;font-size:.7rem;padding:2px 8px;border-radius:12px;margin-left:10px;font-weight:400;vertical-align:middle}.mode-tag.teams{background-color:var(--secondary-color);color:#fff}.mode-tag.players{background-color:var(--success-color);color:#fff}.toggle-switch{position:relative;display:inline-block;width:60px;height:34px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:34px}.toggle-slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.toggle-slider{background-color:var(--secondary-color)}input:focus+.toggle-slider{box-shadow:0 0 1px var(--secondary-color)}input:checked+.toggle-slider:before{transform:translateX(26px)}.toggle-container{display:flex;align-items:center;gap:var(--spacing-md)}@media (min-width:769px){.toggle-container{flex-direction:column;align-items:center;gap:var(--spacing-xs)}.toggle-label{margin-top:var(--spacing-xs)}}@media (max-width:768px){.toggle-container{flex-direction:row;align-items:center;gap:var(--spacing-md)}}