/* HemenOkey V20 compact landing — layer over untouched V19 stylesheet. */
.shell{width:min(1280px,calc(100% - 32px))}
.masthead-inner{min-height:64px;gap:24px}
.site-monogram{width:36px;height:36px;font-size:22px}
.site-wordmark{font-size:20px}
.nav-links{gap:21px}
main{padding-top:14px;padding-bottom:24px}
.welcome{grid-template-columns:minmax(0,1.48fr) minmax(350px,.86fr);gap:14px;align-items:stretch}
.hero{min-height:340px}
.hero-content{padding:28px 28px 20px;max-width:490px}
.hero h1{font-size:clamp(43px,4.5vw,57px);line-height:1.02}
.hero-description{margin:13px 0 17px;line-height:1.6}
.hero-footnotes{margin-top:19px}
.hero-art{width:325px;height:315px;right:-60px;bottom:-80px}
.signin.hky-auth-card{padding:16px 18px 14px;min-height:340px}
.hky-auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:4px;background:#e9e6de;border-radius:8px;margin-bottom:12px}
.hky-auth-tabs a{text-align:center;padding:9px 8px;font-size:13px;font-weight:850;color:#496175;border-radius:6px}
.hky-auth-tabs a[aria-selected="true"]{background:#fffefa;color:#14334b;box-shadow:0 2px 8px #1227361d}
.hky-auth-pane[hidden]{display:none!important}
.hky-auth-pane .signin-head h2{font-size:22px;margin:3px 0}
.hky-auth-pane .signin-head p{margin-bottom:9px}
.hky-auth-pane .signin-form input{height:39px;min-height:39px}
.hky-auth-pane .signin-form label{margin:4px 0 5px}
.hky-register-form{display:flex;flex-direction:column}
.hky-register-form>label:not(.hky-terms),.hky-password-row label{font-size:11px;font-weight:800;color:#304a5a;margin:5px 0 4px}
.hky-register-form>input:not([type=hidden]),.hky-password-row input{width:100%;height:35px;min-height:35px;border:1px solid #cacfcf;background:#fffefa;border-radius:5px;padding:8px 11px;font-size:12px;color:#14334b}
.hky-register-form input:focus{outline:2px solid #d7ae6470;outline-offset:0;border-color:#b69455}
.hky-field-status{min-height:15px;font-size:10px;line-height:1.3;color:#617481;margin-top:4px}
.hky-field-status[data-state="available"]{color:#14725f}
.hky-field-status[data-state="taken"],.hky-field-status[data-state="error"]{color:#ac3f32}
.hky-gender-choice{display:flex;gap:22px;align-items:center;margin:3px 0 5px}
.hky-gender-choice label{font-size:12px;display:flex;align-items:center;gap:5px;font-weight:650}
.hky-gender-choice input,.hky-terms input{accent-color:#126c5f}
.hky-optional{font-weight:400;color:#75818b}
.hky-password-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.hky-password-row>div{min-width:0;display:flex;flex-direction:column}
.hky-terms{display:flex;gap:8px;align-items:center;font-size:10px;color:#566675;margin-top:10px}
.hky-register-submit{min-height:38px;margin-top:10px;width:100%}
.hky-auth-note{font-size:10px;color:#66757c;text-align:center;margin:9px 0 0}
.hky-registration-notice{padding:9px;border:1px solid #b6ccbc;background:#eff9f1;border-radius:6px;font-size:11px;color:#1a6b53}
.game-strip{padding:16px 0;margin:0}
.strip-heading{margin-bottom:10px}
.strip-heading h2,.detail-heading h2{font-size:23px}
.game-link{min-height:58px;padding:12px 11px}
.content-grid{margin-top:20px;gap:20px}
.detail-heading{margin-bottom:10px}
.board{min-height:220px!important;padding:13px!important}
.room-row{padding:10px 0}
@media(max-width:960px){.welcome{grid-template-columns:1fr}.hero{min-height:265px}.signin.hky-auth-card{min-height:0}.hero h1{font-size:50px}}
@media(max-width:580px){.shell{width:calc(100% - 20px)}main{padding-top:10px}.hero{min-height:250px}.hero-content{padding:20px 17px}.hero h1{font-size:43px}.hero-art{width:230px;height:230px;opacity:.43;right:-75px}.hero-footnotes{margin-top:13px}.signin.hky-auth-card{padding:14px}.hky-password-row{gap:7px}.hky-register-form>input:not([type=hidden]),.hky-password-row input{font-size:13px}.content-grid{margin-top:15px}.nav-links{gap:8px}.game-strip{padding:13px 0}}

/* Keep short hero + games to the left of the taller fixed registration card. */
@media(min-width:961px){
 main#main{display:grid;grid-template-columns:minmax(0,1.48fr) minmax(350px,.86fr);column-gap:14px;align-items:start}
 main#main>.welcome{display:contents}
 main#main .hero{grid-column:1;grid-row:1;min-height:310px;height:310px}
 main#main .signin{grid-column:2;grid-row:1 / span 2;min-height:0}
 main#main>.game-strip{grid-column:1;grid-row:2;align-self:start}
 main#main>.content-grid{grid-column:1 / -1;grid-row:3}
}