/* Mobile and tablet presentation for the public, read-only preview. */
#friend-nav-toggle{display:none}
body.friend-layout-mobile .site-header{flex-wrap:nowrap;min-width:0;padding-bottom:14px}body.friend-layout-mobile .site-brand{min-width:0;width:100%;gap:clamp(8px,1.4vw,16px)}body.friend-layout-mobile .site-brand>div{min-width:0;flex:1}body.friend-layout-mobile .site-header .site-logo{flex:none;width:clamp(52px,14vw,92px)}body.friend-layout-mobile .site-brand h1{font-size:clamp(18px,6.2vw,28px);white-space:nowrap}body.friend-layout-mobile .site-brand .site-tagline{font-size:clamp(9.5px,3.05vw,15px)!important;white-space:nowrap;margin-top:1px}body.friend-layout-mobile .site-header .utility-nav,body.friend-layout-mobile .preview-note{display:none!important}body.friend-layout-mobile .primary-nav{display:none!important}body.friend-layout-mobile.friend-nav-open .primary-nav{display:flex!important;position:fixed;top:0;left:0;right:0;z-index:801;max-width:none;max-height:min(60svh,420px);overflow-y:auto;flex-wrap:wrap;white-space:normal;padding:12px max(20px,env(safe-area-inset-right));border-top:0;background:#fff!important;box-shadow:0 6px 20px #0002}body.friend-layout-mobile .primary-nav a{font-size:14px!important;line-height:1.5!important;padding:7px 0!important;margin:0 16px 0 0!important}body.friend-layout-mobile #friend-nav-toggle{display:grid;place-items:center;position:fixed;right:max(18px,env(safe-area-inset-right));bottom:calc(70px + env(safe-area-inset-bottom));z-index:802;width:42px;height:42px;margin:0;padding:0;border:1px solid #c8c8c8;border-radius:50%;background:#fff;color:#a3a3a3;box-shadow:0 2px 8px #0001}body.friend-layout-mobile #friend-nav-toggle::before{content:"";display:block;width:9px;height:9px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg)}body.friend-layout-mobile.friend-nav-open #friend-nav-toggle::before{transform:translateY(2px) rotate(225deg)}body.friend-layout-mobile #back-to-top{right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));width:42px;height:42px;margin:0;border-color:#c8c8c8;color:#a3a3a3;background:#fff}body.friend-layout-mobile #main .landing-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 8px;margin:14px 0 12px}body.friend-layout-mobile #main .landing-tile{min-width:0;min-height:0;width:100%;gap:5px;justify-content:flex-start}body.friend-layout-mobile #main .landing-icon{position:relative;width:min(18vw,calc((100svh - 145px)/4.4),132px,100%);height:auto;min-height:0;aspect-ratio:1 / 1;overflow:hidden}body.friend-layout-mobile #main .landing-icon svg{width:58%;height:58%;max-width:58%;max-height:58%}body.friend-layout-mobile #main .landing-tile[href="#games"] .landing-icon svg{width:68%;height:68%;max-width:68%;max-height:68%}body.friend-layout-mobile #main .landing-headstock{position:absolute;inset:0;margin:auto;width:72%;height:78%;max-width:72%;max-height:78%;object-fit:contain}body.friend-layout-mobile #main .landing-label{font-size:14px!important;line-height:1.2!important}

@media(max-width:700px) and (orientation:portrait){body.friend-layout-mobile #main .landing-grid{gap:9px 5px}body.friend-layout-mobile #main .landing-icon{width:min(19vw,calc((100svh - 175px)/4.4),100px,100%)}body.friend-layout-mobile #main .landing-label{font-size:13px!important}
}
@media(max-width:1200px) and (orientation:landscape){body.friend-layout-mobile #main .landing-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:9px 5px}body.friend-layout-mobile #main .landing-icon{width:min(12vw,calc((100svh - 135px)/2.9),118px,100%)}body.friend-layout-mobile #main .landing-label{font-size:13px!important}
}
@media(max-width:700px) and (orientation:landscape){body.friend-layout-mobile #main .landing-grid{grid-template-columns:repeat(7,minmax(0,1fr))}
}

/* Keep the same small chevron and axis as the local floating controls. */
#back-to-top{padding:0;place-items:center}
#back-to-top .qaf-back-top-chevron{display:block;width:9px;height:9px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;border-left:0;border-bottom:0;transform:translateY(2px) rotate(-45deg);margin:auto}
body.friend-layout-mobile .site-footer{gap:12px;align-items:center;flex-wrap:wrap}body.friend-layout-mobile .site-footer>span:first-child{font-size:10.5px!important;letter-spacing:.04em;line-height:1.5}body.friend-layout-mobile .site-footer>span:last-child{font-size:11px!important;letter-spacing:0;line-height:1.5}


.friend-layout-switch{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:inherit;white-space:nowrap}
.friend-layout-switch select{font:inherit;color:inherit;background:#fff;border:1px solid var(--line,#e0e3dd);border-radius:0;padding:2px 4px;max-width:100%}

/* Keep the existing desktop footer readable when explicitly selected on a narrow phone. */
@media(max-width:700px){body.friend-layout-desktop .site-footer{flex-wrap:wrap}body.friend-layout-desktop .friend-traffic{min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere}}