/* V123: intrinsic cell sizing and compact device-specific proportions. */
html#kino-auth-v122 .auth-panel .code-cells{height:100%!important;min-height:100%!important;grid-template-rows:minmax(0,1fr)!important;box-sizing:border-box}
html#kino-auth-v122 .auth-panel .code-cells>span{height:100%!important;min-height:0!important;box-sizing:border-box}
html#kino-auth-v122 .auth-panel #auth-title{align-self:stretch!important;justify-self:stretch!important;width:100%!important;min-width:0!important;text-align:center!important}
html#kino-auth-v122[data-auth-kind=tablet] .auth-body{--kino-auth-background:url('/auth/background-ipad-v123-1536.webp');background-position:center bottom}
@supports(background-image:image-set(url('/auth/background-ipad-v123-1536.webp') 1x)){
 html#kino-auth-v122[data-auth-kind=tablet] .auth-body{--kino-auth-background:image-set(url('/auth/background-ipad-v123-1536.webp') 1x,url('/auth/background-ipad-v123-2090.webp') 2x)}
}
html#kino-auth-v122[data-auth-kind=tablet] .auth-panel #login-form{max-width:340px!important}
html#kino-auth-v122[data-auth-kind=tablet] .auth-panel #auth-title{font-size:28px!important}
html#kino-auth-v122[data-auth-kind=tablet] .auth-panel .auth-brand img{width:260px!important}
@media(orientation:portrait){
 html#kino-auth-v122[data-auth-kind=phone] .auth-panel .auth-brand img{width:clamp(156px,60vw,240px)!important}
 html#kino-auth-v122[data-auth-kind=phone] .auth-panel #auth-title{font-size:clamp(21px,6vw,26px)!important}
 html#kino-auth-v122[data-auth-kind=tablet] .auth-panel[data-step=login]{width:min(560px,100%)!important}
}
@media(orientation:landscape){
 html#kino-auth-v122[data-auth-kind=tablet][data-auth-keypad=true] .auth-stage>.auth-panel[data-step=login]{width:min(900px,100%)!important;column-gap:36px!important;min-height:min(600px,calc(100svh - var(--auth-space)*2))!important}
 html#kino-auth-v122[data-auth-kind=phone][data-auth-keypad=true] .auth-stage>.auth-panel[data-step=login]{--phone-form-width:clamp(160px,calc(42svh + 36px),248px);width:min(650px,calc(var(--phone-form-width)*2 + 72px),100%)!important;display:grid!important;grid-template-columns:minmax(0,1fr) var(--phone-form-width)!important;grid-template-rows:1fr auto 1fr!important;column-gap:24px!important;row-gap:12px!important;padding:20px 22px!important;min-height:0!important}
 html#kino-auth-v122[data-auth-kind=phone][data-auth-keypad=true] .auth-panel[data-step=login] .auth-brand{grid-area:1/1!important;align-self:end!important}
 html#kino-auth-v122[data-auth-kind=phone][data-auth-keypad=true] .auth-panel[data-step=login] #auth-title{grid-area:2/1!important;font-size:clamp(16px,4.8svh,21px)!important}
 html#kino-auth-v122[data-auth-kind=phone][data-auth-keypad=true] .auth-panel[data-step=login] #new-account{grid-area:3/1!important;align-self:start!important;font-size:clamp(11px,3svh,13px)!important;padding:8px 0!important;min-height:32px!important}
 html#kino-auth-v122[data-auth-kind=phone][data-auth-keypad=true] .auth-panel[data-step=login] #login-form{grid-area:1/2/4/3!important;width:100%!important;max-width:none!important;gap:8px!important}
 html#kino-auth-v122[data-auth-kind=phone] .auth-panel .auth-brand img{width:clamp(144px,48svh,208px)!important;max-width:100%!important}
 html#kino-auth-v122[data-auth-kind=phone] .auth-panel .auth-brand p{font-size:8px!important;letter-spacing:.42em!important;padding-left:.42em!important}
 html#kino-auth-v122[data-auth-kind=phone] .auth-panel #access-hint{text-align:left!important;font-size:clamp(10px,2.8svh,12px)!important;letter-spacing:.045em!important;min-height:16px!important}
 html#kino-auth-v122[data-auth-kind=phone] .auth-panel .code-entry{height:clamp(32px,10svh,44px)!important}
 html#kino-auth-v122[data-auth-kind=phone] .auth-panel #keypad{gap:6px!important}
 html#kino-auth-v122[data-auth-kind=phone] .auth-panel #keypad button{height:clamp(32px,12svh,52px)!important}
 html#kino-auth-v122[data-auth-kind=phone] .auth-panel #keypad button b{font-size:clamp(21px,6svh,27px)!important}
 html#kino-auth-v122[data-auth-kind=phone] .auth-panel #keypad small{font-size:7px!important}
}
@media(orientation:landscape) and (max-height:340px){
 html#kino-auth-v122[data-auth-kind=phone][data-auth-keypad=true] .auth-stage>.auth-panel[data-step=login]{padding:12px 16px!important;column-gap:18px!important;row-gap:8px!important}
 html#kino-auth-v122[data-auth-kind=phone][data-auth-keypad=true] .auth-panel[data-step=login] #login-form{gap:6px!important}
 html#kino-auth-v122[data-auth-kind=phone] .auth-panel #keypad{gap:4px!important}
}