.wheel-dock{z-index:30;color:#fff;scrollbar-width:thin;background:#16161af0;border:1px solid #ffffff1f;border-radius:20px;width:196px;max-height:calc(100dvh - 160px);padding:10px 8px 8px;transition:opacity .3s;position:fixed;top:50%;left:16px;overflow-y:auto;translate:0 -50%;box-shadow:0 18px 44px #00000061}.wheel-dock__head{letter-spacing:.04em;text-transform:uppercase;color:#ebebf59e;margin:0 0 6px;padding:0 8px;font-size:.72rem;font-weight:700}.wheel-dock__list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.wheel-dock__btn{width:100%;min-height:52px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:10px;padding:6px 8px;transition:background .15s;display:flex}.wheel-dock__icon{object-fit:cover;background:#ffffff1f;border-radius:10px;flex:none;width:40px;height:40px;display:block;box-shadow:0 1px 3px #00000059}.wheel-dock__name{overflow-wrap:anywhere;min-width:0;font-size:.92rem;font-weight:600;line-height:1.25}.wheel-dock__btn:hover{background:#ffffff1a}.wheel-dock__btn.is-active{color:#111;background:#fff}.wheel-dock__btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app[data-wheel=spinning] .wheel-dock{opacity:.4;pointer-events:none}.app--fullscreen .wheel-dock{display:none}@media (min-width:1024px){.app--view:has(.wheel-dock) .stage__titles{width:min(760px,100vw - 480px)}.app--presenting:has(.wheel-dock) .stage:has(.stage__wheels--dual){--wheel-size:min(60vh, calc((100vw - 520px) / 2));--wheel-size-t:min(60vh, calc((100vw - 520px) / 2))}}@media (max-width:1023px){.wheel-dock{top:auto;left:0;right:0;bottom:calc(70px + env(safe-area-inset-bottom));width:auto;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0;translate:none}.wheel-dock__head{display:none}.wheel-dock__list{scroll-snap-type:x proximity;scrollbar-width:none;flex-direction:row;gap:8px;padding:0 16px;scroll-padding-inline:16px;overflow-x:auto}.wheel-dock__list::-webkit-scrollbar{display:none}.wheel-dock__item{scroll-snap-align:start;flex:none}.wheel-dock__btn{background:#16161aeb;border:1px solid #ffffff24;border-radius:999px;gap:8px;width:auto;min-height:44px;padding:4px 14px 4px 4px;box-shadow:0 6px 16px #0000004d}.wheel-dock__btn.is-active{background:#fff;border-color:#fff}.wheel-dock__icon{border-radius:50%;width:34px;height:34px}.wheel-dock__name{white-space:nowrap;font-size:.86rem}.app--view.app--presenting:has(.wheel-dock) .app__main{padding-bottom:140px}.app--view.app--presenting:has(.wheel-dock) .stage{--wheel-fit:calc((100dvh - 340px) / var(--fit-den,calc(1 + 2 * var(--rim-over,0))))}.app--view.app--presenting:has(.wheel-dock) .stage__wheels--dual{flex-direction:row;justify-content:center;align-items:center;gap:4vw}.app--view.app--presenting:has(.wheel-dock) .stage:has(.stage__wheels--dual){--wheel-size:min(42vw, calc((100dvh - 360px) / 1.2), 360px);--wheel-size-t:min(42vw, calc((100dvh - 360px) / 1.2), 360px)}}@media (min-width:600px) and (max-width:1023px){.wheel-dock__list{justify-content:center}.app--view.app--presenting:has(.wheel-dock) .stage{--wheel-fit:calc((100dvh - 400px) / var(--fit-den,calc(1 + 2 * var(--rim-over,0))))}}@media (max-width:1023px) and (max-height:520px){.wheel-dock{left:calc(12px + env(safe-area-inset-left));background:#16161af0;border:1px solid #ffffff1f;border-radius:16px;width:168px;max-height:calc(100dvh - 148px);padding:6px;top:84px;bottom:auto;right:auto;overflow-y:auto;translate:none}.wheel-dock__list{flex-direction:column;gap:2px;padding:0;overflow:visible}.wheel-dock__btn{width:100%;min-height:40px;box-shadow:none;background:0 0;border:0;border-radius:10px;padding:3px 6px}.wheel-dock__icon{border-radius:8px;width:30px;height:30px}.wheel-dock__name{white-space:normal;font-size:.8rem}.app--view.app--presenting:has(.wheel-dock) .app__main{padding-bottom:76px}.app--view.app--presenting:has(.wheel-dock) .stage{--wheel-fit:calc((100dvh - 168px) / var(--fit-den,calc(1 + 2 * var(--rim-over,0))))}}.wheel-dock__sep{letter-spacing:.04em;text-transform:uppercase;color:#ebebf59e;border-top:1px solid #ffffff1a;margin:8px 0 4px;padding:10px 8px 2px;font-size:.72rem;font-weight:700}a.wheel-dock__btn{text-decoration:none}.wheel-dock__icon--game{place-items:center;display:grid;overflow:hidden}.wheel-dock__icon--game img{object-fit:cover;width:100%;height:100%;display:block}.wheel-dock__icon--game .game__kindGlyph{background:linear-gradient(145deg, var(--from), var(--to));color:#fff;place-items:center;width:100%;height:100%;display:grid}.wheel-games{background:radial-gradient(1100px 520px at 62% -12%,#0a84ff29,#0000 62%),radial-gradient(800px 480px at 8% 110%,#bf5af21a,#0000 60%),#0b0b10;flex-direction:column;min-height:100dvh;display:flex}html:has(.wheel-games){scroll-padding-top:64px}.wheel-games__bar{z-index:25;min-height:60px;padding:env(safe-area-inset-top) max(12px, env(safe-area-inset-right)) 0 max(12px, env(safe-area-inset-left));-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);background:#0c0c10e6;border-bottom:1px solid #ffffff14;grid-template-columns:1fr auto 1fr;align-items:center;display:grid;position:sticky;top:0}.wheel-games__back{white-space:nowrap;min-height:44px;color:var(--label-2);border-radius:12px;justify-self:start;align-items:center;gap:4px;padding:0 12px 0 6px;font-weight:600;text-decoration:none;display:inline-flex}.wheel-games__back:hover{color:var(--label-1);background:#ffffff12}.wheel-games__back:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.wheel-games__title{letter-spacing:-.01em;text-align:center;margin:0;font-size:1.08rem;font-weight:700}.wheel-games__main{flex:1;padding:22px 0 36px 218px}.wheel-games__main .game{max-width:1280px}.wheel-games__main .game__board{max-height:calc(100dvh - 150px)}.wheel-games__main .game__loading{min-height:50vh;color:var(--label-2);place-items:center;display:grid}@media (min-width:1024px){.wheel-games__main{flex-direction:column;justify-content:flex-start;display:flex}.wheel-games .wheel-dock{max-height:calc(100dvh - 104px);top:82px;translate:none}.wheel-games__main .game{padding-bottom:0}.wheel-games__main .game>.game__board{grid-column:1}.wheel-games__main .game>.game__panel{grid-column:2}}@media (min-width:1024px) and (max-width:1199px){.wheel-games__main{justify-content:flex-start}.wheel-games__main .game{grid-template-columns:minmax(0,1fr)}.wheel-games__main .game>.game__panel{grid-area:auto/1}}@media (max-width:1023px){.wheel-games__bar{min-height:54px}.wheel-games__title{font-size:1rem}.wheel-games__back{font-size:.95rem}.wheel-games .wheel-dock{bottom:calc(12px + env(safe-area-inset-bottom))}.wheel-games__main{padding:12px 0 calc(84px + env(safe-area-inset-bottom))}.wheel-dock__sep{border:0;flex:none;align-self:center;margin:0;padding:0}.wheel-dock__sep span{color:#0000;background:#ffffff47;width:1px;height:30px;display:block;overflow:hidden}}@media (max-width:1023px) and (max-height:520px){.wheel-games__main{padding:10px 0 24px 188px}.wheel-games .wheel-dock{top:70px;bottom:auto}.wheel-dock__sep{border-top:1px solid #ffffff1a;margin:6px 0 2px;padding:6px 6px 0}.wheel-dock__sep span{color:#ebebf59e;background:0 0;width:auto;height:auto;font-size:.66rem}}