.bubble-beta-promo{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px;margin:16px 0;border:1px solid #557c83;border-radius:18px;background:#1b3e48;color:#edf5ef}
.bubble-beta-promo h3{margin:8px 0;font-size:1.35rem;color:#edf5ef}
.bubble-beta-promo p{margin:0;max-width:60ch;line-height:1.6;color:#c9dedc}
.bubble-beta-tag{display:inline-block;padding:4px 9px;border:1px solid #b9ddcd;border-radius:999px;background:#b9ddcd;color:#173b46;font-size:12px;font-weight:700;line-height:1.4;letter-spacing:.04em}
.bubble-beta-copy>a{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:48px;padding:10px 18px;border-radius:12px;background:#b9ddcd;color:#173b46;font-weight:700;text-decoration:none;box-sizing:border-box}
.bubble-beta-copy>a:hover{background:#d3ecdf;color:#173b46}
.bubble-beta-copy>a:focus-visible{outline:3px solid #efd096;outline-offset:3px}
.bubble-beta-notice{margin:12px 0 16px;padding:12px 16px;border:1px solid #557c83;border-radius:12px;color:#c9dedc;background:#1b3e48;font-size:14px;line-height:1.6}
.bubble-beta-notice p{margin:8px 0 0}
.bubble-beta-promo{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);gap:0;padding:0;overflow:hidden;background:linear-gradient(120deg,#173d49,#102f3a);border-radius:22px}
.bubble-beta-promo{align-items:stretch}
.bubble-beta-copy{padding:clamp(20px,3vw,32px);min-width:0}
.bubble-beta-eyebrow{display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:.12em;color:#bdded5}
.bubble-beta-promo h3{font-size:clamp(28px,3vw,38px);line-height:1.15;margin:14px 0 8px;letter-spacing:-.035em}
.bubble-beta-promo .bubble-beta-lead{font-size:18px;color:#e9edd9;font-weight:650;margin-bottom:12px}
.bubble-beta-promo .bubble-beta-features{display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:18px 0;list-style:none}
.bubble-beta-features li{padding:6px 10px;border:1px solid #5c848780;border-radius:999px;font-size:12px;color:#d2e8de;background:#294f5866}
.bubble-beta-promo .bubble-beta-footnote{display:block;margin-top:12px;color:#b5cccf;font-size:12px;line-height:1.5;letter-spacing:0}
.bubble-beta-art{position:relative;min-height:300px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#5a9a9c77,transparent 65%),linear-gradient(145deg,#286974,#163e50)}
.bubble-beta-art canvas{position:relative;width:92%;height:auto;max-width:400px;background:transparent;z-index:1}
.bubble-orbit{position:absolute;width:210px;height:210px;border:1px solid #b4e8db40;border-radius:50%;box-shadow:0 0 0 30px #b4e8db08,0 0 0 60px #b4e8db05}
.bubble-beta-art i{position:absolute;width:20px;height:20px;border:2px solid #c2e9e47a;border-radius:50%;left:14%;top:25%}
.bubble-beta-art i:nth-of-type(2){left:auto;right:16%;top:18%;width:12px;height:12px}
.bubble-beta-art i:nth-of-type(3){left:auto;right:12%;top:65%;width:28px;height:28px}
.bubble-art-caption{position:absolute;bottom:22px;left:16px;right:16px;text-align:center;font-size:10px;letter-spacing:.16em;color:#c4e2dd}
.bubble-beta-promo{grid-template-columns:minmax(160px,.5fr) minmax(0,1.5fr);border-radius:18px;width:calc(100% - 32px);max-width:1120px;box-sizing:border-box;margin:16px auto}
.bubble-beta-copy{padding:22px 26px}
.bubble-beta-art{min-height:230px}
.bubble-beta-art canvas{max-width:260px}
.bubble-orbit{width:160px;height:160px}
.bubble-beta-promo h3{font-size:30px;margin:10px 0}
.bubble-beta-promo[data-featured-game]{max-width:1280px;grid-template-columns:minmax(200px,.8fr) minmax(0,1.2fr);margin:0 auto 40px;border-color:#72aaa8;box-shadow:0 12px 36px #173d4918}
.bubble-beta-promo h2{font-size:clamp(32px,4vw,48px);line-height:1.1;letter-spacing:-.035em;margin:14px 0;color:#edf5ef}
.bubble-beta-promo[data-featured-game] .bubble-beta-copy{padding:clamp(24px,4vw,40px)}
.bubble-beta-promo[data-featured-game] .bubble-beta-art canvas{max-width:360px}
.bubble-beta-promo[data-featured-game] .bubble-beta-copy>a{background:#f2d39b;color:#173b46}
.bubble-beta-promo[data-featured-game] .bubble-beta-copy>a:hover{background:#ffe4b6}
.bubble-beta-promo .bubble-beta-meta{font-size:13px;color:#b9d5ce;margin:10px 0 16px}
.bubble-beta-promo .bubble-beta-footnote{margin-top:10px}
@media(max-width:600px){
 .bubble-beta-promo,.bubble-beta-promo[data-featured-game]{display:block;position:relative}
 .bubble-beta-promo[data-featured-game] .bubble-beta-copy{padding:20px}
 .bubble-beta-promo h2{font-size:28px;padding-right:68px;margin:14px 0 24px}
 .bubble-beta-copy{padding:20px}
 .bubble-beta-art{position:absolute;top:16px;right:12px;width:86px;height:86px;min-height:0;border-radius:50%;background:radial-gradient(circle,#49818c66,transparent 70%);pointer-events:none}
 .bubble-beta-art canvas{width:100%;max-width:100%}
 .bubble-orbit{width:76px;height:76px;box-shadow:none}
 .bubble-beta-art i{display:none}
 .bubble-beta-eyebrow{padding-right:76px;gap:8px;font-size:10px;letter-spacing:.05em;flex-wrap:wrap}
 .bubble-beta-promo h3{padding-right:76px;font-size:26px;margin:12px 0 24px}
 .bubble-beta-copy>a{width:100%;min-height:48px}
 .bubble-beta-promo p{font-size:14px}
 .bubble-beta-promo .bubble-beta-meta{font-size:12px}
}