.games-hub{max-width:900px;margin:0 auto}.games-hub>header{margin:12px 0 28px}.games-hub>header h1{margin-bottom:12px}.games-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.games-card{display:flex;align-items:center;gap:18px;min-width:0;padding:24px;border:2px solid #cedfce;border-radius:24px;background:#fffdfa;color:#234d3b;text-decoration:none}.games-card>img{object-fit:contain;flex:none;width:96px;height:112px}.games-card>div{min-width:0;flex:1}.games-card h2{font-size:26px;margin:0 0 8px}.games-card p{font-size:18px;line-height:1.5;margin:0}.games-card>.garden-icon{width:24px;flex:none}@media(hover:hover){.games-card[href]:hover{border-color:#397449;background:#f3f7ed}}.games-card-locked{background:#f4f3e9;color:#4a5f52}.game-lock{display:flex;align-items:center;gap:8px;margin-top:12px!important}.game-lock svg{width:20px;height:20px;flex:none}.games-invite{display:flex;align-items:center;gap:18px;background:#fff6d9;border:2px solid #ead894;border-radius:24px;padding:22px;margin:26px 0}.games-invite img{flex:none;width:72px;height:72px}.games-invite>div{flex:1}.games-invite h2{font-size:26px;margin:0 0 6px}.games-invite p{font-size:18px;line-height:1.5;margin:0}.game-gate{text-align:center;padding:36px 12px}.game-gate>img{margin-bottom:24px}.game-gate .instruction-line{justify-content:center;margin:22px 0}.in-game #main{padding-top:20px}.game-settings select{max-width:100%}.garden-decoration-preview{margin-top:20px}.garden-decoration-preview>a{display:block;color:inherit}.today-decor-mini{max-width:220px;width:42%;flex:none}.today-decor-mini .decor-scene-mini{width:100%}.games-invite-compact{max-width:650px;margin:26px auto}.game-settings p{line-height:1.6}@media(max-width:600px){.games-cards{grid-template-columns:1fr}.games-card{padding:18px;gap:14px}.games-card>img{width:80px;height:92px}.games-card h2{font-size:24px}.games-invite{flex-wrap:wrap;padding:18px;gap:12px}.games-invite .btn{width:100%}.games-invite img{width:60px;height:60px}.games-invite h2{font-size:24px}.today-decor-mini{width:40%}}

.games-hub>header .instruction-line{justify-content:flex-start}

.game-test-banner{display:flex;align-items:center;gap:16px;justify-content:space-between;padding:16px 20px;margin:0 0 24px;background:#fff1cc;border:2px solid #d8bf70;border-radius:18px}.game-test-banner p{font-size:18px;line-height:1.5}.game-test-banner .btn{flex-shrink:0;min-height:56px;font-size:18px}.game-test-setting{margin-top:24px;padding-top:20px;border-top:1px solid #cedfce}.game-test-setting h3{margin-bottom:12px}@media(max-width:420px){.game-test-banner{flex-wrap:wrap}.game-test-banner .btn{width:100%}}

.games-unlock-progress{margin-top:12px}.games-unlock-progress progress{display:block;width:100%;height:12px;appearance:none;border:0;border-radius:10px;overflow:hidden;background:#eadfbf;color:#2b6e39}.games-unlock-progress progress::-webkit-progress-bar{background:#eadfbf}.games-unlock-progress progress::-webkit-progress-value{background:#2b6e39;border-radius:10px}.games-unlock-progress progress::-moz-progress-bar{background:#2b6e39;border-radius:10px}.games-unlock-progress p{margin-top:6px}

/* Shelves show completed games, never a streak or a score. */
.game-collection{margin-top:14px;padding-top:12px;border-top:1px solid #dedbc2}.jar-shelf{display:flex;align-items:flex-end;gap:7px;width:max-content;max-width:100%;padding:0 5px 4px;border-bottom:5px solid #b58b60;border-radius:0 0 5px 5px}.jar-shelf img{display:block;width:42px;height:52px;object-fit:contain}.game-collection .jar-count{margin-top:7px;font-weight:700}.game-collection .jar-goal{margin-top:3px;line-height:1.35}.game-collection .jar-test-note{margin-top:8px}.games-cards .games-card{align-items:flex-start}.games-cards .games-card>.garden-icon{align-self:center}.games-cards .games-card>img{width:72px;height:88px}.games-cards .games-card{padding:22px;gap:14px}@media(min-width:601px) and (max-width:800px){.games-cards .games-card{padding:18px;gap:10px}.games-cards .games-card>img{width:54px;height:72px}.games-cards .games-card>.garden-icon{width:18px}.games-card h2{font-size:24px}}@media(max-width:380px){.games-cards .games-card{padding:14px;gap:10px}.games-cards .games-card>img{width:50px;height:66px}.games-cards .games-card>.garden-icon{display:none}.jar-shelf img{width:38px;height:48px}}