*{box-sizing:border-box} :root{--glow:#9cff19}body{margin:0;background:radial-gradient(ellipse at 40% -20%,#243625,transparent 45%),linear-gradient(140deg,#070909,#141416 50%,#020404);color:#e9f3eb;font:15px/1.5 'Arial Narrow',Arial,sans-serif}header{padding:16px 4%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #4a5b4f;background:#040604d9}header a{color:var(--glow);text-decoration:none;font-weight:900;letter-spacing:2px}nav{display:flex;gap:20px}nav a{color:#bcc6bd;font-size:12px}main{max-width:1510px;margin:auto;padding:26px 24px}.intro{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:25px}.kicker{color:var(--glow);letter-spacing:3px;font-weight:900;font-size:11px}h1{font-size:clamp(33px,5vw,75px);line-height:1;margin:8px 0;font-weight:1000;letter-spacing:-2px}h1 em{font-style:normal;color:var(--glow);text-shadow:0 0 35px var(--glow)}h2{font-size:32px;margin:0}.finishes{min-width:185px}select,input[type=file],button{font:inherit}select{background:#131a15;color:#fff;border:1px solid var(--glow);padding:12px;border-radius:8px;width:100%}.finishes label,.center label,.sampler label{display:block;font-size:12px;font-weight:bold;letter-spacing:1px;margin:10px 0}.booth{display:grid;grid-template-columns:minmax(0,1fr) minmax(195px,.65fr) minmax(0,1fr);gap:14px}.deck,.center,.sampler{position:relative;border:1px solid #475248;border-top:3px solid var(--glow);background:linear-gradient(143deg,#252929,#070b09 53%,#151a16);border-radius:21px;padding:22px;box-shadow:inset 0 2px 6px #ffffff21,0 12px 24px #000,0 0 24px color-mix(in srgb,var(--glow),transparent 84%)}.section-head{display:flex;justify-content:space-between;font-weight:900;letter-spacing:2px;font-size:12px}.led{color:var(--glow);font-size:10px}.load{display:block;margin:16px 0;text-align:center;border:1px solid var(--glow);padding:10px;border-radius:8px;color:var(--glow);cursor:pointer;font-weight:900}.load input{display:none}.platter{max-width:360px;aspect-ratio:1;margin:auto;border-radius:50%;padding:11px;border:7px solid #313936;background:repeating-conic-gradient(from 20deg,#5d675f 0deg 8deg,#202721 8deg 19deg);box-shadow:0 12px 16px #000,0 0 0 3px #161a17;touch-action:pan-y;cursor:ew-resize}.vinyl{height:100%;border-radius:50%;display:grid;place-items:center;background:repeating-radial-gradient(circle,#161716 0 3px,#252a27 4px 5px,#060707 6px 10px);box-shadow:inset 0 0 20px #000;animation:spin 2s linear infinite;animation-play-state:paused}.platter.playing .vinyl{animation-play-state:running}@keyframes spin{to{transform:rotate(360deg)}}.disc-logo{width:45%;aspect-ratio:1;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#050805;background:radial-gradient(circle at 25% 20%,#fff,var(--glow) 55%,#20340b);border:5px solid #000;box-shadow:0 0 22px var(--glow);line-height:1.1;transform:rotate(-12deg)}.disc-logo b{font-size:clamp(9px,1.4vw,22px);letter-spacing:-1px}.disc-logo small{font-size:clamp(7px,.8vw,11px);font-weight:1000}.track{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-align:center;color:var(--glow);font-family:monospace}.deckcontrols{display:flex;gap:8px;align-items:center;flex-wrap:wrap}button{cursor:pointer;border:none;color:#060b07;font-weight:900;background:var(--glow);border-radius:8px;padding:12px 14px;box-shadow:0 0 13px color-mix(in srgb,var(--glow),transparent 75%)}button:hover,button:focus-visible{filter:brightness(1.23)}button:active{transform:translateY(1px)}.secondary{color:#ecf7ed;background:#1d2923;border:1px solid #64756a}.deckcontrols label{font-size:11px}input[type=range]{accent-color:var(--glow);width:100%}.center{text-align:center;display:flex;flex-direction:column;justify-content:space-between}.center label{text-align:left}.side{display:flex;align-items:center;gap:8px}.hint{color:#a9b8ac;font-size:12px}.brand{font-weight:1000;letter-spacing:4px;color:var(--glow);font-size:30px;line-height:1;text-shadow:0 0 18px var(--glow);margin:20px 0}.meter{height:95px;display:flex;align-items:end;justify-content:center;gap:5px}.meter i{width:12px;height:30%;background:linear-gradient(var(--glow),#1d5810);box-shadow:0 0 8px var(--glow);border-radius:3px;animation:levels .6s ease-in-out infinite alternate}.meter i:nth-child(2n){animation-delay:-.2s}.meter i:nth-child(3n){animation-delay:-.45s}@keyframes levels{to{height:94%}}.sampler{margin-top:22px}.sampler-head{display:flex;align-items:end;justify-content:space-between;gap:12px}.pads{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0}.pads button{min-height:87px;background:linear-gradient(140deg,#27392d,#060a07);color:#fff;border:1px solid var(--glow);border-bottom:5px solid #2f4336;font-size:15px;letter-spacing:1px}.pads button.signature{color:var(--glow);text-shadow:0 0 15px var(--glow);font-size:17px}.pads button.firing{background:var(--glow);color:#060806}.vocal{display:flex;justify-content:space-between;gap:20px;padding:20px;border:1px solid #3a493f;border-radius:15px}.vocal h3{margin:0;color:var(--glow)}.vocalinputs{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-width:50%}.vocalinputs input[type=file]{max-width:180px;font-size:11px}.vocalinputs input[type=range]{max-width:180px}footer{text-align:center;padding:25px;color:#7b8f7d;font-size:11px;letter-spacing:2px}@media(max-width:950px){.booth{grid-template-columns:1fr 1fr}.center{grid-column:1/-1;grid-row:2}.pads{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){main{padding:15px}.booth{grid-template-columns:1fr}.center{grid-column:auto;grid-row:auto}.intro,.vocal{display:block}.pads{gap:8px}.pads button{font-size:12px;min-height:72px}.vocalinputs{grid-template-columns:1fr}nav{gap:8px}nav a{font-size:10px}}
/* Fly Fantasy site navigation */
header{position:relative;z-index:30;gap:12px;flex-wrap:wrap}.ff-dj-nav{align-items:center;flex-wrap:wrap;gap:clamp(8px,2vw,18px)}.ff-site-menu{position:relative}.ff-site-menu summary{list-style:none;cursor:pointer;background:#152018;border:1px solid var(--glow);color:var(--glow);padding:10px 14px;border-radius:12px;font-weight:900;letter-spacing:1px;font-size:12px}.ff-site-menu summary::-webkit-details-marker{display:none}.ff-site-links{position:absolute;right:0;top:calc(100% + 8px);width:min(300px,85vw);max-height:min(68vh,540px);overflow:auto;display:grid;gap:0;background:#0b110ef5;border:1px solid var(--glow);border-radius:14px;box-shadow:0 18px 35px #000d;padding:8px;z-index:50}.ff-site-links a{display:block;padding:10px 12px;color:#e9f3eb!important;font-size:13px;letter-spacing:.3px;border-radius:8px}.ff-site-links a:hover,.ff-site-links a:focus{color:var(--glow)!important;background:#253828}@media(max-width:700px){header{padding:12px 4%}.ff-dj-nav{width:100%;justify-content:space-between}.ff-dj-nav>a{font-size:11px}.ff-site-menu{margin-left:auto}}