* { box-sizing: border-box; }
  body { margin: 0; background:#1d1f28; }
  html { scroll-behavior: smooth; }
  @keyframes slg-ticker { from { transform: translateX(0); } to { transform: translateX(-50%); } }
  a { color: inherit; }
  a.slg-nav:hover { background:#efece2; color:#1d1f28; }
  :target { scroll-margin-top: 92px; }
  a.slg-btn { display:inline-block; transition: transform .12s ease, filter .12s ease; }
  a.slg-btn:hover { transform: translateY(-3px); filter: brightness(1.08); }
  a.slg-btn:active { transform: translateY(0); }
  a.slg-btn-itch { display:inline-flex; align-items:center; gap:12px; height:60px; padding:0 22px 0 18px; border-radius:9px; background:#fa5c5c; color:#fff; text-decoration:none; font-family:'Darumadrop One', cursive; font-size:27px; line-height:1; }
  a.slg-btn-itch img { width:30px; height:auto; display:block; }

  /* ---------- Header / nav ---------- */
  .slg-header { position:sticky; top:0; z-index:40; display:flex; justify-content:space-between; align-items:center; gap:12px 20px; padding:16px 34px; background:#1d1f28; color:#efece2; }
  .slg-brand { display:flex; align-items:center; text-decoration:none; min-width:0; flex-shrink:1; }
  .slg-wordmark { height:48px; width:auto; max-width:100%; display:block; }
  .slg-navlinks { display:flex; gap:8px; font-size:22px; align-items:center; flex-shrink:0; }
  a.slg-nav { text-decoration:none; padding:6px 14px; border:2px solid transparent; white-space:nowrap; }
  a.slg-wishlist { text-decoration:none; margin-left:8px; background:#fa5c5c; color:#fff; font-family:'Darumadrop One',cursive; font-size:20px; padding:8px 18px; border:2px solid #121319; box-shadow:3px 3px 0 rgba(0,0,0,.4); white-space:nowrap; }

  /* ---------- Trailer button ---------- */
  .slg-trailer-btn { position:absolute; left:50%; top:60%; transform:translate(-50%,-50%) rotate(-1.5deg); display:inline-flex; align-items:center; gap:12px; cursor:pointer; white-space:nowrap; background:#fa5c5c; color:#fff; font-family:'Darumadrop One',cursive; font-size:30px; padding:14px 30px; border:3px solid #121319; box-shadow:5px 5px 0 rgba(0,0,0,.45); transition:transform .15s ease, box-shadow .15s ease; }
  .slg-trailer-btn:hover, .slg-trailer-btn:focus-visible { transform:translate(-50%,calc(-50% - 4px)) rotate(-1.5deg) scale(1.05); box-shadow:8px 9px 0 rgba(0,0,0,.45); }
  .slg-trailer-btn:active { transform:translate(-50%,-50%) rotate(-1.5deg); box-shadow:3px 3px 0 rgba(0,0,0,.45); }

  /* ---------- Store buttons ---------- */
  .slg-stores { display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:20px; padding:32px 24px; }
  .slg-stores img { max-width:100%; }

  /* ---------- Tagline ---------- */
  .slg-tagline { margin:0; padding:8px 40px 48px; text-align:center; font-family:'Darumadrop One',cursive; font-weight:400; font-size:clamp(30px, 4.4vw + 8px, 56px); line-height:1.1; text-wrap:balance; }

  /* ---------- Polaroids ---------- */
  .slg-polaroids { display:grid; grid-template-columns:repeat(3,1fr); gap:36px; align-items:center; padding:12px 48px 64px; }

  /* ---------- Footer ---------- */
  .slg-footer { background:#1d1f28; padding:36px 24px 28px; text-align:center; }
  .slg-footer-logo { display:inline-block; }
  .slg-footer-logo img { display:block; width:130px; height:auto; }
  .slg-footer-copy { margin:14px 0 0; font-family:'Patrick Hand', cursive; font-size:17px; color:rgba(239,236,226,.6); }

  /* ---------- Tablet ---------- */
  .slg-features { display:grid; grid-template-columns:repeat(3,1fr); gap:40px; padding:8px 56px 64px; }
  .slg-features h2 { margin:0 0 10px; font-family:'Darumadrop One',cursive; font-weight:400; font-size:30px; line-height:1.1; }
  .slg-features p { margin:0; font-size:22px; line-height:1.4; }
  .slg-about { max-width:860px; margin:0 auto; padding:0 56px 64px; text-align:center; }
  .slg-about h2 { margin:0 0 12px; font-family:'Darumadrop One',cursive; font-weight:400; font-size:30px; line-height:1.1; }
  .slg-about p { margin:0 0 14px; font-size:22px; line-height:1.4; }
  .slg-about p:last-child { margin-bottom:0; }
  @media (max-width: 900px) {
    .slg-header { padding:12px 20px; }
    .slg-wordmark { height:38px; }
    .slg-navlinks { font-size:20px; gap:4px; }
    a.slg-nav { padding:6px 10px; }
    .slg-tagline { padding:8px 28px 40px; }
    .slg-polaroids { gap:22px; padding:12px 24px 56px; }
    .slg-features { gap:24px; padding:8px 24px 56px; }
    .slg-about { padding:0 24px 56px; }
  }

  /* ---------- Phone ---------- */
  @media (max-width: 600px) {
    .slg-header { flex-wrap:wrap; justify-content:center; padding:10px 14px; }
    .slg-wordmark { height:32px; }
    .slg-navlinks { font-size:19px; }
    a.slg-nav { padding:4px 8px; }
    a.slg-wishlist { margin-left:4px; font-size:17px; padding:6px 12px; }
    :target { scroll-margin-top: 120px; }
    .slg-trailer-btn { gap:8px; font-size:18px; padding:8px 16px; border-width:2px; box-shadow:3px 3px 0 rgba(0,0,0,.45); }
    .slg-stores { gap:14px; padding:24px 16px; }
    .slg-stores img { height:52px !important; }
    a.slg-btn-itch { height:52px; font-size:23px; }
    .slg-tagline { padding:4px 16px 32px; }
    .slg-polaroids { grid-template-columns:1fr; gap:40px; max-width:420px; margin:0 auto; padding:16px 28px 52px; }
    .slg-features { grid-template-columns:1fr; gap:28px; max-width:520px; margin:0 auto; padding:0 28px 52px; }
    .slg-about { max-width:520px; padding:0 28px 52px; }
  }