.corner-video[hidden],.corner-video-error[hidden]{display:none}
.corner-video{position:fixed;right:max(24px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));width:184px;z-index:180;border:1px solid rgba(204,255,77,.32);border-radius:16px;background:#0e1012;box-shadow:0 12px 40px #0009;color:#f4f5f8}
.corner-video-open{display:block;width:100%;padding:0;border:0;border-radius:15px;overflow:hidden;background:#0e1012;color:inherit;cursor:pointer;font:inherit;text-align:left}
.corner-video-open video{display:block;width:100%;aspect-ratio:4/5;object-fit:contain;pointer-events:none}
.corner-video-caption{display:flex;align-items:center;gap:8px;padding:11px 14px;font-size:12px;font-weight:600;line-height:1.3}
.corner-video-caption>span:last-child{margin-left:auto;color:#ccff4d;font-size:16px}
.corner-video-play{display:grid;place-items:center;width:23px;height:23px;border:1px solid #ccff4d66;border-radius:50%;color:#ccff4d;font-size:9px}
.corner-video-dismiss,.corner-video-close{display:grid;place-items:center;min-width:44px;min-height:44px;padding:0;border:1px solid #ffffff29;border-radius:50%;background:#101214;color:#fff;font:24px/1 sans-serif;cursor:pointer}
.corner-video-dismiss{position:absolute;right:-10px;top:-16px;box-shadow:0 4px 14px #0008}
.corner-video-open:focus-visible,.corner-video-dismiss:focus-visible,.corner-video-close:focus-visible{outline:3px solid #ccff4d;outline-offset:4px}
.corner-video-dialog{position:fixed;inset:50% 0 auto;margin:0 auto;transform:translateY(-50%);width:min(720px,calc(100% - 32px));height:fit-content;max-width:none;max-height:calc(100dvh - 32px);padding:0;overflow:auto;border:1px solid #ffffff29;border-radius:18px;background:#0c0e10;color:#f4f5f8;box-shadow:0 28px 100px #000b;overscroll-behavior:contain}
.corner-video-dialog::backdrop{background:#030507e6;backdrop-filter:blur(8px)}
.corner-video-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 14px 10px 20px}
.corner-video-heading h2{margin:0;font:600 16px/1.4 "Clash Display",sans-serif;letter-spacing:0}
.corner-video-dialog video{display:block;width:100%;max-height:calc(100dvh - 120px);background:#000;object-fit:contain}
.corner-video-error{padding:12px 20px;font-size:14px;line-height:1.5}
.corner-video-error a{color:#ccff4d;text-decoration:underline}
html.corner-video-playing,html.corner-video-playing body{overflow:hidden}
@media(max-width:600px){
 .corner-video{right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));width:128px;border-radius:13px}
 .corner-video-open{border-radius:12px}
 .corner-video-caption{gap:6px;padding:9px 10px;font-size:11px}
 .corner-video-play{display:none}
 .corner-video-dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px);border-radius:14px}
}
@media(max-height:450px){.corner-video{width:140px;bottom:12px}.corner-video-open video{max-height:65px}.corner-video-caption{padding:7px 10px}}
