@import "https://fonts.googleapis.com/css2?family=Luckiest+Guy&family=Press+Start+2P&family=Space+Grotesk:wght@400;500;600;700&display=swap";
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.z-10{z-index:10}.container{width:100%}.mx-auto{margin-inline:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.inline{display:inline}.table{display:table}.h-full{height:100%}.h-screen{height:100vh}.min-h-screen{min-height:100vh}.w-fit{width:fit-content}.w-full{width:100%}.max-w-\[1800px\]{max-width:1800px}.shrink{flex-shrink:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.justify-center{justify-content:center}.overflow-hidden{overflow:hidden}.border{border-style:var(--tw-border-style);border-width:1px}.fill-current{fill:currentColor}.text-center{text-align:center}.uppercase{text-transform:uppercase}.opacity-50{opacity:.5}.opacity-100{opacity:1}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}@media (hover:hover){.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}:root{--tangerine-1:#ff9a00;--tangerine-2:#ffc400;--warehouse:#1a1206;--panel:#2a1a0a;--cyan:#3fd0e0;--lime:#c4f24e;--ink:#160d02;--cream:#fff4e0;--text-muted:#fff4e099;--text-faint:#fff4e066;--playing-glow:#c4f24e73;--panel-line:#fff4e01a;--grad-tangerine:linear-gradient(120deg, var(--tangerine-1), var(--tangerine-2));--shadow-tangerine:#a15e00;--shadow-lime:#7d9c2c;--font-display:"Luckiest Guy", cursive;--font-arcade:"Press Start 2P", cursive;--font-body:"Space Grotesk", sans-serif;--color-bg:var(--warehouse);--color-surface:var(--panel);--color-surface-hover:#3a2510;--color-accent:var(--tangerine-1);--color-accent-glow:#ff9a0066;--color-text:var(--cream);--color-text-muted:var(--text-muted);--color-white:var(--cream);--color-border:#fff4e01f;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:40px;--radius-sm:6px;--radius-md:12px;--radius-lg:18px;--radius-full:100px;--transition-fast:.15s ease;--transition-bounce:.4s cubic-bezier(.175, .885, .32, 1.275)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background:radial-gradient(circle at 15% 0%, #ff9a001f, transparent 45%), radial-gradient(circle at 85% 20%, #3fd0e012, transparent 40%), var(--warehouse);color:var(--cream);-webkit-font-smoothing:antialiased;line-height:1.5;overflow-x:hidden}button{cursor:pointer;background:0 0;border:none;font-family:inherit}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--warehouse)}::-webkit-scrollbar-thumb{background:var(--panel);border-radius:var(--radius-full);border:2px solid var(--warehouse)}::-webkit-scrollbar-thumb:hover{background:var(--tangerine-1)}::selection{background:var(--tangerine-1);color:var(--ink)}.text-accent{color:var(--tangerine-1)}.flex-center{justify-content:center;align-items:center;display:flex}.glass-panel{background:var(--panel);border:1px solid var(--panel-line)}.arcade-hall{flex-direction:column;gap:16px;min-height:100vh;padding:18px 18px 10px;display:flex}.cabinet-shell{background:linear-gradient(#241608,#180f04);border:3px solid #00000080;border-radius:28px;flex-direction:column;flex-shrink:0;height:calc(100vh - 82px);min-height:540px;padding:18px;scroll-margin-top:18px;display:flex;box-shadow:0 30px 60px #00000080,inset 0 0 0 2px #fff4e00a}.cabinet-marquee{background:var(--grad-tangerine);border-radius:14px 14px 4px 4px;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;padding:12px 20px;display:flex;box-shadow:0 4px #00000040}.marquee-left,.marquee-brand{align-items:center;gap:12px;display:flex}.marquee-name{font-family:var(--font-display);letter-spacing:1px;color:var(--ink);padding-top:4px;font-size:1.4rem;line-height:1}.credits-pill{font-family:var(--font-arcade);letter-spacing:.5px;color:var(--cream);background:var(--ink);border-radius:var(--radius-full);white-space:nowrap;padding:8px 14px;font-size:9px}.mobile-nav-toggle{color:var(--ink);display:none}.screen{background:radial-gradient(circle at 50% 0,#2b1c08,#120b02 75%);border-radius:10px;flex:1;gap:16px;min-height:0;padding:16px;display:flex;position:relative;overflow:hidden}.screen:after{content:"";pointer-events:none;border-radius:inherit;mix-blend-mode:multiply;z-index:50;background:repeating-linear-gradient(#0000001f 0 1px,#0000 2px 4px);position:absolute;inset:0}.content-scroll{flex:1;min-width:0;padding:8px 12px 90px 8px;overflow-y:auto}.hall-footer{font-family:var(--font-arcade);letter-spacing:.5px;color:var(--text-faint);text-align:center;flex-shrink:0;padding:2px 0 8px;font-size:8px}@media (max-width:768px){.arcade-hall{padding:10px 10px 6px}.cabinet-shell{height:calc(100vh - 60px);padding:12px}.mobile-nav-toggle{display:block}.credits-pill{display:none}}.breadcrumbs{color:var(--text-muted);align-items:center;gap:8px;margin-bottom:25px;font-size:.85rem;font-weight:400;display:flex}.breadcrumb-link{color:var(--text-muted);text-transform:capitalize;text-decoration:none;transition:color .2s}.breadcrumb-link:hover{color:var(--tangerine-2);text-decoration:underline}.breadcrumb-separator{opacity:.5;font-size:.8rem}.breadcrumb-current{color:var(--cream);text-overflow:ellipsis;white-space:nowrap;text-transform:capitalize;max-width:200px;font-weight:600;overflow:hidden}.tag-pill{font-family:var(--font-arcade);letter-spacing:.5px;border-radius:var(--radius-full);color:var(--cyan);border:2px solid var(--cyan);text-transform:uppercase;background:#3fd0e01f;padding:8px 14px;font-size:9px;line-height:1;text-decoration:none}.tag-pill.trending{color:var(--tangerine-2);border-color:var(--tangerine-1);background:#ffc4001f}.sound-hero-grid{grid-template-columns:300px 1fr;align-items:start;gap:40px;margin-bottom:60px;display:grid}.hero-pad-section{width:100%}.large-pad-wrapper{aspect-ratio:1;border-radius:var(--radius-lg);background:0 0;width:100%;position:relative}.large-pad-wrapper .sound-pad,.large-pad-wrapper .pad-content{height:100%}.hero-info-section{flex-direction:column;justify-content:center;height:100%;padding-top:10px;display:flex}.sound-title{font-family:var(--font-body);color:var(--cream);margin-bottom:16px;font-size:2.6rem;font-weight:700;line-height:1.15}.sound-tags{flex-wrap:wrap;gap:10px;margin-bottom:24px;display:flex}.sound-stats-row{font-family:var(--font-arcade);color:var(--text-muted);align-items:center;gap:12px;margin-bottom:30px;font-size:10px;display:flex}.sound-stats-row .stat{align-items:center;gap:8px;display:flex}.sound-stats-row .dot{opacity:.3}.sound-actions-row{flex-wrap:wrap;gap:14px;margin-bottom:30px;display:flex}.action-btn{font-family:var(--font-arcade);letter-spacing:.5px;text-transform:uppercase;border-radius:var(--radius-md);border:3px solid var(--cyan);color:var(--cyan);transition:transform var(--transition-fast), box-shadow var(--transition-fast);cursor:pointer;background:0 0;align-items:center;gap:10px;padding:16px 20px;font-size:10px;font-weight:400;text-decoration:none;display:flex;box-shadow:0 6px #3fd0e04d}.action-btn:hover{filter:brightness(1.12)}.action-btn:active{transform:translateY(4px);box-shadow:0 2px #3fd0e04d}.action-btn.primary,.action-btn.active{background:var(--grad-tangerine);color:var(--ink);border-color:var(--ink);box-shadow:0 6px 0 var(--shadow-tangerine)}.action-btn.primary:active,.action-btn.active:active{box-shadow:0 2px 0 var(--shadow-tangerine);transform:translateY(4px)}.action-btn.active.text-accent{color:var(--ink)}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}
.sidebar{background:var(--panel);z-index:100;border:2px solid #fff4e014;border-radius:14px;flex-direction:column;flex-shrink:0;width:240px;height:100%;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex}.sidebar-header{flex-shrink:0;padding:18px 18px 10px}.header-top{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.mobile-title{font-family:var(--font-display);letter-spacing:1px;background:var(--grad-tangerine);color:#0000;-webkit-text-stroke:1px var(--ink);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:400;display:none}.close-sidebar-btn{color:var(--cream);cursor:pointer;background:0 0;border:none;display:none}.search-container{width:100%;position:relative}.search-icon{color:var(--cyan);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-input{width:100%;font-family:var(--font-body);border-radius:var(--radius-md);color:var(--cream);background:#fff4e00f;border:2px solid #3fd0e059;padding:10px 10px 10px 40px;font-size:.9rem;transition:all .2s}.search-input::placeholder{color:var(--text-faint)}.search-input:focus{border-color:var(--cyan);outline:none;box-shadow:0 0 12px #3fd0e040}.sidebar-content{scrollbar-gutter:stable;flex-direction:column;flex:1;gap:14px;padding:10px 18px 18px;display:flex;overflow-y:auto}.section-title,.section-subtitle{font-family:var(--font-arcade);text-transform:uppercase;color:var(--cyan);letter-spacing:1px;text-shadow:0 0 10px #3fd0e066;margin-bottom:8px;font-size:9px;font-weight:400}.section-subtitle{margin-top:8px}.divider{background:var(--panel-line);background:0 0;border-bottom:1px dashed #fff4e00f;flex-shrink:0;height:1px;margin:8px 0}.category-list{flex-direction:column;gap:6px;display:flex}.fav-chip{font-family:var(--font-arcade);letter-spacing:.5px;color:var(--tangerine-2);border:2px solid var(--tangerine-1);border-radius:var(--radius-full);cursor:pointer;text-transform:uppercase;background:#ffc4001f;justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;font-size:9px;transition:all .15s;display:flex}.fav-chip:hover{background:#ffc40033}.fav-chip.active{background:var(--tangerine-1);color:var(--ink);box-shadow:0 4px 0 var(--shadow-tangerine)}.fav-chip-label{align-items:center;gap:8px;display:flex}.fav-chip-count{opacity:.8;font-size:8px}.scrollable-list{padding-bottom:20px}.scrollable-list::-webkit-scrollbar{width:4px}.scrollable-list::-webkit-scrollbar-track{background:#fff4e005}.scrollable-list::-webkit-scrollbar-thumb{background:#fff4e01a;border-radius:2px}.category-item{width:100%;font-family:var(--font-arcade);letter-spacing:.5px;text-transform:uppercase;color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;flex-shrink:0;align-items:center;gap:10px;padding:11px 12px;font-size:9px;transition:all .15s;display:flex}.category-item:hover{color:var(--cream);background:#fff4e00f}.category-item.active{background:var(--tangerine-1);color:var(--ink);box-shadow:0 4px 0 var(--shadow-tangerine)}.category-icon{opacity:.7;width:14px;height:14px}.category-item.active .category-icon{opacity:1}.fill-current{fill:currentColor}.category-label{font-size:inherit;flex:1;line-height:1.4}.category-count{font-family:var(--font-arcade);opacity:.7;background:#160d0240;border-radius:4px;padding:3px 6px;font-size:8px}.category-item.active .category-count{opacity:1;background:#160d0233}.discover-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:24px;display:grid}.discover-btn{border-radius:var(--radius-md);font-family:var(--font-arcade);letter-spacing:.5px;text-transform:uppercase;color:var(--text-muted);cursor:pointer;background:0 0;border:2px solid #3fd0e04d;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:14px 10px;font-size:8px;transition:all .15s;display:flex}.discover-btn:hover{color:var(--cyan);border-color:var(--cyan)}.discover-btn.active{color:var(--cyan);border-color:var(--cyan);background:#3fd0e01a;box-shadow:0 4px #3fd0e040}.discover-btn span{font-size:inherit}.sidebar-overlay{z-index:90;opacity:0;background:#0009;width:100vw;height:100vh;transition:opacity .3s;display:none;position:fixed;top:0;left:0}.sidebar-overlay.open{opacity:1;display:block}@media (max-width:768px){.sidebar{z-index:300;border-radius:0 14px 14px 0;width:85%;max-width:320px;height:100dvh;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:10px 0 30px #00000080}.sidebar.open{transform:translate(0)}.mobile-title,.close-sidebar-btn{display:block}}
.now-slamming{z-index:60;background:var(--panel);border-radius:var(--radius-lg);border:2px solid #fff4e026;align-items:center;gap:16px;width:min(680px,100% - 28px);padding:12px 20px;animation:.25s ease-out ns-slide-up;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 -10px 40px #00000073,0 14px 30px #00000080}.now-slamming.live{border-color:#c4f24e66}@keyframes ns-slide-up{0%{transform:translate(-50%,120%)}to{transform:translate(-50%)}}.ns-label{font-family:var(--font-arcade);color:var(--text-muted);letter-spacing:.5px;white-space:nowrap;font-size:9px}.now-slamming.live .ns-label{color:var(--lime);text-shadow:0 0 10px #c4f24e80}.ns-name{font-family:var(--font-body);color:var(--cream);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:14px;font-weight:600;overflow:hidden}.ns-wave{flex-shrink:0;align-items:flex-end;gap:3px;height:18px;display:flex}.ns-wave i{background:var(--text-faint);transform-origin:bottom;border-radius:2px;width:4px;height:100%;transform:scaleY(.25)}.now-slamming.live .ns-wave i{background:var(--lime);animation:.7s ease-in-out infinite ns-eq}.now-slamming.live .ns-wave i:first-child{animation-delay:0s}.now-slamming.live .ns-wave i:nth-child(2){animation-delay:.12s}.now-slamming.live .ns-wave i:nth-child(3){animation-delay:.24s}.now-slamming.live .ns-wave i:nth-child(4){animation-delay:.36s}.now-slamming.live .ns-wave i:nth-child(5){animation-delay:.48s}@keyframes ns-eq{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.ns-stop{font-family:var(--font-arcade);color:var(--cyan);border:2px solid var(--cyan);white-space:nowrap;background:0 0;border-radius:10px;padding:9px 14px;font-size:9px;transition:all .15s}.ns-stop:hover{background:#3fd0e01f}@media (max-width:600px){.ns-label{display:none}}
.masthead{text-align:center;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;min-height:calc(100vh - 120px);padding:60px 24px 70px;display:flex;position:relative;overflow:hidden}.masthead:before{content:"";pointer-events:none;background:radial-gradient(at 50% 30%,#ff9a003d,#0000 60%),radial-gradient(at 20% 80%,#3fd0e01f,#0000 50%);position:absolute;inset:-20% -10%}.masthead-kicker{font-family:var(--font-arcade);color:var(--lime);border-radius:var(--radius-full);z-index:2;background:#c4f24e14;border:1px solid #c4f24e66;margin-bottom:34px;padding:10px 18px;font-size:11px;position:relative}.masthead-wordmark{font-family:var(--font-display);background:var(--grad-tangerine);color:#0000;-webkit-text-stroke:3px var(--ink);filter:drop-shadow(0 8px #00000059);z-index:2;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(56px,11vw,132px);font-weight:400;line-height:.92;position:relative}.masthead-tagline{font-family:var(--font-display);color:var(--cream);z-index:2;margin:22px 0 6px;font-size:clamp(20px,2.6vw,30px);position:relative;transform:rotate(-1deg)}.masthead-tagline .hl{color:var(--cyan)}.masthead-sub{color:var(--text-muted);z-index:2;margin:0 0 40px;font-size:14px;position:relative}.masthead-sub b{color:var(--lime);font-weight:700}.masthead-cta{font-family:var(--font-arcade);color:var(--ink);background:var(--grad-tangerine);border-radius:var(--radius-sm);border:3px solid var(--ink);box-shadow:0 6px 0 var(--ink);z-index:2;cursor:pointer;padding:20px 34px;font-size:14px;transition:transform 80ms,box-shadow 80ms;animation:1.4s step-end infinite masthead-blink;display:inline-block;position:relative}.masthead-cta:active{box-shadow:0 2px 0 var(--ink);transform:translateY(4px)}@keyframes masthead-blink{0%,49%{filter:brightness()}50%,to{filter:brightness(1.18)}}@media (max-width:768px){.masthead{min-height:70vh}}