html,body,#site-app{margin:0;min-height:100%}body{font-family:Trebuchet MS,Arial,sans-serif;background:#1339de;color:#fff}.titlebar{text-align:center;padding:18px 14px;background:#0f2fb5;box-shadow:0 8px 22px #00000038}.titlebar h1{margin:0;font-size:clamp(2rem,5vw,3.8rem);letter-spacing:.03em}.home{padding-bottom:22px}.frame{margin:20px;background:#000;border-radius:12px;overflow:hidden;box-shadow:0 0 20px #0006}.frame iframe{width:100%;border:0;display:block;background:#000}.watch-frame{aspect-ratio:16 / 9}.watch-frame iframe{height:100%}.globe-frame iframe{height:min(76vh,800px);min-height:520px}.youtube-frame iframe{height:520px}@media (min-width: 1400px){.globe-frame iframe{height:820px}.youtube-frame iframe{height:700px}}@media (max-width: 768px){.frame{margin:12px;border-radius:10px}.globe-frame iframe,.youtube-frame iframe{height:420px;min-height:0}}