/* "Launch news" pill (top right) and the popup holding the OIO signup form. */
.news-open{position:absolute;z-index:4;top:max(16px,env(safe-area-inset-top));right:clamp(16px,2.5vw,40px);display:flex;align-items:center;gap:10px;min-height:60px;padding:14px 26px;border:0;border-radius:999px;background:var(--party-surface,linear-gradient(180deg,#ffdb29,#ed9f05)) center/100% 100% no-repeat;color:#3a2400;font:20px/1 MenuDisplay,Arial,sans-serif;cursor:pointer;transition:transform .15s}
.news-open svg{width:24px;height:24px;flex:none}
.news-open:hover{transform:translateY(-2px)}
.news-open:focus-visible{outline:3px solid #fff;outline-offset:4px}
.news-dialog{padding:0;border:1px solid #ffffff55;border-radius:18px;background:#060c18;color:#fff;width:min(480px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:hidden;box-shadow:0 20px 80px #000a}
.news-dialog::backdrop{background:#010611dc;backdrop-filter:blur(8px)}
.news-dialog iframe{display:block;width:100%;height:340px;border:0;background:transparent}
@media(max-width:600px){
 .news-open{top:max(12px,env(safe-area-inset-top));right:12px;min-height:46px;padding:10px 18px;font-size:16px}
 .news-open svg{width:18px;height:18px}
}
@media(prefers-reduced-motion:reduce){.news-open{transition:none}}