:root{--moov-orange: #f5821f;--moov-orange-strong: #ef7411;--moov-orange-soft: #ff9f4d;--moov-blue: #123f8a;--moov-blue-bright: #1c63d3;--moov-blue-deep: #0c2f6b;--bg: #eef2f7;--bg-top: #e8f0fb;--surface: #ffffff;--surface-muted: #eef1f6;--surface-inset: #e7edf6;--text: #1f2430;--text-soft: #4c5566;--text-muted: #838d9e;--on-brand: #ffffff;--border: #e6eaf1;--hairline: #e9edf3;--shadow-card: 0 6px 20px rgba(18, 40, 82, .06);--shadow-raised: 0 14px 34px rgba(18, 40, 82, .16);--shadow-nav: 0 -6px 24px rgba(18, 40, 82, .08);--radius-tile: 16px;--radius-card: 20px;--radius-hero: 24px;--radius-pill: 999px;--app-max: 480px;--pad: 20px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--nav-h: 62px;--font: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;color-scheme:light}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{margin:0;font-family:var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font-family:inherit;cursor:pointer}a{color:inherit;text-decoration:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}.app-shell{position:relative;width:100%;max-width:var(--app-max);min-height:100dvh;margin:0 auto;background:linear-gradient(180deg,var(--bg-top) 0%,var(--bg) 220px);display:flex;flex-direction:column;overflow-x:hidden}.m-header{position:relative;padding:calc(14px + var(--safe-top)) var(--pad) 34px;background:linear-gradient(180deg,#f8963e 0%,var(--moov-orange) 62%,var(--moov-orange-strong) 100%);border-radius:0 0 26px 26px;color:var(--on-brand);box-shadow:0 10px 24px #ef741147}.m-header__bar{display:flex;align-items:center;gap:10px;min-height:40px}.m-header__back{width:38px;height:38px;border-radius:var(--radius-pill);border:none;background:#ffffff2e;color:var(--on-brand);display:grid;place-items:center;transition:transform .12s ease,background .12s ease}.m-header__back:active{transform:scale(.92);background:#ffffff47}.m-header__title{flex:1;text-align:center;font-size:1.25rem;font-weight:700;letter-spacing:.01em}.m-header__spacer{width:38px}.m-body{flex:1;padding:0 var(--pad) calc(var(--nav-h) + var(--safe-bottom) + 32px)}.m-panel{margin-top:-20px;background:var(--surface);border-radius:var(--radius-card);padding:18px 16px 20px;box-shadow:var(--shadow-card);border:1px solid var(--border);animation:rise .45s cubic-bezier(.22,1,.36,1) both}.m-panel__title{margin:0 0 16px 4px;font-size:1.12rem;font-weight:700;color:var(--text)}.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px 6px}.game-tile{--stagger: 0ms;border:none;background:none;padding:8px 4px;border-radius:var(--radius-tile);display:flex;flex-direction:column;align-items:center;gap:9px;color:var(--text);transition:transform .13s ease;animation:rise .4s cubic-bezier(.22,1,.36,1) both;animation-delay:var(--stagger)}.game-tile:active{transform:scale(.94)}.game-tile__icon{width:66px;height:66px;border-radius:18px;overflow:hidden;box-shadow:0 8px 18px #12285229}.game-tile__name{font-size:.82rem;font-weight:600;line-height:1.2;text-align:center}.m-nav{position:fixed;left:50%;transform:translate(-50%);bottom:0;width:100%;max-width:var(--app-max);height:calc(var(--nav-h) + var(--safe-bottom));padding-bottom:var(--safe-bottom);display:flex;background:var(--surface);border-top:1px solid var(--hairline);box-shadow:var(--shadow-nav);z-index:20}.m-nav__item{flex:1;border:none;background:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--text-muted);font-size:.68rem;font-weight:600}.m-nav__item svg{width:22px;height:22px}.m-nav__item--active{color:var(--moov-blue-bright)}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.launch-veil{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#ffffffeb;backdrop-filter:blur(3px);animation:veil-in .18s ease both}@keyframes veil-in{0%{opacity:0}}.launch-veil__icon{width:76px;height:76px;border-radius:20px;overflow:hidden;box-shadow:var(--shadow-raised);animation:pop .4s cubic-bezier(.22,1,.36,1) both}@keyframes pop{0%{transform:scale(.7);opacity:0}}.launch-veil__label{font-size:.9rem;font-weight:600;color:var(--text-soft)}.launch-veil__spinner{width:26px;height:26px;border-radius:50%;border:3px solid var(--surface-inset);border-top-color:var(--moov-orange);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}