/* September 23: presentation only; no account or generation behavior. */
svg.public-ui-icon {
  display:inline-block;width:1em;height:1em;min-width:1em;flex-shrink:0;
  vertical-align:-.12em;overflow:visible;fill:none;stroke:currentColor;
  stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;
}
.public-open-app .public-ui-icon,.button .public-ui-icon { vertical-align:middle; }
.session-menu-heading:after {
  content:'';width:1em;height:1em;background:currentColor;
  -webkit-mask:url('ui-spark.svg') center/contain no-repeat;
  mask:url('ui-spark.svg') center/contain no-repeat;
}
.showcase-footnote {
  display:flex;flex-wrap:wrap;align-items:center;justify-content:center;
  gap:14px 20px;width:100%;max-width:100%;box-sizing:border-box;
}
.showcase-footnote>span { white-space:nowrap; }
.showcase-footnote>i { display:inline-flex;align-items:center; }
/* The explicit border-box height is synchronized in phone-demos.js. */
#panel-playable .playroom-theatre .phone-demo-stage:not(:fullscreen) .playable-phone.landscape,
.phone-expanded-dialog .playable-phone.landscape {
  box-sizing:border-box;min-height:0;aspect-ratio:1.84;flex:0 0 auto;
}
.topbar .cr-logo,.top-bar .cr-logo,.app-topbar .cr-logo {
  filter:brightness(0) invert(1)!important;background:transparent!important;
}
.topbar .tb-ic:has(.cr-logo) { background:transparent!important; }
.phone-expanded-dialog { width:100%;max-width:100%;overflow-x:hidden; }
.phone-expanded-dialog .phone-demo-stage.expanded-game {
  box-sizing:border-box;width:100%;max-width:100%;
}
.phone-expanded-dialog .playable-phone.landscape {
  max-width:100%;
}
@media(max-width:760px) {
  #panel-playable .playroom-theatre .phone-demo-stage:not(:fullscreen):has(.landscape) {
    min-height:0;height:auto;justify-content:flex-start;padding:54px 14px 22px;
  }
  #panel-playable .playroom-theatre .phone-demo-stage:not(:fullscreen) .playable-phone.landscape {
    width:100%;max-width:100%;height:auto;min-height:0;transform:none;
  }
  .showcase-footnote {
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px 8px;padding:20px 8px;margin:0;line-height:1.5;
    font-size:10px;letter-spacing:.035em;text-align:center;
  }
  .showcase-footnote>span { min-width:0;white-space:normal; }
  .showcase-footnote>i { display:none; }
}