.sbw-root{width:100%}.sbw-bar{background:var(--card-bg);border-radius:22px;align-items:center;gap:.25rem;padding:.5rem;display:flex;box-shadow:0 24px 50px -32px #000000e6}.sbw-select{color:inherit;font:inherit;text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:0;border-radius:16px;flex-direction:column;flex-shrink:0;gap:.3rem;padding:.65rem 1.15rem;transition:background .2s;display:flex}.sbw-select--flex{flex:1;min-width:0}.sbw-select:hover{background:#ffffff0d}.sbw-select-label{color:var(--text-muted);font-size:.8rem;font-weight:500;line-height:1}.sbw-select-value{align-items:center;gap:.55rem;min-width:0;display:flex}.sbw-val-img{object-fit:contain;border-radius:6px;flex-shrink:0;width:22px;height:22px}.sbw-val-glyph{width:18px;height:18px;color:var(--primary-color);flex-shrink:0}.sbw-val-text{color:var(--white-color);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:1rem;font-weight:600;overflow:hidden}.sbw-chevron{color:var(--text-muted);flex-shrink:0;transition:color .2s}.sbw-select:hover .sbw-chevron{color:var(--primary-color)}.sbw-cta{background:var(--primary-color);color:var(--dark-bg);letter-spacing:0;text-transform:none;cursor:pointer;white-space:nowrap;border:0;border-radius:14px;flex-shrink:0;justify-content:center;align-self:stretch;align-items:center;gap:.6rem;margin-left:.5rem;padding:1rem 2rem;font-family:inherit;font-size:1rem;font-weight:700;transition:filter .2s,transform .2s;display:inline-flex;position:relative;box-shadow:0 12px 30px #ff5a3c47,inset 0 1px #ffffff4d}.sbw-cta-glyph{flex-shrink:0;width:18px;height:18px}.sbw-cta:not(:disabled):hover{filter:brightness(1.07);transform:translateY(-1px)}.sbw-cta:disabled{opacity:.35;cursor:not-allowed}.sbw-shell--tabs{text-align:left}.sbw-shell--tabs .sbw-bar{background:linear-gradient(#ffffff0d, #ffffff0d), var(--card-bg);box-shadow:0 30px 70px -30px #000000f2, 0 18px 60px -24px var(--accent-color-transparent-3);border-radius:999px}.sbw-shell--tabs .sbw-select{border-radius:999px;padding:.7rem 1.6rem}.sbw-shell--tabs .sbw-cta{border-radius:999px;padding:1rem 2.1rem}.sbw-need{flex:1;align-self:stretch;min-width:0;display:flex;position:relative}.sbw-select--need,.sbw-select--play{flex:1;min-width:0}.sbw-select[aria-expanded=true]{background:#ffffff0d}.sbw-select[aria-expanded=true] .sbw-chevron{color:var(--primary-color);transform:rotate(180deg)}.sbw-select:focus-visible,.sbw-cta:focus-visible,.sbw-option:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.sbw-sep{background:#ffffff0f;flex-shrink:0;align-self:stretch;width:1px;margin:14px 0}.sbw-svc-img{flex-shrink:0;width:22px;height:22px}.sbw-svc-glyph{width:18px;height:18px;color:var(--primary-color);flex-shrink:0}.sbw-menu[hidden]{display:none}.sbw-menu{z-index:30;background:linear-gradient(#ffffff0d, #ffffff0d), var(--card-bg);border-radius:16px;flex-direction:column;gap:2px;min-width:250px;padding:6px;display:flex;position:absolute;top:calc(100% + 14px);left:0;box-shadow:0 30px 60px -20px #000000f2}.sbw-option{height:46px;color:var(--text-muted);text-align:left;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:9px;padding:0 14px;font-family:inherit;font-size:.95rem;font-weight:600;text-decoration:none;transition:color .2s,background .2s;display:flex}.sbw-option:not(:disabled):hover{color:var(--white-color);background:#ffffff0d}.sbw-option--on{color:var(--white-color);background:var(--accent-color-transparent-2)}.sbw-option:disabled{opacity:.4;cursor:not-allowed}.sbw-option-name{flex:1}.sbw-soon{color:var(--text-color);letter-spacing:.14em;text-transform:uppercase;background:#ffffff14;border-radius:999px;padding:3px 7px;font-size:9px;font-weight:700}.sbw-picker-backdrop{z-index:99999;-webkit-backdrop-filter:blur(12px)saturate(1.2);backdrop-filter:blur(12px)saturate(1.2);background:#05020ad9;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.sbw-picker{background:var(--light-bg);width:100%;max-width:960px;height:min(680px,100dvh - 2rem);color:var(--text-color);text-align:left;border-radius:22px;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 40px 120px #0009}.sbw-grab{display:none}.sbw-picker-head{justify-content:space-between;align-items:flex-start;gap:1.5rem;padding:1.5rem 1.75rem 0;display:flex}.sbw-picker-heading{flex-direction:column;gap:.6rem;min-width:0;display:flex}.sbw-picker-title{letter-spacing:-.01em;color:var(--white-color);margin:0;font-size:1.75rem;font-weight:600;line-height:1.15}.sbw-icon-btn{min-width:44px;height:44px;color:var(--text-color);cursor:pointer;background:#ffffff0a;border:0;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;gap:.5rem;padding:0;font-family:inherit;font-size:.95rem;font-weight:500;transition:background .15s,color .15s;display:inline-flex}.sbw-icon-btn:hover{color:var(--white-color);background:#ffffff17}.sbw-search{background:var(--card-bg);height:52px;color:var(--text-muted);border-radius:14px;align-items:center;gap:.75rem;margin:1.1rem 1.75rem 0;padding:0 1.1rem;transition:box-shadow .15s;display:flex}.sbw-search:focus-within{box-shadow:0 0 0 2px var(--accent-color-transparent-5)}.sbw-search-input{min-width:0;height:100%;color:var(--white-color);font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:1rem}.sbw-search-input::placeholder{color:var(--text-muted)}.sbw-search-input::-webkit-search-cancel-button{filter:invert();opacity:.5}.sbw-picker-body{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffffff1a transparent;flex:1;min-height:0;margin:calc(1.1rem - 4px) 0 calc(1.75rem - 4px);padding:4px 1.75rem;overflow-y:auto}.sbw-picker-body::-webkit-scrollbar{width:8px}.sbw-picker-body::-webkit-scrollbar-track{background:0 0}.sbw-picker-body::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.sbw-picker-body::-webkit-scrollbar-thumb:hover{background:#fff3}.sbw-games{grid-template-columns:repeat(4,minmax(0,1fr));gap:.875rem;display:grid}.sbw-game{aspect-ratio:16/10;background:var(--card-bg);width:100%;font:inherit;cursor:pointer;border:0;border-radius:16px;padding:0;transition:transform .18s,box-shadow .18s;display:block;position:relative;overflow:hidden;box-shadow:0 14px 30px -20px #000000e6}.sbw-game:hover{transform:translateY(-2px)}.sbw-game.active{box-shadow:0 0 0 2px var(--primary-color), 0 18px 34px -18px #ff5a3c99}.sbw-game-img{object-fit:cover;width:100%;height:100%;transition:transform .35s,filter .35s;position:absolute;inset:0}.sbw-game-img--icon{object-fit:contain;width:40%;height:40%;inset:20% 30% 40%}.sbw-game:hover .sbw-game-img{filter:brightness(1.12);transform:scale(1.05)}.sbw-game-shade{background:linear-gradient(#0a050f00 35%,#0a050ff0 100%);position:absolute;inset:0}.sbw-game-check{background:var(--primary-color);width:26px;height:26px;color:var(--dark-bg);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:10px;right:10px}.sbw-game-text{text-align:left;flex-direction:column;gap:2px;display:flex;position:absolute;bottom:12px;left:14px;right:14px}.sbw-game-name{color:var(--white-color);white-space:nowrap;text-overflow:ellipsis;font-size:1rem;font-weight:600;line-height:1.2;overflow:hidden}.sbw-game-count{color:#ffffffb8;font-size:.8rem}.sbw-empty{text-align:center;color:var(--text-muted);flex-direction:column;align-items:center;gap:.4rem;margin:0;padding:4.5rem 1rem;font-size:.95rem;display:flex}.sbw-empty strong{color:var(--white-color);font-size:1.1rem;font-weight:600}.sbw-game:focus-visible,.sbw-icon-btn:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}@media (max-width:860px){.sbw-games{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:600px){.sbw-picker-backdrop{align-items:flex-end;padding:2.75rem 0 0}.sbw-picker{border-radius:22px 22px 0 0;max-width:none;height:100%}.sbw-grab{background:#ffffff2e;border-radius:4px;flex-shrink:0;width:40px;height:4px;margin:10px auto 0;display:block}.sbw-picker-head{align-items:center;padding:.75rem 1rem 0}.sbw-picker-heading{gap:.15rem}.sbw-picker-title{font-size:1.5rem}.sbw-search{height:48px;margin:.875rem 1rem 0;padding:0 .875rem}.sbw-picker-body{margin:calc(.875rem - 4px) 0 calc(1.75rem - 4px);padding:4px 1rem}.sbw-games{grid-template-columns:repeat(2,minmax(0,1fr));gap:.625rem}.sbw-game{aspect-ratio:4/3;border-radius:14px}.sbw-game-text{bottom:8px;left:10px;right:10px}.sbw-game-name{font-size:.9rem}.sbw-game-check{width:22px;height:22px;top:8px;right:8px}}.sbw-modal-enter-active,.sbw-modal-leave-active{transition:opacity .18s}.sbw-modal-enter-active .sbw-picker,.sbw-modal-leave-active .sbw-picker{transition:transform .18s,opacity .18s}.sbw-modal-enter-from,.sbw-modal-leave-to{opacity:0}.sbw-modal-enter-from .sbw-picker,.sbw-modal-leave-to .sbw-picker{opacity:0;transform:scale(.96)}@media (max-width:600px){.sbw-modal-enter-from .sbw-picker,.sbw-modal-leave-to .sbw-picker{transform:translateY(24px)}}@media (max-width:580px){.sbw-shell--tabs .sbw-bar{border-radius:20px}.sbw-shell--tabs .sbw-select,.sbw-shell--tabs .sbw-cta{border-radius:14px}.sbw-bar{border-radius:20px;flex-wrap:wrap;gap:.25rem;padding:.5rem}.sbw-need{flex:100%}.sbw-select,.sbw-select--flex,.sbw-select--need,.sbw-select--play{flex:100%;width:auto;padding:.6rem .9rem}.sbw-sep{flex:0 0 calc(100% - 1.8rem);width:auto;height:1px;margin:0 .9rem}.sbw-menu{top:calc(100% + 6px);right:0}.sbw-cta{justify-content:center;align-self:auto;width:100%;margin-top:.35rem;margin-left:0;padding:.9rem 1rem}}