/* Additive Citra preview layer; baseline theme and motion remain in the archived page styles. */
.logo{display:inline-flex;align-items:center;width:200px;min-width:180px;max-width:220px;height:42px}
.logo img{display:block;width:100%;height:auto;max-height:42px;object-fit:contain;object-position:left center}
.bb-screen{position:relative}
.bb-creative{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;overflow:hidden}
.bb-creative img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.bb-sweep{position:absolute;z-index:3}
.bb-orb{position:absolute;z-index:0}
.bb-live{position:absolute;z-index:2;top:auto;left:auto;right:10px;bottom:10px;width:max-content;max-width:calc(100% - 20px);padding:5px 7px;background:#071E59;color:#fff;letter-spacing:.08em;font-size:9px;line-height:1.3}
.bb-kicker,.bb-brand{display:none}
.preview-badge{position:fixed;z-index:20;right:14px;bottom:12px;padding:7px 10px;background:#071E59;color:#fff;font:600 10px/1.3 ui-monospace,SFMono-Regular,monospace;letter-spacing:.04em;opacity:.9}
.source-notice{margin:18px 0 0;color:inherit;font-size:11px;opacity:.65}
@media (max-width:700px){.logo{width:170px;min-width:155px;max-width:180px;height:36px}.logo img{max-height:36px}.preview-badge{right:8px;bottom:8px;max-width:calc(100vw - 16px)}}