/* The exhibition owns navigation; the playable yard owns the remaining viewport. */
body[data-screen=loader] #loader-player{display:grid;grid-template-rows:44px minmax(0,1fr);gap:10px;height:100%;min-height:0}
body[data-screen=loader] .loader-toolbar{margin:0;padding:0 4px;gap:12px;display:flex;align-items:center;min-height:44px;background:none;border:0}
body[data-screen=loader] .loader-toolbar button{display:flex;align-items:center;gap:7px;min-height:40px;padding:9px 13px;border:1px solid #fff;border-radius:100px;background:#ffffff80;font-size:11px;color:#3f6651}
body[data-screen=loader] #loader-frame{height:100%;width:100%;min-height:0;border:1px solid #ffffffb0;border-radius:28px;background:#edf2ed;overflow:hidden}
body[data-screen=loader] .loader-toolbar strong{font-size:12px;color:#516d5b}
body[data-screen=loader] #loader-loading{font-size:10px;color:#819181}
@media(min-width:900px) and (min-height:600px){
 body[data-screen=loader]{height:100dvh;overflow:hidden}
 body[data-screen=loader] .ex-header{height:60px}
 body[data-screen=loader] main{height:calc(100dvh - 60px);min-height:0;padding-bottom:88px}
 body[data-screen=loader] #loader{height:100%;padding:8px clamp(18px,3vw,64px);min-height:0}
 body[data-screen=loader] .bottom-nav{bottom:12px}
 body[data-screen=loader] #loader-picker{height:100%;display:flex;flex-direction:column;min-height:0}
 body[data-screen=loader] #loader-picker .welcome-heading{margin:8px auto 22px;flex:none}
 body[data-screen=loader] #loader-picker h1{font-size:clamp(32px,4dvh,46px);margin:10px 0}
 body[data-screen=loader] .loader-choices{flex:1;min-height:0;align-items:stretch;max-width:1120px;width:100%;margin:auto;gap:24px}
 body[data-screen=loader] .loader-choice{display:flex;flex-direction:column;min-height:0;overflow:hidden}
 body[data-screen=loader] .loader-choice img{height:0;min-height:0;flex:1;width:100%;object-fit:cover}
 body[data-screen=loader] .loader-choice>div{padding:22px 26px;flex:none}
 body[data-screen=loader] .loader-choice h2{font-size:26px;margin:10px 0}
 body[data-screen=loader] .loader-choice p{font-size:13px;line-height:1.5;margin:8px 0}
 body[data-screen=loader] #loader-picker .welcome-hint{margin:14px 0 0;font-size:11px}
}
@media(min-width:900px) and (max-height:700px){body[data-screen=loader] .ex-header{height:52px}body[data-screen=loader] main{height:calc(100dvh - 52px);padding-bottom:78px}body[data-screen=loader] #loader-picker .welcome-heading{margin:0 auto 14px}body[data-screen=loader] .loader-choice>div{padding:18px 22px}body[data-screen=loader] .loader-choice h2{font-size:23px}}
@media(max-width:899px){body[data-screen=loader] #loader-player{height:auto;display:block;min-height:0}body[data-screen=loader] .loader-toolbar{margin-bottom:12px;flex-wrap:wrap;gap:8px}body[data-screen=loader] .loader-toolbar strong{order:0;width:auto;padding:0;font-size:10px}body[data-screen=loader] .loader-toolbar>span{display:none}body[data-screen=loader] #loader-frame{height:calc(100dvh - 220px);min-height:600px;border-radius:25px}body[data-screen=loader] #loader{padding:12px}}