.centered-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;flex-grow:1;width:100%;max-width:1600px;text-align:center;padding-top:1rem}.player-selection-buttons{display:flex;flex-direction:row;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:20px;margin-bottom:.5rem}@media (max-width: 600px){.player-selection-buttons{gap:.5rem}}@media (max-width: 350px){.player-selection-buttons{flex-direction:column}}.player-mode-button{background:#3f6d9f;color:#fff;font-size:1.5rem;font-weight:600;padding:1rem 2rem;border:1px solid rgb(63,109,159);border-radius:50px;cursor:pointer;transition:background .2s,border .2s,opacity .2s,color .2s;z-index:1000;opacity:.9;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}@media (max-width: 650px){.player-mode-button{font-size:1.5rem;padding:.5rem 1rem}}@media (max-width: 500px){.player-mode-button{font-size:1rem;padding:.5rem 1rem}}.player-mode-button:hover{text-decoration:none;color:initial}.player-mode-button:hover:not(.selected){background:#345a85;color:#fff;border-color:#345a85;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.player-mode-button:active:not(.selected){background-color:#345a85;border:1.5px solid #345a85;color:#fff;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.player-mode-button.selected{background:#21364f;color:#fff;cursor:default;border-color:#345a85;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.single-player-options-container{width:100%;max-width:none;display:flex;flex-direction:row;justify-content:center;align-items:stretch;gap:3rem;flex-wrap:wrap}@media (max-width: 480px){.single-player-options-container{gap:1rem}}@media (min-width: 1024px){.single-player-options-container{flex-direction:row;align-items:stretch;gap:3rem}}@media (max-width: 1023px) and (min-width: 481px){.single-player-options-container{gap:2rem}}.selection-container{display:flex;flex-direction:row;justify-content:center;align-items:stretch;width:100%;max-width:none;gap:2rem;flex-wrap:wrap}.atlas-selection{width:auto;margin:0;text-align:left;display:flex;flex-direction:column}@media (min-width: 1024px){.atlas-selection{padding:.75rem}}@media (max-width: 480px){.atlas-selection{min-width:auto;flex-basis:100%}}@media (min-width: 1024px){.atlas-selection,.mode-selection{margin:0;text-align:left;min-height:auto;display:flex;flex-direction:column}.atlas-selection{border-bottom:none;margin-bottom:0}.mode-selection{margin-top:0}}.atlas-selection h2 img,.mode-selection h2 img,.lobby-wait h2 img{vertical-align:middle;margin-right:.5rem;height:1.5em;width:auto}.atlas-layout{display:flex;flex-direction:row;flex-wrap:wrap;gap:0;border:1px solid #808588;border-radius:.5rem;background:#2f2f2fe6;overflow:hidden;justify-content:center}.category-list{display:flex;flex-direction:column;align-items:stretch;flex-grow:1;padding:.5rem;overflow-y:auto;border:1px white solid;max-width:450px}.atlas-choices-display{max-width:450px;padding:.5rem;display:flex;flex-grow:1;flex-direction:column;gap:.5rem;overflow-y:auto;background:#363636e6}.mode-selection{min-width:0;text-align:center;display:flex;flex-direction:column;align-items:center;margin:0;gap:10px}@media (min-width: 1024px){.mode-selection{padding:.75rem}}@media (max-width: 1023px) and (min-width: 481px){.mode-selection{flex-basis:100%}}@media (max-width: 480px){.mode-selection{min-width:auto;flex-basis:100%}}.panel-button{background:#363636e6;color:#d9dddc;font-size:1rem;font-weight:400;padding:.75rem 1rem;border:1px solid #555;border-radius:.5rem;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s;display:flex;justify-content:space-between;align-items:center;width:100%;box-sizing:border-box;text-align:left;margin-bottom:.25rem;opacity:.9;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.panel-button:hover{background:#4a4a4ae6;border-color:#aaa;color:#fff;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}@media (max-width: 480px){.panel-button{font-size:.875rem;padding:.6rem .8rem}}.atlas-choices-display .panel-button.selected{background:#5a5a5ae6;font-weight:600;border-color:#e5e7eb;color:#fff;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}@media (min-width: 1024px){.atlas-choices-display{max-height:none}}@media (max-width: 480px){.atlas-choices-display{max-height:40vh;padding:.5rem}}.atlas-info{display:inline;margin-right:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 480px){.atlas-info{white-space:normal}}.atlas-description{color:#808588;font-size:.875rem;margin-left:.25rem;padding:0;display:inline}.category-button{background:#363636e6;color:#d9dddc;font-size:1rem;font-weight:400;padding:.75rem 1rem;border:1px solid #555;border-radius:.5rem;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s;display:flex;justify-content:space-between;align-items:center;width:100%;box-sizing:border-box;text-align:left;margin-bottom:.25rem;opacity:.9;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.category-button:hover{background:#4a4a4ae6;border-color:#aaa;color:#fff;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.category-button.selected{background:#5a5a5ae6;font-weight:600;border-color:#e5e7eb;color:#fff;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}@media (max-width: 480px){.category-button{font-size:.875rem;padding:.6rem .8rem}}.difficulty-icons{display:flex;gap:.25rem;margin-left:.5rem;flex-shrink:0}.star-icon{width:1rem;height:1rem;image-rendering:optimizeQuality;flex-shrink:0}.no-atlas-message{color:#aaa;font-style:italic;padding:1rem;text-align:center}.mode-buttons{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:1rem;width:100%}@media (max-width: 768px){.mode-buttons{align-items:center}}.mode-button{display:flex;align-items:center;justify-content:flex-start;background:#363636e6;color:#fff;font-size:1rem;font-weight:300;padding:.75rem 1.25rem;border:1px solid #808588;border-radius:.5rem;cursor:pointer;transition:background .2s,border .2s,opacity .2s;width:100%;max-width:25rem;box-sizing:border-box;opacity:.9;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}@media (max-width: 768px){.mode-button{width:90%}}.mode-button img,.login-button img{height:1.25rem;width:auto;margin-right:.75rem;image-rendering:optimizeQuality}.mode-button:hover:not(:disabled),.login-button:hover{background:#4a4a4ae6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.mode-button.selected{background:#5a5a5ae6;border:1.5px solid #e5e7eb;font-weight:600;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.mode-button.selected:hover{background:#5a5a5ae6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.mode-button:disabled{background:#303030e6;border-color:#4a4a4a;color:#777;cursor:not-allowed;opacity:.6;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.mode-button:disabled img{opacity:.5}.mode-description{color:#808588;font-size:.875rem;margin-left:.25rem;padding:0;display:inline}.play-button{display:block;background:#363636;color:#fff;font-size:1.5rem;font-weight:600;padding:1rem 2rem;border:1px solid #808588;border-radius:50px;transition:background .2s,border .2s,opacity .2s,color .2s;z-index:10;margin-top:1rem;opacity:.9;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);cursor:default;text-align:center}.play-button:hover{text-decoration:none;color:inherit}@media (max-width: 480px){.play-button{font-size:1.1rem;padding:.8rem 1.5rem}}.play-button.enabled{cursor:pointer;background-color:#3f6d9f;color:#fff;border:1px solid #345a85;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.play-button.enabled:hover{background-color:#345a85;border-color:#345a85;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);text-decoration:none;color:inherit}.play-button.enabled:active{background-color:#345a85;border:1.5px solid #345a85;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}