*{box-sizing:border-box} :root{--wine:#210b0e;--gold:#d7a94e;--cream:#f4e6c9}html,body{margin:0;min-height:100%;font-family:Arial,Helvetica,sans-serif;background:#18090b;color:#fff}body{min-height:100vh}.stage{position:relative;min-height:100vh;min-height:100svh;overflow:hidden;background:#3b1718;display:flex;align-items:center;justify-content:center}.artist-grid{position:absolute;inset:0;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:1fr 1fr;gap:3px;background:#c8a878}.artist-grid img{width:100%;height:100%;min-height:0;object-fit:cover;filter:sepia(.22) saturate(.83) contrast(1.02);display:block}.artist-grid:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(35,8,11,.18),transparent 30%,transparent 70%,rgba(35,8,11,.18)),linear-gradient(0deg,rgba(36,9,12,.12),transparent 40%,rgba(36,9,12,.08));pointer-events:none}.ticker{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:clamp(60px,6.2vw,110px);background:rgba(28,7,10,.96);border-top:1px solid rgba(224,183,112,.35);border-bottom:1px solid rgba(224,183,112,.35);display:flex;align-items:center;overflow:hidden;z-index:2;box-shadow:0 8px 24px #1c070b66}.ticker-track{display:flex;align-items:center;gap:clamp(22px,3vw,52px);width:max-content;white-space:nowrap;animation:scroll 36s linear infinite;color:#d7c4b4;font-weight:700;font-size:clamp(13px,1.15vw,20px);letter-spacing:.3px}.ticker-track b{color:#d5a34d;font-size:.8em}@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}.center-player{position:absolute;z-index:4;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;flex-direction:column;gap:25px;width:min(90vw,360px);pointer-events:none}.logo-button{pointer-events:auto;width:clamp(160px,16vw,290px);aspect-ratio:1;border-radius:50%;padding:6px;border:3px solid #d7b35c;background:#240d0f;box-shadow:0 0 0 4px #f4e4c866,0 12px 34px #170508a8;position:relative;cursor:pointer;overflow:hidden;transition:transform .2s}.logo-button:hover{transform:scale(1.035)}.logo-button img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.play-symbol{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:31%;aspect-ratio:1;border-radius:50%;background:#18090dc9;border:1px solid #e5c779;color:#fff4df;font-size:clamp(25px,3vw,46px);padding-left:4px;text-shadow:0 2px 5px #000}.player-status{pointer-events:auto;text-align:center;font-size:clamp(13px,1vw,17px);font-weight:700;text-shadow:0 2px 5px #21070a,0 0 12px #21070a;min-height:22px}.topbar{position:absolute;z-index:5;top:0;left:0;right:0;padding:18px clamp(16px,3vw,42px);display:flex;align-items:center;justify-content:space-between;background:linear-gradient(#1b0809a6,transparent)}.brand{font-size:clamp(13px,1.2vw,18px);font-weight:800;letter-spacing:2px;text-shadow:0 2px 5px #000}.brand strong{color:#e3b650}.live-dot{display:inline-block;width:8px;height:8px;background:#e8b44b;border-radius:50%;margin-right:9px;box-shadow:0 0 10px #e8b44b}.install-btn{background:#e1b653;color:#2a1010;border:0;border-radius:999px;padding:10px 16px;font-weight:800;cursor:pointer;box-shadow:0 3px 12px #0005}.socials{position:absolute;z-index:5;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:10px;flex-wrap:wrap;justify-content:center;width:100%;padding:0 12px}.socials a{color:#f5e8d5;text-decoration:none;background:#260d10d9;border:1px solid #c69a4a88;padding:9px 14px;border-radius:999px;font-size:12px;font-weight:700}.socials a:hover{background:#d3a447;color:#241011}.volume-wrap{position:absolute;z-index:5;right:20px;bottom:24px;display:flex;align-items:center;gap:9px;color:#f2dfc4;font-size:10px;letter-spacing:1px;font-weight:bold}.volume-wrap input{width:90px;accent-color:#d8ad4f}@media(max-width:700px){.artist-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(4,1fr);gap:2px}.artist-grid img{filter:sepia(.2) saturate(.8)}.ticker{height:66px}.ticker-track{font-size:13px;gap:22px;animation-duration:30s}.center-player{gap:20px;top:50%;width:92vw}.logo-button{width:clamp(155px,48vw,230px)}.topbar{padding:14px}.brand{letter-spacing:1px}.socials{bottom:17px;gap:6px}.socials a{font-size:11px;padding:8px 11px}.volume-wrap{bottom:70px;right:12px;background:#220a0dbd;padding:7px 9px;border-radius:30px}.volume-wrap input{width:65px}}@media(max-height:520px) and (orientation:landscape){.logo-button{width:125px}.center-player{gap:9px}.player-status{font-size:12px}.socials{bottom:8px}.topbar{padding:8px 14px}.volume-wrap{bottom:10px}}