/* Nontara / watch: video first, clean and distraction-free. */
:root { color-scheme: dark; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
*, *::before, *::after { box-sizing: border-box; }
html { background: #090a0c; }
body { margin: 0; min-height: 100svh; background: #090a0c; color: #f5f5f5; -webkit-font-smoothing: antialiased; }
button { font: inherit; -webkit-tap-highlight-color: transparent; }
button:focus-visible, video:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
.watch-shell { width: 100%; max-width: 1920px; margin: 0 auto; padding: 19px clamp(10px, 2.2vw, 38px) 12px; }
.watch-title { margin: 0 0 16px; font-size: clamp(19px, 2.05vw, 28px); line-height: 1.28; font-weight: 600; letter-spacing: -.35px; overflow-wrap: anywhere; }
.watch-player { width: 100%; }
.video-wrap { position: relative; width: 100%; height: min(calc((100vw - 4.4vw) * .5625), calc(100svh - 95px)); min-height: 220px; background: #000; border-radius: 8px; overflow: hidden; }
.video-wrap video { display: block; width: 100%; height: 100%; object-fit: contain; background: #000; }
.play-overlay { position: absolute; inset: 0; width: 100%; border: none; cursor: pointer; background: transparent; display: flex; align-items: center; justify-content: center; }
.play-overlay svg { box-sizing: content-box; width: 23px; height: 23px; padding: 17px; background: rgba(250,250,250,.94); border-radius: 50%; color: #111; box-shadow: 0 2px 16px #0008; transition: transform .15s ease; }
.play-overlay:hover svg { transform: scale(1.06); }
.play-overlay[hidden], .player-error[hidden] { display: none !important; }
.player-error { position: absolute; z-index: 4; left: 50%; bottom: 60px; transform: translateX(-50%); width: min(500px, calc(100% - 30px)); margin: 0; padding: 12px 16px; background: rgba(26,26,28,.95); color: #fff; border: 1px solid #555; border-radius: 7px; line-height: 1.45; text-align: center; font-size: 13px; }
.visually-hidden { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; white-space: nowrap; clip: rect(0,0,0,0); border: 0; }
@media (max-width: 900px) {
  .watch-shell { padding: 15px 10px 10px; }
  .watch-title { margin: 0 2px 14px; font-size: clamp(19px, 4.6vw, 24px); letter-spacing: -.2px; }
  .video-wrap { height: min(calc(100svh - 100px), calc((100vw - 20px) * 2.1)); min-height: 0; border-radius: 6px; }
  .video-wrap.portrait { height: min(calc(100svh - 100px), calc((100vw - 20px) * 2.1)); }
}
@media (min-width: 901px) {
  .video-wrap.portrait { width: min(100%, 680px); height: min(calc(100svh - 94px), calc(680px * 1.7778)); margin-inline: auto; }
}
@media (orientation: landscape) and (max-height: 600px) {
  .watch-shell { padding-top: 8px; }
  .watch-title { font-size: 16px; margin-bottom: 7px; }
  .video-wrap, .video-wrap.portrait { height: calc(100svh - 50px); }
}
@media (prefers-reduced-motion: reduce) { .play-overlay svg { transition: none; } }

/* v1.4: plain video-first layout; compact states without extra cards. */
.adsbox.ad-banner.ad-unit{height:3px;width:3px;position:absolute;left:-9999px;top:-9999px;pointer-events:none;overflow:hidden}
.loading-ring {position:absolute;left:calc(50% - 18px);top:calc(50% - 18px);width:36px;height:36px;border:2px solid #ffffff50;border-top-color:#fff;border-radius:50%;animation:ntr-spin .85s linear infinite;pointer-events:none;z-index:3}
.loading-ring[hidden],.adblock-notice[hidden]{display:none!important}
@keyframes ntr-spin{to{transform:rotate(360deg)}}
.adblock-notice{display:flex;align-items:center;gap:16px;justify-content:space-between;max-width:900px;margin:14px auto 0;padding:10px 13px;border:1px solid #353a43;border-radius:7px;background:#16191e;color:#cdd0d6;font-size:12px;line-height:1.5}
.adblock-notice button{flex-shrink:0;color:#eee;background:#272d35;border:1px solid #434b56;border-radius:5px;padding:7px 11px;cursor:pointer}
@media(max-width:600px){.adblock-notice{align-items:flex-start;font-size:11px;gap:8px}.adblock-notice button{padding:6px 9px}}
@media(prefers-reduced-motion: reduce){.loading-ring{animation:none}}

.adblock-notice strong{display:block;font-size:13px;color:#f4f5f8;margin-bottom:3px}
.adblock-buttons{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:620px){.adblock-notice{display:block}.adblock-buttons{margin-top:10px;justify-content:flex-start}}

/* Verified playback widget appears only when Turnstile is configured. */
.verify-area {position:absolute;z-index:6;left:50%;top:50%;transform:translate(-50%,-50%);max-width:calc(100% - 24px);padding:15px;background:#181a1f;border:1px solid #41444a;border-radius:9px;text-align:center;box-shadow:0 12px 30px #000a}
.verify-area[hidden]{display:none!important}.verify-area p{margin:0 0 12px;color:#e4e6e9;font-size:13px}

/* v2.2: full-width video in central column; sponsor rails on both desktop sides. */
.watch-shell{max-width:1770px}
.watch-grid-ads{display:grid;grid-template-columns:minmax(0,330px) minmax(0,1fr) minmax(0,330px);grid-template-areas:"left video right";gap:18px;align-items:start}
.watch-primary{grid-area:video;min-width:0}
.watch-ad-left{grid-area:left}.watch-ad-right{grid-area:right}
.watch-ad-left,.watch-ad-right{min-width:0;position:sticky;top:12px}
.watch-page .ad-slot{box-sizing:border-box;border:1px solid #252d3a;border-radius:10px;background:#11151c;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:12px;min-width:0;width:100%;max-width:100%;overflow-x:auto}
.watch-page .ad-label{font-size:10px;font-weight:700;letter-spacing:.09em;color:#8793aa}
.watch-page .ad-code{max-width:100%;text-align:center;min-height:0}
.watch-ad-left .ad-slot,.watch-ad-right .ad-slot{min-height:272px}
.watch-sponsored{display:grid;gap:16px;margin-top:20px;min-width:0}
.watch-page .ad-bottom,.watch-page .ad-below{min-height:112px}
.watch-page .ad-sticky{min-height:70px}
.video-wrap{width:100%;height:auto;min-height:0;aspect-ratio:16/9;overflow:hidden;background:#000;border-radius:8px}
.video-wrap video{width:100%;height:100%;object-fit:contain}
.video-wrap.portrait{width:min(100%,480px);height:auto;aspect-ratio:9/16;max-height:calc(100svh - 135px);margin-inline:auto}
.watch-page .ad-side2{display:none}
@media(min-width:1050px) and (max-width:1499px){
 .watch-grid-ads{grid-template-columns:minmax(0,1fr) 330px;grid-template-areas:"video right" "left right"}
 .watch-ad-left{position:static}
}
@media(max-width:1049px){
 .watch-grid-ads{grid-template-columns:minmax(0,1fr);grid-template-areas:"video" "left" "right";gap:12px}
 .watch-ad-left,.watch-ad-right{position:static;margin-inline:auto;width:min(100%,340px)}
 .watch-sponsored{gap:12px;margin-top:14px}
}
@media(max-width:767px){
 .watch-page .ad-side2{display:flex;min-height:115px}
 .video-wrap{aspect-ratio:16/9;min-height:0;height:auto;border-radius:6px}
 .video-wrap.portrait{width:min(100%,calc((100svh - 110px) * .5625));height:auto;max-height:calc(100svh - 110px)}
}

/* v2.3: desktop player stays centered between left and right sponsor rails. */
@media(min-width:768px){
 .watch-shell{max-width:1900px;width:100%;padding-inline:clamp(12px,2vw,36px)}
 .watch-grid-ads{display:grid;grid-template-columns:clamp(180px,21vw,300px) minmax(0,1fr) clamp(180px,21vw,300px);grid-template-areas:"left video right";gap:clamp(12px,1.4vw,24px)}
 .watch-ad-left,.watch-ad-right{width:100%;min-width:0;position:sticky;top:12px;margin:0}
 .watch-ad-left .ad-slot,.watch-ad-right .ad-slot{width:100%;max-width:100%;min-width:0;overflow:hidden;contain:layout inline-size}
 .watch-ad-left iframe,.watch-ad-right iframe{max-width:100%}
 .watch-primary{width:100%;min-width:0}
}

/* v2.3.1: in-player ads are distinct, dismissible placements; no full-screen gate. */
.watch-stage{position:relative;min-width:0}
.watch-float-ad{z-index:7;box-sizing:border-box;pointer-events:none;padding-top:26px;width:max-content;max-width:100%;border:0;background:none;box-shadow:none}
.watch-float-ad[hidden]{display:none!important}
.watch-float-ad .ad-slot{margin:0!important;padding:0!important;min-height:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;overflow:visible!important;gap:0!important;width:auto!important;max-width:100%!important;pointer-events:none}
.watch-float-ad .ad-code{max-width:100%;min-height:0;pointer-events:auto}
.watch-float-ad .ad-label{position:absolute;top:8px;left:3px;font-size:9px;color:#d5d9e2;letter-spacing:.08em;line-height:1}
.watch-ad-x{position:absolute;top:0;right:0;z-index:10;pointer-events:auto;width:26px;height:26px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:rgba(0,0,0,.78);box-shadow:0 1px 5px #0008;color:white;font-size:20px;line-height:1;cursor:pointer}
.watch-ad-x:hover,.watch-ad-x:focus-visible{background:#202838;outline:2px solid #fff;outline-offset:1px}
.watch-float-ad-main{position:absolute;top:6px;left:8px;width:300px}
.watch-float-ad-small{position:absolute;top:6px;right:8px;width:min(320px,calc(100% - 16px))}
.watch-float-ad-mobile{display:none}
/* Narrow desktop: a 300x250 placement goes underneath the player, not over Play. */
@media(max-width:1399px){
 .watch-float-ad-main{position:relative;top:auto;left:auto;margin:12px auto 0;max-width:300px}
}
@media(max-width:767px){
 .watch-float-ad-small{top:5px;right:5px;width:min(320px,calc(100% - 10px))}
 .watch-float-ad-mobile{position:relative;display:flex;top:auto;left:auto;right:auto;margin:12px auto 0;width:min(300px,100%)}
}
@media(max-width:350px){.watch-float-ad-small{top:2px;right:2px}}

/* v2.8: clear per-video view count and an optional bookmark control. */
.watch-view-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:-7px 0 14px;font-size:12px;color:#b5c4dd}
.watch-bookmark{border:1px solid #434e67;border-radius:8px;background:#141a2b;color:#e2e9ff;padding:7px 11px;cursor:pointer}
.watch-bookmark[aria-pressed="true"]{border-color:#9ea7ff;color:#fff}
.watch-bookmark:focus-visible{outline:2px solid #adb8ff;outline-offset:2px}

/* v2.8: compact additional videos, separate from ads and native controls. */
.watch-related{margin:24px auto 28px;max-width:1120px;padding:0 4px}
.watch-related h2{font-size:18px;margin:0 0 14px}
.watch-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.watch-related-item{display:flex;flex-direction:column;gap:8px;min-width:0;overflow:hidden;color:#e8eafd;text-decoration:none;background:#111722;border:1px solid #2a3347;border-radius:9px;padding:8px}
.watch-related-item img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:5px;background:#1e2740}
.watch-related-item span{font-size:12px;line-height:1.35;overflow-wrap:anywhere}
.watch-related-item small{display:block;margin-top:4px;color:#a7b9d3;font-size:11px}
@media(max-width:680px){.watch-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}