:root{color-scheme:dark;--red:#d40000;--bg:#0a0a0b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f7f7f7;font:20px/1.5 Arial,Helvetica,sans-serif}button,input,select{font:inherit;color:inherit;background:#232326;border:1px solid #52525b;border-radius:7px;padding:12px 18px}button{cursor:pointer}button:focus,input:focus,select:focus,a:focus{outline:4px solid white;outline-offset:4px;box-shadow:0 0 0 8px #d40000;position:relative;z-index:2}button.active,.primary{background:var(--red);border-color:var(--red)}header{padding:26px 4vw;display:flex;align-items:center;gap:36px;border-bottom:1px solid #27272a}.brand{width:190px;height:auto}nav{display:flex;gap:12px;flex:1}header select{max-width:160px}main{padding:20px 4vw 60px}h1{font-size:32px;line-height:1.2}#filters{display:flex;gap:16px;margin-bottom:30px}#filters input{flex:1}#filters select{max-width:30%}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.film{text-align:start;padding:0;overflow:visible;background:#18181b;border:0;border-radius:10px}.poster{display:block;aspect-ratio:16/9;width:100%;background:linear-gradient(135deg,#342e2e,#121214);object-fit:cover;border-radius:10px 10px 0 0}.film strong{display:block;padding:14px 16px 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:20px}.film small{display:block;padding:0 16px 16px;color:#a1a1aa}#loadMore{margin-top:30px;min-width:160px}.overlay{position:fixed;inset:0;z-index:10;background:var(--bg);padding:30px 4vw;overflow:auto}.back{margin-bottom:26px}.detailContent{display:grid;grid-template-columns:40% 1fr;gap:44px;align-items:start}.detailContent>img{width:100%;border-radius:12px;aspect-ratio:16/9;object-fit:cover}.detailContent p{color:#d4d4d8}.actions{display:flex;gap:20px;margin-top:26px}.player{padding:0;overflow:hidden;background:#000}.player iframe{border:0;width:100%;height:100%;display:block}.playerBar{position:absolute;top:0;left:0;right:0;background:linear-gradient(#000e,#0000);padding:22px;display:flex;align-items:center;gap:20px}.playerBar button{background:#18181b}#playerTitle{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#moreLinks{display:flex;gap:24px;flex-wrap:wrap}#moreLinks a{padding:24px;background:#222;border-radius:10px;color:white}[hidden]{display:none!important}@media(min-width:1800px){body{font-size:24px}.grid{grid-template-columns:repeat(5,minmax(0,1fr))}.film strong{font-size:23px}header{padding-top:34px;padding-bottom:34px}}@media(max-width:900px){header{flex-wrap:wrap;gap:16px}nav{order:3;flex-basis:100%}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}nav button{font-size:17px;padding:10px}.detailContent{grid-template-columns:1fr}.detailContent>img{max-height:30vh;object-fit:contain}}@media(max-width:600px){body{font-size:16px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.film strong{font-size:16px}.brand{width:140px}header select{margin-left:auto}#filters{flex-wrap:wrap}#filters select{max-width:100%}.actions{flex-wrap:wrap}.playerBar{gap:8px;padding:10px}.playerBar button{padding:8px;font-size:14px}}

#playerError{position:absolute;inset:25% 12%;padding:36px;background:#18181bf5;border:1px solid #52525b;border-radius:12px;text-align:center;pointer-events:none}#playerError h2{font-size:28px}.playerBar{z-index:2}
