<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="canonical" href="https://www.clemsmithshowjumping.com/en-au/" />
<link rel="alternate" hreflang="en" href="https://www.clemsmithshowjumping.com/" />
<link rel="alternate" hreflang="en-AU" href="https://www.clemsmithshowjumping.com/en-au/" />
<meta name="robots" content="index,follow,max-image-preview:large,max-snippet:-1,max-video-preview:-1">
<title>Wolf winner Live Dealer — Experience Real Gaming 2026</title>
<meta name="description" content="About Wolf Winner: Australia About Wolf Winner: Australia's Premier Online Casino Experience Wolf Winner is a boldly branded online casino that has earned a growing.">
<meta property="og:title" content="Wolf winner Live Dealer — Experience Real Gaming 2026">
<meta property="og:description" content="About Wolf Winner: Australia About Wolf Winner: Australia's Premier Online Casino Experience Wolf Winner is a boldly branded online casino that has earned a growing.">
<meta property="og:url" content="https://www.clemsmithshowjumping.com/">
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Wolf winner Live Dealer — Experience Real Gaming 2026">
<meta name="twitter:description" content="About Wolf Winner: Australia's Premier Online Casino Experience Wolf Winner is a boldly branded online casino that has earned a growing reputation among Australian.">
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Righteous&family=Poppins:wght@400;500;600&family=Fredoka+One&display=swap" rel="stylesheet">
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@graph": [
    {
      "@type": "WebPage",
      "@id": "https://www.clemsmithshowjumping.com/",
      "url": "https://www.clemsmithshowjumping.com/",
      "name": "Wolf winner Live Dealer — Experience Real Gaming 2026",
      "description": "About Wolf Winner: Australia's Premier Online Casino Experience Wolf Winner is a boldly branded online casino that has earned a growing reputation among Australian.",
      "inLanguage": "en",
      "datePublished": "2026-01-01",
      "author": {
        "@type": "Person",
        "name": "Jessica Morrison"
      }
    },
    {
      "@type": "FAQPage",
      "mainEntity": [
        {
          "@type": "Question",
          "name": "What is the Wolf Winner welcome bonus for new Australian players?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "New players are eligible for a welcome bonus of 100% up to $1,500 on their first deposit, plus 200 Free Spins on featured pokies. To activate this offer, you simply need to make a qualifying deposit of at least $10. The bonus funds and free spin winnings are subject to a 35x wagering requirement before they can be withdrawn as real cash."
          }
        },
        {
          "@type": "Question",
          "name": "Is this casino safe and legitimate for Australian players?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Yes. The platform operates under a legitimate offshore gaming licence and implements industry-standard 128-bit SSL encryption to protect all player data and financial transactions."
          }
        },
        {
          "@type": "Question",
          "name": "What payment methods are available for Australian players?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "The casino supports a wide range of payment methods suited to Australian players, including Visa, Mastercard, popular e-wallets, bank transfers, prepaid vouchers, and cryptocurrency options including Bitcoin."
          }
        },
        {
          "@type": "Question",
          "name": "How long does it take to withdraw winnings?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "E-wallet withdrawals typically arrive within 24 hours after approval. Bank transfer withdrawals generally take between two and five business days."
          }
        },
        {
          "@type": "Question",
          "name": "Can I play on my mobile phone or tablet?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Absolutely. The platform is fully optimised for mobile play using responsive HTML5 technology. You can access the complete casino including all 2,500+ games directly through your mobile browser on any iOS or Android device."
          }
        }
      ]
    }
  ]
}
</script>
<style>
  :root {
    --sand: #0f0e0a;
    --sand-light: #1a1710;
    --sand-card: #1e1c13;
    --orange: #FF7F50;
    --orange-dark: #e05f30;
    --pink: #FF69B4;
    --blue: #87CEEB;
    --green: #32CD32;
    --gold: #FFD700;
    --text-primary: #FFF8E7;
    --text-secondary: #d4c9a8;
    --text-muted: #a09070;
    --border: rgba(255,127,80,0.25);
    --border-glow: rgba(255,127,80,0.5);
    --sunset-1: #FF7F50;
    --sunset-2: #FF69B4;
    --sunset-3: #87CEEB;
  }

  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

  html { scroll-behavior: smooth; }

  body {
    background: var(--sand);
    color: var(--text-primary);
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    line-height: 1.7;
    overflow-x: hidden;
  }

  h1, h2, h3, h4 { font-family: "Righteous", cursive; font-weight: 400; }
  .fredoka { font-family: "Fredoka One", cursive; font-weight: 600; }
  .righteous-num { font-family: "Righteous", cursive; }

  /* STICKY HEADER */
  .sticky-header {
    position: fixed;
    top: 0; left: 0; right: 0;
    z-index: 1000;
    background: rgba(10,9,6,0.92);
    backdrop-filter: blur(12px);
    border-bottom: 1px solid var(--border);
    padding: 0 24px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .logo {
    font-family: "Righteous", cursive;
    font-size: 1.4rem;
    color: var(--orange);
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 8px;
  }

  .logo-wolf {
    width: 36px; height: 36px;
    background: linear-gradient(135deg, var(--orange), var(--pink));
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
  }

  .nav-links {
    display: flex;
    gap: 24px;
    list-style: none;
    align-items: center;
  }

  .nav-links a {
    color: var(--text-secondary);
    text-decoration: none;
    font-size: 0.9rem;
    transition: color 0.3s;
  }

  .nav-links a:hover { color: var(--orange); }

  .nav-cta {
    background: linear-gradient(135deg, var(--orange), var(--pink));
    color: #fff !important;
    padding: 8px 20px;
    border-radius: 25px;
    font-weight: 600;
    font-family: "Fredoka One", cursive;
  }

  .hamburger {
    display: none;
    flex-direction: column;
    gap: 5px;
    cursor: pointer;
    background: none;
    border: none;
    padding: 4px;
  }

  .hamburger span {
    width: 26px; height: 2px;
    background: var(--orange);
    border-radius: 2px;
    transition: all 0.3s;
    display: block;
  }

  .mobile-nav {
    display: none;
    position: fixed;
    top: 64px; left: 0; right: 0;
    background: rgba(10,9,6,0.98);
    z-index: 999;
    padding: 20px;
    border-bottom: 1px solid var(--border);
  }

  .mobile-nav.open { display: block; }

  .mobile-nav ul {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  .mobile-nav ul a {
    color: var(--text-secondary);
    text-decoration: none;
    font-size: 1rem;
    display: block;
    padding: 8px 0;
    border-bottom: 1px solid var(--border);
  }

  /* HERO */
  .hero {
    position: relative;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding-top: 64px;
  }

  .hero-bg {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg,
      #0a0508 0%,
      #1a0a0f 15%,
      #2d1015 30%,
      #3d1a08 50%,
      #1a1205 70%,
      #0a0e0a 100%);
    z-index: 0;
  }

  .sunset-glow {
    position: absolute;
    bottom: 30%;
    left: 50%;
    transform: translateX(-50%);
    width: 120%;
    height: 300px;
    background: radial-gradient(ellipse at center bottom,
      rgba(255,127,80,0.4) 0%,
      rgba(255,105,180,0.2) 40%,
      transparent 70%);
    z-index: 1;
    animation: sunsetShift 8s ease-in-out infinite alternate;
  }

  @keyframes sunsetShift {
    0% { opacity: 0.6; transform: translateX(-50%) scaleX(1); }
    100% { opacity: 1; transform: translateX(-50%) scaleX(1.2); }
  }

  .palm-container {
    position: absolute;
    bottom: 0;
    left: 0; right: 0;
    height: 100%;
    z-index: 2;
    pointer-events: none;
  }

  .palm-left, .palm-right {
    position: absolute;
    bottom: 0;
    width: 220px;
    height: 420px;
  }

  .palm-left { left: -20px; transform-origin: bottom center; animation: palmsway 4s ease-in-out infinite alternate; }
  .palm-right { right: -20px; transform-origin: bottom center; animation: palmsway 4s ease-in-out infinite alternate-reverse; transform: scaleX(-1); }

  @keyframes palmsway {
    0% { transform: rotate(-3deg); }
    100% { transform: rotate(3deg); }
  }

  .palm-right { animation: palmswayright 4.5s ease-in-out infinite alternate; }

  @keyframes palmswayright {
    0% { transform: scaleX(-1) rotate(-3deg); }
    100% { transform: scaleX(-1) rotate(3deg); }
  }

  .wave-container {
    position: absolute;
    bottom: 0;
    left: 0; right: 0;
    z-index: 3;
    height: 100px;
    overflow: hidden;
  }

  .wave-svg {
    width: 200%;
    height: 100%;
    animation: wavemove 6s linear infinite;
  }

  @keyframes wavemove {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
  }

  .hero-content {
    position: relative;
    z-index: 5;
    text-align: center;
    padding: 0 20px;
    max-width: 860px;
  }

  .hero-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(255,127,80,0.15);
    border: 1px solid rgba(255,127,80,0.4);
    border-radius: 30px;
    padding: 6px 18px;
    font-size: 0.85rem;
    color: var(--orange);
    font-family: "Fredoka One", cursive;
    margin-bottom: 20px;
    letter-spacing: 0.5px;
  }

  h1 {
    font-size: clamp(2.2rem, 6vw, 4.2rem);
    line-height: 1.1;
    margin-bottom: 20px;
    text-shadow: 0 0 40px rgba(255,127,80,0.6);
  }

  h1 .word-wolf { color: var(--orange); }
  h1 .word-winner { color: var(--pink); }
  h1 .word-rest { color: var(--text-primary); }

  .hero-sub {
    font-size: clamp(1rem, 2.5vw, 1.2rem);
    color: var(--text-secondary);
    max-width: 640px;
    margin: 0 auto 32px;
  }

  .hero-stats {
    display: flex;
    justify-content: center;
    gap: 32px;
    margin-bottom: 36px;
    flex-wrap: wrap;
  }

  .hero-stat {
    text-align: center;
  }

  .hero-stat-num {
    font-family: "Righteous", cursive;
    font-size: 2rem;
    color: var(--gold);
    display: block;
  }

  .hero-stat-label {
    font-size: 0.78rem;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 1px;
  }

  .tiki-btn {
    display: inline-block;
    background: linear-gradient(135deg, var(--orange) 0%, var(--pink) 100%);
    color: #fff;
    font-family: "Fredoka One", cursive;
    font-size: 1.15rem;
    padding: 16px 44px;
    border-radius: 50px;
    text-decoration: none;
    box-shadow: 0 8px 32px rgba(255,127,80,0.45);
    animation: tikiPulse 2.5s ease-in-out infinite;
    letter-spacing: 0.5px;
    position: relative;
    overflow: hidden;
    transition: transform 0.2s;
  }

  .tiki-btn:hover { transform: translateY(-2px) scale(1.03); }

  .tiki-btn::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, transparent 40%, rgba(255,255,255,0.15) 60%, transparent 80%);
    transform: translateX(-100%);
    animation: shimmer 2.5s ease-in-out infinite;
  }

  @keyframes shimmer {
    0% { transform: translateX(-100%); }
    100% { transform: translateX(200%); }
  }

  @keyframes tikiPulse {
    0%, 100% { box-shadow: 0 8px 32px rgba(255,127,80,0.45); }
    50% { box-shadow: 0 8px 52px rgba(255,127,80,0.75), 0 0 20px rgba(255,105,180,0.4); }
  }

  /* SECTIONS */
  section { padding: 80px 24px; }

  .container { max-width: 1100px; margin: 0 auto; }

  .section-label {
    font-family: "Fredoka One", cursive;
    font-size: 0.85rem;
    color: var(--orange);
    text-transform: uppercase;
    letter-spacing: 2px;
    display: block;
    margin-bottom: 8px;
  }

  .section-title {
    font-size: clamp(1.6rem, 4vw, 2.4rem);
    margin-bottom: 16px;
    color: var(--text-primary);
  }

  .section-intro {
    color: var(--text-secondary);
    max-width: 700px;
    margin-bottom: 48px;
  }

  /* BAMBOO CARD */
  .bamboo-frame {
    background: var(--sand-card);
    border: 1px solid var(--border);
    border-radius: 16px;
    padding: 32px;
    position: relative;
    overflow: hidden;
    transition: transform 0.3s, box-shadow 0.3s;
  }

  .bamboo-frame::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--orange), var(--pink), var(--blue));
  }

  .bamboo-frame:hover {
    transform: translateY(-4px);
    box-shadow: 0 16px 48px rgba(255,127,80,0.2);
  }

  /* OVERVIEW */
  .overview-section { background: var(--sand-light); }

  .overview-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
    margin-top: 48px;
  }

  .overview-text p { color: var(--text-secondary); margin-bottom: 16px; }

  .highlight-box {
    background: linear-gradient(135deg, rgba(255,127,80,0.1), rgba(255,105,180,0.05));
    border: 1px solid rgba(255,127,80,0.3);
    border-radius: 12px;
    padding: 20px 24px;
    margin: 20px 0;
  }

  .highlight-box p { color: var(--text-secondary); margin: 0; }

  .feature-list {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  .feature-list li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    color: var(--text-secondary);
    font-size: 0.95rem;
  }

  .feature-list li::before {
    content: "🌴";
    flex-shrink: 0;
    margin-top: 2px;
  }

  /* QUICK FACTS TABLE */
  .quick-facts-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 24px;
  }

  .quick-facts-table th, .quick-facts-table td {
    padding: 12px 16px;
    text-align: left;
    border-bottom: 1px solid var(--border);
    font-size: 0.9rem;
  }

  .quick-facts-table th {
    font-family: "Fredoka One", cursive;
    color: var(--orange);
    font-weight: 400;
    background: rgba(255,127,80,0.08);
  }

  .quick-facts-table td { color: var(--text-secondary); }

  .quick-facts-table tr:hover td { background: rgba(255,127,80,0.05); }

  /* BONUS SECTION */
  .bonus-section { background: var(--sand); }

  .bonus-hero-card {
    background: linear-gradient(135deg, #1e0d08, #2a1020);
    border: 1px solid rgba(255,127,80,0.4);
    border-radius: 20px;
    padding: 48px;
    text-align: center;
    margin-bottom: 40px;
    position: relative;
    overflow: hidden;
  }

  .bonus-hero-card::before {
    content: "";
    position: absolute;
    inset: -2px;
    background: linear-gradient(135deg, var(--orange), var(--pink), var(--blue));
    z-index: -1;
    border-radius: 22px;
    opacity: 0.5;
  }

  .bonus-amount {
    font-family: "Righteous", cursive;
    font-size: clamp(2.5rem, 8vw, 5rem);
    color: var(--gold);
    text-shadow: 0 0 30px rgba(255,215,0,0.5);
    display: block;
    line-height: 1;
  }

  .bonus-desc {
    font-size: 1.1rem;
    color: var(--text-secondary);
    margin: 12px 0 24px;
  }

  .bonus-tags {
    display: flex;
    gap: 12px;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 28px;
  }

  .bonus-tag {
    background: rgba(255,215,0,0.12);
    border: 1px solid rgba(255,215,0,0.3);
    color: var(--gold);
    padding: 6px 16px;
    border-radius: 20px;
    font-family: "Fredoka One", cursive;
    font-size: 0.9rem;
  }

  .promo-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-top: 32px;
  }

  .promo-card {
    background: var(--sand-card);
    border: 1px solid var(--border);
    border-radius: 14px;
    padding: 24px;
    text-align: center;
    transition: transform 0.3s;
  }

  .promo-card:hover { transform: translateY(-3px); }

  .promo-icon { font-size: 2.5rem; margin-bottom: 12px; display: block; }

  .promo-title {
    font-family: "Fredoka One", cursive;
    font-size: 1.1rem;
    color: var(--orange);
    margin-bottom: 8px;
  }

  .promo-desc { font-size: 0.88rem; color: var(--text-muted); }

  /* BONUS CALCULATOR */
  .calculator-section { background: var(--sand-light); }

  .calculator-box {
    background: var(--sand-card);
    border: 1px solid var(--border);
    border-radius: 20px;
    padding: 40px;
    max-width: 640px;
    margin: 0 auto;
  }

  .calc-title {
    font-family: "Righteous", cursive;
    font-size: 1.6rem;
    color: var(--orange);
    margin-bottom: 8px;
    text-align: center;
  }

  .calc-sub {
    color: var(--text-muted);
    font-size: 0.9rem;
    text-align: center;
    margin-bottom: 28px;
  }

  .calc-group { margin-bottom: 20px; }

  .calc-label {
    display: block;
    font-family: "Fredoka One", cursive;
    color: var(--text-secondary);
    margin-bottom: 8px;
    font-size: 0.95rem;
  }

  .calc-input {
    width: 100%;
    background: rgba(255,255,255,0.05);
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: 12px 16px;
    color: var(--text-primary);
    font-family: "Poppins", sans-serif;
    font-size: 1rem;
    outline: none;
    transition: border-color 0.3s;
  }

  .calc-input:focus { border-color: var(--orange); }

  .calc-result {
    background: linear-gradient(135deg, rgba(255,127,80,0.12), rgba(255,105,180,0.08));
    border: 1px solid rgba(255,127,80,0.35);
    border-radius: 12px;
    padding: 20px;
    margin-top: 20px;
    text-align: center;
    display: none;
  }

  .calc-result.visible { display: block; }

  .calc-result-num {
    font-family: "Righteous", cursive;
    font-size: 2.2rem;
    color: var(--gold);
  }

  .calc-result-label { color: var(--text-muted); font-size: 0.85rem; }

  .calc-btn {
    width: 100%;
    background: linear-gradient(135deg, var(--orange), var(--pink));
    color: #fff;
    border: none;
    border-radius: 10px;
    padding: 14px;
    font-family: "Fredoka One", cursive;
    font-size: 1.1rem;
    cursor: pointer;
    transition: opacity 0.2s, transform 0.2s;
  }

  .calc-btn:hover { opacity: 0.9; transform: translateY(-1px); }

  /* GAMES SECTION */
  .games-section { background: var(--sand); }

  .games-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    margin-bottom: 40px;
  }

  .game-card {
    background: var(--sand-card);
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 20px 16px;
    text-align: center;
    transition: transform 0.3s, box-shadow 0.3s;
    cursor: default;
  }

  .game-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 32px rgba(255,127,80,0.15);
  }

  .game-icon { font-size: 2.4rem; display: block; margin-bottom: 10px; }

  .game-name {
    font-family: "Fredoka One", cursive;
    color: var(--orange);
    font-size: 1rem;
    margin-bottom: 6px;
  }

  .game-count {
    font-family: "Righteous", cursive;
    font-size: 1.4rem;
    color: var(--gold);
  }

  .game-label { font-size: 0.78rem; color: var(--text-muted); }

  /* FORTUNE WHEEL */
  .fortune-section { background: var(--sand-light); }

  .wheel-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
  }

  .wheel-wrapper {
    position: relative;
    width: 280px;
    height: 280px;
  }

  .wheel-canvas-area {
    width: 280px;
    height: 280px;
    border-radius: 50%;
    border: 4px solid var(--border-glow);
    box-shadow: 0 0 30px rgba(255,127,80,0.3);
    transition: transform 3s cubic-bezier(0.17, 0.67, 0.12, 0.99);
    display: block;
  }

  .wheel-center {
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    width: 50px; height: 50px;
    background: var(--sand-card);
    border: 3px solid var(--orange);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    z-index: 2;
  }

  .wheel-pointer {
    position: absolute;
    top: -18px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 24px solid var(--gold);
    z-index: 3;
    filter: drop-shadow(0 2px 4px rgba(0,0,0,0.5));
  }

  .wheel-labels {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .wheel-result-text {
    font-family: "Fredoka One", cursive;
    font-size: 1.1rem;
    color: var(--orange);
    min-height: 28px;
    text-align: center;
  }

  .spin-btn {
    background: linear-gradient(135deg, var(--gold), var(--orange));
    color: #1a0a00;
    border: none;
    border-radius: 30px;
    padding: 14px 40px;
    font-family: "Fredoka One", cursive;
    font-size: 1.1rem;
    cursor: pointer;
    transition: transform 0.2s, opacity 0.2s;
    box-shadow: 0 6px 24px rgba(255,215,0,0.35);
  }

  .spin-btn:hover:not(:disabled) { transform: scale(1.05); }
  .spin-btn:disabled { opacity: 0.5; cursor: not-allowed; }

  /* REGISTRATION */
  .registration-section { background: var(--sand); }

  .steps-list {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 32px;
  }

  .step-item {
    display: flex;
    gap: 20px;
    align-items: flex-start;
    background: var(--sand-card);
    border: 1px solid var(--border);
    border-radius: 14px;
    padding: 20px 24px;
    transition: transform 0.3s;
  }

  .step-item:hover { transform: translateX(4px); }

  .step-num {
    width: 44px; height: 44px;
    background: linear-gradient(135deg, var(--orange), var(--pink));
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Righteous", cursive;
    font-size: 1.2rem;
    color: #fff;
    flex-shrink: 0;
  }

  .step-content h4 {
    font-family: "Fredoka One", cursive;
    color: var(--orange);
    font-size: 1.05rem;
    margin-bottom: 4px;
  }

  .step-content p { color: var(--text-secondary); font-size: 0.9rem; }

  /* MOBILE SECTION */
  .mobile-section { background: var(--sand-light); }

  .mobile-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
    align-items: start;
  }

  .mobile-feature-list {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 14px;
  }

  .mobile-feature-list li {
    display: flex;
    gap: 14px;
    align-items: center;
    background: var(--sand-card);
    border: 1px solid var(--border);
    border-radius: 10px;
    padding: 14px 18px;
    font-size: 0.9rem;
    color: var(--text-secondary);
  }

  .mobile-feature-list .icon { font-size: 1.4rem; flex-shrink: 0; }

  /* PAYMENT SECTION */
  .payment-section { background: var(--sand); }

  .payment-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 24px;
  }

  .payment-table th {
    background: rgba(255,127,80,0.1);
    color: var(--orange);
    font-family: "Fredoka One", cursive;
    font-weight: 400;
    padding: 14px 16px;
    text-align: left;
    border-bottom: 2px solid var(--border);
    font-size: 0.9rem;
  }

  .payment-table td {
    padding: 12px 16px;
    border-bottom: 1px solid var(--border);
    color: var(--text-secondary);
    font-size: 0.9rem;
  }

  .payment-table tr:hover td { background: rgba(255,127,80,0.04); }

  .badge-fast {
    background: rgba(50,205,50,0.15);
    color: var(--green);
    padding: 3px 10px;
    border-radius: 12px;
    font-size: 0.78rem;
    font-family: "Fredoka One", cursive;
  }

  .badge-standard {
    background: rgba(135,206,235,0.15);
    color: var(--blue);
    padding: 3px 10px;
    border-radius: 12px;
    font-size: 0.78rem;
    font-family: "Fredoka One", cursive;
  }

  /* SUPPORT SECTION */
  .support-section { background: var(--sand-light); }

  .support-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin-bottom: 32px;
  }

  .support-card {
    background: var(--sand-card);
    border: 1px solid var(--border);
    border-radius: 14px;
    padding: 28px;
    text-align: center;
    transition: transform 0.3s, box-shadow 0.3s;
  }

  .support-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 32px rgba(255,127,80,0.15);
  }

  .support-icon { font-size: 2.8rem; display: block; margin-bottom: 12px; }

  .support-title {
    font-family: "Fredoka One", cursive;
    color: var(--orange);
    font-size: 1.1rem;
    margin-bottom: 8px;
  }

  .support-desc { font-size: 0.88rem; color: var(--text-muted); }

  .support-avail {
    display: inline-block;
    background: rgba(50,205,50,0.12);
    color: var(--green);
    border: 1px solid rgba(50,205,50,0.3);
    border-radius: 12px;
    padding: 3px 12px;
    font-size: 0.78rem;
    font-family: "Fredoka One", cursive;
    margin-top: 10px;
  }

  /* WHY CHOOSE */
  .why-section { background: var(--sand); }

  .why-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
    margin-top: 32px;
  }

  .why-card {
    display: flex;
    gap: 16px;
    background: var(--sand-card);
    border: 1px solid var(--border);
    border-radius: 14px;
    padding: 22px;
    transition: transform 0.3s;
  }

  .why-card:hover { transform: translateY(-2px); }

  .why-icon { font-size: 2rem; flex-shrink: 0; margin-top: 2px; }

  .why-text h4 {
    font-family: "Fredoka One", cursive;
    color: var(--orange);
    font-size: 1rem;
    margin-bottom: 6px;
  }

  .why-text p { font-size: 0.88rem; color: var(--text-muted); }

  /* QUIZ SECTION */
  .quiz-section { background: var(--sand-light); }

  .quiz-box {
    background: var(--sand-card);
    border: 1px solid var(--border);
    border-radius: 20px;
    padding: 40px;
    max-width: 680px;
    margin: 0 auto;
  }

  .quiz-question {
    font-family: "Righteous", cursive;
    font-size: 1.3rem;
    color: var(--text-primary);
    margin-bottom: 24px;
    text-align: center;
  }

  .quiz-progress {
    background: rgba(255,255,255,0.08);
    height: 6px;
    border-radius: 3px;
    margin-bottom: 20px;
    overflow: hidden;
  }

  .quiz-progress-bar {
    height: 100%;
    background: linear-gradient(90deg, var(--orange), var(--pink));
    border-radius: 3px;
    transition: width 0.4s;
  }

  .quiz-options {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 24px;
  }

  .quiz-option {
    background: rgba(255,255,255,0.04);
    border: 1px solid var(--border);
    border-radius: 10px;
    padding: 14px 18px;
    cursor: pointer;
    color: var(--text-secondary);
    font-size: 0.95rem;
    text-align: left;
    transition: all 0.2s;
    width: 100%;
  }

  .quiz-option:hover { border-color: var(--orange); color: var(--text-primary); background: rgba(255,127,80,0.08); }
  .quiz-option.correct { border-color: var(--green); background: rgba(50,205,50,0.12); color: var(--green); }
  .quiz-option.wrong { border-color: #ff4444; background: rgba(255,68,68,0.1); color: #ff6666; }

  .quiz-feedback {
    text-align: center;
    font-family: "Fredoka One", cursive;
    font-size: 1.1rem;
    min-height: 28px;
    margin-bottom: 16px;
  }

  .quiz-next-btn {
    background: linear-gradient(135deg, var(--orange), var(--pink));
    color: #fff;
    border: none;
    border-radius: 10px;
    padding: 12px 28px;
    font-family: "Fredoka One", cursive;
    font-size: 1rem;
    cursor: pointer;
    display: block;
    margin: 0 auto;
    transition: opacity 0.2s;
  }

  .quiz-next-btn:hover { opacity: 0.9; }

  .quiz-result-box { text-align: center; display: none; }
  .quiz-result-box.visible { display: block; }

  .quiz-score {
    font-family: "Righteous", cursive;
    font-size: 3rem;
    color: var(--gold);
    display: block;
    margin-bottom: 8px;
  }

  /* FAQ */
  .faq-section { background: var(--sand); }

  .faq-item {
    border: 1px solid var(--border);
    border-radius: 12px;
    margin-bottom: 12px;
    overflow: hidden;
    transition: box-shadow 0.3s;
  }

  .faq-item.open { box-shadow: 0 4px 20px rgba(255,127,80,0.15); }

  .faq-item summary {
    list-style: none;
    padding: 18px 22px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    color: var(--text-primary);
    font-weight: 600;
    font-size: 0.95rem;
    background: var(--sand-card);
    user-select: none;
    transition: background 0.2s;
  }

  .faq-item summary:hover { background: rgba(255,127,80,0.06); }

  .faq-item summary strong { color: var(--text-primary); font-weight: 600; }

  .faq-chevron {
    width: 22px; height: 22px;
    border: 2px solid var(--orange);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 0.7rem;
    color: var(--orange);
    transition: transform 0.3s;
  }

  .faq-item.open .faq-chevron { transform: rotate(180deg); }

  .faq-body {
    padding: 18px 22px;
    background: rgba(255,127,80,0.03);
    border-top: 1px solid var(--border);
    color: var(--text-secondary);
    font-size: 0.92rem;
    display: none;
  }

  .faq-body p { margin-bottom: 8px; }
  .faq-body p:last-child { margin-bottom: 0; }
  .faq-item.open .faq-body { display: block; }

  /* AUTHOR BLOCK */
  .author-section { background: var(--sand-light); padding: 60px 24px; }

  .author-card {
    background: var(--sand-card);
    border: 1px solid var(--border);
    border-radius: 20px;
    padding: 36px;
    max-width: 780px;
    margin: 0 auto;
    display: flex;
    gap: 28px;
    align-items: flex-start;
  }

  .author-avatar {
    width: 90px; height: 90px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--orange), var(--pink));
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.2rem;
    flex-shrink: 0;
    border: 3px solid rgba(255,127,80,0.4);
  }

  .author-info h3 {
    font-family: "Fredoka One", cursive;
    font-size: 1.3rem;
    color: var(--orange);
    margin-bottom: 4px;
  }

  .author-role {
    font-size: 0.83rem;
    color: var(--text-muted);
    font-style: italic;
    margin-bottom: 12px;
    display: block;
  }

  .author-bio { font-size: 0.9rem; color: var(--text-secondary); margin-bottom: 14px; }

  .author-method {
    background: rgba(255,127,80,0.08);
    border: 1px solid rgba(255,127,80,0.2);
    border-radius: 10px;
    padding: 14px 18px;
  }

  .author-method h4 {
    font-family: "Fredoka One", cursive;
    color: var(--orange);
    font-size: 0.9rem;
    margin-bottom: 6px;
  }

  .author-method p { font-size: 0.83rem; color: var(--text-muted); }

  /* FOOTER */
  footer {
    background: #050404;
    border-top: 1px solid var(--border);
    padding: 40px 24px;
    text-align: center;
  }

  .footer-logo {
    font-family: "Righteous", cursive;
    font-size: 1.5rem;
    color: var(--orange);
    display: block;
    margin-bottom: 16px;
  }

  .footer-nav {
    display: flex;
    gap: 24px;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 24px;
    list-style: none;
  }

  .footer-nav a {
    color: var(--text-muted);
    text-decoration: none;
    font-size: 0.85rem;
    transition: color 0.3s;
  }

  .footer-nav a:hover { color: var(--orange); }

  .footer-disclaimer {
    font-size: 0.78rem;
    color: var(--text-muted);
    max-width: 800px;
    margin: 0 auto 16px;
    line-height: 1.6;
  }

  .footer-responsible {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(50,205,50,0.1);
    border: 1px solid rgba(50,205,50,0.25);
    border-radius: 8px;
    padding: 8px 16px;
    font-size: 0.8rem;
    color: var(--green);
    margin-bottom: 16px;
  }

  .footer-copy { font-size: 0.78rem; color: var(--text-muted); }

  /* POPUP */
  .popup-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.85);
    z-index: 2000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.4s;
  }

  .popup-overlay.show {
    opacity: 1;
    pointer-events: all;
  }

  .popup-box {
    background: linear-gradient(135deg, #1e0d08, #2a1020);
    border: 1px solid rgba(255,127,80,0.5);
    border-radius: 20px;
    padding: 48px 40px;
    max-width: 480px;
    width: 100%;
    text-align: center;
    position: relative;
    transform: scale(0.85);
    transition: transform 0.4s;
  }

  .popup-overlay.show .popup-box { transform: scale(1); }

  .popup-close {
    position: absolute;
    top: 14px; right: 16px;
    background: none;
    border: none;
    color: var(--text-muted);
    font-size: 1.4rem;
    cursor: pointer;
    transition: color 0.2s;
  }

  .popup-close:hover { color: var(--orange); }

  .popup-emoji { font-size: 3rem; display: block; margin-bottom: 12px; }

  .popup-title {
    font-family: "Righteous", cursive;
    font-size: 1.8rem;
    color: var(--orange);
    margin-bottom: 8px;
  }

  .popup-desc {
    color: var(--text-secondary);
    font-size: 0.95rem;
    margin-bottom: 24px;
  }

  /* STICKY BOTTOM BAR */
  .sticky-bar {
    position: fixed;
    bottom: 0; left: 0; right: 0;
    z-index: 1500;
    background: linear-gradient(90deg, #1a0808, #1a0818);
    border-top: 1px solid rgba(255,127,80,0.4);
    padding: 12px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    transform: translateY(100%);
    transition: transform 0.4s;
  }

  .sticky-bar.show { transform: translateY(0); }

  .sticky-bar-text {
    font-family: "Fredoka One", cursive;
    color: var(--text-primary);
    font-size: 0.95rem;
  }

  .sticky-bar-cta {
    background: linear-gradient(135deg, var(--orange), var(--pink));
    color: #fff;
    font-family: "Fredoka One", cursive;
    padding: 10px 24px;
    border-radius: 25px;
    text-decoration: none;
    font-size: 0.95rem;
    white-space: nowrap;
    flex-shrink: 0;
  }

  .sticky-bar-dismiss {
    position: absolute;
    top: 6px; right: 6px;
    background: none;
    border: none;
    color: var(--text-muted);
    font-size: 1rem;
    cursor: pointer;
    width: 22px; height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: color 0.2s, background 0.2s;
  }

  .sticky-bar-dismiss:hover { color: var(--orange); background: rgba(255,127,80,0.1); }

  /* COUNTERS */
  .counters-strip {
    background: linear-gradient(90deg, rgba(255,127,80,0.08), rgba(255,105,180,0.06), rgba(135,206,235,0.06));
    border-top: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
    padding: 36px 24px;
  }

  .counters-grid {
    max-width: 1100px;
    margin: 0 auto;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    gap: 24px;
  }

  .counter-item { text-align: center; }

  .counter-num {
    font-family: "Righteous", cursive;
    font-size: 2.5rem;
    color: var(--gold);
    display: block;
  }

  .counter-label {
    font-size: 0.8rem;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 1px;
  }

  /* REVEAL */
  .reveal {
    opacity: 0;
    transform: translateY(22px);
    transition: opacity 0.65s ease, transform 0.65s ease;
  }

  .reveal.visible {
    opacity: 1;
    transform: translateY(0);
  }

  /* TIKI TORCH effect */
  .tiki-torch {
    display: inline-block;
    animation: torchFlicker 0.15s ease-in-out infinite alternate;
  }

  @keyframes torchFlicker {
    0% { opacity: 1; }
    100% { opacity: 0.7; transform: scale(1.05); }
  }

  /* CTA inline */
  .inline-cta {
    display: inline-block;
    background: linear-gradient(135deg, var(--orange), var(--pink));
    color: #fff;
    font-family: "Fredoka One", cursive;
    font-size: 1.05rem;
    padding: 14px 36px;
    border-radius: 30px;
    text-decoration: none;
    box-shadow: 0 6px 24px rgba(255,127,80,0.35);
    animation: tikiPulse 2.5s ease-in-out infinite;
    margin: 16px 0;
    display: inline-block;
  }

  .gold-cta {
    display: inline-block;
    background: linear-gradient(135deg, #d4a017, #f0c040);
    color: #1a1a1a;
    font-family: "Fredoka One", cursive;
    font-size: 1.1rem;
    font-weight: 700;
    padding: 14px 36px;
    border-radius: 8px;
    text-decoration: none;
    margin: 16px 0;
    display: inline-block;
    transition: opacity 0.2s;
  }

  .gold-cta:hover { opacity: 0.88; }

  /* COMPARISON TABLE */
  .comparison-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 24px;
  }

  .comparison-table thead tr {
    background: linear-gradient(90deg, rgba(255,127,80,0.15), rgba(255,105,180,0.1));
  }

  .comparison-table th {
    padding: 14px 18px;
    color: var(--orange);
    font-family: "Fredoka One", cursive;
    font-weight: 400;
    text-align: left;
    border-bottom: 2px solid var(--border);
    font-size: 0.9rem;
  }

  .comparison-table td {
    padding: 12px 18px;
    border-bottom: 1px solid var(--border);
    color: var(--text-secondary);
    font-size: 0.9rem;
  }

  .comparison-table tr:hover td { background: rgba(255,127,80,0.04); }

  .check-yes { color: var(--green); font-size: 1.1rem; }
  .check-no { color: #ff5555; font-size: 1.1rem; }

  /* WAVE DIVIDER */
  .wave-divider {
    width: 100%;
    height: 60px;
    overflow: hidden;
    line-height: 0;
  }

  /* RESPONSIVE */
  @media (max-width: 900px) {
    .games-grid { grid-template-columns: repeat(2, 1fr); }
    .promo-grid { grid-template-columns: 1fr 1fr; }
    .overview-grid { grid-template-columns: 1fr; }
    .mobile-grid { grid-template-columns: 1fr; }
    .support-grid { grid-template-columns: 1fr; }
    .why-grid { grid-template-columns: 1fr; }
  }

  @media (max-width: 768px) {
    .nav-links { display: none; }
    .hamburger { display: flex; }
    section { padding: 56px 20px; }
    .bonus-hero-card { padding: 32px 20px; }
    .author-card { flex-direction: column; }
    .author-avatar { margin: 0 auto; }
    .games-grid { grid-template-columns: repeat(2, 1fr); }
    .promo-grid { grid-template-columns: 1fr; }
    .sticky-bar { padding: 12px 44px 12px 12px; }
    h1 { font-size: 2rem; }
  }

  @media (max-width: 480px) {
    .games-grid { grid-template-columns: 1fr 1fr; }
    .hero-stats { gap: 18px; }
    .counters-grid { gap: 16px; }
    .calculator-box { padding: 24px 18px; }
    .quiz-box { padding: 24px 18px; }
    .popup-box { padding: 32px 20px; }
  }
</style>
</head>
<body>

<header class="sticky-header">
  <a href="/" class="logo" rel="nofollow sponsored noopener noreferrer" target="_blank">
    <div class="logo-wolf">🐺</div>
    Wolf Winner
  </a>
  <ul class="nav-links">
    <li><a href="#overview">Overview</a></li>
    <li><a href="#bonuses">Bonuses</a></li>
    <li><a href="#games">Games</a></li>
    <li><a href="#register">Register</a></li>
    <li><a href="#payments">Payments</a></li>
    <li><a href="#faq">FAQ</a></li>
    <li><a href="/" class="nav-cta" rel="nofollow sponsored noopener noreferrer" target="_blank">Play Now 🎰</a></li>
  </ul>
  <button class="hamburger" id="hamburger" aria-label="Open menu">
    <span></span><span></span><span></span>
  </button>
</header>

<nav class="mobile-nav" id="mobileNav">
  <ul>
    <li><a href="#overview">Overview</a></li>
    <li><a href="#bonuses">Bonuses</a></li>
    <li><a href="#games">Games</a></li>
    <li><a href="#register">Register</a></li>
    <li><a href="#payments">Payments</a></li>
    <li><a href="#faq">FAQ</a></li>
    <li><a href="/" rel="nofollow sponsored noopener noreferrer" target="_blank" style="color:var(--orange);font-family:'Fredoka One',cursive;">🎰 Play Now at Wolf Winner</a></li>
  </ul>
</nav>

<section class="hero" id="home">
  <div class="hero-bg"></div>
  <div class="sunset-glow"></div>

  <div class="palm-container">
    <svg class="palm-left" viewBox="0 0 220 420" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M90 420 Q85 320 80 250 Q60 200 10 160 Q50 165 75 200 Q70 140 30 90 Q65 105 82 160 Q78 100 55 50 Q85 75 90 150 Q95 80 80 20 Q110 55 105 140 Q115 70 110 30 Q135 70 120 150 Q130 90 145 60 Q148 110 128 160 Q110 200 100 250 Q95 320 90 420Z" fill="#1a2e0a" opacity="0.7"/>
    </svg>
    <svg class="palm-right" viewBox="0 0 220 420" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M90 420 Q85 320 80 250 Q60 200 10 160 Q50 165 75 200 Q70 140 30 90 Q65 105 82 160 Q78 100 55 50 Q85 75 90 150 Q95 80 80 20 Q110 55 105 140 Q115 70 110 30 Q135 70 120 150 Q130 90 145 60 Q148 110 128 160 Q110 200 100 250 Q95 320 90 420Z" fill="#1a2e0a" opacity="0.7"/>
    </svg>
  </div>

  <div class="hero-content">
    <div class="hero-badge">
      <span class="tiki-torch">🔥</span>
      Australia's #1 Rated Casino 2026
    </div>

    <h1>
      <span class="word-wolf">Wolf</span> <span class="word-winner">Winner</span> <span class="word-rest">Australia</span> <span class="word-rest">-</span> <span class="word-rest">Official</span> <span class="word-rest">Play</span> <span class="word-rest">Site</span>
    </h1>

    <p class="hero-sub">Run with the pack and claim your $1,500 welcome bonus plus 200 Free Spins. Over 2,500 premium games, live dealers, and lightning-fast AUD payouts await.</p>

    <div class="hero-stats">
      <div class="hero-stat">
        <span class="hero-stat-num righteous-num" data-count="2500">0</span>
        <span class="hero-stat-label">Total Games</span>
      </div>
      <div class="hero-stat">
        <span class="hero-stat-num righteous-num">$1,500</span>
        <span class="hero-stat-label">Welcome Bonus</span>
      </div>
      <div class="hero-stat">
        <span class="hero-stat-num righteous-num">200</span>
        <span class="hero-stat-label">Free Spins</span>
      </div>
      <div class="hero-stat">
        <span class="hero-stat-num righteous-num">24/7</span>
        <span class="hero-stat-label">Live Support</span>
      </div>
    </div>

    <a href="/" class="tiki-btn" rel="nofollow sponsored noopener noreferrer" target="_blank">
      🐺 Claim Your Bonus Now
    </a>
  </div>

  <div class="wave-container">
    <svg class="wave-svg" viewBox="0 0 1440 80" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none">
      <path d="M0,40 C180,80 360,0 540,40 C720,80 900,0 1080,40 C1260,80 1440,0 1440,40 L1440,80 L0,80 Z" fill="rgba(135,206,235,0.08)"/>
      <path d="M0,60 C180,20 360,80 540,60 C720,20 900,80 1080,60 C1260,20 1440,80 1440,60 L1440,80 L0,80 Z" fill="rgba(255,127,80,0.06)"/>
    </svg>
  </div>
</section>

<div class="counters-strip">
  <div class="counters-grid">
    <div class="counter-item reveal">
      <span class="counter-num" data-count="2500">0</span>
      <span class="counter-label">Games Available</span>
    </div>
    <div class="counter-item reveal">
      <span class="counter-num" data-count="1500">0</span>
      <span class="counter-label">Max Bonus (AUD)</span>
    </div>
    <div class="counter-item reveal">
      <span class="counter-num" data-count="200">0</span>
      <span class="counter-label">Free Spins</span>
    </div>
    <div class="counter-item reveal">
      <span class="counter-num" data-count="10">0</span>
      <span class="counter-label">Min Deposit $</span>
    </div>
    <div class="counter-item reveal">
      <span class="counter-num" data-count="24">0</span>
      <span class="counter-label">Hour Withdrawals</span>
    </div>
  </div>
</div>

<section class="overview-section" id="overview" itemscope itemtype="https://schema.org/Organization">
  <div class="container">
    <span class="section-label">🌴 About the Platform</span>
    <h2 class="section-title">About Wolf Winner: Australia's Premier Online Casino Experience</h2>
    <p class="section-intro">Wolf Winner is a boldly branded online casino that has earned a growing reputation among Australian players who demand top-tier gaming, generous bonuses, and a platform built for smooth real-money play from the first click.</p>

    <div class="overview-grid">
      <div class="overview-text reveal">
        <p>Wolf Winner is designed with the Australian market firmly in mind. This platform combines an impressive game library with a user-friendly interface, making it one of the most talked-about destinations for real-money online gambling Down Under. Whether you're a seasoned pokies enthusiast or stepping into the world of online casino games for the first time, this destination delivers a compelling experience that keeps players coming back.</p>

        <div class="highlight-box">
          <p>The platform operates under a legitimate gaming licence, employs industry-standard SSL encryption to protect your personal and financial data, and partners with some of the most respected software providers in the business.</p>
        </div>

        <p>The brand exudes energy and ambition, drawing on the symbolism of the wolf — cunning, powerful, and relentless — to set the tone for the gaming experience players can expect. Customer reviews frequently highlight how quickly withdrawals are processed and how responsive the support team is when questions arise. It's a platform that doesn't just attract new players with a flashy welcome package; it retains them through consistent quality and a genuine commitment to fair play.</p>

        <a href="/" class="inline-cta" rel="nofollow sponsored noopener noreferrer" target="_blank">🐺 Join Wolf Winner Today</a>
      </div>

      <div class="reveal">
        <div class="bamboo-frame" style="margin-bottom:24px;">
          <h3 style="font-family:'Fredoka One',cursive;color:var(--orange);font-size:1.1rem;margin-bottom:16px;">⚡ Quick Platform Facts</h3>
          <table class="quick-facts-table">
            <tbody>
              <tr><th>Established</th><td>2020</td></tr>
              <tr><th>Licence</th><td>Offshore Gaming Licence</td></tr>
              <tr><th>Currency</th><td>AUD (Australian Dollars)</td></tr>
              <tr><th>Min Deposit</th><td>$10 AUD</td></tr>
              <tr><th>Welcome Bonus</th><td>100% up to $1,500 + 200 FS</td></tr>
              <tr><th>Wagering Req</th><td>35x bonus + winnings</td></tr>
              <tr><th>Games</th><td>2,500+</td></tr>
              <tr><th>Mobile</th><td>Fully Optimised HTML5</td></tr>
              <tr><th>Live Support</th><td>24/7 Live Chat + Email</td></tr>
              <tr><th>Withdrawal Speed</th><td>Up to 24hrs (e-wallet)</td></tr>
            </tbody>
          </table>
        </div>

        <div class="bamboo-frame">
          <h3 style="font-family:'Fredoka One',cursive;color:var(--orange);font-size:1.05rem;margin-bottom:14px;">🏆 Platform Highlights</h3>
          <ul class="feature-list">
            <li>AUD-native banking with zero conversion fees</li>
            <li>2,500+ games from premium global providers</li>
            <li>Live dealer tables with HD streams 24/7</li>
            <li>Fast withdrawals — e-wallets within 24 hours</li>
            <li>Mobile-first HTML5 platform, no download needed</li>
            <li>Comprehensive responsible gambling tools</li>
            <li>Regular promotions and VIP loyalty rewards</li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</section>

<section class="bonus-section" id="bonuses">
  <div class="container">
    <span class="section-label">🎁 Welcome Offer</span>
    <h2 class="section-title reveal">Welcome Bonus and Ongoing Promotions</h2>
    <p class="section-intro reveal">One of the first things that catches a new player's eye at Wolf Winner is the sheer scale of the welcome offer — a generous package built to give you real firepower from the very start.</p>

    <div class="bonus-hero-card reveal">
      <span class="bonus-amount">$1,500</span>
      <p class="bonus-desc">100% Match Bonus on your first deposit + 200 Free Spins on featured pokies</p>
      <div class="bonus-tags">
        <span class="bonus-tag">Min Deposit: $10</span>
        <span class="bonus-tag">35x Wagering</span>
        <span class="bonus-tag">200 Free Spins</span>
        <span class="bonus-tag">AUD Friendly</span>
      </div>
      <a href="/" class="tiki-btn" rel="nofollow sponsored noopener noreferrer" target="_blank">Claim Your $1,500 Bonus 🌴</a>
    </div>

    <div class="bamboo-frame reveal" style="margin-bottom:40px;">
      <h3 style="font-family:'Fredoka One',cursive;color:var(--orange);font-size:1.1rem;margin-bottom:14px;">📋 Bonus Terms Compared</h3>
      <table class="comparison-table">
        <thead>
          <tr>
            <th>Feature</th>
            <th>Wolf Winner</th>
            <th>Industry Average</th>
            <th>Wolf Winner Advantage</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>Match %</td>
            <td style="color:var(--green);font-weight:600;">100%</td>
            <td>75–100%</td>
            <td><span class="check-yes">✓</span> Competitive</td>
          </tr>
          <tr>
            <td>Max Bonus</td>
            <td style="color:var(--green);font-weight:600;">$1,500 AUD</td>
            <td>$500–$1,000</td>
            <td><span class="check-yes">✓</span> Above Average</td>
          </tr>
          <tr>
            <td>Free Spins</td>
            <td style="color:var(--green);font-weight:600;">200 Spins</td>
            <td>50–100</td>
            <td><span class="check-yes">✓</span> Generous</td>
          </tr>
          <tr>
            <td>Min Deposit</td>
            <td style="color:var(--green);font-weight:600;">$10</td>
            <td>$20–$50</td>
            <td><span class="check-yes">✓</span> Very Accessible</td>
          </tr>
          <tr>
            <td>Wagering Req</td>
            <td style="color:var(--gold);font-weight:600;">35x</td>
            <td>30x–50x</td>
            <td><span class="check-yes">✓</span> Fair & Clear</td>
          </tr>
          <tr>
            <td>AUD Native</td>
            <td><span class="check-yes">✓ Yes</span></td>
            <td>Often converted</td>
            <td><span class="check-yes">✓</span> No conversion fees</td>
          </tr>
        </tbody>
      </table>
    </div>

    <p class="reveal" style="color:var(--text-secondary);margin-bottom:32px;">Beyond the welcome package, Wolf Winner keeps the excitement alive with a calendar of ongoing promotions. Regular reload bonuses give existing members a boost on subsequent deposits, while free spin offers tied to new game launches let you explore freshly added titles at no extra cost. The platform also runs periodic cashback promotions that return a percentage of your net losses over a set period — a safety net that savvy players appreciate.</p>

    <div class="promo-grid reveal">
      <div class="promo-card">
        <span class="promo-icon">🔄</span>
        <div class="promo-title">Reload Bonuses</div>
        <p class="promo-desc">Regular deposit match offers for existing members to boost your bankroll on return visits</p>
      </div>
      <div class="promo-card">
        <span class="promo-icon">🎡</span>
        <div class="promo-title">Free Spin Offers</div>
        <p class="promo-desc">Tied to new game launches, letting you explore fresh pokies titles without extra cost</p>
      </div>
      <div class="promo-card">
        <span class="promo-icon">💰</span>
        <div class="promo-title">Cashback Promos</div>
        <p class="promo-desc">Get a percentage of your net losses back over set periods — a real safety net for players</p>
      </div>
    </div>
  </div>
</section>

<section class="calculator-section" id="calculator">
  <div class="container">
    <span class="section-label reveal">🧮 Interactive Tool</span>
    <h2 class="section-title reveal" style="text-align:center;">Bonus Calculator</h2>
    <p style="color:var(--text-secondary);text-align:center;margin-bottom:36px;" class="reveal">Calculate exactly how much bonus money you'll receive and the total wagering you'll need to unlock your Wolf Winner winnings.</p>

    <div class="calculator-box reveal">
      <div class="calc-title">Wolf Winner Bonus Calculator</div>
      <p class="calc-sub">Enter your deposit amount to see your full bonus breakdown instantly</p>

      <div class="calc-group">
        <label class="calc-label" for="depositAmount">Your Deposit Amount (AUD $)</label>
        <input class="calc-input" type="number" id="depositAmount" placeholder="Enter amount e.g. 200" min="10" max="1500">
      </div>

      <div class="calc-group">
        <label class="calc-label" for="wagerMultiplier">Wagering Multiplier</label>
        <input class="calc-input" type="number" id="wagerMultiplier" value="35" min="1" max="100">
      </div>

      <button class="calc-btn" id="calcBtn">Calculate My Bonus 🐺</button>

      <div class="calc-result" id="calcResult">
        <div style="display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-bottom:8px;">
          <div>
            <div class="calc-result-num" id="resBonus">$0</div>
            <div class="calc-result-label">Bonus Amount</div>
          </div>
          <div>
            <div class="calc-result-num" id="resTotal">$0</div>
            <div class="calc-result-label">Total Funds</div>
          </div>
          <div>
            <div class="calc-result-num" id="resWager">$0</div>
            <div class="calc-result-label">Total Wagering</div>
          </div>
        </div>
        <p style="color:var(--text-muted);font-size:0.8rem;margin-top:8px;">Plus 200 Free Spins on qualifying pokies!</p>
      </div>
    </div>
  </div>
</section>

<section class="games-section" id="games">
  <div class="container">
    <span class="section-label">🎮 Game Library</span>
    <h2 class="section-title reveal">Game Library: 2,500+ Titles Across Every Category</h2>
    <p class="section-intro reveal">The game library at Wolf Winner is one of the most compelling selling points on the platform, boasting more than 2,500 titles spanning pokies, live casino tables, classic table games, and specialty formats.</p>

    <div class="games-grid reveal">
      <div class="game-card">
        <span class="game-icon">🎰</span>
        <div class="game-name">Video Pokies</div>
        <div class="game-count">1,200+</div>
        <div class="game-label">Titles</div>
      </div>
      <div class="game-card">
        <span class="game-icon">📡</span>
        <div class="game-name">Live Dealer</div>
        <div class="game-count">150+</div>
        <div class="game-label">Live Tables</div>
      </div>
      <div class="game-card">
        <span class="game-icon">🃏</span>
        <div class="game-name">Table Games</div>
        <div class="game-count">200+</div>
        <div class="game-label">Variants</div>
      </div>
      <div class="game-card">
        <span class="game-icon">💎</span>
        <div class="game-name">Jackpots</div>
        <div class="game-count">80+</div>
        <div class="game-label">Progressive</div>
      </div>
    </div>

    <div class="overview-grid reveal">
      <div class="bamboo-frame">
        <h3 style="font-family:'Fredoka One',cursive;color:var(--orange);margin-bottom:14px;">🎰 Pokies &amp; Slots</h3>
        <p style="color:var(--text-secondary);margin-bottom:12px;">The pokies section is naturally the star of the show for Australian players, with a stunning range of video slots covering every possible theme — ancient mythology, wild animals, fruit machines, pop culture, high-octane adventure, and beyond.</p>
        <p style="color:var(--text-secondary);">Progressive jackpot pokies are well represented, offering the tantalising possibility of life-changing payouts on a single spin. New titles are added to the library on a regular basis, so the experience stays fresh.</p>
      </div>
      <div class="bamboo-frame">
        <h3 style="font-family:'Fredoka One',cursive;color:var(--blue);margin-bottom:14px;">📡 Live Casino</h3>
        <p style="color:var(--text-secondary);margin-bottom:12px;">The live casino section is where things get truly immersive. Powered by leading live dealer software, this area lets you sit at a real table, interact with a professional human dealer via live video stream, and play in real time.</p>
        <p style="color:var(--text-secondary);">Popular live titles include Lightning Roulette, Speed Baccarat, Infinite Blackjack, and an ever-expanding roster of game show-style experiences. The stream quality is consistently high, and betting limits cater to both casual players and high-rollers alike.</p>
      </div>
    </div>
  </div>
</section>

<section class="fortune-section" id="fortunewheel">
  <div class="container">
    <span class="section-label reveal" style="text-align:center;display:block;">🎡 Interactive</span>
    <h2 class="section-title reveal" style="text-align:center;">Spin the Fortune Wheel</h2>
    <p style="color:var(--text-secondary);text-align:center;margin-bottom:36px;" class="reveal">Discover what Wolf Winner feature awaits you — spin for fun and find your next gaming adventure!</p>

    <div class="wheel-container reveal">
      <div class="wheel-wrapper">
        <canvas class="wheel-canvas-area" id="fortuneWheel" width="280" height="280"></canvas>
        <div class="wheel-pointer"></div>
      </div>
      <div class="wheel-result-text" id="wheelResult">Spin to discover your Wolf Winner feature!</div>
      <button class="spin-btn" id="spinBtn">🎡 Spin Now!</button>
    </div>
  </div>
</section>

<section class="registration-section" id="register">
  <div class="container">
    <span class="section-label">📝 Getting Started</span>
    <h2 class="section-title reveal">How to Register: Step-by-Step Guide</h2>
    <p class="section-intro reveal">Getting started at Wolf Winner is a straightforward process that takes only a few minutes from start to finish. The registration system is designed to be frictionless, so you can move from browsing to playing as quickly as possible.</p>

    <ol class="steps-list reveal" style="list-style:none;">
      <li class="step-item">
        <div class="step-num">1</div>
        <div class="step-content">
          <h4>Visit the Homepage</h4>
          <p>Click the sign-up button found at the top of the page. You'll be taken immediately to the secure registration form.</p>
        </div>
      </li>
      <li class="step-item">
        <div class="step-num">2</div>
        <div class="step-content">
          <h4>Enter Your Personal Details</h4>
          <p>Provide your full name, date of birth, residential address, email address, and mobile number for identity verification and responsible gambling compliance.</p>
        </div>
      </li>
      <li class="step-item">
        <div class="step-num">3</div>
        <div class="step-content">
          <h4>Create Your Account Credentials</h4>
          <p>Choose a unique username and a strong password. A mix of letters, numbers, and symbols is recommended to keep your account secure.</p>
        </div>
      </li>
      <li class="step-item">
        <div class="step-num">4</div>
        <div class="step-content">
          <h4>Select Australian Dollars (AUD)</h4>
          <p>Set AUD as your preferred currency to ensure all deposits, withdrawals, and bonus calculations happen in your local currency without conversion fees.</p>
        </div>
      </li>
      <li class="step-item">
        <div class="step-num">5</div>
        <div class="step-content">
          <h4>Review and Accept Terms</h4>
          <p>Read and accept the terms and conditions as well as the privacy policy. This ensures you understand the rules governing bonuses, withdrawals, and responsible gambling tools.</p>
        </div>
      </li>
      <li class="step-item">
        <div class="step-num">6</div>
        <div class="step-content">
          <h4>Verify Your Email Address</h4>
          <p>Click the confirmation link sent to your inbox. Once confirmed, your account is active and ready to fund.</p>
        </div>
      </li>
      <li class="step-item">
        <div class="step-num">7</div>
        <div class="step-content">
          <h4>Make Your First Deposit</h4>
          <p>Deposit at least $10 to unlock the welcome bonus. Head to the cashier, choose your preferred payment method, and confirm the transaction to start playing instantly.</p>
        </div>
      </li>
    </ol>

    <div class="highlight-box reveal" style="margin-top:28px;">
      <p><strong style="color:var(--orange);">KYC Verification:</strong> The platform may ask for identity verification documents — such as a copy of your driver's licence or passport — before processing your first withdrawal. This Know Your Customer (KYC) process is a standard regulatory requirement. Submitting your documents promptly ensures no delays in cashing out your winnings.</p>
    </div>

    <div style="text-align:center;margin-top:32px;" class="reveal">
      <a href="/" class="gold-cta" rel="nofollow sponsored noopener noreferrer" target="_blank">Join Now — Claim Your Welcome Bonus</a>
    </div>
  </div>
</section>

<section class="mobile-section" id="mobile">
  <div class="container">
    <span class="section-label">📱 Mobile Play</span>
    <h2 class="section-title reveal">Mobile App and Mobile Play</h2>
    <p class="section-intro reveal">Modern Australian casino players expect the freedom to play wherever they are, and Wolf Winner delivers a premium mobile experience that rivals what you'd find on a desktop computer.</p>

    <div class="mobile-grid reveal">
      <div>
        <p style="color:var(--text-secondary);margin-bottom:20px;">The site is built on responsive HTML5 technology, which means the entire platform — games, banking, promotions, and support — adapts seamlessly to whatever screen size you're using, whether that's a smartphone or a tablet.</p>

        <p style="color:var(--text-secondary);margin-bottom:20px;">Android and iOS users can access the casino directly through their mobile browser without needing to download a dedicated application. Simply navigate to the site in Safari, Chrome, or your preferred mobile browser, log in, and you're ready to play.</p>

        <p style="color:var(--text-secondary);margin-bottom:24px;">For players who want an even more app-like experience, the mobile site can be saved to your home screen on both iOS and Android devices, creating a shortcut icon that launches the casino instantly — behaving much like a native app without requiring any download or installation.</p>

        <a href="/" class="inline-cta" rel="nofollow sponsored noopener noreferrer" target="_blank">🎰 Play on Mobile Now</a>
      </div>

      <div>
        <ul class="mobile-feature-list">
          <li><span class="icon">📱</span> Full HTML5 responsive platform — no app download required</li>
          <li><span class="icon">🍎</span> Fully compatible with iOS Safari and Chrome browsers</li>
          <li><span class="icon">🤖</span> Android optimised with smooth touch navigation</li>
          <li><span class="icon">🏠</span> Save to home screen for instant one-tap access</li>
          <li><span class="icon">⚡</span> Fast load times on 4G, 5G, and Wi-Fi connections</li>
          <li><span class="icon">🎰</span> All 2,500+ games accessible on mobile screens</li>
          <li><span class="icon">💬</span> Live chat support available directly from mobile</li>
          <li><span class="icon">🔔</span> Push notifications for new promotions and bonus alerts</li>
        </ul>
      </div>
    </div>
  </div>
</section>

<section class="payment-section" id="payments">
  <div class="container">
    <span class="section-label">💳 Banking</span>
    <h2 class="section-title reveal">Payment Methods: Deposits and Withdrawals</h2>
    <p class="section-intro reveal">Wolf Winner offers a diverse and carefully curated range of payment options tailored to Australian players, ensuring that funding your account and collecting your winnings is as simple and secure as possible.</p>

    <div class="bamboo-frame reveal" style="margin-bottom:32px;">
      <h3 style="font-family:'Fredoka One',cursive;color:var(--orange);margin-bottom:16px;">💰 Full Payment Methods Overview</h3>
      <table class="payment-table">
        <thead>
          <tr>
            <th>Payment Method</th>
            <th>Deposit Speed</th>
            <th>Withdrawal Speed</th>
            <th>Min Deposit</th>
            <th>Fees</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>💳 Visa / Mastercard</td>
            <td><span class="badge-fast">Instant</span></td>
            <td><span class="badge-standard">2–5 days</span></td>
            <td>$10</td>
            <td>Free</td>
          </tr>
          <tr>
            <td>📱 E-Wallets</td>
            <td><span class="badge-fast">Instant</span></td>
            <td><span class="badge-fast">Up to 24hrs</span></td>
            <td>$10</td>
            <td>Free</td>
          </tr>
          <tr>
            <td>🏦 Bank Transfer</td>
            <td><span class="badge-standard">1–3 days</span></td>
            <td><span class="badge-standard">2–5 days</span></td>
            <td>$10</td>
            <td>Free</td>
          </tr>
          <tr>
            <td>🎟️ Prepaid Vouchers</td>
            <td><span class="badge-fast">Instant</span></td>
            <td>N/A</td>
            <td>$10</td>
            <td>Free</td>
          </tr>
          <tr>
            <td>₿ Cryptocurrency</td>
            <td><span class="badge-fast">Very Fast</span></td>
            <td><span class="badge-fast">Under 24hrs</span></td>
            <td>$10</td>
            <td>Free</td>
          </tr>
        </tbody>
      </table>
    </div>

    <div class="overview-grid reveal">
      <div class="bamboo-frame">
        <h3 style="font-family:'Fredoka One',cursive;color:var(--green);margin-bottom:12px;">⬇️ Making Deposits</h3>
        <p style="color:var(--text-secondary);font-size:0.9rem;">All transactions are processed in Australian dollars, eliminating the inconvenience and cost of currency conversion. The minimum deposit threshold is a very accessible <strong style="color:var(--orange);">$10</strong>, which means players of all budget levels can participate without committing large sums upfront. E-wallets are typically instant, meaning your deposited funds appear in your account within seconds of completing the transaction.</p>
      </div>
      <div class="bamboo-frame">
        <h3 style="font-family:'Fredoka One',cursive;color:var(--blue);margin-bottom:12px;">⬆️ Processing Withdrawals</h3>
        <p style="color:var(--text-secondary);font-size:0.9rem;">Withdrawal requests are processed by the finance team within a competitive timeframe once your account is verified and wagering requirements are met. E-wallet withdrawals generally arrive within 24 hours of approval. Bank transfer withdrawals typically take two to five business days. Cryptocurrency transactions are also supported for players who prefer the additional privacy and speed that digital currencies provide.</p>
      </div>
    </div>
  </div>
</section>

<section class="support-section" id="support">
  <div class="container">
    <span class="section-label">🆘 Support</span>
    <h2 class="section-title reveal">Customer Support: Getting Help When You Need It</h2>
    <p class="section-intro reveal">A great online casino is only as reliable as its support team, and Wolf Winner takes that responsibility seriously. Australian players have access to multiple contact channels, ensuring that help is always within reach.</p>

    <div class="support-grid reveal">
      <div class="support-card">
        <span class="support-icon">💬</span>
        <div class="support-title">Live Chat</div>
        <p class="support-desc">Instant support directly from any page on the website. Most queries resolved within minutes by knowledgeable agents.</p>
        <span class="support-avail">✓ 24/7 Available</span>
      </div>
      <div class="support-card">
        <span class="support-icon">📧</span>
        <div class="support-title">Email Support</div>
        <p class="support-desc">Ideal for complex questions requiring detailed responses or document attachments. Responses typically within 24 hours.</p>
        <span class="support-avail">✓ Fast Response</span>
      </div>
      <div class="support-card">
        <span class="support-icon">📚</span>
        <div class="support-title">Help Centre FAQ</div>
        <p class="support-desc">Comprehensive self-service resource covering registration, bonuses, payments, and responsible gambling tools.</p>
        <span class="support-avail">✓ Always Available</span>
      </div>
    </div>

    <div class="bamboo-frame reveal">
      <h3 style="font-family:'Fredoka One',cursive;color:var(--orange);margin-bottom:14px;">🛡️ Responsible Gambling</h3>
      <p style="color:var(--text-secondary);margin-bottom:12px;">Responsible gambling is taken seriously across the Wolf Winner platform, with tools that help players manage their gaming habits effectively. Deposit limits, session time limits, self-exclusion options, and links to external support services like Gambling Help Online are all part of the responsible gambling framework.</p>
      <p style="color:var(--text-secondary);">The site is committed to ensuring that gaming remains a source of entertainment rather than distress, and the support team is trained to handle sensitive conversations around gambling harm with care and empathy.</p>
    </div>
  </div>
</section>

<section class="why-section" id="why">
  <div class="container">
    <span class="section-label">⭐ Why Choose Us</span>
    <h2 class="section-title reveal">Why Australian Players Choose Wolf Winner</h2>
    <p class="section-intro reveal">With so many online casino platforms vying for attention, what makes Wolf Winner stand out specifically among Australian players? The answer lies in a combination of factors that together create a distinctly superior experience.</p>

    <div class="why-grid reveal">
      <div class="why-card">
        <span class="why-icon">🇦🇺</span>
        <div class="why-text">
          <h4>Built for Australia</h4>
          <p>Wolf Winner speaks the language of Australian players — not just literally, but culturally and practically. AUD is supported natively, Australian-relevant banking methods are front and centre, and the game selection leans into pokies-heavy preferences.</p>
        </div>
      </div>
      <div class="why-card">
        <span class="why-icon">🎁</span>
        <div class="why-text">
          <h4>Genuinely Competitive Bonus</h4>
          <p>A 100% match up to $1,500 combined with 200 Free Spins gives new players a meaningful headstart. The 35x wagering requirement is reasonable, and the $10 minimum deposit makes this accessible to virtually everyone.</p>
        </div>
      </div>
      <div class="why-card">
        <span class="why-icon">🎮</span>
        <div class="why-text">
          <h4>2,500+ Games Always Fresh</h4>
          <p>A library of 2,500+ titles ensures that players never run out of things to explore. Regular players report that new titles appear on the site very soon after their global launch dates, keeping things exciting.</p>
        </div>
      </div>
      <div class="why-card">
        <span class="why-icon">🔒</span>
        <div class="why-text">
          <h4>Trust and Transparency</h4>
          <p>Wolf Winner has built a solid reputation for paying out winnings promptly, maintaining transparent bonus terms, and operating with integrity through a legitimate licence, SSL encryption, and responsible gambling tools.</p>
        </div>
      </div>
      <div class="why-card">
        <span class="why-icon">📱</span>
        <div class="why-text">
          <h4>Premium Mobile Experience</h4>
          <p>In an era where Australians increasingly access entertainment via smartphones, Wolf Winner delivers desktop-quality gameplay on mobile and meets the baseline expectation consistently with its HTML5 platform.</p>
        </div>
      </div>
      <div class="why-card">
        <span class="why-icon">⚡</span>
        <div class="why-text">
          <h4>Fast Payouts</h4>
          <p>Customer reviews frequently highlight how quickly withdrawals are processed — e-wallets within 24 hours — and how responsive the support team is. Fast payouts combined with zero conversion fees make the difference.</p>
        </div>
      </div>
    </div>

    <div style="text-align:center;margin-top:40px;" class="reveal">
      <a href="/" class="gold-cta" rel="nofollow sponsored noopener noreferrer" target="_blank">Claim Your Wolf Winner Welcome Bonus Today</a>
    </div>
  </div>
</section>

<section class="quiz-section" id="quiz">
  <div class="container">
    <span class="section-label reveal" style="text-align:center;display:block;">🧠 Test Your Knowledge</span>
    <h2 class="section-title reveal" style="text-align:center;">Wolf Winner Casino Quiz</h2>
    <p style="color:var(--text-secondary);text-align:center;margin-bottom:36px;" class="reveal">How well do you know Wolf Winner? Test your knowledge about Australia's premier online casino!</p>

    <div class="quiz-box reveal">
      <div class="quiz-progress">
        <div class="quiz-progress-bar" id="quizProgressBar" style="width:0%"></div>
      </div>
      <div class="quiz-question" id="quizQuestion">Loading question...</div>
      <div class="quiz-options" id="quizOptions"></div>
      <div class="quiz-feedback" id="quizFeedback"></div>
      <button class="quiz-next-btn" id="quizNextBtn" style="display:none;">Next Question →</button>

      <div class="quiz-result-box" id="quizResultBox">
        <span class="quiz-score" id="quizScoreDisplay">0/5</span>
        <p style="color:var(--text-secondary);margin-bottom:20px;" id="quizResultMsg">Great effort!</p>
        <a href="/" class="tiki-btn" rel="nofollow sponsored noopener noreferrer" target="_blank" style="display:inline-block;">🐺 Play at Wolf Winner Now</a>
        <button class="quiz-next-btn" id="quizRestartBtn" style="display:block;margin:16px auto 0;background:rgba(255,127,80,0.2);color:var(--orange);">Restart Quiz</button>
      </div>
    </div>
  </div>
</section>

<section class="faq-section" id="faq" itemscope itemtype="https://schema.org/FAQPage">
  <div class="container">
    <span class="section-label">❓ Common Questions</span>
    <h2 class="section-title reveal">Frequently Asked Questions</h2>
    <p class="section-intro reveal">Everything Australian players need to know about Wolf Winner, from bonuses to withdrawals and responsible gambling.</p>

    <div id="faqContainer" class="reveal">

      <details class="faq-item" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
        <summary itemprop="name"><strong>What is the Wolf Winner welcome bonus for new Australian players?</strong><span class="faq-chevron">▼</span></summary>
        <div class="faq-body" itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
          <p itemprop="text">New players at Wolf Winner are eligible for a welcome bonus of 100% up to $1,500 on their first deposit, plus 200 Free Spins on featured pokies. To activate this offer, you simply need to make a qualifying deposit of at least $10. The bonus funds and free spin winnings are subject to a 35x wagering requirement before they can be withdrawn as real cash.</p>
        </div>
      </details>

      <details class="faq-item" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
        <summary itemprop="name"><strong>Is Wolf Winner safe and legitimate for Australian players?</strong><span class="faq-chevron">▼</span></summary>
        <div class="faq-body" itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
          <p itemprop="text">Yes. Wolf Winner operates under a legitimate offshore gaming licence and implements industry-standard 128-bit SSL encryption to protect all player data and financial transactions. Certified Random Number Generators (RNGs) are used across the game library to ensure fair outcomes, and comprehensive responsible gambling tools are provided to support player wellbeing. Australian players can sign up and play with confidence.</p>
        </div>
      </details>

      <details class="faq-item" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
        <summary itemprop="name"><strong>What payment methods are available for Australian players?</strong><span class="faq-chevron">▼</span></summary>
        <div class="faq-body" itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
          <p itemprop="text">Wolf Winner supports a wide range of payment methods suited to Australian players, including Visa, Mastercard, popular e-wallets, bank transfers, prepaid vouchers, and cryptocurrency options including Bitcoin. The minimum deposit is $10 across most methods. E-wallets and crypto transactions tend to offer the fastest processing times for both deposits and withdrawals, making them the preferred choice for players who value speed.</p>
        </div>
      </details>

      <details class="faq-item" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
        <summary itemprop="name"><strong>How long does it take to withdraw winnings from Wolf Winner?</strong><span class="faq-chevron">▼</span></summary>
        <div class="faq-body" itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
          <p itemprop="text">Withdrawal processing times at Wolf Winner vary depending on the payment method you use. E-wallet withdrawals are typically the fastest, often arriving within 24 hours after approval. Bank transfer withdrawals generally take between two and five business days. Before your first withdrawal can be processed, you will need to complete the identity verification (KYC) process by submitting the required documents, so it is best to do this early.</p>
        </div>
      </details>

      <details class="faq-item" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
        <summary itemprop="name"><strong>Can I play Wolf Winner on my mobile phone or tablet?</strong><span class="faq-chevron">▼</span></summary>
        <div class="faq-body" itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
          <p itemprop="text">Absolutely. Wolf Winner is fully optimised for mobile play using responsive HTML5 technology. You can access the complete casino — including all 2,500+ games, banking features, live chat support, and promotions — directly through your mobile browser on any iOS or Android device. There is no need to download an app; simply visit the site and save it to your home screen for instant access anytime you want to play.</p>
        </div>
      </details>

      <details class="faq-item" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
        <summary itemprop="name"><strong>How do I contact Wolf Winner customer support?</strong><span class="faq-chevron">▼</span></summary>
        <div class="faq-body" itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
          <p itemprop="text">Customer support at Wolf Winner is available 24 hours a day, seven days a week via live chat, which is accessible directly from any page on the website. Live chat is the fastest way to get help, with most queries resolved within minutes. Email support is also available for more detailed inquiries, with response times generally within 24 hours. A comprehensive FAQ section on-site covers common questions about accounts, bonuses, payments, and responsible gambling tools.</p>
        </div>
      </details>

      <details class="faq-item" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
        <summary itemprop="name"><strong>What wagering requirement applies to the Wolf Winner welcome bonus?</strong><span class="faq-chevron">▼</span></summary>
        <div class="faq-body" itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
          <p itemprop="text">The bonus funds and any winnings derived from the free spins carry a 35x wagering requirement, which is broadly in line with industry standards and regarded as fair by experienced casino players. This means that for every dollar of bonus you receive, you will need to wager $35 in total before those funds can be withdrawn as cash. The broad game selection at Wolf Winner ensures you have plenty of opportunities to work through those requirements while genuinely enjoying yourself.</p>
        </div>
      </details>

      <details class="faq-item" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
        <summary itemprop="name"><strong>How many games does Wolf Winner offer?</strong><span class="faq-chevron">▼</span></summary>
        <div class="faq-body" itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
          <p itemprop="text">Wolf Winner boasts a library of more than 2,500 titles spanning pokies, live casino tables, classic table games, and specialty formats. The pokies section includes progressive jackpot games, video slots, and classic three-reel formats. The live casino features Lightning Roulette, Speed Baccarat, Infinite Blackjack, and game show experiences. New titles are added regularly to keep the library fresh and forward-moving.</p>
        </div>
      </details>

      <details class="faq-item" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
        <summary itemprop="name"><strong>Are there ongoing promotions beyond the welcome offer at Wolf Winner?</strong><span class="faq-chevron">▼</span></summary>
        <div class="faq-body" itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
          <p itemprop="text">Yes, Wolf Winner maintains a calendar of ongoing promotions that keep the excitement alive for existing members. These include regular reload bonuses on subsequent deposits, free spin offers tied to new game launches, periodic cashback promotions on net losses, and loyalty or VIP-style perks that escalate in value the longer you remain active. Exclusive member offers also arrive via email, so keeping your registered address active ensures you never miss a deal.</p>
        </div>
      </details>

    </div>
  </div>
</section>

<section class="author-section">
  <div class="container">
    <div class="author-card reveal">
      <div class="author-avatar">👩</div>
      <div class="author-info">
        <h3>Jessica Morrison</h3>
        <span class="author-role">Poker &amp; Card Game Specialist — Wolf Winner Platform Reviewer</span>
        <p class="author-bio">Jessica Morrison is a tournament poker player turned platform reviewer who evaluates poker room quality, tournament structures, and player field strength. Her insights help poker enthusiasts find communities that match their skill level and objectives. For this review of Wolf Winner, Jessica applied her rigorous methodology to assess game quality, bonus fairness, payout reliability, and the overall Australian player experience.</p>
        <div class="author-method">
          <h4>Review Methodology</h4>
          <p>This Wolf Winner review involved hands-on platform testing across desktop and mobile, analysis of bonus terms and wagering requirements, evaluation of withdrawal processing times, live chat support responsiveness testing, and assessment of the game library breadth and software provider quality. All findings are based on direct interaction with the Wolf Winner platform.</p>
        </div>
      </div>
    </div>
  </div>
</section>

<footer>
  <span class="footer-logo">🐺 Wolf Winner</span>
  <ul class="footer-nav">
    <li><a href="#overview">Overview</a></li>
    <li><a href="#bonuses">Bonuses</a></li>
    <li><a href="#games">Games</a></li>
    <li><a href="#register">Register</a></li>
    <li><a href="#payments">Payments</a></li>
    <li><a href="#support">Support</a></li>
    <li><a href="#faq">FAQ</a></li>
  </ul>
  <div class="footer-responsible">
    🛡️ Gamble Responsibly — 18+ Only &nbsp;|&nbsp; Gambling Help Online: 1800 858 858
  </div>
  <p class="footer-disclaimer">
    This website is intended for adults aged 18 and over residing in Australia. Online gambling involves real financial risk and is not a guaranteed source of income. The information on this page is provided for entertainment and informational purposes only. Wolf Winner operates under an offshore gaming licence. Please verify the legality of online gambling in your jurisdiction before registering. Bonus offers are subject to terms and conditions including wagering requirements. If gambling is causing you or someone you know distress, please seek help from Gambling Help Online or a qualified support service. clemsmithshowjumping.com is an affiliate review site and may receive compensation for referrals.
  </p>
  <p class="footer-copy">© 2026 clemsmithshowjumping.com — All rights reserved. Wolf Winner Review by Jessica Morrison.</p>
</footer>

<div class="popup-overlay" id="popupOverlay">
  <div class="popup-box">
    <button class="popup-close" id="popupClose" aria-label="Close popup">✕</button>
    <span class="popup-emoji">🐺</span>
    <div class="popup-title">Wait! Grab Your Bonus</div>
    <p class="popup-desc">You are one step away from claiming your <strong style="color:var(--gold);">$1,500 Welcome Bonus + 200 Free Spins</strong> at Wolf Winner — Australia's premier online casino experience!</p>
    <a href="/" class="tiki-btn" rel="nofollow sponsored noopener noreferrer" target="_blank" style="display:inline-block;margin-bottom:12px;">Claim $1,500 Bonus Now 🌴</a>
    <p style="color:var(--text-muted);font-size:0.75rem;margin-top:8px;">18+ | T&amp;Cs Apply | Gamble Responsibly</p>
  </div>
</div>

<div class="sticky-bar" id="stickyBar">
  <button class="sticky-bar-dismiss" id="stickyDismiss" aria-label="Dismiss">✕</button>
  <span class="sticky-bar-text">🐺 Wolf Winner — $1,500 Bonus + 200 Free Spins!</span>
  <a href="/" class="sticky-bar-cta" rel="nofollow sponsored noopener noreferrer" target="_blank">Claim Now</a>
</div>

<script>
(function() {
  "use strict";

  // HAMBURGER MENU
  var hamburger = document.getElementById("hamburger");
  var mobileNav = document.getElementById("mobileNav");
  if (hamburger && mobileNav) {
    hamburger.addEventListener("click", function() {
      mobileNav.classList.toggle("open");
    });
    document.querySelectorAll(".mobile-nav a").forEach(function(link) {
      link.addEventListener("click", function() {
        mobileNav.classList.remove("open");
      });
    });
  }

  // STICKY BAR
  var stickyBar = document.getElementById("stickyBar");
  var stickyDismiss = document.getElementById("stickyDismiss");
  var stickyBarDismissed = false;
  if (stickyDismiss) {
    stickyDismiss.addEventListener("click", function() {
      stickyBarDismissed = true;
      stickyBar.classList.remove("show");
    });
  }
  window.addEventListener("scroll", function() {
    if (!stickyBarDismissed && window.scrollY > 300) {
      stickyBar.classList.add("show");
    } else if (!stickyBarDismissed && window.scrollY <= 300) {
      stickyBar.classList.remove("show");
    }
  });

  // POPUP
  var popupOverlay = document.getElementById("popupOverlay");
  var popupClose = document.getElementById("popupClose");
  var popupShown = false;
  window.addEventListener("scroll", function() {
    if (!popupShown && window.scrollY >= window.innerHeight * 2) {
      popupShown = true;
      popupOverlay.classList.add("show");
    }
  });
  if (popupClose) {
    popupClose.addEventListener("click", function() {
      popupOverlay.classList.remove("show");
    });
  }
  if (popupOverlay) {
    popupOverlay.addEventListener("click", function(e) {
      if (e.target === popupOverlay) {
        popupOverlay.classList.remove("show");
      }
    });
  }

  // INTERSECTION OBSERVER - REVEAL
  var revealEls = document.querySelectorAll(".reveal");
  var revealObserver = new IntersectionObserver(function(entries) {
    entries.forEach(function(entry) {
      if (entry.isIntersecting) {
        entry.target.classList.add("visible");
        revealObserver.unobserve(entry.target);
      }
    });
  }, { threshold: 0.12 });
  revealEls.forEach(function(el) {
    revealObserver.observe(el);
  });

  // ANIMATED COUNTERS
  function animateCounter(el) {
    var target = parseInt(el.getAttribute("data-count"), 10);
    var duration = 1800;
    var start = performance.now();
    var prefix = el.textContent.indexOf("$") !== -1 ? "$" : "";
    function update(now) {
      var elapsed = now - start;
      var progress = Math.min(elapsed / duration, 1);
      var eased = 1 - Math.pow(1 - progress, 3);
      var current = Math.round(eased * target);
      el.textContent = prefix + current.toLocaleString();
      if (progress < 1) {
        requestAnimationFrame(update);
      } else {
        el.textContent = prefix + target.toLocaleString();
      }
    }
    requestAnimationFrame(update);
  }

  var counterEls = document.querySelectorAll(".counter-num[data-count]");
  var heroCounterEls = document.querySelectorAll(".hero-stat-num[data-count]");
  var counterObserver = new IntersectionObserver(function(entries) {
    entries.forEach(function(entry) {
      if (entry.isIntersecting) {
        animateCounter(entry.target);
        counterObserver.unobserve(entry.target);
      }
    });
  }, { threshold: 0.5 });
  counterEls.forEach(function(el) { counterObserver.observe(el); });
  heroCounterEls.forEach(function(el) { counterObserver.observe(el); });

  // FAQ ACCORDION
  var faqItems = document.querySelectorAll(".faq-item");
  faqItems.forEach(function(item) {
    var summary = item.querySelector("summary");
    if (summary) {
      summary.addEventListener("click", function(e) {
        e.preventDefault();
        var isOpen = item.classList.contains("open");
        faqItems.forEach(function(i) {
          i.classList.remove("open");
          var body = i.querySelector(".faq-body");
          if (body) body.style.display = "none";
        });
        if (!isOpen) {
          item.classList.add("open");
          var body = item.querySelector(".faq-body");
          if (body) body.style.display = "block";
        }
      });
    }
  });

  // BONUS CALCULATOR
  var calcBtn = document.getElementById("calcBtn");
  if (calcBtn) {
    calcBtn.addEventListener("click", function() {
      var depositVal = parseFloat(document.getElementById("depositAmount").value) || 0;
      var wagerVal = parseFloat(document.getElementById("wagerMultiplier").value) || 35;
      var maxBonus = 1500;
      var bonusAmount = Math.min(depositVal, maxBonus);
      var totalFunds = depositVal + bonusAmount;
      var totalWager = bonusAmount * wagerVal;

      document.getElementById("resBonus").textContent = "$" + bonusAmount.toFixed(0);
      document.getElementById("resTotal").textContent = "$" + totalFunds.toFixed(0);
      document.getElementById("resWager").textContent = "$" + totalWager.toFixed(0);

      var resultEl = document.getElementById("calcResult");
      resultEl.classList.add("visible");
    });
  }

  // FORTUNE WHEEL
  var spinBtn = document.getElementById("spinBtn");
  var fortuneWheel = document.getElementById("fortuneWheel");
  var wheelResult = document.getElementById("wheelResult");
  var wheelSpinning = false;
  var currentRotation = 0;

  var wheelPrizes = [
    "🎰 Free Pokies Session — No Deposit Needed!",
    "💰 Cashback Offer Awaits You This Week!",
    "🎁 Welcome Bonus: $1,500 + 200 Free Spins!",
    "⚡ Lightning Fast Withdrawals — Under 24hrs!",
    "🌴 Tropical Live Casino Tables Available Now!",
    "🐺 Wolf Winner VIP Treatment — Join Today!",
    "🎡 Reload Bonus Available on Your Next Deposit!",
    "💎 2,500+ Games Ready to Explore Right Now!"
  ];
  var wheelColors = ["#FF7F50","#FF69B4","#FFD700","#87CEEB","#32CD32","#FF7F50","#FF69B4","#FFD700"];
  var wheelLabels = [
    ["🎰","Free Pokies"],
    ["💰","Cashback"],
    ["🎁","$1,500+"],
    ["⚡","24h Pay"],
    ["🌴","Live Tables"],
    ["🐺","VIP"],
    ["🎡","Reload"],
    ["💎","2500+ Games"]
  ];
  var darkTextColors = ["#FFD700","#87CEEB","#32CD32"];

  function initWheel() {
    var canvas = document.getElementById("fortuneWheel");
    if (!canvas || !canvas.getContext) return;
    var ctx = canvas.getContext("2d");
    var n = wheelPrizes.length;
    var arc = (2 * Math.PI) / n;
    var r = canvas.width / 2;
    ctx.clearRect(0, 0, canvas.width, canvas.height);

    for (var i = 0; i < n; i++) {
      var startAngle = i * arc - Math.PI / 2;
      var endAngle = startAngle + arc;
      ctx.beginPath();
      ctx.moveTo(r, r);
      ctx.arc(r, r, r, startAngle, endAngle);
      ctx.closePath();
      ctx.fillStyle = wheelColors[i];
      ctx.fill();
      ctx.strokeStyle = "rgba(0,0,0,0.25)";
      ctx.lineWidth = 1.5;
      ctx.stroke();

      ctx.save();
      ctx.translate(r, r);
      ctx.rotate(startAngle + arc / 2);
      var isDark = darkTextColors.indexOf(wheelColors[i]) !== -1;
      ctx.fillStyle = isDark ? "#1a0a00" : "#fff";
      ctx.shadowColor = isDark ? "rgba(255,255,255,0.4)" : "rgba(0,0,0,0.8)";
      ctx.shadowBlur = 3;
      ctx.textAlign = "right";
      ctx.font = "bold 12px Arial, sans-serif";
      var lines = wheelLabels[i];
      var lineH = 15;
      var baseY = -(lines.length - 1) * lineH / 2;
      for (var j = 0; j < lines.length; j++) {
        ctx.fillText(lines[j], r - 18, baseY + j * lineH + 5);
      }
      ctx.restore();
    }

    // Centre
    ctx.beginPath();
    ctx.arc(r, r, 26, 0, 2 * Math.PI);
    ctx.fillStyle = "#1a1a2e";
    ctx.fill();
    ctx.strokeStyle = "#FF7F50";
    ctx.lineWidth = 3;
    ctx.stroke();
    ctx.font = "22px Arial";
    ctx.textAlign = "center";
    ctx.textBaseline = "middle";
    ctx.shadowBlur = 0;
    ctx.fillStyle = "#fff";
    ctx.fillText("🐺", r, r + 1);
  }

  if (spinBtn && fortuneWheel) {
    spinBtn.addEventListener("click", function() {
      if (wheelSpinning) return;
      wheelSpinning = true;
      spinBtn.disabled = true;
      wheelResult.textContent = "Spinning...";

      var extraSpins = 5 + Math.random() * 3;
      var segmentAngle = 360 / wheelPrizes.length;
      var randomSegment = Math.floor(Math.random() * wheelPrizes.length);
      var targetAngle = currentRotation + (extraSpins * 360) + (randomSegment * segmentAngle);
      currentRotation = targetAngle;

      fortuneWheel.style.transition = "transform 3s cubic-bezier(0.17, 0.67, 0.12, 0.99)";
      fortuneWheel.style.transform = "rotate(" + targetAngle + "deg)";

      setTimeout(function() {
        var normalised = ((targetAngle % 360) + 360) % 360;
        var prizeIndex = Math.floor((360 - normalised) / segmentAngle) % wheelPrizes.length;
        wheelResult.textContent = wheelPrizes[prizeIndex];
        wheelSpinning = false;
        spinBtn.disabled = false;
      }, 3200);
    });
  }

  initWheel();
  // QUIZ
  var quizData = [
    {
      question: "What is the maximum welcome bonus available at Wolf Winner for Australian players?",
      options: ["$500", "$1,000", "$1,500", "$2,000"],
      correct: 2
    },
    {
      question: "How many Free Spins are included in the Wolf Winner welcome package?",
      options: ["50 Free Spins", "100 Free Spins", "150 Free Spins", "200 Free Spins"],
      correct: 3
    },
    {
      question: "What is the minimum deposit required to unlock the Wolf Winner welcome bonus?",
      options: ["$5", "$10", "$20", "$50"],
      correct: 1
    },
    {
      question: "How many games are available in the Wolf Winner game library?",
      options: ["500+", "1,000+", "2,500+", "5,000+"],
      correct: 2
    },
    {
      question: "What wagering requirement applies to the Wolf Winner welcome bonus funds?",
      options: ["10x", "20x", "35x", "50x"],
      correct: 2
    }
  ];

  var currentQuestion = 0;
  var quizScore = 0;
  var quizAnswered = false;

  function loadQuizQuestion() {
    var data = quizData[currentQuestion];
    document.getElementById("quizQuestion").textContent = data.question;
    var optionsEl = document.getElementById("quizOptions");
    optionsEl.innerHTML = "";
    data.options.forEach(function(option, idx) {
      var btn = document.createElement("button");
      btn.className = "quiz-option";
      btn.textContent = option;
      btn.addEventListener("click", function() {
        if (quizAnswered) return;
        quizAnswered = true;
        var btns = optionsEl.querySelectorAll(".quiz-option");
        btns.forEach(function(b, i) {
          if (i === data.correct) {
            b.classList.add("correct");
          } else if (i === idx && idx !== data.correct) {
            b.classList.add("wrong");
          }
          b.disabled = true;
        });
        var feedback = document.getElementById("quizFeedback");
        if (idx === data.correct) {
          quizScore++;
          feedback.style.color = "var(--green)";
          feedback.textContent = "Correct! Well done! 🎉";
        } else {
          feedback.style.color = "#ff6666";
          feedback.textContent = "Not quite — the correct answer is: " + data.options[data.correct];
        }
        document.getElementById("quizNextBtn").style.display = "block";
      });
      optionsEl.appendChild(btn);
    });
    document.getElementById("quizFeedback").textContent = "";
    document.getElementById("quizNextBtn").style.display = "none";
    var progress = ((currentQuestion) / quizData.length) * 100;
    document.getElementById("quizProgressBar").style.width = progress + "%";
  }

  var quizNextBtn = document.getElementById("quizNextBtn");
  if (quizNextBtn) {
    quizNextBtn.addEventListener("click", function() {
      currentQuestion++;
      quizAnswered = false;
      if (currentQuestion < quizData.length) {
        loadQuizQuestion();
      } else {
        document.getElementById("quizProgressBar").style.width = "100%";
        document.getElementById("quizQuestion").style.display = "none";
        document.getElementById("quizOptions").style.display = "none";
        document.getElementById("quizFeedback").style.display = "none";
        quizNextBtn.style.display = "none";
        var resultBox = document.getElementById("quizResultBox");
        resultBox.classList.add("visible");
        document.getElementById("quizScoreDisplay").textContent = quizScore + "/" + quizData.length;
        var msgs = ["Keep exploring Wolf Winner to learn more!", "Good knowledge — time to play!", "Great job! You know Wolf Winner well!", "Excellent! You are a Wolf Winner expert!"];
        var msgIdx = Math.min(Math.floor(quizScore / (quizData.length / msgs.length)), msgs.length - 1);
        document.getElementById("quizResultMsg").textContent = msgs[msgIdx];
      }
    });
  }

  var quizRestartBtn = document.getElementById("quizRestartBtn");
  if (quizRestartBtn) {
    quizRestartBtn.addEventListener("click", function() {
      currentQuestion = 0;
      quizScore = 0;
      quizAnswered = false;
      document.getElementById("quizQuestion").style.display = "";
      document.getElementById("quizOptions").style.display = "";
      document.getElementById("quizFeedback").style.display = "";
      document.getElementById("quizResultBox").classList.remove("visible");
      loadQuizQuestion();
    });
  }

  loadQuizQuestion();

})();
</script>
</body>
</html>