:root{--player-bg:#111111;--panel-bg:rgba(18, 18, 18, 0.84);--panel-border:rgba(255, 255, 255, 0.18);--text-color:#f8f3e8;--muted-color:rgba(248, 243, 232, 0.78);--accent-color:#d6a23b;--accent-color-strong:#f0bc52;--shadow-color:rgba(0, 0, 0, 0.35)}*{box-sizing:border-box}body,html{min-height:100%}body{margin:0;font-family:Georgia,"Times New Roman",serif;color:var(--text-color);background:linear-gradient(180deg,rgba(0,0,0,.24) 0,rgba(0,0,0,.62) 100%),#1a1713}.player-shell{min-height:100vh;min-height:100svh;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:clamp(16px,2vw,24px);padding:clamp(14px,2.6vw,28px)}.player-topbar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:16px;padding:12px 14px;border:1px solid var(--panel-border);border-radius:18px;background:var(--panel-bg);box-shadow:0 18px 40px var(--shadow-color);backdrop-filter:blur(10px)}.player-heading{display:grid;gap:4px;min-width:0}.player-kicker{margin:0;font-size:.82rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted-color)}.player-title{margin:0;font-size:clamp(1.2rem, 2vw, 1.8rem);line-height:1.1}.player-actions{display:grid;grid-template-columns:repeat(2,minmax(0,max-content));gap:10px;justify-content:end}.player-action{appearance:none;border:1px solid transparent;border-radius:999px;padding:11px 16px;font:inherit;font-size:.98rem;line-height:1;text-decoration:none;cursor:pointer;transition:transform .18s,border-color .18s,background-color .18s}.player-action:focus-visible,.player-action:hover{transform:translateY(-1px)}.player-action:focus-visible{outline:rgba(240,188,82,.36) solid 2px;outline-offset:2px}.player-action-primary{color:#19120a;background:var(--accent-color)}.player-action-primary:focus-visible,.player-action-primary:hover{background:var(--accent-color-strong)}.player-action-secondary{color:var(--text-color);background:rgba(255,255,255,.06);border-color:var(--panel-border)}.player-stage{min-height:0;position:relative}.player-frame{width:100%;height:100%;min-height:min(72svh,720px);border:0;border-radius:22px;background:#000;box-shadow:0 26px 60px rgba(0,0,0,.42)}.player-loading-card{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden;border-radius:22px;box-shadow:0 26px 60px rgba(0,0,0,.42);pointer-events:none;z-index:1;transition:opacity .45s,visibility .45s}.player-loading-card-hidden{opacity:0;visibility:hidden}.player-loading-media{position:absolute;inset:0;background-color:#18120d;background-position:center;background-repeat:no-repeat;background-size:cover;transform:scale(1.02)}.player-loading-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,8,8,.24) 0,rgba(8,8,8,.34) 44%,rgba(8,8,8,.58) 100%),linear-gradient(90deg,rgba(8,8,8,.28) 0,rgba(8,8,8,.18) 50%,rgba(8,8,8,.28) 100%)}.player-loading-content{position:relative;z-index:1;display:grid;justify-items:center;gap:0;padding:clamp(18px,3.4vw,28px);max-width:min(720px,calc(100% - 28px));margin:clamp(14px,2vw,24px);text-shadow:0 8px 24px rgba(0,0,0,.42)}.player-loading-title{margin:0;font-size:clamp(1.7rem, 4vw, 3rem);line-height:1;text-align:center;text-wrap:balance;color:#f8f3e8}.player-note{margin:0;color:var(--muted-color);font-size:.92rem}@media (max-width:640px){.player-topbar{align-items:stretch;grid-template-columns:1fr}.player-actions{width:100%;grid-template-columns:1fr;justify-content:stretch}.player-action{text-align:center}.player-frame{min-height:min(64svh,520px)}.player-loading-content{max-width:calc(100% - 24px);margin:12px;padding:16px}.player-loading-title{font-size:clamp(1.6rem, 8vw, 2.2rem)}}