/* TuGames progression layer */
.tg-mini-bar{box-sizing:border-box;position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px clamp(14px,4vw,44px);background:#172b2a;color:#f7f9f6;font:600 13px/1.25 system-ui,-apple-system,sans-serif;}
.tg-mini-bar a{color:inherit;text-decoration:none}.tg-mini-brand{font-weight:900;letter-spacing:.2px}.tg-mini-stats{display:flex;gap:9px;align-items:center;color:#e1f1d9}.tg-mini-account{padding:8px 12px;border-radius:999px;background:#f5bd56;color:#172b2a!important;font-weight:800}.tg-mini-account:hover{filter:brightness(1.05)}
#tg-toast{position:fixed;z-index:9999;left:50%;bottom:22px;transform:translate(-50%,18px);opacity:0;pointer-events:none;background:#163c31;color:#fff;padding:12px 18px;border-radius:14px;box-shadow:0 12px 35px #0002;font:800 14px/1.35 system-ui,sans-serif;transition:opacity .2s,transform .2s;max-width:min(92vw,520px);text-align:center}#tg-toast.is-visible{opacity:1;transform:translate(-50%,0)}#tg-toast.is-error{background:#8f2d2d}
.tg-feature-callout{display:flex;align-items:center;gap:16px;margin:0 0 24px;padding:18px 20px;border:1px solid #e2e8d9;border-radius:20px;background:linear-gradient(100deg,#f5f8eb,#fff8eb)}.tg-feature-icon{display:grid;place-items:center;flex:0 0 48px;height:48px;border-radius:15px;background:#fff;font-size:25px;box-shadow:0 4px 12px #253b2910}.tg-feature-callout strong{display:block;font-size:16px}.tg-feature-callout p{margin:4px 0 0;color:#657064;font-size:13px;line-height:1.5}.tg-feature-callout .play-link{margin-left:auto;white-space:nowrap}.tg-feature-callout a{text-decoration:none;font-weight:800;color:#246344}@media(max-width:640px){.tg-feature-callout{align-items:flex-start;flex-wrap:wrap}.tg-feature-callout .play-link{margin-left:64px}.tg-mini-bar{gap:8px}.tg-mini-brand{display:none}.tg-mini-stats{margin-right:auto}}

/* Consistent progression bar on every game, including the rooms lobby. */
.tg-mini-bar{box-sizing:border-box!important;position:relative;z-index:30;display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between;gap:14px;width:100%;max-width:100vw;min-width:0;min-height:48px;margin:0;padding:9px clamp(14px,4vw,44px);background:#172b2a;color:#f7f9f6;font:600 13px/1.25 system-ui,-apple-system,sans-serif;overflow:hidden}
.tg-mini-brand{display:inline-flex;align-items:center;flex:0 0 auto;white-space:nowrap;color:inherit;text-decoration:none;font-weight:900;letter-spacing:.2px}
.tg-mini-stats{display:flex;flex:0 1 auto;align-items:center;gap:9px;color:#e1f1d9;white-space:nowrap;margin-left:auto}
.tg-mini-account{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;white-space:nowrap;padding:8px 12px;border-radius:999px;background:#f5bd56;color:#172b2a!important;text-decoration:none;font-weight:800}
@media(max-width:640px){.tg-mini-bar{gap:8px;padding:9px 12px}.tg-mini-brand{display:none}.tg-mini-stats{margin-left:0;margin-right:auto}}

/* Cabeçalho da progressão: largura total sem interferir no layout de cada jogo. */
body.arcade-page, body.word-page, body.mini-game-page { padding-top: 50px !important; }
body.arcade-page > .tg-mini-bar, body.word-page > .tg-mini-bar, body.mini-game-page > .tg-mini-bar {
  box-sizing: border-box !important; position: absolute !important; top: 0 !important;
  left: 0 !important; right: 0 !important; transform: none !important;
  width: 100vw !important; max-width: 100vw !important; min-width: 0 !important;
  margin: 0 !important; align-self: auto !important; overflow: visible !important;
  flex: 0 0 auto; z-index: 30 !important;
}
@media (max-width: 640px) {
  body.arcade-page, body.word-page, body.mini-game-page { padding-top: 54px !important; }
  .tg-mini-bar { flex-wrap: wrap !important; white-space: normal; }
  .tg-mini-stats { flex-wrap: wrap; }
}

/* Linked cards use the same typography as the surrounding cards. */
a.tg-feature-callout, a.tg-feature-callout:visited, a.tg-feature-callout:hover {
  color:var(--ink,#20283a); text-decoration:none;
}
a.tg-feature-callout .play-link { color:#246344; }
a.tg-feature-callout:focus-visible, .room-btn:focus-visible {
  outline:3px solid #728f79; outline-offset:4px;
}
.room-btn { display:inline-flex; align-items:center; justify-content:center; text-decoration:none; }
.tg-game-guide { box-sizing:border-box; width:min(760px,100%); margin:8px auto 28px;
  padding:22px; border:1px solid var(--line,#e7e9f0); border-radius:18px;
  background:#fff; color:var(--ink,#20283a); text-align:left; }
.tg-game-guide h2 { margin:0 0 12px; font-size:1.15rem; letter-spacing:-.025em; }
.tg-game-guide h3 { margin:18px 0 7px; font-size:.95rem; }
.tg-game-guide p { margin:0 0 10px; color:var(--muted,#697286); font-size:.9rem; line-height:1.75; }
.tg-game-guide a { color:#386a4e; text-underline-offset:3px; font-weight:700; }
.tg-game-guide nav { display:flex; flex-wrap:wrap; gap:10px 20px; font-size:.88rem; }