
.directory-premium{display:grid;gap:30px;min-width:0}
.directory-command{position:relative;z-index:2;margin:-22px auto 8px;width:min(1080px,100%)}
.directory-command-form{display:grid;grid-template-columns:minmax(240px,1fr) minmax(140px,.25fr) minmax(150px,.28fr) minmax(140px,.25fr) auto;gap:10px;padding:10px;border:1px solid rgba(115,220,255,.2);border-radius:24px;background:rgba(1,9,42,.82);box-shadow:0 18px 54px rgba(0,0,0,.24);backdrop-filter:blur(18px)}
.directory-command-form input,.directory-command-form select{min-height:50px;border:1px solid rgba(115,220,255,.16);border-radius:15px;background:#000b2f;color:#fff;padding:0 14px;outline:none}
.directory-command-form input:focus,.directory-command-form select:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(0,180,255,.12)}
.directory-category{margin:0 0 38px;min-width:0}
.directory-category-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:0 2px 14px}
.directory-category-head h2{font-size:clamp(25px,3vw,38px);line-height:1;margin:0;letter-spacing:-.035em}
.directory-see-all{display:inline-flex;align-items:center;gap:7px;color:var(--cyan2);font-weight:850;text-decoration:none;white-space:nowrap}
.directory-see-all:hover,.directory-see-all:focus-visible{text-decoration:underline}
.directory-rail-shell{position:relative;min-width:0}
.directory-rail{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(176px,16vw,218px);gap:14px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:none;padding:4px 4px 12px;margin:0 -4px}
.directory-rail::-webkit-scrollbar{display:none}
.directory-rail:focus-visible{outline:2px solid var(--cyan);outline-offset:5px;border-radius:18px}
.directory-rail-nav{position:absolute;z-index:3;top:42%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;border:1px solid rgba(115,220,255,.35);background:rgba(0,6,39,.92);color:#fff;font-size:30px;line-height:1;display:grid;place-items:center;cursor:pointer;box-shadow:0 10px 28px rgba(0,0,0,.4);opacity:.96}
.directory-rail-nav.is-prev{left:-17px}
.directory-rail-nav.is-next{right:-17px}
.directory-rail-nav:hover,.directory-rail-nav:focus-visible{background:var(--cyan);color:#001121;outline:none}
.directory-station-tile{scroll-snap-align:start;min-width:0}
.directory-station-action{width:100%;display:block;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}
.directory-artwork{position:relative;display:grid;place-items:center;aspect-ratio:1/1;border-radius:25px;overflow:hidden;background:linear-gradient(145deg,#00164b,#001031);border:1px solid rgba(115,220,255,.16);box-shadow:0 16px 38px rgba(0,0,0,.25);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.directory-artwork img{width:100%;height:100%;object-fit:contain;background:#fff;padding:8px}
.directory-artwork-fallback{width:100%;height:100%;display:grid;place-items:center;background:radial-gradient(circle at 38% 32%,rgba(0,180,255,.28),transparent 42%),linear-gradient(145deg,#00184d,#00072d);font-size:clamp(32px,5vw,58px);font-weight:1000;letter-spacing:-.08em;color:var(--cyan2)}
.directory-station-action:hover .directory-artwork,.directory-station-action:focus-visible .directory-artwork{transform:translateY(-4px);border-color:rgba(115,220,255,.56);box-shadow:0 22px 46px rgba(0,0,0,.36),0 0 0 1px rgba(0,180,255,.1)}
.directory-station-action:focus-visible{outline:none}
.directory-station-action:focus-visible .directory-artwork{box-shadow:0 0 0 3px rgba(0,180,255,.38),0 20px 46px rgba(0,0,0,.35)}
.directory-station-action:hover .directory-play-orb{transform:scale(1.06);background:var(--cyan);color:#001121}
.directory-station-copy{display:block;padding:12px 4px 0;min-width:0}
.directory-station-copy strong,.directory-station-copy small,.directory-station-copy em{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.directory-station-copy strong{font-size:15px;letter-spacing:-.01em}
.directory-station-copy small{color:var(--muted);font-size:12px;margin-top:5px}
.directory-station-copy em{font-style:normal;color:#7bdcff;font-size:10px;margin-top:6px;text-transform:capitalize}
.directory-station-tile.is-active .directory-artwork{border-color:rgba(115,220,255,.78);box-shadow:0 0 0 1px rgba(0,180,255,.18),0 18px 44px rgba(0,180,255,.12)}
.directory-station-tile.is-active[data-player-state="PLAYING"] .directory-equalizer{display:flex}
.directory-station-tile.is-active[data-player-state="PLAYING"] .directory-play-orb{background:var(--cyan);color:#001121}
.directory-skeleton{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(176px,16vw,218px);gap:14px;overflow:hidden;margin:4px 0 42px}
.directory-skeleton span{display:block;aspect-ratio:1/1;border-radius:25px;background:linear-gradient(100deg,rgba(0,22,68,.9),rgba(0,53,105,.6),rgba(0,22,68,.9));background-size:220% 100%;animation:directory-shimmer 1.15s linear infinite}
.directory-full-view{min-height:440px}
.directory-full-view[hidden]{display:none}
.directory-full-head{display:flex;align-items:flex-start;gap:18px;margin:0 0 24px}
.directory-full-head h2{font-size:clamp(30px,5vw,58px);margin:2px 0 8px;letter-spacing:-.045em}
.directory-full-head p{color:var(--muted);margin:0}
.directory-back{width:46px;height:46px;border-radius:50%;border:1px solid var(--line);background:rgba(0,18,59,.72);color:#fff;font-size:22px;cursor:pointer}
.directory-back:hover,.directory-back:focus-visible{border-color:var(--cyan);outline:none}
.directory-full-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px 14px}
.directory-load-sentinel{height:1px}
.directory-load-more{display:flex;margin:30px auto 0}
.directory-error{grid-column:1/-1;padding:36px;border:1px dashed var(--line);border-radius:22px;color:var(--muted);text-align:center}
/* R76 split-safe Directory responsive closure. */
.directory-premium{grid-template-columns:minmax(0,1fr);width:100%;max-width:100%;min-width:0}
.directory-skeleton,.directory-category,.directory-rail-shell,.directory-rail{min-width:0;max-width:100%}
.directory-skeleton{width:100%}.directory-skeleton[hidden]{display:none!important}
.directory-rail-shell,.directory-rail{width:100%;max-width:100%;min-width:0}
@media(max-width:1100px){.directory-full-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.directory-command-form{grid-template-columns:minmax(240px,1fr) repeat(2,minmax(145px,1fr))}.directory-command-form .growth-primary{grid-column:3}.directory-command-form select[name="tag"]{grid-column:2}}
@media(max-width:820px){.directory-command-form{grid-template-columns:1fr 1fr}.directory-search-box{grid-column:1/-1}.directory-command-form .growth-primary{min-height:50px}.directory-full-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.directory-rail{grid-auto-columns:clamp(168px,30vw,210px)}.directory-rail-nav{display:none}}
@media(max-width:640px){.directory-premium{gap:22px;overflow-x:visible}.directory-command{margin:-10px auto 2px;max-width:100%}.directory-command-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:8px;border-radius:20px;max-width:100%}.directory-command-form>*{min-width:0;max-width:100%}.directory-search-box{grid-column:1/-1}.directory-command-form select[name="country"]{grid-column:1}.directory-command-form input[name="state"]{grid-column:2}.directory-command-form select[name="tag"]{grid-column:1/-1}.directory-command-form .growth-primary{grid-column:1/-1;width:100%}.directory-category{margin-bottom:30px;max-width:100%;overflow:hidden}.directory-category-head{align-items:center}.directory-category-head h2{font-size:26px}.directory-see-all{font-size:12px}.directory-rail-shell{max-width:100%;overflow:hidden}.directory-rail{width:100%;max-width:100%;grid-auto-columns:min(44vw,176px);gap:11px;padding-bottom:8px}.directory-artwork{border-radius:21px}.directory-station-copy{padding-top:10px}.directory-full-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 11px}.directory-full-head{gap:12px}.directory-back{width:42px;height:42px;flex:0 0 42px}}
@media(max-width:360px){.directory-rail{grid-auto-columns:46vw}.directory-command-form{grid-template-columns:minmax(0,1fr)}.directory-search-box,.directory-command-form select[name="country"],.directory-command-form input[name="state"],.directory-command-form select[name="tag"],.directory-command-form .growth-primary{grid-column:1}.directory-full-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.directory-station-copy strong{font-size:13px}}
