:root{
  --bg:#1b1b1b;
  --panel:#222;
  --text:#e6e6e6;
  --muted:#bdbdbd;
  --brand:#ffd400;
  --brand-2:#ff3b3b;
  --radius:14px;
  --max:1120px;
  --shadow:0 8px 30px rgba(0,0,0,.35);
}

*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--text);font:16px/1.55 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial;max-width:100%;overflow-x:hidden}
a{color:#fff;text-decoration:none}
img{display:block;max-width:100%;height:auto}

.skip{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.skip:focus{left:8px;top:8px;width:auto;height:auto;background:#000;color:#fff;padding:8px 10px;border-radius:6px;z-index:1000}

.sw-container{width:100%;max-width:var(--max);margin:0 auto;padding:0 18px}

.sw-topbar{background:#111;border-bottom:1px solid #2a2a2a;position:sticky;top:0;z-index:50}
.sw-topbar .sw-container{display:flex;align-items:center;gap:16px;padding:14px 18px}
.sw-logo img{height:34px}
.sw-nav{display:flex;gap:22px;margin-left:auto}
.sw-nav a{opacity:.9}
.sw-nav a:hover{opacity:1}
.sw-cta{display:flex;gap:10px;margin-left:12px}

.btn{display:inline-flex;align-items:center;justify-content:center;padding:.6rem 1rem;border-radius:10px;font-weight:700;transition:.2s;border:2px solid transparent}
.btn-lg{padding:.9rem 1.25rem;font-size:1.05rem;border-radius:12px}
.btn-primary{background:var(--brand);color:#111}
.btn-primary:hover{filter:brightness(.95)}
.btn-ghost{background:transparent;border-color:#444;color:#fff}
.btn-ghost:hover{border-color:#666}

.sw-hero{padding:26px 0 18px;background:#151515}
.sw-hero__grid{display:grid;grid-template-columns:1.6fr .9fr;gap:18px}
.sw-hero__slider{background:#0f0f0f;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);position:relative}
.sw-hero__slider .slide{display:none}
.sw-hero__slider .slide.is-active{display:block}
.sw-dots{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);display:flex;gap:8px}
.sw-dots .dot{width:28px;height:6px;border-radius:999px;border:none;background:#ffffff33;cursor:pointer}
.sw-dots .is-active{background:#fff}
.sw-arrow{position:absolute;top:50%;transform:translateY(-50%);background:#000a;border:none;border-radius:50%;width:40px;height:40px;display:grid;place-items:center;cursor:pointer}
.sw-arrow img{width:20px;height:20px;filter:invert(1)}
.sw-arrow.left{left:10px}
.sw-arrow.right{right:10px}

.sw-hero__promo .promo-card{background:#000;border-radius:var(--radius);padding:24px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:12px;justify-content:center;min-height:100%}
.promo-card h2{font-size:1.6rem;margin:0}
.promo-card p{color:var(--muted);margin:0 0 8px}
.promo-img{max-width:220px}
.promo-actions{display:flex;gap:10px;flex-wrap:wrap}

.sw-intro{padding:22px 0}
.sw-intro h1{font-size:1.6rem;margin:0 0 10px;text-transform:capitalize}
.sw-intro p{color:#d7d7d7;margin:0}

.sw-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:14px 0 28px}
.game{background:var(--panel);border-radius:14px;overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column;transition:transform .15s}
.game:hover{transform:translateY(-2px)}
.game img{aspect-ratio:16/11;object-fit:cover}
.game span{display:block;padding:10px 12px;font-weight:700}

.sw-info{
  display:flex;
  flex-direction:column;
  gap:18px;
  margin:10px 0 10px;
  align-items:center;
  text-align:center;
}
.info-block{
  background:#161616;
  border-radius:12px;
  padding:16px 16px 14px;
  border:1px solid #272727;
  width:100%;
  max-width:980px;
  margin:0 auto;
}
.info-block h3{margin:0 0 6px;font-size:1.05rem}
.info-block p{margin:0 auto;color:#c9c9c9;max-width:900px}
.info-gallery{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  max-width:900px;
  margin:10px auto 0;
  justify-items:center;
}
.info-gallery img{border-radius:10px;border:1px solid #2a2a2a}

.sw-content{padding:18px 0 34px}
.sw-content h2{font-size:1.35rem;margin:18px 0 8px;text-align:center}
.sw-content h3{font-size:1.1rem;margin:16px 0 8px}
.sw-content p{margin:0 0 10px;color:#e2e2e2}
.sw-content ul{margin:0 0 12px 18px}

.sw-footer{background:#0f0f0f;border-top:1px solid #2a2a2a}
.sw-footer__inner{display:flex;align-items:center;justify-content:space-between;padding:18px 0}
.sw-footer__brand img{height:28px}
.sw-footer__copy{color:#bcbcbc;font-size:.9rem}

.noscript{background:#2b2b2b;color:#fff;padding:12px 18px;text-align:center}

@media (max-width:1024px){
  .sw-hero__grid{grid-template-columns:1fr}
  .promo-card{min-height:220px}
  .sw-grid{grid-template-columns:repeat(3,1fr)}
}

@media (max-width:720px){
  html,body{
    width:100svw;
    max-width:100svw;
    overflow-x:hidden;
    overscroll-behavior-x:none;
    touch-action:pan-y;
  }

  .sw-container{padding-left:12px;padding-right:12px}
  .sw-nav{display:none}
  .sw-hero{padding:16px 0 10px}
  .sw-grid{grid-template-columns:repeat(2,1fr)}

  .sw-intro,
  .sw-content,
  .info-block{
    margin:12px;
    padding:18px 20px;
    border:1px solid #2e2e2e;
    border-radius:12px;
    background:#161616;
  }

  .info-gallery{grid-template-columns:1fr 1fr;max-width:560px}
  .sw-content h2,
  .sw-content h3,
  .sw-content p,
  .sw-content ul{max-width:640px;margin-left:auto;margin-right:auto}
}

@media (max-width:420px){
  .sw-grid{grid-template-columns:1fr}
  .btn-lg{width:100%}
  .info-gallery{grid-template-columns:1fr;max-width:360px}
  .sw-intro,
  .sw-content,
  .info-block{margin:10px;padding:20px 22px;border-width:1px}
}