.soundclash-mode-select .mode-pager{flex:1;grid-template-columns:2.5rem minmax(0,1fr) 2.5rem;gap:.75rem;min-height:0;display:grid}.mode-page-window{touch-action:pan-y;min-width:0;min-height:0;padding:12px;overflow:hidden}.soundclash-mode-select .hw-mode-grid{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:initial;height:100%;animation:.2s ease-out mode-page-enter}.soundclash-mode-select .hw-mode-grid[data-kind=live]{grid-template-rows:minmax(25rem,1fr);gap:1.4rem}.soundclash-mode-select .hw-mode-title{white-space:normal;font-size:1.5rem;line-height:1.15;overflow:visible}.soundclash-mode-select .hw-mode-pad .hw-chip{padding:.3rem .5rem;font-size:.6rem}.soundclash-mode-select .hw-mode-glyph .hw-icon{max-height:8rem}body .soundclash-mode-select .hw-mode-pad .hw-mode-subtitle{min-height:0;margin-top:0;line-height:1.35;display:block}@media (min-width:1280px) and (max-height:800px){body .soundclash-mode-select .hw-mode-pad:has(.hw-mode-subtitle) .hw-mode-glyph{min-height:24px}}.mode-page-arrow{align-self:center;min-height:3rem;padding:.4rem}.mode-page-arrow svg{fill:none;stroke:currentColor;stroke-width:2px;width:1.5rem;height:1.5rem}.mode-page-dots{flex-shrink:0;justify-content:center;align-items:center;gap:.75rem;display:flex}.mode-page-dots button{background:#11212a;border:1px solid #a9cbd9;border-radius:50%;width:.8rem;height:.8rem}.mode-page-dots button[aria-current]{background:#5cdeec}.mode-page-dots button:focus-visible{outline-offset:3px;outline:2px solid #fff}@keyframes mode-page-enter{0%{opacity:.6;transform:translate(1.5rem)}to{opacity:1;transform:translate(0)}}.soundclash-mode-select[data-low-motion=true] .hw-mode-grid{animation:none}@media (prefers-reduced-motion:reduce){.soundclash-mode-select .hw-mode-grid{animation:none}}@media (max-width:1179px){.soundclash-mode-select .hw-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.soundclash-mode-select .hw-mode-grid[data-kind=live]{grid-template-rows:repeat(2,minmax(24rem,1fr));gap:1.1rem}.soundclash-mode-select .hw-mode-grid[data-kind=locked]{grid-template-rows:repeat(3,minmax(17rem,1fr))}}@media (max-width:639px){.soundclash-mode-select .mode-pager{grid-template-columns:1.8rem minmax(0,1fr) 1.8rem;gap:.3rem}.soundclash-mode-select .hw-mode-grid{grid-template-columns:minmax(0,1fr)}.soundclash-mode-select .hw-mode-grid[data-kind]{grid-template-rows:none;grid-auto-rows:minmax(21rem,auto);height:auto}.soundclash-mode-select .hw-mode-title{font-size:1.25rem}.soundclash-mode-select .hw-mode-desc{font-size:.85rem}.mode-page-arrow{padding:.1rem}}.soundclash-mode-select .hw-mode-glyph .hw-mode-art{filter:none;object-fit:contain;-webkit-user-select:none;user-select:none;image-rendering:pixelated}body .soundclash-mode-select .hw-mode-grid[data-kind=live] .hw-mode-pad{padding:20px 20px 16px}body .soundclash-mode-select .hw-mode-grid[data-kind=live] .hw-mode-title{font-size:clamp(1.35rem,1.8vw,2.1rem)}body .soundclash-mode-select .hw-mode-grid[data-kind=live] .hw-mode-subtitle{font-size:clamp(.75rem,.9vw,.95rem)}body .soundclash-mode-select .hw-mode-grid[data-kind=live] .hw-mode-pad .hw-chip{padding:.4rem .6rem;font-size:clamp(.65rem,.8vw,.85rem)}body .soundclash-mode-select .hw-mode-grid[data-kind=live] .hw-mode-glyph{flex:auto;min-height:9rem;padding-block:.6rem}body .soundclash-mode-select .hw-mode-grid[data-kind=live] .hw-mode-glyph .hw-icon{width:auto;max-height:min(18rem,100%)}body .soundclash-mode-select .hw-mode-grid[data-kind=live] .hw-mode-desc{padding:.7rem .9rem;font-size:clamp(.9rem,1.05vw,1.2rem);line-height:1.35}body .soundclash-mode-select .hw-mode-grid[data-kind=live] .hw-mode-pad .hw-label{align-items:center;min-height:2.4rem;margin-top:.5rem;font-size:clamp(.78rem,.95vw,1rem);display:flex}body .soundclash-mode-select .hw-mode-grid[data-kind=live] .hw-mode-pad>.hw-close{width:2.6rem;height:2.6rem;bottom:.9rem;right:.9rem}@media (min-width:1180px){body .hw-shell:has(.soundclash-mode-select){height:100dvh;overflow:hidden}body .hw-shell-frame:has(.soundclash-mode-select){height:100dvh;min-height:0}:is(body .hw-shell-chassis:has(.soundclash-mode-select),body .hw-shell-body:has(.soundclash-mode-select)),body .soundclash-mode-select{min-height:0}body .soundclash-mode-select .mode-page-window{overflow:auto}body .soundclash-mode-select .hw-mode-grid[data-kind=locked] .hw-mode-desc{padding:.4rem .6rem;font-size:14px;line-height:1.25}body .soundclash-mode-select .hw-mode-grid[data-kind=locked] .hw-mode-pad .hw-label{min-height:2rem;margin-top:.25rem}body .soundclash-mode-select .hw-mode-grid[data-kind=locked] .hw-mode-glyph{min-height:2.5rem}body .soundclash-mode-select .hw-mode-grid[data-kind=locked] .hw-mode-glyph .hw-icon{max-height:min(9rem,100%)}}@media (min-width:1280px) and (max-height:760px){body .soundclash-mode-select .hw-mode-grid[data-kind=live]{grid-template-rows:minmax(23rem,1fr)}body .soundclash-mode-select .hw-mode-grid[data-kind=live] .hw-mode-glyph{min-height:7rem}}