/* takabet apk palette: compact mobile-first gaming reference surface. */
:root {
  --viewa2ee0-bg: #1A1A2E;
  --viewa2ee0-panel: #22223A;
  --viewa2ee0-panel2: #2A2A47;
  --viewa2ee0-well: #161627;
  --viewa2ee0-line: #3B3B5C;
  --viewa2ee0-gold: #CD853F;
  --viewa2ee0-gold-soft: #E2AA6D;
  --viewa2ee0-gold-dim: #8A6236;
  --viewa2ee0-sienna: #A0522D;
  --viewa2ee0-ink: #F5ECDD;
  --viewa2ee0-muted: #B7B1C9;
  --viewa2ee0-faint: #8D8AA3;
  --viewa2ee0-font-display: "Baloo Da 2", "Hind Siliguri", sans-serif;
  --viewa2ee0-font-body: "Hind Siliguri", sans-serif;
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body { margin: 0; background: #101021; color: var(--viewa2ee0-ink); font-family: var(--viewa2ee0-font-body); font-size: 14px; line-height: 1.75; -webkit-font-smoothing: antialiased; }
img { display: block; max-width: 100%; }
a { color: var(--viewa2ee0-gold-soft); text-decoration: none; }
a:hover { color: var(--viewa2ee0-ink); }
button, a { -webkit-tap-highlight-color: transparent; }
:focus-visible { outline: 2px solid var(--viewa2ee0-gold); outline-offset: 3px; }
.viewa2ee0-shell { position: relative; width: 100%; max-width: 480px; min-height: 100vh; margin: 0 auto; background: var(--viewa2ee0-bg); box-shadow: 0 0 44px rgba(0,0,0,.55); overflow: clip; }
.viewa2ee0-sr { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.viewa2ee0-topbar { position: fixed; top: 0; left: 50%; z-index: 60; display: flex; align-items: center; gap: 7px; width: 100%; max-width: 480px; height: 56px; padding: 0 10px; transform: translateX(-50%); background: rgba(26,26,46,.97); border-bottom: 1px solid var(--viewa2ee0-line); backdrop-filter: blur(7px); }
.viewa2ee0-brand { display: flex; align-items: center; gap: 8px; min-width: 0; margin-right: auto; }
.viewa2ee0-logo { width: 34px; height: 34px; flex: 0 0 34px; object-fit: cover; border: 1px solid var(--viewa2ee0-gold-dim); border-radius: 4px; }
.viewa2ee0-sitename { overflow: hidden; color: var(--viewa2ee0-gold-soft); font-family: var(--viewa2ee0-font-display); font-size: 17px; font-weight: 700; letter-spacing: .2px; line-height: 1; text-overflow: ellipsis; white-space: nowrap; }
.viewa2ee0-actions { display: flex; align-items: center; gap: 5px; }
.viewa2ee0-btn { min-height: 36px; padding: 8px 11px; color: var(--viewa2ee0-gold-soft); font: 600 12px/1 var(--viewa2ee0-font-body); background: transparent; border: 1px solid var(--viewa2ee0-gold-dim); border-radius: 3px; cursor: pointer; transition: transform .12s ease, background-color .12s ease; }
.viewa2ee0-btn--solid { color: #20180C; background: var(--viewa2ee0-gold); border-color: var(--viewa2ee0-gold); }
.viewa2ee0-btn:active, .viewa2ee0-ctalink:active, .viewa2ee0-card:active, .viewa2ee0-promo:active, .viewa2ee0-tab:active { transform: scale(.94); }
.viewa2ee0-menubtn { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; padding: 0; color: var(--viewa2ee0-ink); background: transparent; border: 1px solid var(--viewa2ee0-line); border-radius: 3px; cursor: pointer; }
.viewa2ee0-menubtn svg { width: 19px; height: 19px; fill: currentColor; }
.viewa2ee0-routes { position: fixed; top: 56px; left: 50%; z-index: 55; width: 100%; max-width: 480px; max-height: 0; overflow: hidden; transform: translateX(-50%); background: var(--viewa2ee0-panel); border-bottom: 1px solid transparent; transition: max-height .26s ease; }
.viewa2ee0-routes.is-open { max-height: 430px; border-bottom-color: var(--viewa2ee0-line); }
.viewa2ee0-routes-inner { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; padding: 10px; }
.viewa2ee0-route { display: block; min-height: 44px; padding: 9px 10px; color: var(--viewa2ee0-ink); font-size: 12.5px; line-height: 1.35; background: var(--viewa2ee0-well); border: 1px solid var(--viewa2ee0-line); border-radius: 4px; }
.viewa2ee0-route[aria-current="page"] { color: var(--viewa2ee0-gold-soft); background: rgba(205,133,63,.12); border-color: var(--viewa2ee0-gold); }
.viewa2ee0-main { padding: 68px 12px 91px; }
.viewa2ee0-section { margin: 0 0 23px; }
.viewa2ee0-hero { margin: 0 0 14px; padding: 15px 12px; background: linear-gradient(145deg, rgba(160,82,45,.3), transparent 58%), var(--viewa2ee0-panel); border: 1px solid var(--viewa2ee0-line); border-radius: 4px; }
.viewa2ee0-hero-kicker { display: inline-block; margin: 0 0 8px; padding: 3px 8px; color: var(--viewa2ee0-gold-soft); font-size: 10.5px; font-weight: 600; letter-spacing: .5px; border: 1px solid var(--viewa2ee0-gold-dim); border-radius: 2px; }
h1.viewa2ee0-h1, h2.viewa2ee0-h2, .viewa2ee0-h2, h3.viewa2ee0-h3, .viewa2ee0-h3 { margin: 0 0 8px; font-family: var(--viewa2ee0-font-display); line-height: 1.34; }
h1.viewa2ee0-h1 { color: var(--viewa2ee0-ink); font-size: 22px; }
h2.viewa2ee0-h2, .viewa2ee0-h2 { color: var(--viewa2ee0-ink); font-size: 18px; }
h3.viewa2ee0-h3, .viewa2ee0-h3 { color: var(--viewa2ee0-gold-soft); font-size: 15px; }
.viewa2ee0-secrule { width: 44px; height: 3px; margin: 2px 0 10px; background: var(--viewa2ee0-sienna); border-radius: 2px; }
.viewa2ee0-hero-lead, .viewa2ee0-lead { margin: 0 0 10px; color: var(--viewa2ee0-muted); font-size: 13.5px; }
.viewa2ee0-prose p { margin: 0 0 11px; }
.viewa2ee0-prose strong, .viewa2ee0-answer strong { color: var(--viewa2ee0-gold-soft); }
.viewa2ee0-ctarow { display: flex; flex-wrap: wrap; gap: 8px; }
.viewa2ee0-ctalink { display: inline-flex; align-items: center; min-height: 42px; padding: 10px 15px; color: #20180C; font-size: 13px; font-weight: 600; background: var(--viewa2ee0-gold); border: 1px solid var(--viewa2ee0-gold); border-radius: 3px; cursor: pointer; }
.viewa2ee0-ctalink--line { color: var(--viewa2ee0-gold-soft); background: transparent; border-color: var(--viewa2ee0-gold-dim); }
.viewa2ee0-carousel { position: relative; margin: 0 0 14px; overflow: hidden; background: var(--viewa2ee0-well); border: 1px solid var(--viewa2ee0-line); border-radius: 4px; }
.viewa2ee0-track { display: flex; touch-action: pan-y; transition: transform .38s ease; }
.viewa2ee0-slide { position: relative; display: block; flex: 0 0 100%; width: 100%; padding: 0; overflow: hidden; background: var(--viewa2ee0-well); border: 0; cursor: pointer; }
.viewa2ee0-slide img { width: 100%; aspect-ratio: 10 / 5; object-fit: cover; }
.viewa2ee0-slidecap { position: absolute; right: 0; bottom: 0; left: 0; display: flex; align-items: center; gap: 7px; padding: 8px 9px; text-align: left; background: linear-gradient(0deg, rgba(16,16,33,.94), transparent); }
.viewa2ee0-slidecap span { color: var(--viewa2ee0-ink); font-family: var(--viewa2ee0-font-display); font-size: 13px; line-height: 1.3; }
.viewa2ee0-slidecap em { margin-left: auto; padding: 3px 7px; color: #20180C; font-style: normal; font-size: 10.5px; font-weight: 700; white-space: nowrap; background: var(--viewa2ee0-gold); border-radius: 2px; }
.viewa2ee0-dots { position: absolute; right: 9px; bottom: 8px; display: flex; gap: 5px; }
.viewa2ee0-dot { width: 9px; height: 9px; padding: 0; background: transparent; border: 1px solid var(--viewa2ee0-gold-soft); border-radius: 2px; cursor: pointer; }
.viewa2ee0-dot.is-on { background: var(--viewa2ee0-gold); }
.viewa2ee0-chips { display: flex; gap: 7px; overflow-x: auto; margin: 0 0 15px; padding: 2px 2px 7px; scrollbar-width: none; }
.viewa2ee0-chips::-webkit-scrollbar { display: none; }
.viewa2ee0-chip { flex: 0 0 auto; min-height: 36px; padding: 7px 12px; color: var(--viewa2ee0-ink); font-size: 12.5px; font-weight: 600; white-space: nowrap; background: var(--viewa2ee0-panel); border: 1px solid var(--viewa2ee0-line); border-radius: 3px; }
.viewa2ee0-chip--live { border-color: var(--viewa2ee0-sienna); }
.viewa2ee0-zone { margin: 0 0 25px; }
.viewa2ee0-zonehead { display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px; margin: 0 0 6px; }
.viewa2ee0-zonecount { padding: 2px 7px; color: var(--viewa2ee0-gold-soft); font-size: 11px; font-weight: 600; background: rgba(205,133,63,.14); border: 1px solid var(--viewa2ee0-gold-dim); border-radius: 2px; }
.viewa2ee0-asiderow { display: flex; flex-wrap: wrap; gap: 7px; margin: 10px 0 12px; }
.viewa2ee0-aside { display: inline-flex; align-items: center; min-height: 38px; padding: 7px 11px; color: var(--viewa2ee0-gold-soft); font-size: 12px; font-weight: 600; background: var(--viewa2ee0-panel); border: 1px solid var(--viewa2ee0-line); border-radius: 3px; }
.viewa2ee0-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.viewa2ee0-card { display: flex; flex-direction: column; min-width: 0; padding: 0; overflow: hidden; text-align: center; background: var(--viewa2ee0-panel); border: 1px solid var(--viewa2ee0-line); border-radius: 4px; box-shadow: 0 6px 14px rgba(0,0,0,.28); cursor: pointer; transition: border-color .15s ease, transform .15s ease; }
.viewa2ee0-card img { width: 100%; aspect-ratio: 1; object-fit: cover; background: var(--viewa2ee0-well); }
.viewa2ee0-card-name { display: -webkit-box; min-height: 35px; overflow: hidden; padding: 4px 4px 6px; color: var(--viewa2ee0-ink); font-size: 11px; line-height: 1.42; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.viewa2ee0-faq { border-top: 1px solid var(--viewa2ee0-line); }
.viewa2ee0-faq details { background: var(--viewa2ee0-panel); border-bottom: 1px solid var(--viewa2ee0-line); }
.viewa2ee0-faq summary { display: flex; align-items: flex-start; min-height: 50px; padding: 12px; color: var(--viewa2ee0-ink); font-family: var(--viewa2ee0-font-display); font-size: 13.5px; font-weight: 600; line-height: 1.45; cursor: pointer; list-style: none; }
.viewa2ee0-faq summary::-webkit-details-marker { display: none; }
.viewa2ee0-faq summary::after { width: 20px; height: 20px; display: inline-flex; align-items: center; justify-content: center; margin-left: auto; flex: 0 0 auto; color: var(--viewa2ee0-gold-soft); content: "+"; border: 1px solid var(--viewa2ee0-gold-dim); border-radius: 2px; }
.viewa2ee0-faq details[open] summary::after { color: #20180C; content: "-"; background: var(--viewa2ee0-gold); }
.viewa2ee0-faq-body { padding: 0 12px 13px 42px; color: var(--viewa2ee0-muted); font-size: 13px; }
.viewa2ee0-faq-body p { margin: 0 0 8px; }
.viewa2ee0-faq-body p:last-child { margin-bottom: 0; }
.viewa2ee0-answer { margin: 0 0 12px; padding: 11px 12px; color: var(--viewa2ee0-muted); font-size: 13.5px; background: var(--viewa2ee0-panel); border-left: 3px solid var(--viewa2ee0-gold); border-radius: 0 4px 4px 0; }
.viewa2ee0-steps { margin: 0; padding: 0; list-style: none; counter-reset: viewa2ee0-step; }
.viewa2ee0-steps li { position: relative; padding: 0 0 13px 40px; color: var(--viewa2ee0-muted); font-size: 13px; counter-increment: viewa2ee0-step; }
.viewa2ee0-steps li::before { position: absolute; top: 1px; left: 0; width: 27px; height: 27px; display: flex; align-items: center; justify-content: center; color: #20180C; font-family: var(--viewa2ee0-font-display); font-size: 13px; font-weight: 700; content: counter(viewa2ee0-step); background: var(--viewa2ee0-gold); border-radius: 3px; }
.viewa2ee0-steps li strong { color: var(--viewa2ee0-ink); }
.viewa2ee0-notes { margin: 14px 0 0; padding: 11px 12px 3px; background: var(--viewa2ee0-panel); border: 1px solid var(--viewa2ee0-line); border-radius: 4px; list-style: none; }
.viewa2ee0-notes li { position: relative; padding: 0 0 9px 16px; color: var(--viewa2ee0-muted); font-size: 12.5px; line-height: 1.6; }
.viewa2ee0-notes li::before { position: absolute; top: 8px; left: 0; width: 7px; height: 7px; content: ""; background: var(--viewa2ee0-gold); border-radius: 1px; transform: rotate(45deg); }
.viewa2ee0-duo { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.viewa2ee0-duocol { padding: 11px 11px 7px; background: var(--viewa2ee0-panel); border: 1px solid var(--viewa2ee0-line); border-radius: 4px; }
.viewa2ee0-duotag { display: inline-block; margin: 0 0 8px; padding: 3px 8px; font-size: 11px; font-weight: 700; border-radius: 2px; }
.viewa2ee0-duotag--pro { color: #20180C; background: var(--viewa2ee0-gold); }
.viewa2ee0-duotag--lim { background: var(--viewa2ee0-sienna); }
.viewa2ee0-duocol ul { margin: 0; padding: 0; list-style: none; }
.viewa2ee0-duocol li { position: relative; padding: 0 0 8px 14px; color: var(--viewa2ee0-muted); font-size: 12.5px; line-height: 1.55; }
.viewa2ee0-duocol li::before { position: absolute; top: 8px; left: 0; width: 6px; height: 2px; content: ""; background: var(--viewa2ee0-gold-dim); }
.viewa2ee0-facts { padding: 4px 2px 0; border-top: 1px solid var(--viewa2ee0-line); }
.viewa2ee0-facts p { display: flex; gap: 10px; margin: 0; padding: 8px 2px; color: var(--viewa2ee0-muted); font-size: 12.5px; line-height: 1.6; border-bottom: 1px dashed var(--viewa2ee0-line); }
.viewa2ee0-facts strong { flex: 0 0 88px; color: var(--viewa2ee0-gold-soft); font-family: var(--viewa2ee0-font-display); font-size: 12px; }
.viewa2ee0-xfooter { margin-top: 27px; padding-top: 18px; border-top: 1px solid var(--viewa2ee0-line); }
.viewa2ee0-promogrid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-bottom: 17px; }
.viewa2ee0-promo { min-height: 47px; padding: 10px; color: var(--viewa2ee0-gold-soft); font: 600 12.5px/1.3 var(--viewa2ee0-font-body); text-align: left; background: rgba(205,133,63,.09); border: 1px solid var(--viewa2ee0-gold-dim); border-radius: 3px; cursor: pointer; }
.viewa2ee0-brandnote { margin: 0 0 16px; color: var(--viewa2ee0-muted); font-size: 12.5px; }
.viewa2ee0-directory { display: grid; grid-template-columns: 1fr 1fr; gap: 6px 10px; margin-bottom: 14px; }
.viewa2ee0-directory a { display: block; padding: 8px 3px 8px 0; font-size: 12.5px; line-height: 1.4; border-bottom: 1px dashed var(--viewa2ee0-line); }
.viewa2ee0-disclaimer { padding: 9px 10px; color: var(--viewa2ee0-faint); font-size: 11.5px; line-height: 1.6; background: var(--viewa2ee0-well); border: 1px solid var(--viewa2ee0-line); border-radius: 4px; }
.viewa2ee0-footer { padding: 14px 0 6px; color: var(--viewa2ee0-faint); font-size: 11.5px; text-align: center; border-top: 1px solid var(--viewa2ee0-line); }
.viewa2ee0-tabbar { position: fixed; bottom: 0; left: 50%; z-index: 60; display: grid; grid-template-columns: repeat(5, 1fr); width: 100%; max-width: 480px; height: calc(62px + env(safe-area-inset-bottom, 0px)); padding-bottom: env(safe-area-inset-bottom, 0px); transform: translateX(-50%); background: rgba(22,22,39,.98); border-top: 1px solid var(--viewa2ee0-gold-dim); backdrop-filter: blur(7px); }
.viewa2ee0-tab { position: relative; display: flex; align-items: center; justify-content: center; gap: 3px; min-height: 44px; padding: 6px 2px 5px; color: var(--viewa2ee0-muted); font: 600 10px/1.25 var(--viewa2ee0-font-body); text-align: center; background: transparent; border: 0; border-left: 1px solid rgba(59,59,92,.55); cursor: pointer; }
.viewa2ee0-tab:first-child { border-left: 0; }
.viewa2ee0-tab svg { width: 21px; height: 21px; fill: currentColor; }
.viewa2ee0-tab.is-on { color: var(--viewa2ee0-gold); }
@media (min-width: 430px) { .viewa2ee0-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); } .viewa2ee0-promogrid { grid-template-columns: repeat(3, 1fr); } h1.viewa2ee0-h1 { font-size: 23px; } }
@media (max-width: 359px) { .viewa2ee0-grid { gap: 6px; } .viewa2ee0-duo { grid-template-columns: 1fr; } .viewa2ee0-sitename { font-size: 15px; } .viewa2ee0-btn { padding-right: 8px; padding-left: 8px; font-size: 11px; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } .viewa2ee0-track, .viewa2ee0-routes { transition: none; } .viewa2ee0-btn:active, .viewa2ee0-card:active, .viewa2ee0-promo:active, .viewa2ee0-tab:active, .viewa2ee0-ctalink:active { transform: none; } }