/* Compact phone stage, with the company doorway below the toys. */
@media(max-width:700px){
 body{grid-template-rows:56px minmax(0,1fr)}
 .topbar{justify-content:flex-start;padding:6px 16px}
 .site-footer{grid-template-rows:62px minmax(0,1fr) 106px 64px 26px;gap:4px;padding:0 12px max(4px,env(safe-area-inset-bottom))}
 .intro{grid-row:1;padding-top:2px}
 .arena{grid-row:2}
 .toybox{grid-row:3;align-self:stretch;padding:7px;border-radius:16px}
 .tool-caption,.toys button>span{display:none}
 .toys{grid-template-columns:repeat(5,minmax(0,1fr));gap:2px}
 .toys button{height:44px;padding:5px;gap:0}
 .toys svg{width:33px;height:33px}
 .site-footer>.invitation{grid-row:4;display:flex;justify-content:center;align-items:center;padding:0;margin:0;min-width:0}
 .site-footer>.invitation .company-link{width:100%;min-width:0;min-height:60px;padding:8px 14px;gap:12px;border-radius:14px}
 .site-footer>.invitation .invitation-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;text-align:left}
 .site-footer>.invitation .footer-copy{padding:0;text-align:left}
 .site-footer>.invitation .footer-copy strong{font-size:13px;line-height:1.3;white-space:normal;max-width:none}
 .site-footer>.invitation .exit-label,.site-footer>.invitation .exit-label b{font-size:13px}
 .site-footer>.invitation .link-arrow{width:20px;flex-shrink:0}
 .site-footer>.invitation .doorway{width:30px;height:35px;flex-shrink:0}
 .site-footer>.invitation .doorway svg{width:29px;height:34px}
 .legal-links{grid-row:5}
 .stage-mark{display:block;bottom:3px;font-size:8px;line-height:12px;letter-spacing:.7px}
 #legal-dialog{inset:0;left:0;top:0;transform:none;translate:none;width:100%;max-width:none;height:100dvh;max-height:none;border:0;border-radius:0;margin:0;animation:none}
 .legal-dialog-header{padding:calc(14px + env(safe-area-inset-top)) 18px 14px}
 .legal-dialog-header h2{font-size:27px}
 .legal-dialog-eyebrow{display:block}
 .legal-close{width:44px;height:44px;font-size:29px}
 .legal-dialog-content{padding:10px 18px 22px;font-size:14px;line-height:1.7;touch-action:pan-y}
 .legal-dialog-bottom{display:block;padding:9px 18px calc(9px + env(safe-area-inset-bottom))}
}
@media(max-width:700px) and (max-height:620px){
 body{grid-template-rows:52px minmax(0,1fr)}
 .site-footer{grid-template-rows:46px minmax(0,1fr) 102px 60px 24px;gap:3px}
 .intro h1{font-size:22px}
 .toybox{padding:5px 7px}
 .stage-mark{font-size:7px}
}
@media(max-width:700px) and (max-height:420px){
 body{grid-template-rows:44px minmax(0,1fr)}
 .site-footer{grid-template-rows:28px minmax(0,1fr) 54px 52px 22px;gap:2px}
 .toys{grid-template-columns:repeat(10,minmax(0,1fr))}
 .toys button{height:44px}
 .toys svg{width:28px;height:28px}
 .site-footer>.invitation .company-link{min-height:48px;padding:5px 14px}
 .site-footer>.invitation .invitation-copy{flex-direction:row;align-items:center;gap:12px}
 .site-footer>.invitation .footer-copy strong,.site-footer>.invitation .exit-label,.site-footer>.invitation .exit-label b{font-size:12px}
 .stage-mark{display:none}
}