@view-transition{navigation:auto}:root{--fx-intensity:.65;--fx-rgb:255,65,30;--fx-duration:25s}html{scroll-padding-top:130px}body{overflow-x:clip}.site-shell{position:relative;z-index:2}.header{position:sticky;top:0;z-index:20;background:#0b0b0cef;backdrop-filter:blur(22px);height:94px}.header nav{gap:24px;font-size:14px}.header .brand{font-size:14px}.header .duck-nav{color:#f19f80}.ember-canvas,.hell-fog,.cursor-aura{position:fixed;inset:0;pointer-events:none}.ember-canvas{z-index:3;width:100%;height:100%}.hell-fog{z-index:0;opacity:0;background:radial-gradient(ellipse at 0 55%,rgba(var(--fx-rgb),.09),transparent 50%),radial-gradient(ellipse at 100% 85%,rgba(var(--fx-rgb),.1),transparent 45%);transition:opacity 1s}.fx-fog .hell-fog{opacity:var(--fx-intensity)}.fx-motion.fx-fog .hell-fog{animation:fog-drift var(--fx-duration) ease-in-out infinite alternate}.cursor-aura{width:340px;height:340px;z-index:0;opacity:0;background:radial-gradient(circle,rgba(var(--fx-rgb),.11),transparent 68%);transition:opacity 1s;will-change:transform}.fx-cursor .cursor-aura{opacity:var(--fx-intensity)}[data-hell-preset=cyber]{--red:#bc73ff;--fx-rgb:177,63,255}[data-hell-preset=cyber] .hero-art,[data-hell-preset=cyber] .hero-demon,[data-hell-preset=cyber] .effect-preview>img,[data-hell-preset=cyber] .duck-art>img{filter:hue-rotate(280deg) saturate(1.1)}[data-hell-preset=cyber] .countdown{color:#d3a0ff;text-shadow:0 0 30px #a947ff66}[data-hell-preset=abyss]{--red:#e03249;--fx-rgb:173,19,43}[data-hell-preset=abyss] .hero-art,[data-hell-preset=abyss] .hero-demon{filter:saturate(.7) brightness(.74)}button,a,input{transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}a.primary-button{display:inline-flex}.fx-motion .music-card:hover{transform:translateY(-3px)}.fx-motion .music-card{transition:transform .35s cubic-bezier(.2,.75,.25,1),border-color .2s}.fx-motion .hero-demon{transition:filter .7s}.fx-glitch .display-title,.fx-glitch .fx-display{animation:subtle-glitch 9s steps(1,end) infinite}.infernal-text{color:var(--red)}.display-title{font-family:Impact,'Arial Narrow',Barlow,sans-serif;font-weight:700;font-size:clamp(42px,5vw,76px);line-height:1.07;letter-spacing:.005em;margin:17px 0 20px}.display-title span{color:var(--red)}.page-intro{font-size:16px;line-height:1.65;color:#bba89e;max-width:450px;margin:0 0 32px}.karaoke-banner{display:flex;flex-direction:column;gap:7px;margin-top:18px;padding:24px 30px;background:linear-gradient(110deg,#34150e,#150e11);border:1px solid #673221;border-left:3px solid var(--red);position:relative}.karaoke-banner strong{font:34px/1.2 Impact,Barlow,sans-serif;letter-spacing:.025em;color:#ffd7be}.karaoke-banner strong span{float:right;color:var(--red)}.karaoke-banner>span:last-child{font-size:14px;color:#bda08d}.mini-kicker{font-size:11px;letter-spacing:.17em;color:#da7851}.karaoke-banner:hover{border-color:var(--red);background:linear-gradient(110deg,#462017,#1b1014)}.slop-tracks{grid-template-columns:repeat(2,minmax(0,1fr))}.slop-tracks .music-card{flex-direction:row}.slop-tracks .music-cover{width:95px;height:130px}.music-source{font-size:12px}.preset-field{border:0;margin:0 0 24px;padding:0}.preset-field legend{font-size:15px;margin-bottom:14px}.preset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.preset-button{padding:16px 12px;background:#171213;border:1px solid #442c27;text-align:left;border-radius:5px;display:flex;flex-direction:column;gap:7px;cursor:pointer;min-width:0}.preset-button[aria-pressed=true]{background:#2c1712;border-color:var(--red);box-shadow:inset 0 -2px var(--red)}.preset-button strong{font-size:13px;letter-spacing:.03em}.preset-button small{font-size:12px;color:#ac9486;line-height:1.4}.preset-orb{width:29px;height:29px;border-radius:50%;margin-bottom:8px}.inferno-orb{background:radial-gradient(circle at 35% 30%,#ffc594,#fb5e22 35%,#4a0909 80%);box-shadow:0 0 22px #ff402e25}.cyber-orb{background:radial-gradient(circle at 35% 30%,#dfc3ff,#9542ed 35%,#28184b 80%);box-shadow:0 0 22px #ab47ff25}.abyss-orb{background:radial-gradient(circle at 35% 30%,#df5265,#541325 35%,#15070e 80%);box-shadow:0 0 22px #aa193325}.effects-layout{display:grid;grid-template-columns:1fr .85fr;gap:60px;padding:13px 0 45px;align-items:start}.effects-controls{max-width:600px}.effect-sliders{padding:20px;border:1px solid #382823;background:#141011;margin-bottom:7px}.effect-sliders label,.lyrics-options>label{display:flex;justify-content:space-between;font-size:15px;gap:15px}.effect-sliders output,.lyrics-options output{color:var(--red);font:16px Tech,monospace}.effect-sliders input[type=range]{margin:12px 0 20px}.effect-sliders input:last-child{margin-bottom:0}.effect-actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0 0}.effect-preview{position:sticky;top:120px;min-height:665px;background:#140d0e;border:1px solid #6e3325;overflow:hidden;box-shadow:0 0 80px rgba(var(--fx-rgb),.08)}.effect-preview>img{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;object-position:center;opacity:.73;mask-image:linear-gradient(black 45%,transparent 94%)}.preview-label{position:relative;z-index:1;display:flex;justify-content:space-between;gap:10px;font:12px Tech,monospace;letter-spacing:.1em;padding:22px;background:linear-gradient(#1b0c0cd9,transparent);color:#ffd0b8}.preview-copy{position:absolute;bottom:76px;left:22px;right:22px}.preview-copy .eyebrow{color:#bd9380}.preview-copy strong{display:block;font:clamp(36px,5.2vw,77px)/1.1 Tech,monospace;color:var(--red);text-shadow:0 0 40px rgba(var(--fx-rgb),.45)}.preview-copy p{font-size:19px;letter-spacing:.13em;margin:15px 0 0}.preview-copy b{color:var(--red)}.preview-bottom{position:absolute;bottom:0;left:0;right:0;padding:18px 24px;border-top:1px solid #6b3a2f;font-size:14px;color:#e0a78c;background:#1c0d0dd1}.duck-stage{position:relative;display:grid;grid-template-columns:.65fr 1fr;gap:45px;padding:38px 42px 110px;min-height:490px;border:1px solid #733222;background:#1a0b0b;overflow:hidden;isolation:isolate}.duck-stage-backdrop{position:absolute;inset:0;background:linear-gradient(100deg,#13080820,#130708f2 72%),url('assets/infernal-skull.png') center/cover;z-index:-2;opacity:.5}.duck-art{position:relative;width:100%;max-width:300px;height:330px;justify-self:center}.duck-art>img{width:100%;height:100%;object-fit:cover;object-position:center;box-shadow:0 18px 65px #0008;border:1px solid #b35e3c;transform:rotate(-4deg);transition:transform .8s,filter .8s}.record-label{position:absolute;bottom:6px;left:-8px;background:var(--red);color:#200d06;padding:13px 21px;font:23px/1.05 Impact,Barlow,sans-serif;transform:rotate(-4deg);box-shadow:0 5px 30px #0006}.record-label>span{display:block;font:10px Tech,monospace;letter-spacing:.25em;margin-top:9px}.duck-title{padding:8px 0 0;min-width:0}.duck-title .display-title{font-size:clamp(60px,7.5vw,104px);line-height:.98;margin:19px 0}.duck-title .eyebrow{font-size:11px;letter-spacing:.15em}.track-byline{color:#c3a797;font-size:15px;margin:20px 0}.track-byline span{padding:0 10px;color:#835843}.duck-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}.duck-badges>span{padding:3px 7px;border:1px solid #73412e;color:#d5a283;font-size:10px;letter-spacing:.09em}.duck-main-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.big-play{min-height:50px;padding:13px 23px;font-size:14px}.duck-main-actions .text-button{font-size:13px}#duck-status{font-size:13px;color:#c08f77;margin:13px 0 0;min-height:20px}#waveform{position:absolute;bottom:0;left:0;width:100%;height:70px;opacity:.65}.transport{padding:20px 24px 22px;border:1px solid #4f2b22;border-top:0;background:#17100f}.seek-line{display:flex;align-items:center;gap:16px}.seek-line time{font:14px Tech,monospace;color:#bf9f89;min-width:38px}#seek{margin:0;flex:1}.transport-options{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:20px;color:#bda491;font-size:13px}.volume-control{display:flex;gap:12px;align-items:center;flex:0 1 340px}.volume-control input[type=range]{width:130px;margin:0;min-width:55px}.volume-control output{min-width:45px;color:#e5c2ac}.compact-switch{display:flex;gap:9px;align-items:center;font-size:13px;color:#b9a496;cursor:pointer}.compact-switch input{width:16px;height:16px;accent-color:var(--red);cursor:pointer}.speed-control{display:flex;align-items:center;gap:10px}.speed-control select{font-size:13px;min-height:35px;padding:5px 8px;width:72px}.lyrics-section{margin:37px 0 44px}.lyrics-layout{display:grid;grid-template-columns:1fr 270px;gap:45px;border-top:1px solid #35241e;padding-top:25px}.lyrics-list{max-height:600px;overflow-y:auto;overscroll-behavior:contain;scroll-behavior:smooth;scroll-padding:80px 0;padding:30px 25px 170px 4px;mask-image:linear-gradient(transparent,black 6%,black 86%,transparent);position:relative}.lyric-line{display:block;text-align:left;background:none;border:0;color:#836659;font-size:clamp(21px,2.2vw,30px);line-height:1.4;font-weight:700;padding:11px 0;transition:color .4s,transform .4s,text-shadow .4s;width:100%;white-space:pre-wrap;overflow-wrap:anywhere}.lyric-line[data-time]{cursor:pointer}.lyric-line:hover{color:#dbac90}.lyric-line.active{color:#fff0dc;transform:translateX(9px);text-shadow:0 0 28px rgba(var(--fx-rgb),.3)}.lyric-line.active::before{content:'›';color:var(--red);position:absolute;margin-left:-14px}.lyric-line.past{color:#b6927c}.lyrics-options{padding:23px;border:1px solid #432a22;background:#15100f;align-self:start;position:sticky;top:118px}.lyrics-options h3{font-size:13px;letter-spacing:.08em;color:#e7ac8b;margin:0 0 14px}.lyrics-options p{font-size:14px;color:#af9482;line-height:1.7}.lyrics-options>label{font-size:13px;margin-top:23px}.lyrics-options input[type=range]{margin:8px 0}.lyrics-options .text-button{display:block;font-size:13px;padding:7px 0}.duck-is-playing.fx-motion .duck-art>img,.fx-motion .duck-is-playing .duck-art>img{animation:record-breathe 5s ease-in-out infinite}.fx-motion .duck-is-playing .duck-stage{box-shadow:0 0 calc(20px + var(--bass,0)*60px) rgba(var(--fx-rgb),.1)}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:#120d0e}::-webkit-scrollbar-thumb{background:#59352b;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#a1583e}@keyframes fog-drift{to{transform:translate3d(3%,-4%,0) scale(1.12)}}@keyframes subtle-glitch{0%,91%,93%,100%{transform:none;text-shadow:none}92%{transform:translateX(1px);text-shadow:-2px 0 #dc4465,2px 0 #9851e5}}@keyframes record-breathe{50%{transform:rotate(-2deg) scale(1.02)}}
@media(max-width:1100px){.header nav{gap:17px}.effects-layout{gap:30px;grid-template-columns:1fr .78fr}.effect-preview{min-height:610px}.preset-grid{gap:7px}.preset-button{padding:13px 9px}.preset-button strong{font-size:11px}.duck-stage{gap:28px;padding:35px 28px 100px;grid-template-columns:.65fr 1fr}.duck-art{height:295px}.duck-title .display-title{font-size:79px}.duck-title .eyebrow{font-size:10px}.transport-options{gap:12px}.volume-control{flex:0 1 280px}.lyrics-layout{gap:25px;grid-template-columns:1fr 240px}}
@media(max-width:850px){.header .brand{font-size:12px}.header nav{font-size:13px;gap:13px}.header{gap:20px}.header .text-button{font-size:13px}.effects-layout{grid-template-columns:1fr;gap:30px}.effects-controls{max-width:none}.effect-preview{position:relative;top:0;min-height:480px;grid-row:1}.effect-preview>img{object-fit:contain;object-position:right center}.preview-copy{right:auto;width:65%;left:25px}.preview-copy strong{font-size:60px}.preview-label{background:none}.effects-controls .display-title{font-size:54px}.preset-button strong{font-size:14px}.slop-tracks{grid-template-columns:1fr}.duck-stage{grid-template-columns:.6fr 1fr;gap:26px;padding:30px 24px 100px}.duck-art{height:260px}.duck-title .display-title{font-size:65px}.record-label{font-size:19px}.track-byline{font-size:13px;line-height:1.7}.duck-main-actions{gap:8px}.big-play{font-size:12px;padding:11px 16px}.duck-main-actions .secondary-button{font-size:12px;padding:10px 12px}.transport-options{flex-wrap:wrap}.volume-control{flex:1 1 40%}.lyrics-layout{grid-template-columns:1fr}.lyrics-options{position:static}.lyrics-list{max-height:520px}.lyrics-options{display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center}.lyrics-options h3,.lyrics-options p{margin:0}.lyrics-options>label{margin:0}.lyrics-options input[type=range]{width:180px}.lyrics-options .text-button{padding:0}.lyrics-options>p{flex-basis:100%}}
@media(max-width:700px){html{scroll-padding-top:130px}.header{height:auto;gap:12px;padding:12px 0;min-height:98px}.header nav{gap:17px;justify-content:flex-start;white-space:nowrap;overflow-x:auto;padding-bottom:3px;scrollbar-width:none}.header nav::-webkit-scrollbar{display:none}.header nav>a,.header nav>button{flex:none}.header .brand{font-size:12px}.header .icon-button{width:32px;height:32px}.display-title{font-size:48px}.effects-layout{padding-top:0;gap:27px}.effect-preview{min-height:395px}.preview-copy{left:20px;bottom:72px;width:74%}.preview-copy strong{font-size:47px}.preview-copy p{font-size:14px}.preview-label{padding:17px;font-size:10px}.effect-preview>img{object-position:right bottom;opacity:.6}.effects-controls .display-title{font-size:44px}.page-intro{font-size:15px}.preset-grid{gap:7px}.preset-button{padding:13px 10px}.preset-button strong{font-size:12px}.preset-button small{font-size:11px}.karaoke-banner{padding:21px}.karaoke-banner strong{font-size:27px}.duck-stage{display:flex;flex-direction:column;padding:26px 22px 94px;gap:20px}.duck-art{width:165px;height:210px;align-self:center;margin-bottom:5px}.record-label{font-size:16px;padding:10px 13px}.record-label>span{font-size:9px}.duck-title{padding:0}.duck-title .display-title{font-size:64px;margin:15px 0}.duck-title .eyebrow{font-size:10px}.track-byline{margin:15px 0}.duck-badges{margin-bottom:18px}.duck-main-actions .big-play{min-height:45px;font-size:12px}.transport{padding:17px 16px}.seek-line{gap:8px}.seek-line time{font-size:12px;min-width:30px}.transport-options{margin-top:15px;gap:17px;font-size:12px}.volume-control{flex-basis:100%}.volume-control input[type=range]{width:auto;flex:1}.speed-control{margin-left:auto}.lyrics-section{margin-top:27px}.lyrics-section .section-heading{align-items:center}.lyrics-section .compact-switch{font-size:11px}.lyrics-list{padding-right:12px;max-height:450px}.lyric-line{font-size:23px;padding:11px 0}.lyrics-layout{gap:20px;padding-top:10px}.lyrics-options{padding:18px}.lyrics-options h3{font-size:12px}.lyrics-options p{font-size:13px}.effect-actions>*{flex:1}footer{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.ember-canvas,.cursor-aura{display:none}::view-transition-old(root),::view-transition-new(root){animation:none}}
:root:not(.fx-motion) *{animation:none!important;scroll-behavior:auto!important}:root:not(.fx-motion)::view-transition-old(root),:root:not(.fx-motion)::view-transition-new(root){animation:none!important}
.lyrics-list{scroll-behavior:auto}.lyric-line{margin:0}.lyrics-list[data-sync-mode=progress] .lyric-line{color:#d1ae97}.lyrics-follow-status{font:12px Tech,monospace;color:var(--red);letter-spacing:.05em}
