.rooms-head{margin:var(--sp-3) 0 var(--sp-2)}.deck{--tile:84px;--tile-w:272px;--tile-h:136px;--flip:1;--scrim-dir:to right;position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto 1fr;align-content:start;min-height:clamp(31rem,74vh,46rem);border-radius:22px;border:1px solid var(--line);background:var(--ink-1);box-shadow:var(--shadow-card)}[dir=rtl] .deck{--flip:-1;--scrim-dir:to left}.deck-bg{z-index:-1;overflow:hidden}.deck-bg,.deck-bg-img{position:absolute;inset:0}.deck-bg-img{background:50%/cover no-repeat;animation:deck-bg-in .6s var(--ease) both}.deck-bg-img.was{animation:none}.deck-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,var(--ink-1) 4%,color-mix(in srgb,var(--ink-1) 70%,transparent) 34%,transparent 70%),linear-gradient(var(--scrim-dir),color-mix(in srgb,var(--ink-1) 88%,transparent) 0,color-mix(in srgb,var(--ink-1) 35%,transparent) 50%,transparent 78%),linear-gradient(to bottom,color-mix(in srgb,var(--ink-1) 65%,transparent),transparent 26%)}@keyframes deck-bg-in{0%{opacity:0;transform:scale(1.07);filter:blur(12px) saturate(1.4)}}.deck-top{gap:var(--sp-2);padding:1rem 1.3rem .4rem;min-height:3.4rem}.deck-filters,.deck-top{display:flex;align-items:center}.deck-filters{gap:.15rem;flex:1 1;min-width:0;overflow-x:auto;scrollbar-width:none}.deck-filters button{display:inline-flex;align-items:center;gap:.4rem;flex:none;padding:.45rem .75rem;border:0;border-radius:10px;background:none;cursor:pointer;color:color-mix(in srgb,var(--text) 62%,transparent);font:inherit;font-size:.88rem;font-weight:600;transition:color var(--fast) var(--ease),background var(--fast) var(--ease)}.deck-filters button:hover{color:var(--text);background:rgba(255,255,255,.06)}.deck-filters button[aria-pressed=true]{color:var(--text);background:rgba(255,255,255,.1);box-shadow:inset 0 -2px 0 var(--a1)}.deck-filters .dot-live{width:7px;height:7px}.deck-filters select{flex:none;-webkit-margin-start:.35rem;margin-inline-start:.35rem;padding:.42rem .7rem;border-radius:10px;font:inherit;font-size:.85rem;color:var(--text);background:rgba(var(--card-rgb),.55);border:1px solid var(--line);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.deck-filters select option{background:var(--ink-1)}.deck-search-btn{display:inline-flex;align-items:center;gap:.5rem;flex:none;padding:.45rem .55rem .45rem .8rem;border-radius:12px;cursor:pointer;font:inherit;font-size:.86rem;color:var(--text);background:rgba(var(--card-rgb),.55);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:border-color var(--fast) var(--ease)}.deck-search-btn:hover{border-color:color-mix(in srgb,var(--a1) 55%,var(--line))}.deck-search-btn kbd{font:inherit;font-size:.75rem;min-width:1.4rem;padding:.05rem .35rem;border-radius:6px;border:1px solid var(--line);color:var(--muted);text-align:center}.deck-search{flex:1 1;display:flex;align-items:center;gap:.6rem;padding:0 .4rem 0 .9rem;height:2.7rem;border-radius:14px;background:rgba(var(--card-rgb),.72);border:1px solid color-mix(in srgb,var(--a1) 65%,var(--line));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:search-in .35s var(--ease)}.deck-search input{flex:1 1;min-width:0;border:0;outline:none;background:none;color:var(--text);font:inherit;font-size:1rem;caret-color:var(--a1)}.deck-search input::placeholder{color:var(--muted)}@keyframes search-in{0%{opacity:.3;transform:scaleX(.96)}}.deck-styles{display:flex;gap:2px;padding:2px;border-radius:10px;background:rgba(0,0,0,.35);flex:none}.deck-styles a{min-width:1.7rem;padding:.2rem .3rem;border-radius:8px;text-align:center;font-size:.78rem;color:var(--muted);text-decoration:none}.deck-styles a[aria-current]{background:var(--a1);color:#fff}.deck-rail{display:flex;align-items:center;gap:.7rem;min-height:calc(var(--tile-h) + 1.6rem);padding:.8rem 1.3rem;overflow-x:auto;scrollbar-width:none;scroll-padding-inline:40%;cursor:-webkit-grab;cursor:grab;overscroll-behavior-x:contain}.deck-rail::-webkit-scrollbar{display:none}.deck-rail:active{cursor:-webkit-grabbing;cursor:grabbing}.deck-tile{position:relative;flex:none;width:var(--tile);height:var(--tile);padding:0;border:0;cursor:pointer;border-radius:18px;overflow:hidden;background:rgba(var(--card-rgb),.8);box-shadow:0 10px 24px -12px rgba(0,0,0,.8),inset 0 0 0 1px rgba(255,255,255,.1);transition:width .55s var(--ease),height .55s var(--ease),transform .35s var(--spring),box-shadow .35s var(--ease),opacity .35s var(--ease)}.deck-tile:hover{transform:translateY(-3px)}.deck-tile:focus-visible{outline:2px solid var(--a1);outline-offset:3px}.deck-tile-art,.deck-tile-icon{position:absolute;background:50%/cover no-repeat;transition:opacity .45s var(--ease),inset .55s var(--ease),border-radius .55s var(--ease),width .55s var(--ease),height .55s var(--ease)}.deck-tile-art{inset:0;background-image:var(--art);opacity:0}.deck-tile-icon{inset:0;background-image:var(--icon)}.deck-tile[aria-pressed=true]{width:var(--tile-w);height:var(--tile-h);border-radius:16px;box-shadow:0 22px 40px -18px rgba(0,0,0,.9),0 0 0 2px var(--text),0 14px 40px -14px var(--glow)}.deck-tile[aria-pressed=true] .deck-tile-art{opacity:1}.deck-tile[aria-pressed=true] .deck-tile-icon{inset:auto auto 10px 10px;width:38px;height:38px;border-radius:10px;box-shadow:0 6px 14px -4px rgba(0,0,0,.8)}[dir=rtl] .deck-tile[aria-pressed=true] .deck-tile-icon{inset:auto 10px 10px auto}.deck-live{position:absolute;top:7px;inset-inline-end:7px;width:10px;height:10px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 2px var(--ink-1)}.deck-empty{display:flex;align-items:center;gap:var(--sp-2);padding:1rem 0;color:var(--muted)}.deck-empty p{margin:0}.page:has(.rooms-page){max-width:none;padding:0}.rooms-page{--top-h:4.3rem}.rooms-page .deck{border:0;border-radius:0;box-shadow:none;min-height:100dvh;margin-top:calc(-1 * var(--top-h));padding-top:var(--top-h)}.rooms-page .music-row{margin-top:0;padding:var(--sp-4) var(--sp-4) var(--sp-5)}.rooms-page .deck[data-style="4"] .deck-rail{margin-bottom:5.8rem}@media (max-width:900px){.rooms-page{--top-h:3.75rem}.rooms-page .deck{padding-bottom:calc(4.6rem + env(safe-area-inset-bottom))}.rooms-page .deck[data-style="4"] .deck-rail{margin-bottom:1rem}.rooms-page .music-row{padding:var(--sp-3) 1rem calc(6rem + env(safe-area-inset-bottom))}}.deck-info{align-self:end;max-width:42rem;padding:.6rem 1.6rem 1.7rem;display:flex;flex-direction:column;gap:.55rem;animation:info-in .6s var(--ease) both}@keyframes info-in{0%{opacity:.35;transform:translateY(10px)}}.deck-name{margin:0;font-size:clamp(2.1rem,4.6vw,4rem);font-weight:900;line-height:1.02;letter-spacing:-.02em;text-wrap:balance;text-shadow:0 3px 22px rgba(0,0,0,.55)}.deck-meta{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:.4rem 1rem;font-size:.92rem;color:color-mix(in srgb,var(--text) 78%,transparent)}.deck-here{display:inline-flex;align-items:center;gap:.45rem;color:var(--text);font-weight:700}.deck-last{margin:0;max-width:36rem;font-size:.88rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.deck-go{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.45rem}.deck-go .btn{padding-inline:1.3rem}.deck-go .btn.ghost{background:rgba(var(--card-rgb),.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.deck[data-style="4"]{grid-template-rows:auto 1fr auto}.deck[data-style="4"] .deck-bg-img{filter:blur(22px) saturate(1.3);transform:scale(1.15);animation-name:deck-bg-in-soft}@keyframes deck-bg-in-soft{0%{opacity:0}}.deck-stage4{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center;grid-gap:var(--sp-3);gap:var(--sp-3);padding:0 1.6rem}.deck-stage4 .deck-info{padding:0;align-self:center}.deck-holo{position:relative;aspect-ratio:2/1;border-radius:20px;background:50%/cover no-repeat;transform:perspective(1200px) rotateY(calc(var(--px, 0) * 16deg - 9deg * var(--flip))) rotateX(calc(var(--py, 0) * -12deg + 5deg));box-shadow:0 40px 70px -30px rgba(0,0,0,.95),0 0 0 1px rgba(255,255,255,.22),0 30px 80px -40px var(--glow);transition:transform .5s var(--ease);animation:holo-in .8s var(--ease) both,holo-float 6s ease-in-out 1s infinite}.deck-holo .sheen{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.22) calc(45% + var(--px, 0) * 40%),transparent 60%);mix-blend-mode:screen}.deck-holo:after{content:"";position:absolute;inset:auto 8% -3.2rem;height:2.2rem;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.7),transparent)}@keyframes holo-in{0%{opacity:0;transform:perspective(1200px) rotateY(calc(-25deg * var(--flip))) translateZ(-120px)}}@keyframes holo-float{50%{translate:0 -8px}}.deck[data-style="4"] .deck-rail{justify-self:center;max-width:calc(100% - 2.6rem);margin:.4rem 1.3rem 1.3rem;gap:.45rem;min-height:0;align-items:flex-end;border-radius:22px;background:rgba(var(--card-rgb),.5);border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);overflow-y:visible;padding:1.6rem .8rem .55rem}.deck[data-style="4"] .deck-tile{--tile:54px;border-radius:14px;transform-origin:bottom center;transition:transform .3s var(--ease),box-shadow .3s var(--ease)}.deck[data-style="4"] .deck-tile[aria-pressed=true]{width:var(--tile);height:var(--tile);box-shadow:0 0 0 2px var(--a1),0 10px 22px -8px var(--glow)}.deck[data-style="4"] .deck-tile[aria-pressed=true] .deck-tile-art{opacity:0}.deck[data-style="4"] .deck-tile[aria-pressed=true] .deck-tile-icon{inset:0;width:auto;height:auto;border-radius:inherit}.deck[data-style="4"] .deck-tile:hover{transform:scale(1.4) translateY(-4px);z-index:2}.deck[data-style="4"] .deck-tile:has(+.deck-tile:hover),.deck[data-style="4"] .deck-tile:hover+.deck-tile{transform:scale(1.18)}.deck[data-style="6"]{grid-template-rows:auto 1fr}.deck-stage6{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:stretch;min-height:0}.deck-stage6 .deck-info{align-self:end}.wheel{--apex:16%;position:relative;min-height:30rem;overflow:hidden;outline:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:-webkit-grab;cursor:grab;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 24%,#000 76%,transparent);mask-image:linear-gradient(180deg,transparent 0,#000 24%,#000 76%,transparent)}.wheel.is-dragging{cursor:-webkit-grabbing;cursor:grabbing}.wheel:focus-visible{box-shadow:inset 0 0 0 2px var(--a1);border-radius:16px}.wheel-marker{position:absolute;top:50%;inset-inline-start:calc(var(--apex) - 1.6rem);width:.55rem;height:1.9rem;margin-top:-.95rem;border-radius:99px;background:var(--a1);box-shadow:0 6px 18px -4px var(--glow);z-index:2}.wheel-item{position:absolute;top:50%;inset-inline-start:var(--apex);transform-origin:left center;display:flex;align-items:center;gap:.75rem;white-space:nowrap;pointer-events:auto;cursor:pointer;font-size:clamp(1.05rem,1.9vw,1.55rem);font-weight:700;line-height:1;letter-spacing:-.01em;color:color-mix(in srgb,var(--text) 45%,transparent);transition:color .25s var(--ease)}[dir=rtl] .wheel-item{transform-origin:right center}.wheel-item:hover{color:color-mix(in srgb,var(--text) 75%,transparent)}.wheel-item.on{color:var(--text);font-weight:900;text-shadow:0 2px 18px rgba(0,0,0,.6)}.wheel-icon{width:2.1rem;height:2.1rem;flex:none;border-radius:10px;background:rgba(var(--card-rgb),.8) 50% /cover no-repeat;box-shadow:0 6px 14px -6px rgba(0,0,0,.8),inset 0 0 0 1px rgba(255,255,255,.1);transition:width .3s var(--ease),height .3s var(--ease),box-shadow .3s var(--ease)}.wheel-item.on .wheel-icon{width:2.7rem;height:2.7rem;border-radius:13px;box-shadow:0 0 0 2px var(--a1),0 10px 22px -8px var(--glow)}.wheel-item .dot-live{width:8px;height:8px}.music-row{margin-top:var(--sp-4)}.music-row .h2{margin:0 0 var(--sp-2)}.music-pills{display:flex;flex-wrap:wrap;gap:.55rem}.music-pill{display:inline-flex;align-items:center;gap:.55rem;padding:.55rem 1rem .55rem .8rem;border-radius:var(--r-pill);color:var(--text);text-decoration:none;font-weight:600;font-size:.9rem;background:rgba(var(--card-rgb),.6);border:1px solid var(--line);transition:border-color var(--fast) var(--ease),transform .35s var(--spring)}.music-pill:hover{border-color:hsl(var(--h) 70% 55%/.7);transform:translateY(-2px)}.music-pill i{width:10px;height:10px;border-radius:50%;background:hsl(var(--h) 75% 55%)}.music-pill small{color:var(--muted);font-size:.76rem;font-weight:500}@media (max-width:760px){.deck{--tile:60px;--tile-w:200px;--tile-h:100px;min-height:0;border-radius:18px}.deck-top{flex-wrap:wrap;padding:.8rem .9rem .2rem;gap:.5rem}.deck-filters{order:2;flex-basis:100%}.deck-search-btn span{display:none}.deck-styles{-webkit-margin-start:auto;margin-inline-start:auto}.deck-search-btn kbd{display:none}.deck-rail{padding-inline:.9rem;gap:.55rem}.deck-info{padding:.4rem 1rem 1.2rem}.deck-name{font-size:clamp(1.8rem,9vw,2.4rem)}.deck-last{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.deck-stage4{grid-template-columns:1fr;padding:.4rem 1rem;gap:1.2rem}.deck-stage4 .deck-holo{order:-1}.deck[data-style="4"] .deck-rail{max-width:calc(100% - 1.8rem);margin:.8rem .9rem 1rem}.deck-stage6{grid-template-columns:1fr}.deck-stage6 .wheel{order:-1;min-height:19rem;--apex:12%}}