/* HemenOkey V23 — compact auth overlay / 2026-10-23
   Both tabs use one fixed outer card height; only inner registration pane can scroll.
   No backend, signup validation, index router or leaderboard changes. */
.hky-v23-compact .v21-top-grid{align-items:start}
.hky-v23-compact .signin.hky-auth-card,
.hky-v23-compact .signin.hky-auth-card:has(#hky-register-pane:not([hidden])),
.hky-v23-compact .signin.hky-auth-card:has(.hky-registration-notice){
  height:326px!important;min-height:326px!important;max-height:326px!important;
  display:flex!important;flex-direction:column!important;
  overflow:hidden!important;padding:10px 14px 10px!important;
}
.hky-v23-compact .v21-hero{height:326px!important;min-height:326px!important}
.hky-v23-compact .v22-rank-card{height:326px!important;min-height:326px!important;overflow:hidden!important}
.hky-v23-compact .hky-auth-tabs{flex:0 0 auto;margin:0 0 7px!important;padding:3px!important;gap:3px}
.hky-v23-compact .hky-auth-tabs a{min-height:30px!important;padding:6px 5px!important;font-size:11px!important;line-height:1.25}
.hky-v23-compact .hky-auth-pane:not([hidden]){display:block;flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#b8d5c6 transparent;overscroll-behavior:contain;padding-right:2px}
.hky-v23-compact .hky-auth-pane[hidden]{display:none!important}
.hky-v23-compact .signin-head{margin:0}
.hky-v23-compact .signin-brow{font-size:9px!important;line-height:1.15;letter-spacing:1.1px}
.hky-v23-compact .signin-head h2{font:700 19px/1.14 Georgia,serif!important;margin:2px 0 3px!important;letter-spacing:-.45px}
.hky-v23-compact .signin-head p{font-size:10px!important;line-height:1.24!important;margin:1px 0 6px!important}
.hky-v23-compact .signin-form{gap:0}
.hky-v23-compact .signin-form label{font-size:10px!important;line-height:1.1!important;margin:3px 0 3px!important}
.hky-v23-compact .signin-form input{height:32px!important;min-height:32px!important;padding:6px 10px!important;font-size:11px!important;border-radius:7px}
.hky-v23-compact .signin-form .button-primary{min-height:34px!important;height:34px!important;margin-top:7px!important;font-size:11px!important;padding:0 10px!important}
.hky-v23-compact .signin-footer{margin:6px 0 0!important;padding:6px 0 0!important;font-size:10px!important}
.hky-v23-compact .v22-password-field>.v22-reveal{height:30px!important;width:32px!important}
.hky-v23-compact .hky-registration-notice{font-size:10px;padding:5px 7px;margin:1px 0 4px!important}
.hky-v23-compact #hky-register-pane .signin-head h2{font-size:18px!important}
.hky-v23-compact .hky-register-form{display:flex;flex-direction:column;gap:0;min-width:0}
.hky-v23-compact .v23-identity-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:0;align-items:start;margin-top:0}
.hky-v23-compact .v23-field{display:flex;flex-direction:column;min-width:0;min-height:0}
.hky-v23-compact .v23-field label{font-size:10px!important;color:#37564b;font-weight:800;margin:0 0 3px!important;line-height:1.1!important}
.hky-v23-compact .v23-field input{width:100%;min-width:0;height:30px!important;min-height:30px!important;max-height:30px!important;padding:5px 8px!important;font-size:11px!important;border-radius:7px}
.hky-v23-compact .v23-field .hky-field-status{display:block;font-size:9px!important;line-height:1.14!important;margin-top:2px!important;min-height:11px;max-width:100%;overflow-wrap:anywhere}
.hky-v23-compact .hky-register-form>label:not(.hky-terms){font-size:10px!important;line-height:1.12!important;margin:4px 0 2px!important}
.hky-v23-compact .hky-optional{font-size:9px!important}
.hky-v23-compact .hky-gender-choice{margin:0 0 1px!important;gap:12px;min-height:19px}
.hky-v23-compact .hky-gender-choice label{font-size:10px!important;line-height:1.1!important;gap:4px}
.hky-v23-compact .hky-gender-choice input{width:12px;height:12px}
.hky-v23-compact .hky-password-row{gap:7px;align-items:start;margin-top:0}
.hky-v23-compact .hky-password-row label{font-size:10px!important;line-height:1.1!important;margin:1px 0 3px!important}
.hky-v23-compact .hky-password-row input{height:30px!important;min-height:30px!important;padding:5px 8px!important;font-size:11px!important;border-radius:7px}
.hky-v23-compact .hky-terms{font-size:9.5px!important;line-height:1.25!important;display:flex;align-items:center;gap:5px;margin:5px 0 3px!important;min-height:17px}
.hky-v23-compact .hky-terms input{flex:none;width:12px;height:12px}
.hky-v23-compact .hky-register-submit{min-height:32px!important;height:32px!important;font-size:11px!important;padding:0 9px!important;margin:1px 0 0!important;border-radius:7px}
.hky-v23-compact .hky-auth-note{font-size:9px!important;line-height:1.16!important;margin:3px 0 0!important;text-align:center}
.hky-v23-compact .hky-auth-pane input:focus-visible,
.hky-v23-compact .hky-auth-pane button:focus-visible{outline:2px solid #0b846a;outline-offset:1px}
@media(max-width:760px){
 .hky-v23-compact .signin.hky-auth-card,
 .hky-v23-compact .signin.hky-auth-card:has(#hky-register-pane:not([hidden])),
 .hky-v23-compact .signin.hky-auth-card:has(.hky-registration-notice){
   height:326px!important;min-height:326px!important;max-height:326px!important;padding:10px 13px!important
 }
 .hky-v23-compact .v21-hero{height:auto!important;min-height:294px!important}
 .hky-v23-compact .v22-rank-card{height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}
 .hky-v23-compact .hky-register-form{padding-bottom:3px}
}
@media(max-width:355px){
 .hky-v23-compact .v23-identity-grid{grid-template-columns:1fr;gap:4px}
 .hky-v23-compact .v23-field .hky-field-status{max-height:none}
}

/* Final fit: full registration submit + guidance visible without initial scrolling. */
.hky-v23-compact .signin.hky-auth-card,
.hky-v23-compact .signin.hky-auth-card:has(#hky-register-pane:not([hidden])),
.hky-v23-compact .signin.hky-auth-card:has(.hky-registration-notice){
 height:334px!important;min-height:334px!important;max-height:334px!important
}
.hky-v23-compact .v21-hero{height:334px!important;min-height:334px!important}
.hky-v23-compact .v22-rank-card{height:334px!important;min-height:334px!important}
.hky-v23-compact #hky-register-pane .signin-head h2{font-size:16px!important;line-height:1.1!important;margin:1px 0 1px!important}
.hky-v23-compact #hky-register-pane .signin-head p{font-size:9px!important;line-height:1.1!important;margin:0 0 3px!important}
.hky-v23-compact #hky-register-pane .signin-brow{font-size:8px!important;line-height:1.1!important}
.hky-v23-compact .v23-field input{appearance:none;border:1px solid #dce4dc!important;background:#fcfdf9!important;box-shadow:inset 0 1px 2px #17422d0d!important;outline:none!important;color:#214b3f!important}
.hky-v23-compact .v23-field input:focus{border-color:#61ad96!important;box-shadow:0 0 0 2px #cdeadc!important}
.hky-v23-compact .v23-identity-grid{gap:6px!important}
.hky-v23-compact .hky-register-form>label:not(.hky-terms){margin:2px 0 1px!important}
.hky-v23-compact .hky-register-submit{min-height:30px!important;height:30px!important}
@media(max-width:760px){
 .hky-v23-compact .signin.hky-auth-card,
 .hky-v23-compact .signin.hky-auth-card:has(#hky-register-pane:not([hidden])),
 .hky-v23-compact .signin.hky-auth-card:has(.hky-registration-notice){
 height:334px!important;min-height:334px!important;max-height:334px!important
 }
 .hky-v23-compact .v21-hero{height:auto!important;min-height:294px!important}
 .hky-v23-compact .v22-rank-card{height:auto!important;min-height:0!important;max-height:none!important}
}

/* Final fold density: no clipped content; lower cards follow natural text height. */
@media(min-width:1041px){
 .hky-v23-compact .v22-discovery .v21-card{padding:11px 13px!important;min-height:0!important;height:auto!important}
 .hky-v23-compact .v22-discovery .v21-card-head{margin-bottom:7px!important}
 .hky-v23-compact .v22-games-list .v21-game-art{height:85px!important}
 .hky-v23-compact .v22-games-list .v21-game-art img{height:102px!important}
 .hky-v23-compact .v22-task{padding:8px 9px!important}
 .hky-v23-compact .v22-task-progress{margin-top:8px!important}
 .hky-v23-compact .v21-editorial-row .v21-card,.hky-v23-compact .v21-activity-grid .v21-card{padding:10px 13px!important;min-height:0!important;height:auto!important}
 .hky-v23-compact .v21-editorial-row .v21-card-head,.hky-v23-compact .v21-activity-grid .v21-card-head{margin-bottom:7px!important}
 .hky-v23-compact .v21-brief-list{gap:6px!important}
 .hky-v23-compact .v21-brief{padding-bottom:3px!important}
 .hky-v23-compact .v21-middle-grid,.hky-v23-compact .v21-bottom-grid{margin-top:10px!important;gap:11px!important}
}
@media(min-width:761px) and (max-width:1040px){
 .hky-v23-compact .nav-links{gap:11px!important}
 .hky-v23-compact .nav-login,.hky-v23-compact .nav-cta{padding-inline:11px!important}
 .hky-v23-compact .nav-actions{gap:5px!important}
}
