.demo-activation{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 0;padding:12px 16px;border-radius:18px;background:#fff8e7;color:#184b40;border:1px solid #dbc88c;position:relative}.demo-activation[hidden],.demo-activation [hidden]{display:none!important}.demo-activation strong{font-size:15px}.demo-activation p{font-size:12px;line-height:1.4;margin:4px 0 0;max-width:42em}.demo-activation-actions{display:flex;gap:8px;align-items:center}.demo-activation a,.demo-activation button{font:inherit;font-size:13px;border-radius:12px;padding:10px 12px;min-height:44px;border:0;cursor:pointer}.demo-activation a,.demo-try{color:#fff;background:#21624e;text-decoration:none;white-space:nowrap}.demo-dismiss{color:#184b40;background:transparent;font-size:23px!important}.demo-activation :focus-visible{outline:3px solid #cf861d;outline-offset:3px}@media(max-width:600px){.demo-activation{flex-wrap:wrap;padding:10px}.demo-activation-actions{width:100%}.demo-dismiss{margin-left:auto}}

/* Guidance is an explicit row, never the flexible game row. */
.app-shell.demo-guidance-visible{grid-template-rows:auto 58px minmax(0,1fr)}
.app-shell > .demo-activation{min-width:0;flex-shrink:0;background:#fff8e7;color:#184b40}
.demo-activation p{color:#184b40}
@media(max-width:700px){.app-shell.demo-guidance-visible{grid-template-rows:auto 64px minmax(0,1fr)}.demo-activation{margin:4px 0;padding:8px 10px;gap:4px}.demo-activation p{font-size:11px;line-height:1.3}.demo-activation strong{font-size:13px}.demo-activation-actions{gap:4px}.demo-activation a,.demo-activation button{padding:6px 10px;min-height:36px;font-size:12px}}