/* Playno watch-page redesign 2026-10-24 — RTL content, LTR column placement. */
:root{--watch-bg:#101016;--watch-card:#191923;--watch-ink:#f6f5ff;--watch-muted:#a5a4be;--watch-border:#ffffff14;--watch-purple:#7860ff}
html{scroll-behavior:smooth}
body{background:var(--watch-bg)!important}
a,button,input,textarea,.pl-side-item{transition:background-color .22s ease,color .22s ease,border-color .22s ease,box-shadow .24s ease,transform .28s cubic-bezier(.2,.75,.2,1)}
button:active,a:active{transform:scale(.97)}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #aa95ff!important;outline-offset:3px}
.pl-sidebar{transition:width .24s cubic-bezier(.2,.75,.2,1),transform .24s ease}
@media(min-width:851px){.pl-sidebar:hover,.pl-sidebar:focus-within{width:218px;box-shadow:12px 0 35px #0008}.pl-sidebar:hover .pl-side-item span,.pl-sidebar:focus-within .pl-side-item span{display:block}.pl-sidebar .pl-side-item:hover{background:#302c48;color:#f0e9ff!important;transform:translateX(3px)}}
.pl-top-action:hover,.pl-browser-controls button:hover{transform:translateY(-2px) scale(1.06);box-shadow:0 6px 25px #7860ff35}
.pl-discovery-card{transform-origin:center center;will-change:transform}
.pl-discovery-card:hover,.pl-discovery-card:focus-visible{transform:translateY(-5px) scale(1.045)!important;z-index:4;border-color:var(--watch-purple)!important;box-shadow:0 14px 35px #0009,0 0 0 1px #7764ff77}
.pl-discovery-art{transition:filter .26s ease,transform .4s ease}
.pl-discovery-card:hover .pl-discovery-art{filter:saturate(1.15) brightness(1.06);transform:scale(1.035)}
.pl-card-rail,.pl-mosaic{padding:7px 8px 20px;overflow:visible}
.pl-card-rail{overflow-x:auto;overflow-y:clip;scroll-padding:8px}
.pl-category-tile:hover,.arcade-card:hover,.community-card:hover{transform:translateY(-5px) scale(1.025);box-shadow:0 12px 28px #0008;border-color:var(--watch-purple)}
.arcade-card,.community-card{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
/* Game player and download details: wide main on left, editorial recommendations right */
.pl-browser-layout,.pl-detail-layout{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(260px,22vw)!important;gap:16px!important;direction:ltr!important;margin:0!important;padding:18px clamp(12px,1.35vw,25px) 60px!important;align-items:start}
.pl-browser-stage,.pl-browser-aside,.pl-detail-main,.pl-detail-related{min-width:0;direction:rtl;text-align:right}
.pl-browser-player{background:var(--watch-card)!important;border-radius:16px!important;border:1px solid var(--watch-border)!important;box-shadow:0 12px 40px #0004}
.pl-browser-player .pl-browser-frame{aspect-ratio:16/9!important;min-height:0!important;position:relative}
.pl-browser-frame iframe{touch-action:auto!important;pointer-events:auto!important}
.pl-browser-player .pl-browser-toolbar{background:#1b1c26!important;padding:9px 12px!important;min-height:60px}
.pl-browser-identity h1{font-size:clamp(15px,1.55vw,22px)!important}
.pl-browser-controls{flex-shrink:1;min-width:0}
.pl-browser-controls button{background:#31313e!important;border-radius:50%!important}
.pl-browser-details,.pl-detail-main .tournament-more-details{background:var(--watch-card)!important;border:1px solid var(--watch-border)!important;border-radius:16px!important;padding:clamp(17px,2vw,30px)!important;margin-top:16px!important;line-height:1.95}
.pl-browser-details h2{color:var(--watch-ink)!important;font-size:clamp(20px,2vw,27px)!important;font-weight:850}
.pl-browser-details p{color:#c5c3d4;line-height:2}
.pl-browser-aside .pl-related-panel,.pl-detail-related .pl-related-panel{position:sticky;top:calc(var(--pl-top) + 12px);border:none;background:transparent;padding:0}
.pl-related-panel h2{color:var(--watch-ink)!important;margin:0 0 14px;font-size:18px!important}
.pl-related-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
.pl-related-link{border-radius:14px!important;overflow:hidden;background:#1e1e2a!important;border:1px solid var(--watch-border);min-width:0;transition:transform .25s ease,box-shadow .25s ease}
.pl-related-link img{display:block;width:100%;aspect-ratio:1.56;object-fit:cover}
.pl-related-link span{display:block;font-size:12px;white-space:normal;line-height:1.5;max-height:45px;min-height:36px;padding:7px 9px;color:#f5f3ff}
.pl-related-link:hover{transform:translateY(-3px) scale(1.035);box-shadow:0 10px 25px #0008;border-color:var(--watch-purple)}
.pl-related-link .pl-related-kind{position:absolute;right:6px;top:6px;padding:3px 7px;min-height:0;max-height:none;line-height:1.3;color:#fff;border-radius:7px;background:#171520e8;font-size:10px}
.pl-browser-metadata{margin-top:16px;display:flex;flex-wrap:wrap;gap:10px;color:#b4b0cf;font-size:13px}
.pl-browser-metadata span{padding:7px 11px;border-radius:9px;background:#272537}
.pl-browser-inline-share{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:17px}
.pl-browser-inline-share button{border:0;background:#302a48;border-radius:30px;color:white;padding:8px 16px}
.pl-browser-title-section{margin-bottom:10px}
.pl-browser-title-section h2{font-size:23px!important;font-weight:900;color:white!important}
.pl-detail-main .tablinks button:hover{background:#403454!important}
.pl-game-cover{height:clamp(320px,33vw,530px)!important}
.pl-detail-main .tabcontents p,.pl-detail-main .tabcontents li{line-height:2;color:#d3d0e5}
.pl-detail-main .tablinks{gap:7px!important}
/* Video detail: YouTube-like composition with mixed suggestions and comments */
body:has(.pl-video-watch) .community-page{padding-top:16px!important;margin-top:0!important}
body:has(.pl-video-watch) .community-page>.container{max-width:none!important;padding:0 clamp(12px,1.35vw,25px)!important}
body:has(.pl-video-watch) .community-heading{display:none}
.pl-video-watch{display:grid;grid-template-columns:minmax(0,1fr) minmax(285px,25vw);gap:20px;direction:ltr;align-items:start;padding:0 0 55px}
.pl-watch-primary,.pl-watch-recommend{direction:rtl;text-align:right;min-width:0}
.pl-watch-primary>.community-video-block{width:100%;margin:0 0 14px!important}
.pl-watch-primary .community-video{aspect-ratio:16/9!important;position:relative;border-radius:17px!important;background:#06060a;overflow:hidden}
.pl-watch-primary .community-video>iframe,.pl-watch-primary .community-video>video{width:100%;height:100%;display:block;object-fit:contain}
.pl-watch-primary .community-media-open{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:0!important;background:linear-gradient(145deg,#171124e8,#080810);color:white;font-size:17px;cursor:pointer}
.pl-watch-primary .community-media-open:hover{background:linear-gradient(145deg,#272041c9,#090912)}
.pl-watch-title{font-size:clamp(20px,2vw,27px)!important;line-height:1.5!important;margin:13px 0!important;color:var(--watch-ink)!important;font-weight:900}
.pl-watch-stats{display:flex;gap:14px;align-items:center;flex-wrap:wrap;color:#b3b0c8;font-size:13px;margin-bottom:13px}
.pl-watch-stats span{display:flex;gap:6px;align-items:center}
.pl-watch-caption{padding:16px 19px;border:1px solid var(--watch-border);border-radius:15px;background:#22222d;color:#e4dfef!important;line-height:2;margin:10px 0 22px;white-space:pre-wrap}
.pl-watch-recommend h2{color:var(--watch-ink);font-size:18px!important;margin:0 0 14px;font-weight:800}
.pl-watch-recommend-list{display:grid;gap:12px}
.pl-watch-rec{display:grid;grid-template-columns:42% minmax(0,1fr);direction:rtl;gap:11px;color:var(--watch-ink)!important;text-decoration:none!important;align-items:start;border-radius:12px;padding:5px;border:1px solid transparent}
.pl-watch-rec:hover{background:#242335;border-color:#ffffff18;transform:translateY(-2px)}
.pl-watch-rec img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:12px;background:#292431}
.pl-watch-rec strong{font-size:13px;font-weight:800;line-height:1.65;display:block;max-height:45px;overflow:hidden}
.pl-watch-rec small{display:block;font-size:11px;color:var(--watch-muted);margin-top:7px}
.pl-watch-primary>.community-panel{margin:23px 0;background:none;border:0;padding:0}
.pl-watch-primary .community-comment{padding:16px 4px;border-bottom:1px solid var(--watch-border)}
.pl-watch-primary textarea{background:#20202c;color:white;border:1px solid #ffffff28;border-radius:12px;min-height:60px}
.pl-watch-primary .community-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:10px 0}
.pl-watch-primary .community-btn{border-radius:24px!important;padding:10px 18px}
.pl-watch-primary>.community-article-text,.pl-watch-primary>.community-related{margin-top:17px}
.pl-watch-primary img{max-width:100%;height:auto}
.pl-watch-primary .community-article-text{background:var(--watch-card);padding:15px;border-radius:14px}
.pl-watch-recommend .pl-watch-rec img[hidden]{display:none}
@media(max-width:1050px){.pl-browser-layout,.pl-detail-layout{grid-template-columns:minmax(0,1fr) 225px!important}.pl-video-watch{grid-template-columns:minmax(0,1fr) 255px}.pl-watch-rec{grid-template-columns:42% 1fr}}
@media(max-width:850px){.pl-browser-layout,.pl-detail-layout,.pl-video-watch{display:flex!important;flex-direction:column!important;padding:14px!important;gap:18px!important}.pl-browser-stage,.pl-browser-aside,.pl-detail-main,.pl-detail-related,.pl-watch-primary,.pl-watch-recommend{width:100%}.pl-video-watch{padding:0!important}.pl-watch-recommend-list{grid-template-columns:repeat(2,minmax(0,1fr))}.pl-related-list{grid-template-columns:repeat(3,minmax(0,1fr))!important}.pl-browser-player .pl-browser-frame{aspect-ratio:16/10!important}.pl-watch-primary .community-video{aspect-ratio:16/9!important}}
@media(max-width:560px){.pl-browser-player .pl-browser-frame{aspect-ratio:4/3!important}.pl-browser-player .pl-browser-controls{display:flex!important;justify-content:space-between!important;gap:4px}.pl-browser-controls button{width:34px!important;min-width:34px!important;height:34px!important}.pl-related-list,.pl-watch-recommend-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}.pl-watch-rec{display:block}.pl-watch-rec img{margin-bottom:7px}.pl-watch-primary>.community-video-block{margin:0!important}.pl-browser-details{padding:18px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* Unconstrain the legacy centered article shell on watch pages. */
.community-article:has(.pl-video-watch){max-width:unset!important;width:100%!important;padding:0!important;margin:0!important;background:none!important;border:none!important}
.community-article .pl-watch-primary>h1{max-width:100%;word-break:break-word}
.pl-watch-primary .community-video-block>figcaption{font-size:0;line-height:0;margin:0}
.pl-watch-primary .community-video-block>figcaption:not(:empty){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}