.mw-screen{display:none}
@media(max-width:850px){
html:has(body.mobile-watch){overflow:hidden;scrollbar-gutter:auto}
body.mobile-watch{background:#080a09;overflow:hidden;overscroll-behavior:none}
.mobile-watch>.topbar,.mobile-watch>.sidebar,.mobile-watch>#drawer-shade,.mobile-watch #main>.vp-breadcrumb,.mobile-watch #main>.vp-layout{display:none}
.mobile-watch #main{margin:0;padding:0;max-width:none;min-height:0}
.mw-screen{display:block;position:fixed;inset:0;height:100dvh;background:#080a09;color:#fff;font-family:Arial,sans-serif;isolation:isolate;overflow:hidden}
.mw-frame,.mw-neighbor{position:absolute;inset:0 0 calc(54px + env(safe-area-inset-bottom));background:#080a09;overflow:hidden;will-change:transform}
.mw-frame>video,.mw-neighbor>img{position:absolute;left:50%;top:50%;width:min(100%,calc((100dvh - 54px - env(safe-area-inset-bottom))*9/16));height:auto;aspect-ratio:9/16;transform:translate(-50%,-50%);object-fit:cover;object-position:center}
.mw-neighbor{transform:translateY(100%);pointer-events:none}
.mw-neighbor>span{position:absolute;bottom:30px;left:18px;right:80px;color:#fff;font-size:20px;font-weight:600;text-shadow:0 2px 6px #000}
.mw-swipe-hint{display:flex;align-items:center;gap:5px}.mw-swipe-hint svg{width:14px;height:14px;animation:mw-nudge 1.8s ease-in-out 3}
@keyframes mw-nudge{0%,100%{transform:translateY(3px);opacity:.6}50%{transform:translateY(-3px);opacity:1}}
@media(prefers-reduced-motion:reduce){.mw-swipe-hint svg{animation:none}}
.mw-screen button,.mw-screen a{color:inherit}.mw-screen button{font-family:inherit;cursor:pointer}
.mw-surface{position:absolute;inset:0;width:100%;border:0;background:linear-gradient(0deg,#000b,transparent 35%,transparent 75%,#0006);touch-action:none}
.mw-play-mark{display:none;font-size:48px;color:#fff9;text-shadow:0 2px 16px #0005}.is-paused .mw-play-mark{display:inline}
.mw-top{position:absolute;top:0;left:0;right:0;padding:calc(12px + env(safe-area-inset-top)) 14px 12px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}
.mw-top>a,.mw-top>button{pointer-events:auto;width:44px;height:44px;display:grid;place-items:center;border:0;background:none;font-size:24px}.mw-top svg{width:24px;height:24px}.mw-top>span{font:24px Georgia,serif;text-align:center}.mw-top small{display:block;font:8px Arial,sans-serif;letter-spacing:3px;margin-top:5px}
.mw-rail{position:absolute;right:8px;bottom:88px;display:flex;flex-direction:column;gap:14px;align-items:center}
.mw-rail button{border:0;background:none;width:58px;min-height:44px;padding:3px;text-shadow:0 1px 5px #0008;display:grid;justify-items:center;gap:5px;font-size:10px}.mw-rail svg{width:29px;height:29px;filter:drop-shadow(0 1px 3px #0005)}.mw-rail button[aria-pressed=true]{color:#efd499}.mw-rail button[aria-pressed=true] svg{fill:currentColor}.mw-rail button:disabled{opacity:.35}
.mw-copy{position:absolute;left:18px;right:80px;bottom:35px;text-shadow:0 1px 6px #0008}.mw-copy>a{font-size:14px;font-weight:700}.mw-copy h2{font:600 20px/1.25 Arial,sans-serif;letter-spacing:-.2px;margin:10px 0;overflow-wrap:anywhere}.mw-copy>button{border:0;background:none;padding:0;font-size:12px}.mw-copy p{font-size:10px;color:#fffb;margin:12px 0 0}
.mw-nav{position:absolute;bottom:0;left:0;right:0;height:calc(54px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#0b0d0c;display:flex;align-items:center;justify-content:space-around;font-size:12px}.mw-nav>a{padding:18px}.mw-nav>span{font-weight:700;border-bottom:2px solid #d6ba7b;padding:18px 0}
.mw-sheet{position:fixed;inset:auto 0 0;margin:0;width:100%;max-width:none;max-height:78dvh;border:0;border-radius:22px 22px 0 0;background:#fcfaf6;color:#173c3d;padding:24px 20px calc(24px + env(safe-area-inset-bottom));overflow:auto;overscroll-behavior:contain}.mw-sheet::backdrop{background:#0006}.mw-close{display:block;margin-left:auto;border:0;background:none;font-size:28px;min-width:44px;min-height:44px}.mw-sheet .video-community{margin:0;padding:0;border:0}.mw-sheet .community-toolbar{display:none}.mw-about h2{font:700 22px/1.3 Arial,sans-serif}.mw-about p{font-size:14px;line-height:1.7;white-space:pre-wrap}.mw-about button{border:1px solid #d8d1c5;border-radius:22px;padding:12px;background:none}
.mobile-watch #toast{z-index:20;bottom:90px}.mw-screen :focus-visible{outline:2px solid #d6ba7b;outline-offset:3px}
}
