.homepage-modes{--modes-header:72px;--modes-bar:var(--site-bar, 0px);--modes-peek:88px;--modes-vh:1vh;--modes-height:max(340px, min(58 * var(--modes-vh), 500px));--modes-spare:max(
		0px,
		100 * var(--modes-vh) - var(--modes-bar) - var(--modes-header) - var(--modes-height) - var(--modes-peek)
	);display:grid;grid-template-columns:3fr 2fr;grid-template-rows:1fr 1fr 0.6fr;grid-template-areas:'wordshake puzzle' 'wordshake boggle' 'live live';gap:12px;width:min(1040px, calc(100% - 96px));height:var(--modes-height);margin:calc(var(--modes-header) + var(--modes-spare) / 2) auto max(24px, var(--modes-spare) / 2);box-sizing:border-box}@supports (height:1svh){.homepage-modes{--modes-vh:1svh}}.homepage-flyout~.homepage-modes{--modes-header:128px}.fs-ab-test-slot:not(.is-empty)~.homepage-modes{margin-top:32px;margin-bottom:24px}.homepage-modes .mode-daily-wordshake{grid-area:wordshake}.homepage-modes .mode-daily-puzzle{grid-area:puzzle}.homepage-modes .mode-boggle{grid-area:boggle}.homepage-modes .mode-live-game{grid-area:live}.mode-tile{--mode-icon:40px;--mode-play:48px;--mode-play-gutter:40px;--mode-play-text:16px;--mode-name:20px;--mode-context:14px;position:relative;overflow:hidden;border-radius:12px;--mode-image:var(--mode-image-large);background-image:var(--mode-image,none),linear-gradient(135deg,hsl(var(--hue) 32% 24%),hsl(var(--hue) 32% 44%));background-size:cover;background-position:center center;min-width:0;container-type:size}.mode-tile::after{content:'';position:absolute;inset:0;z-index:0;background:radial-gradient(var(--light-overlay))}.mode-target{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;height:100%;padding:14px 12px;box-sizing:border-box;text-align:center;color:#fff;text-decoration:none;cursor:pointer}.mode-icon svg{width:var(--mode-icon);height:var(--mode-icon);display:block;fill:#fff}.mode-name{margin:0;font-size:var(--mode-name);line-height:1.2}.mode-context{font-size:var(--mode-context);line-height:1.4;color:var(--half-white);max-width:32ch;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex-shrink:0}.mode-play{height:var(--mode-play);line-height:var(--mode-play);padding:0 var(--mode-play-gutter);font-size:var(--mode-play-text);margin-top:4px;background:var(--wordshake);cursor:pointer;flex-shrink:0}.homepage-modes .mode-daily-wordshake{--mode-icon:56px;--mode-name:30px}.homepage-modes .mode-daily-puzzle,.homepage-modes .mode-boggle{--mode-play:38px;--mode-play-gutter:26px;--mode-play-text:14px;--mode-name:18px;--mode-context:13px}.homepage-modes .mode-live-game{--mode-play:38px;--mode-play-gutter:26px;--mode-play-text:14px;--mode-icon:32px;--mode-name:18px}.homepage-modes .mode-live-game .mode-target{flex-direction:row;gap:14px}.homepage-modes .mode-live-game .mode-context{-webkit-line-clamp:1}@container (max-height:166px){.mode-tile:not(.mode-live-game) .mode-context{display:none}}@media (min-width:721px){@container (max-height:140px){.mode-tile:not(.mode-live-game)>.mode-target{--mode-icon:30px;--mode-play:32px;--mode-play-gutter:18px;--mode-play-text:12px;--mode-name:16px}}}.homepage-modes~.blog-home-wrap{background:none}.homepage-modes~.blog-home-wrap h2{width:min(1040px, calc(100% - 96px));margin:0 auto;text-align:left}.homepage-modes~.blog-home-wrap .two-column-grid{grid-template-columns:repeat(4,1fr);gap:12px;width:min(1040px, calc(100% - 96px));max-width:none;margin:16px auto 0}.homepage-modes~.blog-home-wrap .the-post-content{aspect-ratio:4 / 3;padding:12px;border:none;border-radius:12px}.homepage-modes~.blog-home-wrap .the-post-title{font-size:16px;padding:6px 0 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@media (max-width:720px){.homepage-modes{--modes-header:64px;--modes-height:max(350px, min(64 * var(--modes-vh), 440px));grid-template-columns:1fr 1fr;grid-template-rows:1.4fr 1fr 0.7fr;grid-template-areas:'wordshake wordshake' 'puzzle boggle' 'live live';width:calc(100% - 40px);gap:10px}.mode-tile{--mode-image:var(--mode-image-small)}.mode-target{padding:10px 8px}.homepage-modes .mode-daily-wordshake{--mode-icon:40px;--mode-name:22px;--mode-context:13px;--mode-play:40px;--mode-play-gutter:30px;--mode-play-text:14px}.homepage-modes .mode-daily-puzzle,.homepage-modes .mode-boggle,.homepage-modes .mode-live-game{--mode-icon:28px;--mode-play:32px;--mode-play-gutter:18px;--mode-play-text:12px;--mode-name:15px}.homepage-modes .mode-daily-puzzle .mode-context,.homepage-modes .mode-boggle .mode-context,.homepage-modes .mode-live-game .mode-context{display:none}@container (max-height:120px){.mode-tile:not(.mode-live-game)>.mode-target{--mode-icon:24px;--mode-play:28px;--mode-play-gutter:14px;--mode-play-text:11px;--mode-name:14px}}.homepage-modes~.blog-home-wrap h2,.homepage-modes~.blog-home-wrap .two-column-grid{width:calc(100% - 40px)}.homepage-modes~.blog-home-wrap .two-column-grid{grid-template-columns:1fr 1fr;gap:10px}.homepage-modes~.blog-home-wrap .the-post-title{font-size:14px}}@media (min-width:1200px){.homepage-modes{--modes-header:24px}.homepage-flyout~.homepage-modes{--modes-header:72px}}@media (min-width:1440px){.homepage-modes{--modes-height:max(340px, min(62 * var(--modes-vh), max(500px, 33vw)));width:min(calc(100% - 96px), max(1040px, 76vw), 1800px);gap:16px}.homepage-modes .mode-daily-wordshake{--mode-icon:max(56px, 15cqh);--mode-name:max(30px, 8.5cqh);--mode-context:max(14px, 4cqh);--mode-play:max(48px, 13cqh);--mode-play-gutter:max(40px, 11cqh);--mode-play-text:max(16px, 4.4cqh)}.homepage-modes .mode-daily-puzzle,.homepage-modes .mode-boggle{--mode-icon:max(40px, 20cqh);--mode-name:max(18px, 11cqh);--mode-context:max(13px, 7cqh);--mode-play:max(38px, 21cqh);--mode-play-gutter:max(26px, 15cqh);--mode-play-text:max(14px, 7.5cqh)}.homepage-modes .mode-live-game{--mode-icon:max(32px, 30cqh);--mode-name:max(18px, 18cqh);--mode-context:max(14px, 13cqh);--mode-play:max(38px, 36cqh);--mode-play-gutter:max(26px, 24cqh);--mode-play-text:max(14px, 13cqh)}.homepage-modes~.blog-home-wrap h2,.homepage-modes~.blog-home-wrap .two-column-grid{width:min(calc(100% - 96px), max(1040px, 76vw), 1800px)}}