:root{--bg:#050608;--panel:#0f131b;--text:#f7f8fb;--muted:#9ba5b6;--accent:#e50914}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% -20%,#252d3e,#050608 42%);color:var(--text);font-family:Cairo,system-ui,sans-serif;min-height:100vh}.page{max-width:1500px;margin:auto;padding:0 3vw 70px}header{height:70px;display:flex;align-items:center;justify-content:space-between}.logo{text-decoration:none;font-weight:900;letter-spacing:1px}.logo b{display:inline-grid;place-items:center;width:34px;height:34px;background:var(--accent);border-radius:10px;margin-inline-end:8px}.logo+span{font-size:12px;color:var(--muted)}.player-shell{aspect-ratio:16/9;background:#000;border-radius:20px;overflow:hidden;position:relative;box-shadow:0 35px 100px #000a;max-height:78vh}.player-shell video{width:100%;height:100%;object-fit:contain;background:#000}.center-play{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:78px;height:78px;border-radius:50%;display:grid;place-items:center;padding-inline-start:5px;background:#ffffffed;color:#111;font-size:31px;cursor:pointer;transition:.2s}.playing .center-play{opacity:0;pointer-events:none}.loader{position:absolute;inset:50% auto auto 50%;width:46px;height:46px;margin:-23px;border:4px solid #ffffff2a;border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.error{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);background:#170b0ddd;border:1px solid #ff5963;padding:16px 20px;border-radius:14px;max-width:70%;text-align:center}.hidden{display:none!important}@keyframes spin{to{transform:rotate(360deg)}}.controls{position:absolute;inset:auto 0 0;padding:55px 18px 14px;background:linear-gradient(transparent,#000d);opacity:0;transition:.2s}.player-shell:hover .controls,.player-shell:focus-within .controls{opacity:1}.seek-wrap{position:relative}.seek-wrap input{width:100%;accent-color:var(--accent)}.preview{position:absolute;bottom:24px;width:140px;aspect-ratio:16/9;background:#111 center/cover;border:2px solid #fff;border-radius:8px;transform:translateX(-50%)}.control-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.left,.right{display:flex;align-items:center;gap:8px}.controls button,.controls select{border:0;background:transparent;color:#fff;height:34px;min-width:34px;font-weight:700;cursor:pointer}.controls select{background:#1118;border-radius:7px;padding:0 5px}.controls #volume{width:80px;accent-color:#fff}#time{font-size:12px;color:#e2e5ea;white-space:nowrap}.menu-wrap{position:relative}.menu{position:absolute;bottom:42px;inset-inline-end:0;min-width:120px;background:#10141ce8;border:1px solid #ffffff20;border-radius:12px;padding:6px;backdrop-filter:blur(18px)}.menu button{display:block;width:100%;text-align:start;padding:8px 10px;border-radius:8px}.menu button.active{background:#ffffff14}.ad-overlay{position:absolute;bottom:88px;inset-inline-start:16px;background:#fff;color:#111;border-radius:10px;padding:10px 13px;text-decoration:none;font-size:13px}.ad-overlay button{border:0;background:#111;color:#fff;border-radius:50%;margin-inline-start:8px}.below{display:grid;grid-template-columns:1fr 280px;gap:20px;margin-top:22px}.below>div{background:#0e1219;border:1px solid #ffffff0c;border-radius:18px;padding:18px}.below h2,.below h3{margin:0 0 14px}.servers{display:flex;flex-wrap:wrap;gap:10px}.server{border:1px solid #ffffff16;background:#151a23;color:#fff;border-radius:12px;padding:11px 15px;cursor:pointer}.server.active{background:#fff;color:#111}.server small{display:block;color:#8e98a8}.server.active small{color:#555}.side-card p{color:var(--muted);font-size:13px;line-height:1.7}.soft{border:1px solid #ffffff16;background:#ffffff0c;color:#fff;border-radius:10px;padding:9px 12px;cursor:pointer;width:100%}@media(max-width:800px){.page{padding:0 0 50px}header{padding:0 14px}.player-shell{border-radius:0;aspect-ratio:16/9}.controls{padding:35px 8px 8px}.left #volume,.left #time,.right #ccBtn{display:none}.controls button{font-size:12px}.center-play{width:62px;height:62px}.below{grid-template-columns:1fr;margin:14px}.side-card{display:none}.server{flex:1 1 120px}}

.skip-ad{position:absolute;inset:auto 18px 100px auto;z-index:8;border:1px solid #ffffff55;background:#080a0dcc;color:#fff;padding:9px 14px;border-radius:10px;cursor:pointer}[dir=rtl] .skip-ad{right:auto;left:18px}