.play-mode-modal{background-color:#151544;border-bottom-right-radius:20px;border-bottom-left-radius:20px;padding-bottom:10px;position:absolute;top:0;left:0;right:0;box-shadow:0 20px 20px #00000080}.play-mode-modal__overlay{z-index:200;background:#0006;position:fixed;inset:0}.play-mode-modal__header{align-items:center;gap:10px;padding:15px 15px 10px;display:flex}.play-mode-modal__close{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:30px;height:30px;padding:0;display:flex}.play-mode-modal__close-icon{color:#fff;font-size:22px;line-height:1}.play-mode-modal__title{color:#fff;margin:0;font-size:18px;font-weight:700}.play-mode-modal__options{flex-direction:column;gap:10px;padding:0 10px;display:flex}.play-mode-modal__option{aspect-ratio:3;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;width:100%;padding:0;display:flex;position:relative;overflow:hidden}.play-mode-modal__option-bg{object-fit:cover;z-index:0}.play-mode-modal__option-content{z-index:1;flex-direction:column;align-items:center;gap:5px;padding-top:12%;display:flex;position:relative}.play-mode-modal__option-title{color:#fff;font-size:14px;font-weight:700}.play-mode-modal__option-desc{color:#fff;font-size:12px}
.play-mode-switch{cursor:pointer;-webkit-user-select:none;user-select:none;border:2px solid #ffffff1a;border-radius:25px;align-items:center;gap:5px;width:130px;height:35px;padding:0 10px;display:flex}.play-mode-switch__sb-image{object-fit:contain;width:17px;height:13px}.play-mode-switch__skipper-image{object-fit:contain;width:15px;height:15px}.play-mode-switch__label{color:#fff;white-space:nowrap;font-size:13px;font-weight:700}.play-mode-switch__icon{opacity:.4;margin-left:auto;font-size:13px}.play-mode-switch__logo{object-fit:contain;width:100px;height:35px}