.night-experiences{--night-panel:#171d17;--night-gap:22px}.night-experiences .night-intro{max-width:650px;margin:-20px 0 30px}.night-experiences .night-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:30px 0 20px}.night-experiences .night-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;min-height:32px}.night-experiences .night-link{color:var(--lime);font:inherit;text-decoration:underline;text-underline-offset:4px;background:none;border:0;padding:8px 0;cursor:pointer}.night-experiences .night-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--night-gap);margin:24px 0;min-height:230px}.night-experiences .night-card{min-width:0;border-top:1px solid var(--line);padding:22px 0;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.night-experiences .night-card h3{font-size:23px;letter-spacing:-.7px;line-height:1.25;font-weight:400;margin:0;overflow-wrap:anywhere}.night-experiences .night-card p{margin:0;line-height:1.7;font-size:13px;color:var(--muted)}.night-experiences .night-card time{font-size:12px;color:var(--lime);line-height:1.6}.night-experiences .night-card .night-link{margin-top:auto;text-align:left;font-size:12px}.night-experiences .night-empty{grid-column:1/-1;align-self:center;max-width:600px;color:var(--muted);line-height:1.8;font-size:14px}.night-experiences .night-sources{display:flex;flex-wrap:wrap;gap:10px 24px;align-items:center}.night-experiences .night-sources a{font-size:12px;text-decoration:underline;text-underline-offset:4px}.night-experiences .night-status{min-height:1.8em}.night-experiences .night-game-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:start}.night-experiences .night-game-controls{display:flex;flex-wrap:wrap;gap:15px;align-items:end;margin-top:25px}.night-experiences .night-game-controls label{flex:1;min-width:120px}.night-experiences .night-sound-option{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted);margin:20px 0}.night-experiences .night-sound-option input{width:18px;min-height:18px;accent-color:var(--lime)}.night-experiences .night-pad{position:relative;width:100%;min-height:210px;border:1px solid var(--line);border-radius:4px;background:transparent;color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none}.night-experiences .night-pad:disabled{cursor:default}.night-experiences .night-pad-label{font-size:clamp(28px,4vw,48px);font-weight:400;letter-spacing:-2px}.night-experiences .night-beat-indicator{width:13px;height:13px;border:1px solid var(--lime);border-radius:50%;background:transparent}.night-experiences .night-pad.is-beat .night-beat-indicator{background:var(--lime)}.night-experiences .night-pad.is-tap{border-color:var(--lime)}.night-experiences .night-score{font-size:clamp(45px,7vw,80px);line-height:1;letter-spacing:-4px;color:var(--lime);margin:25px 0 10px;font-variant-numeric:tabular-nums}.night-experiences .night-game-result{margin-top:24px}.night-experiences button:disabled{opacity:.6}.night-experiences .night-filter-note{max-width:740px}.night-experiences .night-game-progress{font-variant-numeric:tabular-nums}.night-experiences [aria-busy=true]{opacity:.7}
@media(max-width:1000px){.night-experiences .night-list{grid-template-columns:repeat(2,minmax(0,1fr))}.night-experiences .night-game-grid{gap:35px}}
@media(max-width:760px){.night-experiences .night-game-grid{grid-template-columns:1fr}.night-experiences .night-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.night-experiences .night-list{grid-template-columns:1fr;min-height:200px}.night-experiences .night-card{padding:20px 0}.night-experiences .night-intro{margin-top:-12px}.night-experiences .night-pad{min-height:200px}}
@media(prefers-reduced-motion:no-preference){.night-experiences .night-pad{transition:border-color .12s ease}.night-experiences .night-beat-indicator{transition:background-color .1s ease}}
.motion-paused .night-experiences .night-pad,.motion-paused .night-experiences .night-beat-indicator{transition:none}
.night-experiences [data-night-game]{--vinyl-hue:78}.night-experiences .night-turntable{width:100%;max-width:500px;margin-inline:auto;border:1px solid var(--line);border-radius:4px;padding:22px;background:linear-gradient(140deg,#1e251c55,transparent 60%)}.night-experiences .night-deck-meta,.night-experiences .night-deck-readout{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:10px;letter-spacing:1.5px;line-height:1.5}.night-experiences .night-deck-meta{padding-bottom:20px}.night-experiences .night-deck-readout{padding-top:20px;min-height:42px;letter-spacing:.5px}.night-experiences [data-game-combo]{color:var(--lime);text-align:center}.night-experiences .night-pad.night-vinyl-pad{position:relative;display:block;isolation:isolate;aspect-ratio:1;min-height:0;width:100%;padding:0;border:0;border-radius:50%;background:#0b100b;opacity:1;-webkit-tap-highlight-color:transparent;touch-action:manipulation;outline-offset:8px;box-shadow:0 10px 25px #0005}.night-experiences .night-vinyl-disc{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;pointer-events:none}.night-experiences .night-vinyl-label{position:absolute;inset:35%;border-radius:50%;background:var(--lime);color:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;pointer-events:none;box-shadow:0 0 0 5px #111512,0 0 0 6px #697447}.night-experiences .night-vinyl-label>span{font-size:clamp(13px,1.6vw,20px);font-weight:700;letter-spacing:-.5px}.night-experiences .night-vinyl-label i{display:block;width:8px;height:8px;border-radius:50%;background:var(--bg)}.night-experiences .night-vinyl-label small{font-size:6px;letter-spacing:.6px;text-align:center;max-width:80%;line-height:1.4}.night-experiences .night-vinyl-hit{position:absolute;left:10%;right:10%;bottom:16%;text-align:center;color:var(--ink);font-size:clamp(13px,1.5vw,19px);letter-spacing:.5px;line-height:1.4;pointer-events:none;text-shadow:0 2px 8px #000}.night-experiences .night-vinyl-ripple{position:absolute;inset:-2px;border-radius:50%;border:2px solid hsl(var(--vinyl-hue) 85% 72%);box-shadow:0 0 28px hsl(var(--vinyl-hue) 85% 65% / .22);opacity:0;z-index:-1;pointer-events:none}.night-experiences .night-vinyl-ripple.second{inset:8%;border-width:1px;z-index:1;box-shadow:none}.night-experiences .night-vinyl-pad.is-beat .night-vinyl-label{box-shadow:0 0 0 5px #111512,0 0 0 7px #a8c35c,0 0 24px #d4f97522}.night-experiences .night-vinyl-pad.is-tap{box-shadow:0 0 0 2px hsl(var(--vinyl-hue) 80% 68%),0 0 38px hsl(var(--vinyl-hue) 80% 62% / .28)}.night-experiences .night-vinyl-pad.is-tap .night-vinyl-hit{color:hsl(var(--vinyl-hue) 90% 80%)}
@keyframes night-vinyl-turn{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:no-preference){.night-experiences .night-vinyl-disc{animation:night-vinyl-turn 12s linear infinite;animation-play-state:paused}.night-experiences .is-running .night-vinyl-disc{animation-play-state:running}.night-experiences .night-vinyl-pad{transition:box-shadow .08s ease}.night-experiences .night-vinyl-label{transition:box-shadow .1s ease}}
.motion-paused .night-experiences .night-vinyl-disc{animation-play-state:paused!important}.motion-paused .night-experiences .night-vinyl-label,.motion-paused .night-experiences .night-vinyl-pad{transition:none}
@media(max-width:760px){.night-experiences .night-turntable{max-width:440px;padding:18px}.night-experiences .night-vinyl-label{gap:6px}.night-experiences .night-vinyl-label>span{font-size:16px}.night-experiences .night-deck-readout{font-size:9px;gap:8px}.night-experiences .night-vinyl-label small{font-size:5.5px}}

.night-experiences .night-source-details{margin-top:18px}.night-experiences .night-source-details[open] .night-sources{margin-top:12px}.night-experiences .night-filters label{min-width:0}

.night-experiences .night-game-home-link{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:40px 0}.night-experiences .night-game-home-link h2{font-size:clamp(28px,4vw,42px);font-weight:400;letter-spacing:-.045em;margin:10px 0}.night-experiences .night-game-home-link .body-copy{margin:0}.night-experiences .night-game-home-link .pill{flex-shrink:0;white-space:nowrap}@media(max-width:600px){.night-experiences .night-game-home-link{flex-direction:column;align-items:flex-start;gap:20px}}
