<script setup lang="ts">
import PolicyLayout from './_PolicyLayout.vue';
const updated = '2026-03-01T20:20:00Z';
const intro = 'Our commitment to safe play: tools, guidance, and resources to help you stay in control.';
const metaDescription = 'BetiX Responsible Gaming: tools like limits/timeouts/self-exclusion, support resources, and protection of minors.';
</script>

<template>
  <PolicyLayout title="Responsible Gaming" :updated="updated" :intro="intro" :metaDescription="metaDescription">
    <p>BetiX is committed to responsible gaming. We provide tools and guidance to help you stay in control.</p>

    <h2>1. Tools</h2>
    <ul>
      <li>Deposit, loss, and session limits.</li>
      <li>Time‑outs and self‑exclusion.</li>
      <li>Reality checks and session reminders.</li>
    </ul>

    <h2>2. Self‑assessment</h2>
    <p>If you feel your gaming is getting out of control, consider taking a break and seeking help from independent organizations.</p>

    <h2>3. Support</h2>
    <p>Contact our Support to enable limits or self‑exclusion. We may require ID verification to process certain requests.</p>

    <div class="callout">Help resources: BeGambleAware.org, GamCare.org.uk, and local hotlines in your country.</div>
  </PolicyLayout>
</template>
