/* Homepage only. Shared navigation styling and other mobile pages are unchanged. */
.welcome-home{--header-h:46px;--safe-t:env(safe-area-inset-top,0px);min-height:100svh;padding-top:calc(var(--header-h) + var(--safe-t));background:radial-gradient(ellipse at 80% 12%,#38131966,transparent 50%),#05070b}
.welcome-home .m-header{height:calc(var(--header-h) + var(--safe-t));padding-top:var(--safe-t);background:#05070bec}
.welcome-label{font-size:.58rem;letter-spacing:.13em;color:#a9afb8;font-weight:700}
.welcome-home .m-header-action{min-height:44px;display:flex;align-items:center;gap:8px;font-size:.75rem}
.welcome-main{width:100%;max-width:520px;min-height:calc(100svh - var(--header-h) - var(--safe-t) - var(--tabbar-h) - var(--safe-b));margin:0 auto;padding:14px 18px;display:flex;flex-direction:column;justify-content:center;gap:clamp(10px,1.7svh,17px)}
.brand-banner{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;gap:20px;min-height:140px;padding:20px 16px;border-radius:20px;background:linear-gradient(115deg,#64161f,#2d1018 55%,#131119);border:1px solid #ee8a3b55;box-shadow:inset 0 1px #ffc96525,0 10px 30px #0004;overflow:hidden}
.banner-glow{position:absolute;z-index:-1;inset:0;background:repeating-linear-gradient(145deg,transparent 0 45px,#f7bb3b08 46px 47px,transparent 48px 90px)}
.app-icon{width:94px;height:94px;border-radius:22px;box-shadow:0 0 30px #ff5a1e30;border:1px solid #ffe58a40;flex-shrink:0}
.banner-copy h1{margin:0;color:#fff;font-size:2.5rem;line-height:1.05;letter-spacing:-.07em;font-weight:850}.banner-copy h1 span{color:#ffd54f}.banner-copy p{font-size:.72rem;margin:8px 0 9px;color:#f0d9cf;letter-spacing:.01em}.platform-label{font-size:.5rem;font-weight:700;letter-spacing:.12em;color:#dda994}
.welcome-copy{text-align:center}.welcome-copy h2{font-size:1.15rem;letter-spacing:-.025em;margin:0;color:#faf5ed;line-height:1.25}.welcome-copy p{font-size:.76rem;color:#b8c0cc;margin:5px 0 0;line-height:1.35}
.library-totals{display:grid;grid-template-columns:1.45fr 1fr 1fr;border:1px solid #ffffff13;border-radius:14px;background:linear-gradient(125deg,#1b1920,#0d1118);padding:12px 0}.library-totals>div{text-align:center;display:flex;flex-direction:column;justify-content:center;gap:2px}.library-totals>div+div{border-left:1px solid #ffffff13}.library-totals strong{font-size:1.2rem;line-height:1.1;color:#ffdc72;font-variant-numeric:tabular-nums}.library-totals span{font-size:.6rem;color:#b1b7c3}
.section-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.section-label h2{font-size:.56rem;letter-spacing:.12em;color:#b8b6c0;margin:0;font-weight:700}.section-label>span{color:#eac362;font-size:.8rem}
.supported-games ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.supported-games li{font-size:.62rem;font-weight:600;text-align:center;padding:5px 2px;border:1px solid #ffffff10;background:#ffffff04;border-radius:6px;white-space:nowrap;color:#e0dde0;line-height:1.2}.supported-games .more-label{color:#cfad58;border-color:#e1b74022;background:#e1b74009;font-size:.57rem}.count-note{font-size:.5rem;color:#a0a8b4;text-align:center;line-height:1.35;margin:7px 0 0}
.report-link{display:flex;align-items:center;gap:12px;min-height:58px;padding:10px 14px;border-radius:13px;background:linear-gradient(105deg,#ffda62,#f2bc3e);color:#291b05;text-decoration:none;box-shadow:0 4px 20px #ffd54f12}.report-icon{width:32px;height:32px;border:1px solid #32200928;border-radius:9px;display:grid;place-items:center;font-size:1.25rem}.report-link strong{display:block;font-size:.84rem;line-height:1.3}.report-link small{font-size:.64rem;color:#604515;display:block;margin-top:2px}.report-arrow{margin-left:auto;font-size:1.2rem}
.welcome-footer{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:.54rem;line-height:1.3;color:#a0a8b4}.welcome-footer a{color:#cfc2a1;text-decoration:none;padding:4px 0}
.welcome-home a:focus-visible{outline:2px solid #ffe793;outline-offset:3px}
@media(max-height:700px){.welcome-main{padding:10px 16px;gap:9px}.brand-banner{min-height:110px;padding:14px;gap:18px}.app-icon{width:76px;height:76px;border-radius:18px}.banner-copy h1{font-size:2.2rem}.banner-copy p{margin:6px 0}.library-totals{padding:10px 0}.supported-games li{padding:4px 2px}}
@media(max-height:610px){.welcome-main{padding:8px 14px;gap:7px}.brand-banner{min-height:92px;padding:10px 14px;gap:16px}.app-icon{width:66px;height:66px;border-radius:16px}.banner-copy h1{font-size:2rem}.banner-copy p{font-size:.66rem;margin:4px 0}.platform-label{font-size:.46rem}.welcome-copy h2{font-size:1.03rem}.welcome-copy p{font-size:.68rem;margin-top:3px}.library-totals{padding:8px 0}.library-totals strong{font-size:1.1rem}.section-label{margin-bottom:5px}.supported-games ul{gap:4px}.supported-games li{font-size:.58rem;padding:4px 1px}.report-link{min-height:50px;padding:8px 12px}.count-note{margin-top:5px}.welcome-footer{font-size:.5rem}}
@media(max-width:350px){.welcome-label{font-size:.5rem}.banner-copy h1{font-size:1.85rem}.brand-banner{gap:13px}.count-note{font-size:.48rem}.welcome-footer{font-size:.48rem}}
/* Do not clip content: accessibility text enlargement and landscape may scroll. */
@media(orientation:landscape) and (max-height:500px){.welcome-main{max-width:620px;padding-bottom:20px}.brand-banner{min-height:100px}}