/* SHOCKER OWNZ MUSIC FORGE // V4.8 SUPREME DESIGN PASS
   Real HTML/CSS polish over v4.7. No blinking or flashing, mobile-first focus. */
:root{--ownz-red:#ff284f;--ownz-ember:#ff7746;--ownz-glass:#121016;--ownz-fine:#a43b51;--ownz-matte:#09090d}
#app{background:radial-gradient(ellipse 82% 48% at 50% -6%,#77081965,transparent 72%),repeating-linear-gradient(112deg,#fff1 0px,transparent 1px,transparent 19px),#070609!important}
#app>.forge-topbar{border-top:2px solid #ff4a65;border-bottom:1px solid #77122b;box-shadow:0 2px 0 #18050c,0 10px 26px #0009,inset 0 1px 0 #fff2;isolation:isolate}
#app>.forge-topbar:before{content:"";position:absolute;left:9%;right:9%;top:0;height:1px;background:linear-gradient(90deg,transparent,#ff688066,transparent)}
.forge-topbar nav a{border-radius:3px 3px 0 0;transition:background .14s ease,color .14s ease}
.forge-topbar nav a:hover,.forge-topbar nav a:focus-visible{background:linear-gradient(#4a0a1a75,#2607147a);outline:1px solid #b33754}
.forge-topbar nav a.is-current{background:linear-gradient(180deg,#270710,#7f15345c);border-bottom-color:#ff365b;box-shadow:inset 0 1px #ff53753d,0 0 16px #ff235b42}
.forge-header-search,.forge-app-mark{background:linear-gradient(140deg,#25121d,#0e090e);box-shadow:inset 0 1px 0 #fff3,0 0 12px #e51d4133;transition:transform .16s ease,box-shadow .16s ease}
.forge-header-search:hover,.forge-app-mark:hover{transform:translateY(-1px);box-shadow:inset 0 1px 0 #fff3,0 0 20px #ff2d5663}
#app>main{padding-top:12px!important}
.forge-hero{height:clamp(265px,26vw,356px)!important;min-height:265px!important;padding:30px clamp(24px,4vw,66px)!important;isolation:isolate;overflow:hidden;border:1px solid #eb284d;border-radius:9px;box-shadow:0 0 0 1px #390916,0 16px 45px #000e,0 0 25px #ff163d36,inset 0 0 0 1px #f15c6f2b;background:linear-gradient(90deg,#050406f7 0%,#080308ed 30%,#0903078c 58%,#0a03061a 100%),url('art/hero-mask.webp') 94% 45%/auto 166% no-repeat,#070306!important}
.forge-hero:before{content:"";z-index:0;position:absolute;pointer-events:none;inset:0;background:linear-gradient(135deg,#ff6f803e 0,transparent 8%,transparent 72%,#ff456b26 100%),repeating-linear-gradient(123deg,transparent 0px,transparent 21px,#ffb7bf06 22px,transparent 23px);box-shadow:inset 0 0 0 6px #04040677,inset 0 0 0 7px #ff31512f,inset 0 0 48px #000a}
.forge-hero:after{height:4px;background:linear-gradient(90deg,#f05064,#ff284f 45%,#4e091d 85%,transparent);box-shadow:0 0 16px #ff254e7c}
.forge-hero-copy{position:relative;max-width:67%;gap:3px;filter:drop-shadow(0 9px 16px #000c)}
@media(min-width:701px){.forge-hero{padding-top:17px!important;padding-bottom:16px!important}.forge-hero-brand{height:81px!important;max-height:81px!important;width:auto!important;max-width:560px!important}.forge-hero h1{font-size:clamp(55px,5.7vw,86px)!important;margin:0!important}.forge-hero-copy>p:not(.forge-eyebrow){margin:1px 0 0}.forge-hero-cta{margin-top:4px}}
.forge-hero-copy .forge-eyebrow{display:inline-flex;width:max-content;max-width:100%;padding:6px 8px;border-left:3px solid #ff284f;background:linear-gradient(90deg,#6c0c2c75,#0a071100);color:#ffbdc8;font-weight:800;font-size:10px;letter-spacing:.27em}
.forge-hero-brand{max-height:108px!important;filter:drop-shadow(0 3px 0 #12040b) drop-shadow(0 8px 4px #000) drop-shadow(0 0 13px #ff36545e)}
.forge-hero h1{font-style:italic;transform:skewX(-4deg);-webkit-text-stroke:.5px #ffdce654;text-shadow:0 3px 0 #30030d,0 7px 0 #16040a,0 12px 13px #000,2px 0 5px #f831594c;filter:drop-shadow(0 0 4px #f12b473b)}
.forge-hero h1 em{color:#ff3355;background:linear-gradient(180deg,#ffb1bd 2%,#ff4467 30%,#d91136 56%,#640821 85%,#fa3151 97%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 3px 1px #410c1a)}
.forge-hero-copy>p:not(.forge-eyebrow){display:inline-block;max-width:100%;padding:4px 0;border-top:1px solid #ae284552;color:#f9e3e8;font-weight:850;letter-spacing:.27em;text-shadow:0 2px #000}
.forge-hero-legend{font-style:italic;transform:rotate(-8deg);line-height:.98;font-weight:950;text-shadow:3px 4px 1px #000,0 0 13px #f82748a0}
.forge-hero-corner{z-index:1;position:absolute;right:20px;bottom:17px;display:flex;flex-direction:column;align-items:flex-end;gap:4px;text-align:right;font-size:9px;letter-spacing:.18em;font-weight:850;color:#ffdbe2;text-shadow:0 2px #000}
.forge-hero-corner span:first-child{color:#ff3b5e;border-bottom:1px solid #d22d4f;padding-bottom:4px}
.forge-hero-cta{position:relative;z-index:3;display:flex;align-items:center;gap:9px;margin-top:10px;flex-wrap:wrap}
.forge-hero-cta a,.forge-hero-cta button{min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:9px;cursor:pointer;padding:8px 13px;font-size:10px;font-weight:850;letter-spacing:.08em;text-decoration:none;border-radius:4px;box-shadow:inset 0 1px 0 #ffb8c355,0 4px 14px #000a;transition:transform .14s ease,box-shadow .14s ease}
.forge-hero-open{background:linear-gradient(160deg,#ff3156,#ac0f32 70%,#700825);border:1px solid #ff6a82;color:white}
.forge-hero-create{background:linear-gradient(150deg,#200a11,#0c080d);color:#ffdbe1;border:1px solid #a52c4b}
.forge-hero-cta a:hover,.forge-hero-cta button:hover{transform:translateY(-1px);box-shadow:inset 0 1px #ffc5ce91,0 0 17px #ff224e6c}
.forge-playerpanel{position:relative;margin-top:12px;gap:14px;padding:14px!important;border-radius:10px;border:1px solid #d92e50;background:radial-gradient(ellipse at 0 0,#61102566,transparent 55%),linear-gradient(110deg,#170711,#0a090e 51%,#14070d)!important;box-shadow:inset 0 1px 0 #ffb2c440,0 2px 0 #320916,0 10px 35px #000b,0 0 17px #df204b2f}
.forge-playerpanel:before{pointer-events:none;content:"";position:absolute;inset:4px;border:1px solid #ff36541c;border-radius:7px}
.forge-player-rivet{pointer-events:none;position:absolute;right:9px;top:9px;width:5px;height:5px;background:#ff8c9f;border-radius:50%;box-shadow:0 0 0 2px #3c0719,0 0 7px #f42d50}
.forge-currentcover{border:2px solid #fa5272!important;border-radius:6px;box-shadow:0 0 0 3px #3e0b20,0 0 0 4px #9b254766,0 10px 23px #000e,0 0 20px #ff315c6b;filter:contrast(1.05) saturate(1.05)}
.forge-nowlabel{color:#ff859a!important;font-weight:900;letter-spacing:.18em;display:flex;gap:7px;align-items:center;flex-wrap:wrap}.forge-signal-badge{font-size:8px;line-height:1.1;letter-spacing:.08em;font-weight:800;padding:4px 6px;color:#ffd9e1;background:#53102852;border:1px solid #9e314d;border-radius:3px}
.forge-name-row h2{font-weight:930;color:white;letter-spacing:-.035em;text-shadow:0 2px #000}
.forge-name-row p{color:#d8bdc6}
.forge-time input[type=range],.forge-volume input[type=range]{accent-color:#ff2d51}
.forge-main-play{border:2px solid #ff738e!important;background:radial-gradient(circle at 43% 26%,#761534,#3b0719 58%,#16040b);color:white;box-shadow:0 0 0 3px #4b0a22,0 0 0 5px #ff285a52,0 0 30px #f42558a6,inset 0 4px 12px #ff899066;transition:box-shadow .18s ease,transform .18s ease}
.forge-main-play:hover,.forge-main-play:focus-visible{transform:scale(1.04);box-shadow:0 0 0 4px #530721,0 0 0 7px #ff315a42,0 0 34px #ff2e5ab3,inset 0 4px 13px #ff7f9b55}
.forge-icon-btn{border-radius:6px;transition:background .16s ease,color .16s ease}.forge-icon-btn:hover{background:#a92c4a25;color:#ffccd3}
.forge-bars{align-items:end;border-bottom:1px solid #aa184084}.forge-bars i{opacity:.85;border-radius:2px 2px 0 0;background:linear-gradient(0deg,#a5072d,#ff4165 65%,#ff9caa)!important;box-shadow:0 0 3px #f72451}.forge-playerpanel.is-playing .forge-bars i{animation:ownz-audio-visual .8s ease-in-out infinite alternate}.forge-playerpanel.is-playing .forge-bars i:nth-child(3n){animation-duration:1.2s}.forge-playerpanel.is-playing .forge-bars i:nth-child(4n){animation-duration:.95s}
@keyframes ownz-audio-visual{from{opacity:.48;transform:scaleY(.62)}to{opacity:1;transform:scaleY(1)}}
.forge-queue{background:linear-gradient(140deg,#140711,#08070c)!important;border:1px solid #852840!important;box-shadow:inset 0 1px #ff8a9830}
.forge-queue-head{margin-bottom:5px}.forge-queue-head b{letter-spacing:.075em;color:#fff}.forge-queue-dash{color:#ff365b;text-shadow:0 0 7px #fa284a}
.forge-queue .forge-qitem{border:1px solid #672237;background:linear-gradient(90deg,#381020,#160b12 65%,#0e090e);box-shadow:inset 0 1px #ff9b9b11;transition:border-color .15s ease,transform .15s ease}.forge-queue .forge-qitem:hover{transform:translateX(2px);border-color:#f43b5b}
.forge-shortcuts{gap:10px!important;margin:12px 0!important}.forge-shortcuts button{position:relative;overflow:hidden;min-height:82px;border:1px solid #a42b49!important;background:linear-gradient(134deg,#360d1c,#140a11 48%,#08080c 100%)!important;box-shadow:inset 0 1px 0 #ffaeb026,0 6px 13px #0008;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.forge-shortcuts button:before{content:"";pointer-events:none;position:absolute;inset:0;background:linear-gradient(136deg,#ff628418,transparent 31%,transparent 77%,#ff23401a)}
.forge-shortcuts button:hover{transform:translateY(-2px);border-color:#ff5b75!important;box-shadow:inset 0 1px #ffb9c43c,0 0 20px #e91d4444}
.forge-shortcuts button>span{border:1px solid #ff4968;box-shadow:inset 0 0 9px #f5284944,0 0 16px #f528494c}
.forge-shortcuts b{color:#fff;letter-spacing:.03em}.forge-shortcuts small{color:#debbc4;font-size:10px}
.forge-catalog{position:relative;border:1px solid #ae2c4d;border-radius:9px!important;box-shadow:inset 0 1px 0 #ffb7c02e,0 8px 30px #000b;background:linear-gradient(155deg,#140a12,#08080c 30%)!important;padding:14px!important}
.forge-catalog-overline{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #72243b;margin-bottom:9px;padding:0 0 9px;font-size:9px;font-weight:900;letter-spacing:.18em;color:#e7acb9}.forge-catalog-overline span:nth-child(2){color:#ff5372}
.forge-catalog-head h2{font-size:17px!important;color:#fff;font-weight:950}.forge-catalog-head h2 span{color:#ff7a93!important}
.forge-filter-row{margin:6px 0 13px!important}.forge-filters button{border:1px solid #752a42!important;background:#1b0e17;color:#e8d4d9;transition:background .15s ease,border-color .15s ease}.forge-filters button[aria-pressed=true],.forge-filters button:hover{background:linear-gradient(#ff385d,#a81335)!important;border-color:#ff6d81!important;color:white!important;box-shadow:0 0 9px #ff305b59}
.forge-tile{padding:4px;border:1px solid #522132;border-radius:6px;background:linear-gradient(#1c1018,#0a0a0e);transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.forge-tile:hover,.forge-tile:focus-within{transform:translateY(-2px);border-color:#fa3c5f;box-shadow:0 0 15px #ff365b4d}.forge-tile img{border-radius:4px!important;box-shadow:0 0 0 1px #ff477023}.forge-tile-name{font-weight:820;line-height:1.22}.forge-tile-meta{color:#d4b0bc}
.forge-view button{border-color:#a42c49!important}.forge-view button[aria-pressed=true]{box-shadow:0 0 13px #ec25535e}
#app>.tabs{background:linear-gradient(180deg,#230912,#0b060a 66%)!important;border-top:2px solid #d82f53;box-shadow:inset 0 1px 0 #ff9ca64a,0 -7px 28px #000d,0 -3px 21px #e31c4440}
#app>.tabs button{transition:background .15s ease}.tabs button:focus-visible{outline:2px solid #ff91a1;outline-offset:-4px}
#app>.tabs button.selected{box-shadow:inset 0 -2px 0 #ff395e,0 0 12px #ff275b1f}
#app>.tabs .central-tab .forge-bottom-emblem{box-shadow:0 0 0 4px #45081d,0 0 0 6px #ff315a44,0 0 24px #ff2a5d8c}
.forge-global-footer{border-top:1px solid #ad2b47!important;background:#09060a!important;letter-spacing:.06em}.forge-footer-mark{font-size:21px;color:#ff3458;text-shadow:0 0 10px #ff3458}
#app button:focus-visible,#app a:focus-visible,#app input:focus-visible{outline:2px solid #ffb6c5;outline-offset:2px}
@media(max-width:1100px){.forge-hero{height:270px!important}.forge-hero-cta a,.forge-hero-cta button{font-size:9px}.forge-catalog-overline{font-size:8px}}
@media(max-width:700px){
 #app>.forge-topbar{border-top-width:2px;box-shadow:0 5px 18px #000a}
 #app>main{padding:8px 8px 18px!important}.forge-hero{height:274px!important;min-height:274px!important;padding:14px 14px!important;border-radius:7px;background:linear-gradient(90deg,#060308e5,#08040bbb 41%,#1607104c 85%),url('art/hero-mask.webp') 79% 48%/auto 130% no-repeat,#080409!important}
 .forge-hero-copy{max-width:89%;gap:2px}.forge-hero-brand{max-height:56px!important}.forge-hero h1{font-size:clamp(42px,11.7vw,56px)!important;margin:2px 0 4px}.forge-hero-copy .forge-eyebrow{font-size:7px;letter-spacing:.09em;padding:4px 5px}.forge-hero-copy>p:not(.forge-eyebrow){font-size:8px;letter-spacing:.1em;padding:3px 0}.forge-hero-legend{font-size:10px}.forge-hero-corner{font-size:7px;bottom:8px;right:8px}
 .forge-hero-cta{margin-top:6px;gap:6px;max-width:100%}.forge-hero-cta a,.forge-hero-cta button{font-size:8px;letter-spacing:0;padding:5px 7px;min-height:32px}
 .forge-playerpanel{padding:10px!important;border-radius:8px}.forge-signal-badge{display:none}.forge-nowlabel{font-size:9px}.forge-currentcover{border-radius:5px}.forge-name-row h2{font-size:19px}.forge-queue{margin-top:2px}
 .forge-shortcuts{gap:7px!important;margin:8px 0!important}.forge-shortcuts button{min-height:70px}.forge-shortcuts b{font-size:10px}.forge-shortcuts small{font-size:9px}
 .forge-catalog{padding:10px!important}.forge-catalog-overline{gap:5px;letter-spacing:.05em;font-size:7px}.forge-catalog-overline span:last-child{display:none}.forge-catalog-head h2{font-size:16px!important}.forge-tile-name{font-size:11px}.forge-tile-meta{font-size:9px}
 #app>.tabs{height:75px;min-height:75px;padding:3px 1px}.tabs button{min-height:65px!important;font-size:9px!important}.tabs button span small{font-size:7px}.forge-footer-mark{display:none}
}
@media(max-width:360px){.forge-hero-cta a,.forge-hero-cta button{font-size:7px;padding:5px}.forge-hero h1{font-size:40px!important}.forge-hero{height:266px!important;min-height:266px!important}.forge-playerpanel{gap:5px}.forge-queue .forge-qitem{min-width:0}}
@media(prefers-reduced-motion:reduce){.forge-playerpanel.is-playing .forge-bars i{animation:none!important}*,*::before,*::after{scroll-behavior:auto!important}}
.forge-less-motion .forge-playerpanel.is-playing .forge-bars i{animation:none!important}