/* 22.9.522: the nested game preview owns its surface/text pair. A user's
   light message frame must not lend dark text tokens to a dark theme panel.
   These tokens are local to the preview; selected username/message colours
   and the colourful outer frame keep their existing behaviour. */
body .room-game-share-v522{
  --game-preview-bg:#fff6df;--game-preview-text:#432614;
  --game-preview-secondary:#66513e;--game-preview-border:#9a7048;
  --game-preview-button-bg:#6a3e20;--game-preview-button-text:#fff6e8;
  --game-preview-button-border:#6a3e20;--game-preview-button-hover:#543019;
  --game-preview-focus:#783d15;
  --surface-2:var(--game-preview-bg);
  --text-primary:var(--game-preview-text);--text-secondary:var(--game-preview-secondary);
  --baha-effect-text:var(--game-preview-text);--baha-effect-link:var(--game-preview-button-text);
  --border-default:var(--game-preview-border);
  --button-bg:var(--game-preview-button-bg);--button-text:var(--game-preview-button-text);
  --button-border:var(--game-preview-button-border);
  display:grid;grid-template-columns:48px minmax(0,1fr) minmax(130px,auto);
  gap:12px;align-items:center;min-width:0;max-width:100%;margin:12px 0;
  padding:14px;border:1px solid var(--game-preview-border);border-radius:15px;
  background:var(--game-preview-bg);color:var(--game-preview-text);
  box-shadow:0 3px 10px #00000014;text-shadow:none;line-height:1.45;
}
body:is(.theme-halloween,.theme-dark,.theme-peti,.theme-pulse) .room-game-share-v522{
  --game-preview-bg:#2b2136;--game-preview-text:#fff3e6;
  --game-preview-secondary:#dfd0e8;--game-preview-border:#a888ad;
  --game-preview-button-bg:#ffd09b;--game-preview-button-text:#392114;
  --game-preview-button-border:#ffd09b;--game-preview-button-hover:#ffe1bc;
  --game-preview-focus:#ffcf92;
}
body .room-game-share-v522 .room-game-share-icon{
  align-self:start;font-size:2.15rem;line-height:1.25;text-align:center;
  filter:none;
}
body .room-game-share-v522 .room-game-share-info{min-width:0}
body .room-game-share-v522 .room-game-share-info :is(small,b,span,em){
  display:block;max-width:100%;overflow-wrap:anywhere;opacity:1;
  text-shadow:none;-webkit-text-fill-color:currentColor;
}
body .room-game-share-v522 .room-game-share-info small{
  color:var(--game-preview-secondary);font-size:.875rem;line-height:1.45;
  font-weight:800;letter-spacing:.035em;
}
body .room-game-share-v522 .room-game-share-info b{
  color:var(--game-preview-text);margin:4px 0;font-size:1.1rem;line-height:1.3;
}
body .room-game-share-v522 .room-game-share-info span{
  color:var(--game-preview-text);font-size:.92rem;font-weight:700;
}
body .room-game-share-v522 .room-game-share-info em{
  margin-top:6px;color:var(--game-preview-secondary);font-size:.9rem;
  line-height:1.5;font-style:normal;
}
body .room-game-share-v522 .room-game-share-open{
  min-width:0;max-width:100%;min-height:46px;padding:11px 13px;
  display:flex;align-items:center;justify-content:center;
  border:1px solid var(--game-preview-button-border);border-radius:12px;
  background:var(--game-preview-button-bg);color:var(--game-preview-button-text);
  font-size:.9rem;font-weight:800;line-height:1.4;text-align:center;
  white-space:normal;overflow-wrap:anywhere;text-shadow:none;text-decoration:none;
  -webkit-text-fill-color:currentColor;
}
body .room-game-share-v522 .room-game-share-open:hover{
  --button-bg:var(--game-preview-button-hover);
  background:var(--game-preview-button-hover);text-decoration:underline;filter:none;
}
body .room-game-share-v522 .room-game-share-open:focus-visible{
  outline:3px solid var(--game-preview-focus);outline-offset:3px;
}
@media(max-width:640px){
  body .room-game-share-v522{grid-template-columns:38px minmax(0,1fr);gap:10px;padding:12px}
  body .room-game-share-v522 .room-game-share-icon{font-size:1.9rem}
  body .room-game-share-v522 .room-game-share-open{grid-column:1/-1;width:100%;min-height:48px}
}