:root{--bg: #07060f;--bg-raise: #0e0a1c;--magenta: #ff2bd6;--cyan: #19f0ff;--violet: #b14bff;--text: #f3f0ff;--text-dim: #9a8fb5;--text-faint: #5e5775;--text-base: clamp(1rem, .92rem + .4vw, 1.125rem);--text-logo: clamp(3rem, 1rem + 11vw, 9rem);--space-section: clamp(3rem, 2rem + 5vw, 7rem);--gap-wall: clamp(.5rem, .3rem + .6vw, .85rem);--deck-h: 76px;--dur-fast: .15s;--dur-normal: .32s;--ease-out-expo: cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:var(--text-base);padding-bottom:var(--deck-h);min-height:100dvh}a{color:inherit}:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.tip-toast{position:fixed;left:50%;bottom:calc(var(--deck-h) + 1rem);transform:translate(-50%);z-index:90;padding:.75rem 1.25rem;border-radius:999px;font-weight:800;color:#0b0813;background:linear-gradient(90deg,var(--cyan),var(--magenta));box-shadow:0 0 24px color-mix(in oklab,var(--magenta) 50%,transparent)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}.hero{position:relative;min-height:78vh;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;padding:var(--space-section) 1rem}.hero__glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 70% 50% at 50% -5%,color-mix(in oklab,var(--magenta) 40%,transparent),transparent 60%),radial-gradient(ellipse 60% 45% at 50% 8%,color-mix(in oklab,var(--cyan) 28%,transparent),transparent 65%),radial-gradient(circle at 12% 95%,color-mix(in oklab,var(--magenta) 32%,transparent),transparent 45%),radial-gradient(circle at 90% 100%,color-mix(in oklab,var(--cyan) 30%,transparent),transparent 45%)}.hero__beams{position:absolute;top:-20px;left:50%;width:2px;height:180px;background:linear-gradient(color-mix(in oklab,var(--magenta) 75%,transparent),transparent);transform:rotate(-18deg);transform-origin:top;box-shadow:60px 0 color-mix(in oklab,var(--cyan) 60%,transparent)}.hero__content{position:relative}.hero__eyebrow{font-size:.75rem;letter-spacing:.55em;color:var(--violet);margin:0 0 .5rem}.hero__logo{margin:0;white-space:nowrap;font-size:var(--text-logo);font-style:italic;font-weight:900;letter-spacing:.02em;line-height:.9;background:linear-gradient(180deg,#ffffff 0%,var(--cyan) 45%,var(--magenta) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 14px color-mix(in oklab,var(--magenta) 55%,transparent)) drop-shadow(0 0 30px color-mix(in oklab,var(--cyan) 40%,transparent))}.hero__tagline{margin:.75rem 0 0;font-size:.8rem;letter-spacing:.4em;color:var(--cyan);text-shadow:0 0 8px color-mix(in oklab,var(--cyan) 60%,transparent)}.hero__cta{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-top:1.5rem}.hero__btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border-radius:999px;padding:.7rem 1.4rem;font-weight:700;cursor:pointer;font-size:.85rem;border:1px solid transparent}.hero__btn--primary{color:#0b0813;background:linear-gradient(90deg,var(--cyan),var(--magenta));box-shadow:0 0 18px color-mix(in oklab,var(--magenta) 50%,transparent)}.hero__btn--ghost{color:var(--text);background:transparent;border-color:color-mix(in oklab,var(--cyan) 50%,transparent)}.hero__btn:hover{filter:brightness(1.1)}.tile{position:relative;aspect-ratio:1;border-radius:14px;border:1px solid color-mix(in oklab,var(--accent) 55%,transparent);background:linear-gradient(155deg,var(--bg-raise),#0b0816);color:var(--text);padding:.75rem;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:.15rem;cursor:pointer;text-align:left;box-shadow:0 0 0 transparent;transition:transform var(--dur-fast) var(--ease-out-expo),box-shadow var(--dur-normal) var(--ease-out-expo)}.tile:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(circle at 70% 15%,color-mix(in oklab,var(--accent) 22%,transparent),transparent 60%);opacity:.6;pointer-events:none;z-index:1}.tile__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:inherit;z-index:0}.tile__scrim{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;z-index:1;background:linear-gradient(to top,#07060feb,#07060f80 45%,#07060f1f)}.tile:hover,.tile:focus-visible{transform:translateY(-4px);box-shadow:0 0 22px color-mix(in oklab,var(--accent) 45%,transparent)}.tile[aria-current=true]{box-shadow:0 0 26px color-mix(in oklab,var(--accent) 60%,transparent);border-color:var(--accent)}.tile__name{position:relative;z-index:2;font-weight:800;font-size:.95rem;line-height:1.1;text-shadow:0 1px 6px rgba(0,0,0,.7)}.tile__genre{position:relative;z-index:2;font-size:.65rem;letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim);text-shadow:0 1px 4px rgba(0,0,0,.7)}.wall{padding:0 clamp(1rem,.5rem + 3vw,3rem) var(--space-section)}.wall__grid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--gap-wall)}@media(max-width:1024px){.wall__grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:560px){.wall__grid{grid-template-columns:repeat(2,1fr)}}.drawer{position:fixed;top:0;right:0;bottom:0;left:0;bottom:var(--deck-h);background:#04030a8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:flex-end;z-index:40;opacity:1;transition:opacity var(--dur-normal) var(--ease-out-expo)}.drawer[aria-hidden=true]{opacity:0;pointer-events:none}.drawer__panel{width:min(420px,92vw);height:100%;background:linear-gradient(160deg,var(--bg-raise),#08060f);border-left:1px solid color-mix(in oklab,var(--accent) 55%,transparent);box-shadow:-12px 0 40px color-mix(in oklab,var(--accent) 25%,transparent);padding:1.25rem;overflow-y:auto}.drawer__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.drawer__title{margin:0;font-size:1.4rem}.drawer__close{background:none;border:none;color:var(--text-dim);font-size:1.1rem;cursor:pointer}.drawer__list{display:flex;flex-direction:column;gap:.5rem}.drawer__row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;text-align:left;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:.75rem .9rem;color:var(--text);cursor:pointer;transition:border-color var(--dur-fast),background var(--dur-fast)}.drawer__row:hover,.drawer__row:focus-visible{border-color:var(--accent);background:color-mix(in oklab,var(--accent) 12%,transparent)}.drawer__row-title{font-weight:700}.drawer__badge{font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);white-space:nowrap}.tip-button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:44px;padding:0 .95rem;border-radius:999px;cursor:pointer;font-weight:700;font-size:.8rem;color:var(--text);background:color-mix(in oklab,var(--magenta) 14%,transparent);border:1px solid color-mix(in oklab,var(--magenta) 55%,transparent);transition:box-shadow var(--dur-fast) var(--ease-out-expo),transform var(--dur-fast)}.tip-button__heart{color:var(--magenta)}.tip-button:hover,.tip-button:focus-visible{box-shadow:0 0 16px color-mix(in oklab,var(--magenta) 50%,transparent);transform:translateY(-1px)}.tip-button--deck{flex:0 0 auto}.tip-button--footer{font-size:.9rem;padding:0 1.4rem}@media(max-width:560px){.tip-button--deck .tip-button__label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.tip-button--deck{padding:0 .7rem}}.deck{position:fixed;left:0;right:0;bottom:0;min-height:var(--deck-h);display:flex;align-items:center;gap:1rem;padding:.5rem clamp(.75rem,.5rem + 1vw,1.25rem);background:linear-gradient(90deg,#0c0a18,#120a1f);border-top:1px solid color-mix(in oklab,var(--accent, var(--magenta)) 60%,transparent);box-shadow:0 -4px 22px color-mix(in oklab,var(--accent, var(--magenta)) 22%,transparent);z-index:60}.deck__meta{min-width:0;flex:0 0 auto;max-width:38vw}.deck__title{font-weight:800;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.deck__sub{font-size:.7rem;color:var(--cyan)}.deck__player{flex:1 1 auto;display:flex;align-items:center}.deck__iframe{width:100%;height:56px;border:0;border-radius:8px}.deck--sc .deck__iframe{height:152px}@media(max-width:560px){.deck__meta{max-width:46vw}.deck__iframe{height:48px}.deck--sc .deck__iframe{height:120px}}.donate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:1rem;background:#04030aa8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:1;transition:opacity var(--dur-normal) var(--ease-out-expo)}.donate[aria-hidden=true]{opacity:0;pointer-events:none}.donate__panel{width:min(420px,100%);max-height:90dvh;overflow-y:auto;background:linear-gradient(160deg,var(--bg-raise),#08060f);border:1px solid color-mix(in oklab,var(--magenta) 55%,transparent);border-radius:16px;box-shadow:0 0 40px color-mix(in oklab,var(--magenta) 30%,transparent);padding:1.25rem}.donate__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.35rem}.donate__title{margin:0;font-size:1.3rem;background:linear-gradient(180deg,#ffffff,var(--cyan),var(--magenta));-webkit-background-clip:text;background-clip:text;color:transparent}.donate__close{background:none;border:none;color:var(--text-dim);font-size:1.1rem;cursor:pointer;min-height:44px;min-width:44px}.donate__blurb{font-size:.8rem;color:var(--text-dim);margin:0 0 1rem}.donate__chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}.donate__chip{flex:1 1 auto;min-width:60px;min-height:44px;border-radius:10px;cursor:pointer;font-weight:800;font-size:.95rem;color:var(--text);background:#ffffff08;border:1px solid rgba(255,255,255,.08);transition:border-color var(--dur-fast),background var(--dur-fast),box-shadow var(--dur-fast)}.donate__chip[aria-pressed=true]{border-color:var(--magenta);background:color-mix(in oklab,var(--magenta) 16%,transparent);box-shadow:0 0 14px color-mix(in oklab,var(--magenta) 40%,transparent)}.donate__custom{flex:1 1 90px;min-width:90px;min-height:44px;border-radius:10px;padding:0 .75rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);color:var(--text);font-size:.95rem}.donate__error{color:#ff6b8a;font-size:.75rem;margin:0 0 .5rem;min-height:1rem}.donate__pay{width:100%;margin-top:.5rem;min-height:48px;border:none;border-radius:999px;cursor:pointer;font-weight:800;font-size:1rem;color:#0b0813;background:linear-gradient(90deg,var(--cyan),var(--magenta));box-shadow:0 0 18px color-mix(in oklab,var(--magenta) 50%,transparent);transition:filter var(--dur-fast)}.donate__pay:hover:not(:disabled){filter:brightness(1.08)}.donate__pay:disabled{opacity:.7;cursor:default}.donate__secure{margin:.6rem 0 0;text-align:center;font-size:.68rem;color:var(--text-faint)}.donate__success{text-align:center;padding:1.5rem 0;font-weight:800;font-size:1.05rem;color:var(--cyan)}.donate__fatal{text-align:center;padding:1rem 0;color:var(--text-dim)}.site-footer{padding:var(--space-section) 1rem calc(var(--space-section) / 2);text-align:center}.site-footer__inner{max-width:560px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:.85rem}.site-footer__heading{margin:0;font-size:1.1rem;font-weight:800;letter-spacing:.02em;color:var(--text)}.site-footer__note{margin:0;font-size:.7rem;line-height:1.5;color:var(--text-faint)}