.analytics-banner{max-width:660px;margin:20px auto 10px;padding:18px;background:#102d39;color:#f7eee2;border:1px solid #bb9b6b;border-radius:16px;text-align:center;font-family:system-ui,sans-serif;box-sizing:border-box}
.analytics-banner[hidden]{display:none!important}.analytics-banner strong{font-size:14px;color:#f7d18a}.analytics-banner p{font-size:12px;line-height:1.6;margin:8px 0 14px}
.analytics-actions{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px}.analytics-actions button{font:600 12px system-ui,sans-serif;min-height:44px;padding:10px 16px;border:1px solid #d8b474;border-radius:10px;background:#23414c;color:#fff2dc;cursor:pointer}.analytics-actions a{color:#f7d18a;font-size:11px;text-underline-offset:3px}
.analytics-controls{text-align:center;margin:12px auto}.analytics-controls button{border:0;background:transparent;color:#b8cbd0;font:11px system-ui,sans-serif;cursor:pointer;text-decoration:underline;min-height:44px;padding:10px}
body.trial-playing .analytics-banner,body.trial-playing .analytics-controls{display:none!important}
.analytics-banner button:focus-visible,.analytics-controls button:focus-visible{outline:3px solid #f7d18a;outline-offset:3px}
@media(max-width:600px){.analytics-banner{padding:15px;margin-top:16px}.analytics-actions button{flex:1;min-width:120px}.analytics-actions a{flex-basis:100%}}