@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap");
* { box-sizing: border-box; }
html { color-scheme: light; }
body.skin-1win {
  --accent: #0E7BE8; --accent-ink: #fff; --header: #05080d;
  margin:0; font:16px/1.6 Inter,Arial,sans-serif; background:#fff; color:#111;
}
body.skin-1win a { color: var(--accent); text-decoration: none; }
body.skin-1win h1, body.skin-1win h2, body.skin-1win h3 { font-family: Inter,Arial,sans-serif; }
body.skin-1win .skip { position:absolute; left:-999px; }
body.skin-1win .top {
  background: var(--header); border-bottom: 2px solid var(--accent);
  position: sticky; top: 0; z-index: 100;
}
body.skin-1win .top-bar {
  max-width: 1120px; margin: 0 auto; display: flex; align-items: center;
  justify-content: space-between; gap: 18px; padding: 10px 20px; position: relative;
}
body.skin-1win .brand {
  display: flex; align-items: center; gap: 10px; color: var(--accent);
  font-weight: 700; font-size: 1.12rem; white-space: nowrap;
}
body.skin-1win .brand img { width: 40px; height: 40px; object-fit: contain; border-radius: 8px; }
body.skin-1win .brand .brand-wordmark { width: auto; height: 28px; max-width: 150px; border-radius: 0; }
body.skin-1win .nav { display: flex; gap: 6px 16px; flex-wrap: wrap; align-items: center; }
body.skin-1win .nav a { color: #fff; font-size: .9rem; font-weight: 500; }
body.skin-1win .nav a[aria-current="page"] {
  background: rgba(255,255,255,.1); padding: 6px 12px; border-radius: 8px; color: #fff;
}
body.skin-1win .nav-toggle { display: none; background: none; border: 0; color: #fff; font-size: 1rem; }
body.skin-1win .crumb {
  max-width: 900px; margin: 0 auto; padding: 14px 20px 0; font-size: .85rem; color: #888;
}
body.skin-1win .crumb a { color: #888; }
body.skin-1win .layout { max-width: 900px; margin: 0 auto; padding: 0 20px 48px; }
body.skin-1win .page-head { padding: 4px 0 0; }
body.skin-1win .page-head h1 { font-size: 2rem; line-height: 1.2; margin: .4em 0 .3em; }
body.skin-1win .when { font-size: .82rem; color: #888; }
body.skin-1win .hero-section { padding: 12px 0 8px; }
body.skin-1win .hero-title {
  font-size: clamp(1.7rem, 4vw, 2.55rem); font-weight: 800; line-height: 1.15;
  letter-spacing: -.02em; margin: .2em 0 .6em; color: #111;
}
body.skin-1win .hero-text { font-size: 1.05rem; color: #333; max-width: 52rem; }
body.skin-1win .hero-text .inline-link { color: var(--accent); text-decoration: underline; font-weight: 600; }
body.skin-1win .hero-cta-group {
  display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; margin: 28px 0 22px;
}
body.skin-1win .btn-primary, body.skin-1win .cta {
  display: inline-flex; align-items: center; gap: 8px; background: var(--accent); color: var(--accent-ink);
  font-weight: 700; padding: 13px 26px; border-radius: 12px;
  box-shadow: 0 8px 22px rgba(0,0,0,.14);
}
body.skin-1win .btn-icon { width: 18px; height: 18px; fill: currentColor; }
body.skin-1win .btn-secondary {
  display: inline-flex; align-items: center; border: 2px solid var(--accent); color: var(--accent);
  font-weight: 700; padding: 11px 24px; border-radius: 12px; background: #fff;
}
body.skin-1win .hero-logo-card {
  width: 200px; height: 200px; margin: 8px auto 36px; padding: 16px;
  display: flex; align-items: center; justify-content: center;
  background: #fff; border: 1px solid #eee; border-radius: 16px;
  box-shadow: 0 10px 28px rgba(0,0,0,.08);
}
body.skin-1win .hero-logo-card.is-dark { background: #111; border-color: #222; padding: 0; overflow: hidden; }
body.skin-1win .hero-logo-card.is-wide { padding: 52px 40px; }
body.skin-1win .hero-logo { width: 100%; height: auto; max-height: 100%; object-fit: contain; }
body.skin-1win .hero-logo-card.is-dark:not(.is-wide) .hero-logo { width: 100%; height: 100%; }
body.skin-1win .app-info-card { margin: 0 auto 40px; }
body.skin-1win .app-info-title {
  display: flex; align-items: center; justify-content: center; gap: 10px;
  font-weight: 800; letter-spacing: .06em; text-transform: uppercase; margin: 0 0 18px;
}
body.skin-1win .app-info-title-icon {
  display: inline-flex; align-items: center; justify-content: center;
  width: 32px; height: 32px; border-radius: 8px; background: var(--accent); color: var(--accent-ink);
  font-size: .72rem; font-weight: 800; letter-spacing: 0;
}
body.skin-1win .app-info-table, body.skin-1win table.spec, body.skin-1win table.cmp, body.skin-1win table.req {
  width: 100%; border-collapse: collapse; margin: 0;
}
body.skin-1win .app-info-table td, body.skin-1win th, body.skin-1win td {
  padding: .7rem 0; text-align: left; border-bottom: 1px solid #eee;
}
body.skin-1win .app-info-table td:first-child { font-weight: 700; }
body.skin-1win .app-info-table td:last-child { text-align: right; color: #666; }
body.skin-1win .lead { max-width: 42rem; }
body.skin-1win .steps { max-width: 40rem; }
body.skin-1win .pn { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
body.skin-1win .faq details { background:#f7f7f7; border:0; border-radius:10px; padding:12px 16px; margin:8px 0; }
body.skin-1win .faq summary { font-weight:700; cursor:pointer; }
body.skin-1win .cta-row { margin: 1.2rem 0; }
body.skin-1win .toc { background: #f7f7f7; padding: 16px 20px; border-radius: 12px; margin: 8px 0 28px; }
body.skin-1win .toc ol { column-count: 2; }
body.skin-1win .cards { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
body.skin-1win .cards article { background: #f7f7f7; padding: 16px; border-radius: 12px; }
body.skin-1win .apk-dl { background: #f7f7f7; padding: 20px; border-radius: 16px; margin: 20px 0; }
body.skin-1win .apk-kicker { color: var(--accent); text-transform: uppercase; letter-spacing: .08em; font-size: .8rem; }
body.skin-1win .hero-art { display: none; }
body.skin-1win .colophon { max-width: 900px; margin: 0 auto; padding: 20px; color: #888; font-size: .84rem; border-top: 1px solid #eee; }
body.skin-1win .step-card { display: grid; grid-template-columns: 3rem 1fr; gap: .8rem; padding: .9rem 0; border-bottom: 1px solid #eee; }
body.skin-1win .step-num { color: var(--accent); font-size: 1.3rem; font-weight: 800; }
body.skin-1win .entry h2 { font-size:1.5rem; margin:2.1rem 0 .55rem; padding-top:1.1rem; border-top:1px solid #eee; }
body.skin-1win .hero-section h1 { border:0; padding:0; }
body.skin-1win .section-intro { color:#555; margin:0 0 1rem; }
body.skin-1win .inline-link { color:var(--accent); text-decoration:underline; font-weight:600; }
body.skin-1win .intro-grid { display:grid; grid-template-columns:1.35fr .75fr; gap:22px; align-items:start; }
body.skin-1win .intro-pic img { width:100%; height:auto; border-radius:14px; aspect-ratio:1/1; object-fit:cover; }
body.skin-1win .why-grid, body.skin-1win .feature-list, body.skin-1win .bonus-grid, body.skin-1win .pay-grid, body.skin-1win .rg-grid, body.skin-1win .procons-grid {
  display:grid; grid-template-columns:1fr 1fr; gap:14px; margin:1rem 0 1.5rem;
}
body.skin-1win .why-card, body.skin-1win .feature-card, body.skin-1win .bonus-card, body.skin-1win .pay-card, body.skin-1win .rg-card {
  background:#f7f7f7; border:1px solid #eee; border-radius:14px; padding:18px 16px;
}
body.skin-1win .pay-code {
  display:inline-flex; width:42px; height:42px; align-items:center; justify-content:center;
  border-radius:10px; background:var(--accent); color:var(--accent-ink); font-weight:800; font-size:.78rem; margin-bottom:8px;
}
body.skin-1win .pay-card ul { margin:.55rem 0 0; padding-left:1.1rem; color:#555; font-size:.9rem; }
body.skin-1win .game-tag, body.skin-1win .bonus-tag {
  display:inline-block; margin-top:8px; font-size:.72rem; font-weight:700; letter-spacing:.04em;
  text-transform:uppercase; color:var(--accent);
}
body.skin-1win .tiles.desc { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
body.skin-1win .tiles.desc .game-body { padding:4px 12px 14px; }
body.skin-1win .tiles.desc p { font-size:.9rem; color:#555; margin:.3rem 0; }
body.skin-1win .verdict { background:var(--header); color:#fff; padding:28px 24px; border-radius:16px; margin-top:2rem; }
body.skin-1win .verdict h2 { border:0; color:#fff; margin-top:0; padding-top:0; }
body.skin-1win .verdict p { color:#ddd; }
body.skin-1win .pc-card { background:#f7f7f7; border-radius:14px; padding:16px 18px; }
body.skin-1win .pc-card.pros { border-left:4px solid #2a9d4a; }
body.skin-1win .pc-card.cons { border-left:4px solid #c0392b; }
@media (max-width: 860px) {
  body.skin-1win .nav-toggle { display: block; }
  body.skin-1win .nav { display: none; }
  body.skin-1win .nav.is-open {
    display: flex; flex-direction: column; position: absolute; top: 100%; left: 0; right: 0;
    background: var(--header); padding: 12px 20px 20px; gap: 12px;
  }
  body.skin-1win .toc ol, body.skin-1win .pn, body.skin-1win .cards,
  body.skin-1win .why-grid, body.skin-1win .feature-list, body.skin-1win .bonus-grid,
  body.skin-1win .pay-grid, body.skin-1win .rg-grid, body.skin-1win .procons-grid,
  body.skin-1win .tiles.desc, body.skin-1win .intro-grid { column-count: 1; grid-template-columns: 1fr; }
  body.skin-1win .hero-title { font-size: 1.7rem; }
}

html { color-scheme: dark; }
body.skin-1win { background:#070b10; color:#c5d0d8; }
body.skin-1win .top { background:#05080d; border-bottom:2px solid #0E7BE8; box-shadow:0 0 28px rgba(14,123,232,.2); }
body.skin-1win .nav a[aria-current="page"] { background:#0E7BE8; color:#fff; }
body.skin-1win .crumb, body.skin-1win .crumb a, body.skin-1win .when { color:#7d8b94; }
body.skin-1win .hero-title, body.skin-1win .page-head h1, body.skin-1win .entry h2 { color:#fff; }
body.skin-1win .hero-text { color:#b3bec1; }
body.skin-1win .entry h2 { border-top-color:rgba(255,255,255,.08); }
body.skin-1win .btn-primary, body.skin-1win .cta { border-radius:8px; color:#fff; }
body.skin-1win .btn-secondary { background:transparent; color:#fff; border-radius:8px; }
body.skin-1win .hero-logo-card.is-dark { border:1px solid rgba(14,123,232,.4); box-shadow:0 12px 32px rgba(14,123,232,.16); }
body.skin-1win .app-info-title { color:#fff; }
body.skin-1win .app-info-table td, body.skin-1win th, body.skin-1win td { border-bottom-color:rgba(255,255,255,.08); }
body.skin-1win .app-info-table td:last-child { color:#9aa8b1; }
body.skin-1win .toc, body.skin-1win .apk-dl, body.skin-1win .faq details,
body.skin-1win .why-card, body.skin-1win .feature-card, body.skin-1win .bonus-card,
body.skin-1win .pay-card, body.skin-1win .rg-card, body.skin-1win .pc-card,
body.skin-1win .cards article {
  background:#121820; border-color:rgba(14,123,232,.18); color:#c5d0d8;
}
body.skin-1win .faq summary { color:#fff; }
body.skin-1win .step-card { border-bottom-color:rgba(255,255,255,.08); }
body.skin-1win .colophon { color:#7d8b94; border-top-color:rgba(255,255,255,.08); }
body.skin-1win .verdict { background:#0c1520; border:1px solid rgba(14,123,232,.35); }
body.skin-1win .tiles { display:flex; gap:10px; overflow-x:auto; padding:6px 0 14px; }
body.skin-1win .tiles article { flex:0 0 140px; background:#121820; border-radius:10px; overflow:hidden; }
body.skin-1win .tiles img { width:140px; height:140px; object-fit:cover; }
body.skin-1win .tiles h3 { padding:8px; font-size:12px; color:#fff; }
body.skin-1win .tiles.desc { display:grid; grid-template-columns:1fr 1fr; overflow:visible; }
body.skin-1win .tiles.desc article { flex:none; background:#121820; border:1px solid rgba(14,123,232,.18); }
body.skin-1win .tiles.desc img { width:100%; height:auto; aspect-ratio:16/10; }
body.skin-1win .tiles.desc h3 { color:#fff; padding-left:12px; padding-right:12px; }
body.skin-1win .tiles.desc p { color:#9aa8b1; padding-left:12px; padding-right:12px; }
body.skin-1win .apk-stores { display:flex; gap:10px; flex-wrap:wrap; }
body.skin-1win .apk-stores a { background:var(--accent); color:#fff; padding:10px 18px; border-radius:8px; font-weight:700; }