/* DELUX V32 — responsive layout for Android portrait, landscape, tablets and desktop. */
html{width:100%;min-width:0;min-height:100%;}body{width:100%;min-width:0;overflow-x:hidden}main{width:100%;min-width:0}img,canvas,video,iframe{max-width:100%}button,select,input{max-width:100%}#s-login:not([hidden]),#s-lobby:not([hidden]){width:100%;min-width:0}#s-login .hero,#s-lobby .hero{width:100%}#s-login .hero canvas,#s-lobby .hero canvas{display:block;width:100%;height:auto}
/* Portrait phones */
@media screen and (orientation:portrait) and (max-width:900px){header{min-height:52px;padding:9px 14px}main{max-width:680px;margin-inline:auto;padding:12px 12px calc(24px + env(safe-area-inset-bottom))}#s-login:not([hidden]),#s-lobby:not([hidden]){display:block}#s-login .hero,#s-lobby .hero{max-width:100%;margin:0 auto 14px}#s-login .hero canvas,#s-lobby .hero canvas{aspect-ratio:16/10;min-height:0}#s-lobby .menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}#s-lobby .big{min-width:0;min-height:54px;white-space:normal}#s-lobby .pl,#s-lobby details.card{width:100%}}
/* Landscape Android: a real two-pane lobby with explicit placement. */
@media screen and (orientation:landscape) and (min-width:560px){html,body{min-height:100%}body{overflow-x:hidden}header{min-height:46px;padding:5px 18px}header h1{font-size:20px}main{max-width:1440px;padding:10px clamp(12px,2vw,28px);margin-inline:auto}#s-login:not([hidden]){display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);grid-template-areas:"visual form";gap:clamp(12px,2vw,26px);align-items:center;min-height:calc(100svh - 58px)}#s-login>.hero{grid-area:visual;width:100%;max-width:none;margin:0}#s-login>.hero canvas{width:100%;height:min(66svh,560px);min-height:0;aspect-ratio:auto;object-fit:cover}#s-login>.card{grid-area:form;width:100%;max-width:none;margin:0}#s-lobby:not([hidden]){display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);grid-template-areas:"visual welcome" "visual country" "visual menu" "visual server" "visual animal" "visual friend" "visual help";grid-template-rows:auto auto auto auto auto auto 1fr;gap:8px clamp(14px,2vw,28px);align-items:start;max-width:1400px;margin:0 auto}#s-lobby>.hero{grid-area:visual;width:100%;max-width:none;height:calc(100svh - 82px);min-height:250px;max-height:760px;margin:0}#s-lobby>.hero canvas{width:100%;height:100%;min-height:0;aspect-ratio:auto;object-fit:cover}#s-lobby>.hero .ht{justify-content:center;padding:0 12px}#s-lobby>.hero .ht h2{font-size:clamp(58px,8vw,132px)}#s-lobby>.hero .ht h3{font-size:clamp(17px,2vw,28px)}#s-lobby>.k2{grid-area:welcome;margin:0;align-self:end;text-align:left}#s-lobby>#dlx-pais{grid-area:country;margin:0}#s-lobby>.menu{grid-area:menu;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}#s-lobby>.menu .big{min-height:48px;padding:8px;font-size:clamp(12px,1.2vw,15px)}#s-lobby>label#l-srv{grid-area:server}#s-lobby>label.pl:not(#l-srv){grid-area:animal}#s-lobby>details.card{grid-area:friend;margin:0;padding:10px 12px}#s-lobby>p.tiny:nth-last-child(2){grid-area:help;margin:0;font-size:10px;line-height:1.35}#s-lobby>p.tiny:last-child{display:none}#s-lobby>.pl{margin:0;padding:8px 10px}#s-lobby>.pl select{min-height:38px;margin-top:4px}#s-lobby .card{max-width:none}}
@media screen and (orientation:landscape) and (min-width:1000px){#s-lobby:not([hidden]){grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr)}#s-lobby>.hero{max-height:min(78svh,820px)}#s-lobby>.menu .big{min-height:56px;font-size:15px}}
@media screen and (orientation:landscape) and (max-height:430px){header{min-height:38px;padding:3px 12px}main{padding:7px 10px}#s-lobby:not([hidden]){gap:5px 12px;grid-template-rows:auto auto auto auto auto auto 1fr}#s-lobby>.hero{height:calc(100svh - 54px);min-height:210px}#s-lobby>.menu .big{min-height:39px;padding:5px}#s-lobby>details.card{padding:7px 9px}#s-lobby>p.tiny:nth-last-child(2){font-size:9px}}
@media (orientation:landscape){#s-login .hero canvas,#s-lobby .hero canvas{max-height:calc(100svh - 80px)}}