.rooms-wrap{max-width:1100px;margin:0 auto;padding:42px 22px 72px}.rooms-hero{padding:30px 0 34px}.rooms-hero h1{font-size:clamp(2.2rem,5vw,4rem);letter-spacing:-.045em;line-height:1.05;max-width:850px;margin:12px 0}.rooms-hero h1 span{color:#287c60}.rooms-hero p{max-width:700px;line-height:1.7;color:#626879}.rooms-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.room-panel,.how-panel{background:#fff;border:1px solid #e5e8ef;border-radius:22px;padding:24px;box-shadow:0 10px 35px #24304b0a}.room-panel h2,.how-panel h2{margin:0 0 20px}.room-panel label{display:block;font-weight:650;margin:15px 0 7px}.room-panel input,.room-panel select,.host-controls select{box-sizing:border-box;width:100%;padding:13px 14px;border:1px solid #d9deea;border-radius:12px;background:#fff;font:inherit;color:#252a36}.room-btn{border:0;border-radius:12px;padding:12px 16px;font:inherit;font-weight:700;cursor:pointer}.room-btn:disabled{opacity:.45;cursor:not-allowed}.room-btn.primary{background:#23795c;color:#fff}.room-btn.secondary{background:#eef1f7;color:#263047}.room-panel>.room-btn{width:100%;margin-top:18px}.hint{font-size:.85rem;line-height:1.55;color:#707789}.waiting-panel{margin-top:20px}.waiting-head{display:flex;justify-content:space-between;gap:14px;align-items:center}.waiting-head h2{margin:5px 0 15px}.badge{background:#fff2d9;color:#805814;border-radius:99px;padding:7px 11px;font-size:.78rem;font-weight:700;white-space:nowrap}.room-info{padding:14px;background:#f6f8fb;border-radius:12px;color:#555f72}.players-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:16px 0}.player-card,.empty-player{border:1px solid #e3e7ef;border-radius:14px;padding:14px;background:#fff}.player-card strong{display:block;overflow-wrap:anywhere}.player-card small{color:#72798a}.empty-player{color:#777}.host-controls{border-top:1px solid #e9ebf1;padding-top:16px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.host-controls label{grid-column:1/-1;margin:0}.host-controls select{grid-column:1/-1}.host-controls .room-btn{grid-column:auto}.room-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}.room-status{font-size:.9rem;line-height:1.6;color:#626879}.how-panel{margin-top:20px}.how-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.how-grid article>span{display:grid;place-items:center;width:34px;height:34px;background:#e4f4ed;color:#23795c;border-radius:50%;font-weight:800}.how-grid h3{margin:12px 0 6px}.how-grid p,.privacy-note{color:#646b7b;line-height:1.65;font-size:.92rem}.privacy-note{border-top:1px solid #e8eaf0;padding-top:16px;margin-top:20px}.site-header{box-sizing:border-box;width:min(1100px,calc(100% - 44px));max-width:1100px;margin:0 auto;padding:0;position:relative;z-index:5}
[hidden], form[hidden], section[hidden], div[hidden] { display:none !important; }@media(max-width:700px){.rooms-layout,.how-grid{grid-template-columns:1fr}.rooms-wrap{padding:25px 16px 50px}.room-panel,.how-panel{padding:19px}.waiting-head{align-items:flex-start;flex-direction:column}.host-controls{grid-template-columns:1fr}.host-controls label,.host-controls select{grid-column:1}.rooms-hero{padding-top:15px}}
/* Active challenges and live room games */
.badge[data-kind="online"]{background:#dff5e8;color:#1f6a49}.badge[data-kind="demo"]{background:#fff2d9;color:#805814}
.room-status-error{color:#a53d34!important}
.challenge-panel,.galo-match-panel{margin-top:18px;padding:18px;border:1px solid #e2e8e3;border-radius:18px;background:#f9fbf8}
.challenge-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.challenge-heading h3{font-size:1.3rem;margin:5px 0}.challenge-heading p{color:#697364;margin:5px 0 12px;line-height:1.5;font-size:.9rem}
.round-leaderboard{margin-top:16px}.round-leaderboard h4{margin:0 0 8px}.round-score-row{display:grid;grid-template-columns:35px minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px;border-top:1px solid #e4e9e4;background:white}.round-score-row span:first-child{font-size:1.1rem}.round-score-row strong{overflow-wrap:anywhere}.round-score-row span:last-child{font-weight:800;color:#226b4c;font-variant-numeric:tabular-nums;text-align:right}
.room-galo-board{width:min(100%,390px);aspect-ratio:1;margin:18px auto 10px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.room-galo-cell{border:1px solid #dfe7df;border-radius:16px;background:#fff;color:#2b7654;font-size:clamp(2.4rem,10vw,4rem);font-weight:900;cursor:pointer;box-shadow:0 3px 0 #dce6dd;min-width:0;min-height:0}
.room-galo-cell:disabled{cursor:default;opacity:1}.room-galo-cell.mark-o{color:#b05c43}.room-galo-cell.mark-x{color:#287b59}.room-galo-cell:not(:disabled):hover{background:#f0f8f2}
@media(max-width:520px){.challenge-panel,.galo-match-panel{padding:13px}.round-score-row{grid-template-columns:25px minmax(0,1fr) auto;gap:7px}.challenge-heading .room-btn{width:100%;text-align:center}}

.rooms-hero{position:relative;display:block;overflow:visible;margin:0;padding:32px 0 34px;min-height:0;border:0;border-radius:0;background:transparent;box-shadow:none;grid-template-columns:initial}
.rooms-hero::before,.rooms-hero::after{display:none}
.rooms-hero h1{max-width:850px}
.rooms-wrap .site-header{width:min(1100px,calc(100% - 44px))}
@media(max-width:700px){.rooms-hero{padding:18px 0 25px}.site-header{width:calc(100% - 32px)}}

.tg-mini-bar{box-sizing:border-box!important;width:100%!important;min-height:48px;display:flex!important;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0!important;border-radius:0!important}
.tg-mini-bar a{white-space:nowrap}
.tg-mini-bar .tg-mini-stats{margin-left:auto}
@media(max-width:520px){.tg-mini-bar{gap:8px;padding:9px 12px!important}.tg-mini-bar .tg-mini-stats{margin-left:0}.tg-mini-bar .tg-mini-account{margin-left:auto}}

/* Stable full-width header and progress strip on the rooms page. */
html, body.rooms-page { max-width: 100%; overflow-x: clip; }
body.rooms-page > .tg-mini-bar {
  box-sizing: border-box !important; display: flex !important; flex-direction: row !important;
  flex-wrap: nowrap !important; align-items: center !important; justify-content: space-between !important;
  width: 100% !important; max-width: 100vw !important; min-width: 0 !important; min-height: 50px !important;
  margin: 0 !important; padding: 9px clamp(16px, calc((100vw - 1100px) / 2), 46px) !important;
  gap: 14px !important; position: relative !important; z-index: 30 !important;
  background: #172b2a !important; color: #f7f9f6 !important; overflow: visible;
}
body.rooms-page > .tg-mini-bar > * { min-width: 0; }
body.rooms-page .tg-mini-brand { display: inline-flex !important; align-items: center; flex: 0 0 auto; white-space: nowrap; color: #f7f9f6 !important; }
body.rooms-page .tg-mini-stats { display: flex !important; align-items: center; gap: 9px !important; margin-left: auto !important; white-space: nowrap; color: #e1f1d9 !important; }
body.rooms-page .tg-mini-account { display: inline-flex !important; align-items: center; justify-content: center; flex: 0 0 auto; white-space: nowrap; background: #f5bd56 !important; color: #172b2a !important; border-radius: 999px; padding: 8px 12px; text-decoration: none; font-weight: 800; }
body.rooms-page > .site-header { box-sizing: border-box; width: min(1100px, calc(100% - 44px)); max-width: 1100px; margin: 0 auto; padding: 16px 0; position: relative; }
body.rooms-page .rooms-hero { display: block; grid-template-columns: initial; border: 0; border-radius: 0; box-shadow: none; background: transparent; min-height: 0; }
@media (max-width: 520px) {
  body.rooms-page > .tg-mini-bar { gap: 8px !important; padding: 9px 12px !important; }
  body.rooms-page .tg-mini-brand { display: none !important; }
  body.rooms-page .tg-mini-stats { margin-left: 0 !important; margin-right: auto !important; }
  body.rooms-page > .site-header { width: calc(100% - 32px); }
}
[hidden], form[hidden], section[hidden], div[hidden] { display: none !important; }