/* Free trial cards and actions. */
.button-trial{color:#77d7a3;border-color:#367655}
.button-trial:hover{background:#1d3127;color:#a2ebc0;border-color:#77d7a3}
.catalog-intro-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,320px);align-items:start;gap:44px;padding:35px 0 26px;border-bottom:1px solid var(--line)}
.catalog-intro-layout>.catalog-intro{padding:0;border:0}
.catalog-intro-layout:not(:has(.trial-promo-card)){grid-template-columns:minmax(0,1fr)}
.trial-promo-card{display:grid;justify-items:start;gap:4px;padding:18px 22px;border:1px solid #755a36;background:#211d17;color:#e8d8bd}
.trial-promo-card .eyebrow{margin:0 0 3px;color:#d2ab70;font-size:9px;line-height:1.5}
.trial-promo-card h2{margin:0;color:#f0b45f;font:700 28px/1.12 Georgia,serif;letter-spacing:-.025em}
.trial-promo-features{font-size:12px;font-weight:650;line-height:1.5}
.trial-promo-details{width:100%;margin-top:4px;padding-top:8px;border-top:1px solid #514331;color:#c7b69a;font-size:12px;line-height:1.5}
.trial-promo-details p{margin:0}
.trial-promo-details p.trial-promo-terms{margin-top:4px;font-size:11px;line-height:1.5}
.trial-promo-card>.button-trial{width:100%;margin-top:9px;min-height:40px;background:#1b2921;font-size:13px}
.trial-promo-card>.button-trial:hover{background:#243d2f}
@media(max-width:760px){.catalog-intro-layout{grid-template-columns:minmax(0,1fr);gap:22px;padding:30px 0 26px}.trial-promo-card{width:100%;max-width:390px;padding:18px 22px}.trial-promo-card h2{font-size:28px}}

.trial-promo-heading{display:flex;align-items:center;gap:10px;width:100%}
.trial-promo-gift{display:grid;place-items:center;flex:none;width:34px;height:34px;border:1px solid #367655;border-radius:7px;background:#1d3127;color:#77d7a3}
.trial-promo-gift svg{width:22px;height:22px}

/* The feature footer uses the full width below the introduction and trial card. */
.catalog-intro-footer{padding:17px 0;border-bottom:1px solid var(--line)}
.catalog-intro-footer .catalog-runtime{display:flex;flex-wrap:wrap;align-items:center;gap:8px 0;margin:0;color:#c9bcaa;font:12px/1.7 Consolas,"Courier New",monospace}
.catalog-intro-footer .runtime-feature{display:inline-flex;align-items:center;white-space:nowrap;color:inherit}
.catalog-intro-footer .runtime-feature+.runtime-feature::before{content:"/";margin:0 16px;color:#806b4d}
@media(max-width:760px){.catalog-intro-footer .catalog-runtime{gap:8px 14px;font-size:11px}.catalog-intro-footer .runtime-feature+.runtime-feature::before{display:none}}

/* Make the helper catalog easy to find from the main navigation. */
.site-nav>a.nav-games{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:40px;padding:8px 14px;border:1px solid #9b7039;border-radius:2px;background:#322619;color:#f0b45f;font-weight:700;white-space:nowrap;transition:background .15s,border-color .15s,color .15s}
.site-nav>a.nav-games svg{flex:none;width:20px;height:20px}
.site-nav>a.nav-games:hover{background:#44321e;border-color:#f0b45f;color:#ffe0a8}
.site-nav>a.nav-games:focus-visible{outline:2px solid #f0b45f;outline-offset:3px}
@media(max-width:670px){.site-nav>a.nav-games{min-height:38px;padding:7px 10px;gap:7px}.site-nav>a.nav-games svg{width:18px;height:18px}}

/* Available helpers are visible before the developer introduction. */
.helper-shortcuts{margin:22px 0 0}
.helper-shortcuts-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}
.helper-shortcuts-heading>h2.eyebrow{margin:0;font-size:11px;line-height:1.5;color:#d6b27b}
.helper-shortcuts-grid{display:grid;grid-auto-flow:column;grid-auto-columns:max(145px,calc((100% - 60px)/6));gap:12px;overflow-x:auto;padding:2px 1px 9px;scrollbar-width:thin;scrollbar-color:#9b7039 #211d17;scroll-snap-type:x proximity}
.helper-shortcut{display:flex;flex-direction:column;min-width:0;border:1px solid #514331;border-radius:2px;background:#211d17;color:#e8d8bd;scroll-snap-align:start}
.helper-shortcut:hover{border-color:#d6b27b;background:#2b2319;color:#f0b45f}
.helper-shortcut:focus-visible,.helper-shortcuts-grid:focus-visible{outline:2px solid #f0b45f;outline-offset:2px}
.helper-shortcut-preview{display:grid;place-items:center;aspect-ratio:2/1;width:100%;padding:5px;background:#15191d;border-bottom:1px solid #514331;overflow:hidden}
.helper-shortcut-preview img{display:block;width:100%;height:100%;min-height:0;object-fit:contain}
.helper-shortcut-initial{color:#d6b27b;font:700 26px/1 Georgia,serif}
.helper-shortcut-name{display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px;font-size:12px;line-height:1.35;font-weight:700;text-align:center}
@media(max-width:760px){.helper-shortcuts-grid{grid-auto-columns:145px;gap:10px}}

/* Align navigation buttons and the language selector. */
.site-header .site-nav>a.nav-games,.site-header .site-nav>a.nav-login,.site-header .language-switcher select{box-sizing:border-box;height:40px}
.site-header .site-nav>a.nav-login{display:inline-flex;align-items:center;justify-content:center}

.helper-shortcut-game{display:flex;align-items:center;justify-content:center;min-height:36px;padding:7px 6px;color:#f0b45f;font-size:11px;line-height:1.3;font-weight:700;text-align:center}
.helper-shortcuts-controls{display:flex;gap:7px}
.helper-shortcuts-controls[hidden]{display:none}
.helper-shortcuts-arrow{display:grid;place-items:center;width:30px;height:30px;padding:0;border:1px solid #9b7039;border-radius:2px;background:#322619;color:#f0b45f;cursor:pointer}
.helper-shortcuts-arrow svg{width:18px;height:18px}
.helper-shortcuts-arrow:hover:not(:disabled){border-color:#f0b45f;background:#44321e;color:#ffe0a8}
.helper-shortcuts-arrow:disabled{border-color:#514331;background:#211d17;color:#77654d;cursor:default}
.helper-shortcuts-arrow:focus-visible{outline:2px solid #f0b45f;outline-offset:2px}

/* Keep the three header controls on one shared baseline. */
.site-header .site-nav{align-items:center}
.site-header .site-nav>a.nav-games,.site-header .site-nav>a.nav-login,.site-header .language-switcher select{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;height:44px;min-height:44px;padding-top:0;padding-bottom:0;line-height:1}
.site-header .site-nav>a.nav-games{gap:9px;padding-left:14px;padding-right:14px}
.site-header .site-nav>a.nav-login{padding-left:12px;padding-right:12px}
.site-header .language-switcher,.site-header .language-switcher label{display:flex;align-items:center;height:44px;min-height:44px}
.site-header .language-switcher label{gap:12px}
.site-header .language-switcher label>span{display:flex;align-items:center;height:100%;line-height:1}
.site-header .language-switcher select{margin:0;padding-top:0;padding-bottom:0}
@media(max-width:670px){.site-header .site-nav>a.nav-games{gap:7px;padding-left:10px;padding-right:10px}}