/* Max Rummy: the reference design, with no remote CSS, fonts, or tracking. */
@font-face {
  font-family: 'DM Mono'; font-style: normal; font-weight: 400; font-display: swap;
  src: url('./fonts/dm-mono-latin-400.woff2') format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
  font-family: 'DM Mono'; font-style: normal; font-weight: 500; font-display: swap;
  src: url('./fonts/dm-mono-latin-500.woff2') format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
  font-family: 'DM Mono'; font-style: italic; font-weight: 400; font-display: swap;
  src: url('./fonts/dm-mono-latin-400-italic.woff2') format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
  font-family: 'Noto Sans SC'; font-style: normal; font-weight: 400; font-display: swap;
  src: url('./fonts/noto-sans-sc-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
  font-family: 'Noto Sans SC'; font-style: normal; font-weight: 500; font-display: swap;
  src: url('./fonts/noto-sans-sc-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
  font-family: 'Noto Sans SC'; font-style: normal; font-weight: 700; font-display: swap;
  src: url('./fonts/noto-sans-sc-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
  font-family: 'Noto Sans SC'; font-style: normal; font-weight: 900; font-display: swap;
  src: url('./fonts/noto-sans-sc-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
  font-family: 'Noto Serif SC'; font-style: normal; font-weight: 400; font-display: swap;
  src: url('./fonts/noto-serif-sc-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
  font-family: 'Noto Serif SC'; font-style: normal; font-weight: 700; font-display: swap;
  src: url('./fonts/noto-serif-sc-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
  font-family: 'Noto Serif SC'; font-style: normal; font-weight: 900; font-display: swap;
  src: url('./fonts/noto-serif-sc-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
:root {
  --sans: 'Noto Sans SC', sans-serif;
  --serif: 'Noto Serif SC', serif;
  --mono: 'DM Mono', monospace;
}
:root { --sans: 'Noto Sans SC', Arial, sans-serif; --serif: 'Noto Serif SC', Georgia, serif; --mono: 'DM Mono', 'Courier New', monospace; }
html { scroll-behavior: smooth; scroll-padding-top: 88px; }
body { overflow-x: clip; }
button, a { -webkit-tap-highlight-color: transparent; }
:focus-visible { outline: 2px solid #e9ba51; outline-offset: 5px; }
.hero-video-fallback[data-v-b912f8c9] { background: url('./hero-max-rummy-poster.jpg') center / cover no-repeat; }
.hero-motion-video[data-v-b912f8c9] { z-index: 1; opacity: 1; object-fit: cover; object-position: center; filter: none; }
.hero-grid[data-v-b912f8c9] { z-index: 3; }
.hero-video-toggle { position: absolute; z-index: 4; right: 100px; bottom: 25px; padding: 9px 12px; color: #fff1c9; background: #052c28aa; border: 1px solid #fff1c955; border-radius: 2px; font: 12px/1.4 Arial, sans-serif; cursor: pointer; }
.hero-video-toggle[hidden] { display: none; }
.brand-tag[data-v-3e557c76] { color: #f5e5b7; -webkit-text-fill-color: #f5e5b7; font-size: 15px; letter-spacing: .12em; text-transform: uppercase; }
.hero-only-actions[data-v-b912f8c9] { padding-top: clamp(150px, 30vh, 340px); }
.hero-copy[data-v-b912f8c9] { text-shadow: 0 2px 14px rgba(0,0,0,.45); }
.hero-title[data-v-b912f8c9] { font-size: clamp(38px, 4.6vw, 64px); }
.hero-subtitle[data-v-b912f8c9] { font-size: clamp(16px, 1.5vw, 20px); }
.hero-actions { text-shadow: none; }
.hero-actions .i-lucide-arrow-right { display: none; }
.template-demo-note { color: #c5d4cc; text-align: center; font: 13px/1.6 Arial, sans-serif; padding: 20px 24px 0; }
.category-slide[data-v-54830667] { transition: opacity .55s cubic-bezier(.45,0,.55,1); }
.category-slide[aria-hidden="true"][data-v-54830667] { opacity: 0; visibility: hidden; }
.category-slide[aria-hidden="false"][data-v-54830667] { opacity: 1; visibility: visible; }
.category-slide picture { aspect-ratio: 1440 / 755; }
.game-track:hover .game-track-rail, .game-track:focus-within .game-track-rail { animation-play-state: paused; }
.game-track:focus-visible { outline-offset: -4px; }
.template-mobile-nav[hidden] { display: none !important; }
.template-mobile-nav { position: absolute; top: 100%; left: 0; right: 0; background: rgba(5,41,32,.98); display: grid; grid-template-columns: 1fr 1fr; gap: 7px; padding: 18px; border-top: 1px solid #ffffff20; box-shadow: 0 20px 40px #0004; }
.template-mobile-nav a { color: #eee8d9; font: 600 14px/1.4 Arial,sans-serif; padding: 14px 10px; background: #ffffff08; }
.template-mobile-nav a.is-active { color: #e9ba51; }
.template-mobile-nav .download-apk { background: #e9ba51; color: #07291f; grid-column: 1/-1; text-align: center; }
.social-float-fab__items[data-v-52480335] { display: none; inset: auto 0 68px auto; gap: 10px; }
.social-float-fab.is-open .social-float-fab__items[data-v-52480335] { display: grid; pointer-events: auto; }
.social-float-fab__item[data-v-52480335] { position: relative !important; inset: auto !important; opacity: 1 !important; transform: none !important; visibility: visible !important; pointer-events: auto; }
.social-float-fab__link[data-v-52480335] { transform: none !important; opacity: 1 !important; visibility: visible !important; }
.social-float-fab__overlay { display: none !important; }
.social-float-fab__trigger { cursor: pointer; }
.template-toast { position: fixed; left: 50%; bottom: 26px; transform: translateX(-50%); padding: 15px 22px; max-width: min(560px, calc(100vw - 36px)); z-index: 100; border: 1px solid #e9ba51; color: #f5ead1; background: #07291f; box-shadow: 0 10px 36px #0005; border-radius: 3px; font: 14px/1.5 Arial,sans-serif; }
.template-toast[hidden] { display: none; }
@media (max-width: 1400px) and (min-width: 768px) { .app-header[data-v-3e557c76] { gap: 20px; padding-inline: 24px; } .nav-links[data-v-3e557c76] { gap: 14px; } .nav-link[data-v-3e557c76] { font-size: 12px; } .download-apk--nav[data-v-e143b759] { padding: 12px 14px; } .brand-tag[data-v-3e557c76] { font-size: 12px; } }
@media (max-width: 1000px) { .app-header .nav-links[data-v-3e557c76], .app-header .nav-actions[data-v-3e557c76] { display: none; } .app-header .menu-btn[data-v-3e557c76] { display: flex; margin-left: auto; } .brand-tag[data-v-3e557c76] { display: block; } }
@media (min-width: 1001px) { .template-mobile-nav { display: none !important; } }
@media (max-width: 767px) and (orientation: portrait) { .hero-motion-video[data-v-b912f8c9] { object-fit: contain; object-position: center; background: #061c15; } }
@media (max-width: 767px) {
  html { scroll-padding-top: 78px; }
  .hero-video-toggle { top: 88px; right: 20px; bottom: auto; }
  .hero-video-fallback[data-v-b912f8c9] { background-position: center; }
  .hero-grid[data-v-b912f8c9] { min-height: calc(100svh - 68px); }
  .hero-only-actions[data-v-b912f8c9] { padding-top: 0; bottom: 44px; }
  .hero-title[data-v-b912f8c9] { font-size: 32px; }
  .hero-subtitle[data-v-b912f8c9] { font-size: 16px; max-width: 300px; }
  .hero-actions[data-v-b912f8c9] .download-apk--hero, .outline-btn[data-v-b912f8c9] { font-size: 14px; min-height: 48px; }
  .brand-tag[data-v-3e557c76] { font-size: 13px; }
  .category-display-shell[data-v-54830667] { height: auto; min-height: 240px; }
  .category-display[data-v-54830667] { min-height: 240px; aspect-ratio: 1440 / 755; }
  .category-slide .category-slide-img[data-v-54830667] { object-fit: contain; width: 100%; height: 100%; }
  .agent-board-top b { font-size: 11px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation: none !important; transition: none !important; }
}

/* Progressive enhancement: without JS every card remains readable. */
html:not(.motion-ready) .reveal,
html:not(.motion-ready) .intro-line,
html:not(.motion-ready) .live-metric { opacity: 1; transform: none; }
.rolling-number { display: inline-flex; align-items: baseline; white-space: nowrap; line-height: 1; letter-spacing: -.04em; }
.rolling-digit { display: inline-block; position: relative; height: 1em; width: .61em; overflow: hidden; }
.rolling-digit-rail { display: flex; flex-direction: column; will-change: transform; }
.rolling-digit-rail span { height: 1em; line-height: 1; flex: 0 0 1em; text-align: center; }
.rolling-symbol { display: inline-block; line-height: 1; }
.leader-changing { opacity: 0; transform: translateY(5px); }
.agent-leaderboard-card b, .agent-leaderboard-card > span { transition: opacity .35s, transform .35s; }
@media (prefers-reduced-motion: reduce) {
  html.motion-ready .reveal, html.motion-ready .intro-line, html.motion-ready .live-metric,
  html.motion-ready #sport .stage-orbit { opacity: 1 !important; transform: none !important; }
}
