/* Lobby: one promise, one live ledger and one start action. */
body:has(:is(#intro,#entry).active) header nav>a[href="leaderboard.html"]{display:none!important}
header #lastDiploma[hidden]{display:none!important}
body:not(:has(:is(#intro,#entry).active)) header #lastDiploma{display:none!important}
#intro.active{box-sizing:border-box;min-height:calc(100svh - var(--rhr-header-height,76px));padding:clamp(8px,1.8svh,18px) 0 clamp(18px,3svh,34px)!important;justify-content:center;gap:0}
#intro .kicker{margin:0 0 clamp(4px,1svh,12px)}
#intro .host-slot{flex:none}
#intro .avatar{width:clamp(92px,12svh,128px)}
#intro .speech{margin:clamp(5px,1.4svh,14px) auto 0;min-height:0;padding:9px 16px;max-width:min(610px,90vw)}
#intro .intro-copy{width:100%;padding:0!important}
#intro .intro-copy h1{max-width:min(820px,100%);margin:clamp(8px,1.6svh,16px) auto clamp(8px,1.4svh,14px);font-size:clamp(24px,3.25vw,44px);line-height:1.04;letter-spacing:-.02em;text-wrap:balance}
#intro .intro-copy h1 span,#intro .intro-copy h1 em{display:block}
#intro .intro-copy h1 em{font-style:normal;color:#f1c48b}
#intro .intro-hall{box-sizing:border-box;width:min(100%,600px);max-width:600px;margin:0 auto;padding:clamp(8px,1.3svh,14px) 18px;border:1px solid #77513b;box-shadow:inset 0 0 0 1px #0c080b,0 8px 24px #0006;background:linear-gradient(100deg,#170f14eb,#28131bdc 48%,#170f14eb)}
#intro .intro-hall-title{margin:0 0 5px;color:#e7aa69;font-size:clamp(11px,1vw,13px);font-weight:900;letter-spacing:.15em}
#intro #introHallStatus{display:flex;justify-content:center;gap:clamp(9px,1.8vw,23px);flex-wrap:wrap;margin:0;color:#f9e6c9;font-size:clamp(14px,1.6vw,19px);line-height:1.3}
#intro #introHallStatus span{font-weight:800}
#intro #introHallStatus span+span{color:#f4b879}
#intro #introHallLeaders{max-width:100%;margin:6px auto 0;gap:3px 12px}
#intro #introHallLeaders li{font-size:clamp(11px,1.2vw,13px)}
#intro .intro-hall-link{display:inline-flex;align-items:center;justify-content:center;min-height:38px;margin:8px auto 0!important;padding:6px 20px;border:10px solid transparent;border-image:var(--rpg-frame-idle) 62 104 62 104 fill / 10px 18px / 0 stretch;color:#ffe1b4;font-weight:800;font-size:14px;text-decoration:none}
#intro .intro-hall-link:hover{border-image-source:var(--rpg-frame-hover);color:#fff2ce}
#intro .intro-hall-link:active{border-image-source:var(--rpg-frame-pressed);transform:translateY(2px)}
#intro .intro-copy .actions{margin:clamp(8px,1.3svh,14px) auto 0}
#intro #enter{min-width:min(92vw,300px)}
#intro .intro-copy>.fine{margin:clamp(5px,1svh,10px) auto 0;line-height:1.25;color:#cbb9a5}
@media(max-width:700px){
 body:has(:is(#intro,#entry).active) header nav{grid-template-columns:repeat(2,minmax(0,1fr))}
 body:has(:is(#intro,#entry).active) header nav:has(#lastDiploma:not([hidden])){grid-template-columns:repeat(3,minmax(0,1fr))}
 #intro.active{min-height:calc(100svh - var(--rhr-header-height,100px));padding:4px 0 15px!important}
 #intro .kicker{font-size:clamp(11px,2.7vw,14px);margin:0 0 4px}
 #intro .avatar{width:clamp(82px,12svh,112px)}
 #intro .speech{font-size:clamp(12px,3vw,15px);line-height:1.25;padding:7px 10px;margin:5px auto 0;max-width:100%}
 #intro .intro-copy h1{font-size:clamp(21px,6vw,35px);max-width:21ch;margin:8px auto}
 #intro .intro-hall{padding:7px 9px}
 #intro .intro-hall-title{font-size:11px;margin-bottom:3px}
 #intro #introHallStatus{font-size:clamp(12px,3vw,16px);gap:2px 9px}
 #intro #introHallLeaders{margin-top:3px;gap:2px 9px}
 #intro #introHallLeaders li{font-size:11px}
 #intro .intro-hall-link{min-height:36px;margin-top:5px!important;font-size:12px}
 #intro .intro-copy .actions{margin:7px 0 0}
 #intro #enter{min-width:min(90vw,300px);min-height:47px}
 #intro .intro-copy>.fine{font-size:12px;margin:4px auto 0}
}
@media(max-width:420px) and (max-height:750px){
 #intro .avatar{width:clamp(76px,11svh,92px)}
 #intro .speech{font-size:12px;max-height:3.6em;overflow:hidden}
 #intro .intro-copy h1{font-size:clamp(19px,5.4vw,26px);margin:6px auto}
 #intro #introHallLeaders li{font-size:10px}
 #intro .intro-hall-link{min-height:32px;padding:4px 13px}
}