FILE 1: package.json
{
  "name": "couples-game",
  "version": "1.0.0",
  "description": "Couples intimacy and connection game",
  "main": "server.js",
  "scripts": {
    "start": "node server.js"
  },
  "dependencies": {
    "express": "^4.18.2",
    "cors": "^2.8.5",
    "dotenv": "^16.0.3",
    "stripe": "^14.0.0",
    "openai": "^4.28.0"
  },
  "engines": {
    "node": ">=18"
  }
}
FILE 2: server.js
const express = require('express');
const cors = require('cors');
const path = require('path');
require('dotenv').config();

const app = express();
const PORT = process.env.PORT || 3502;

const stripe = require('stripe')(process.env.STRIPE_SECRET_KEY);

app.use(cors());
app.use(express.json());
app.use(express.static('public'));

const couples = new Map();
const linkCodes = new Map();

const FREE_QUESTIONS = {
  conversation: [
    { id: 1, text: "What's your favorite memory of us together?", category: 'conversation' },
    { id: 2, text: "If we could travel anywhere tomorrow, where would you want to go?", category: 'conversation' },
    { id: 3, text: "What's something I do that always makes you smile?", category: 'conversation' },
    { id: 4, text: "What's one thing you'd like us to try together this year?", category: 'conversation' },
    { id: 5, text: "What made you fall in love with me?", category: 'conversation' }
  ],
  fun: [
    { id: 6, text: "Do your best impression of me!", category: 'fun', type: 'dare' },
    { id: 7, text: "Share the most embarrassing thing that happened to you before we met.", category: 'fun' },
    { id: 8, text: "Give your partner a 1-minute massage.", category: 'fun', type: 'dare' },
    { id: 9, text: "What's my most annoying habit? (Be honest!)", category: 'fun' },
    { id: 10, text: "Serenade your partner with their favorite song!", category: 'fun', type: 'dare' }
  ],
  deep: [
    { id: 11, text: "What's one fear you've never told me about?", category: 'deep' },
    { id: 12, text: "How do you feel most loved - words, touch, time, gifts, or acts?", category: 'deep' },
    { id: 13, text: "What's one thing you wish we did more of together?", category: 'deep' },
    { id: 14, text: "What's your biggest dream for our future?", category: 'deep' },
    { id: 15, text: "How can I better support you during stressful times?", category: 'deep' }
  ]
};

const PREMIUM_QUESTIONS = {
  intimate: [
    { id: 100, text: "What's your favorite way I show you affection?", category: 'intimate' },
    { id: 101, text: "Describe your ideal romantic evening with me.", category: 'intimate' },
    { id: 102, text: "What's one new thing you'd like to try together?", category: 'intimate' },
    { id: 103, text: "Where's the most romantic place you'd like us to visit?", category: 'intimate' },
    { id: 104, text: "What outfit do you think I look best in?", category: 'intimate' },
    { id: 105, text: "Plan a surprise date for next week right now.", category: 'intimate', type: 'dare' },
    { id: 106, text: "What's something I do that really turns you on?", category: 'intimate' },
    { id: 107, text: "Give your partner a slow, sensual kiss.", category: 'intimate', type: 'dare' },
    { id: 108, text: "What song reminds you of our relationship?", category: 'intimate' },
    { id: 109, text: "Write a short love note to your partner right now.", category: 'intimate', type: 'dare' }
  ],
  adventure: [
    { id: 200, text: "What's the craziest thing you'd do for love?", category: 'adventure' },
    { id: 201, text: "If we started a business together, what would it be?", category: 'adventure' },
    { id: 202, text: "Plan our dream vacation in detail - money no object!", category: 'adventure' },
    { id: 203, text: "What's something neither of us has tried but should?", category: 'adventure' },
    { id: 204, text: "Dance together to the next song that plays!", category: 'adventure', type: 'dare' },
    { id: 205, text: "Create a bucket list item we can do together this month.", category: 'adventure', type: 'dare' }
  ],
  growth: [
    { id: 300, text: "What's one area where you think we've grown as a couple?", category: 'growth' },
    { id: 301, text: "How do you think we handle conflict? What could improve?", category: 'growth' },
    { id: 302, text: "What life lesson have you learned from our relationship?", category: 'growth' },
    { id: 303, text: "What's one compromise you're grateful we made?", category: 'growth' },
    { id: 304, text: "Share one thing you admire about how your partner handles challenges.", category: 'growth' },
    { id: 305, text: "Set one relationship goal together for the next month.", category: 'growth', type: 'dare' }
  ]
};

function getCouple(coupleId) {
  if (!couples.has(coupleId)) {
    couples.set(coupleId, {
      id: coupleId,
      isPro: false,
      partner1: null,
      partner2: null,
      gamesPlayed: 0
    });
  }
  return couples.get(coupleId);
}

function generateLinkCode() {
  return Math.random().toString(36).substring(2, 8).toUpperCase();
}

app.post('/api/init', (req, res) => {
  const { name, partnerId } = req.body;
  const coupleId = partnerId || 'couple_' + Math.random().toString(36).substr(2, 9);
  const couple = getCouple(coupleId);
  const code = generateLinkCode();
  linkCodes.set(code, coupleId);
  if (!couple.partner1) couple.partner1 = name;
  res.json({
    coupleId,
    linkCode: code,
    isPro: couple.isPro,
    partner1: couple.partner1,
    partner2: couple.partner2
  });
});

app.post('/api/link', (req, res) => {
  const { code, name } = req.body;
  if (!linkCodes.has(code.toUpperCase())) {
    return res.status(404).json({ error: 'Invalid link code' });
  }
  const coupleId = linkCodes.get(code.toUpperCase());
  const couple = getCouple(coupleId);
  couple.partner2 = name;
  res.json({
    coupleId,
    partner1: couple.partner1,
    partner2: couple.partner2,
    isPro: couple.isPro
  });
});

app.get('/api/packs', (req, res) => {
  const coupleId = req.headers['x-couple-id'];
  const couple = coupleId ? getCouple(coupleId) : { isPro: false };
  const packs = [
    { id: 'conversation', name: 'Conversation Starters', icon: '💬', count: 5, free: true },
    { id: 'fun', name: 'Fun & Playful', icon: '🎉', count: 5, free: true },
    { id: 'deep', name: 'Deep Connection', icon: '💖', count: 5, free: true },
    { id: 'intimate', name: 'Intimate Moments', icon: '🔥', count: 10, free: false },
    { id: 'adventure', name: 'Adventure & Dreams', icon: '✨', count: 6, free: false },
    { id: 'growth', name: 'Growth Together', icon: '🌱', count: 6, free: false }
  ];
  res.json({ packs, isPro: couple.isPro });
});

app.get('/api/questions/:packId', (req, res) => {
  const { packId } = req.params;
  const coupleId = req.headers['x-couple-id'];
  const couple = coupleId ? getCouple(coupleId) : { isPro: false };
  let questions = FREE_QUESTIONS[packId];
  if (!questions) {
    if (!couple.isPro) {
      return res.status(403).json({ error: 'Premium pack - upgrade to Pro!' });
    }
    questions = PREMIUM_QUESTIONS[packId];
  }
  if (!questions) {
    return res.status(404).json({ error: 'Pack not found' });
  }
  res.json({ questions });
});

app.get('/api/random-question', (req, res) => {
  const coupleId = req.headers['x-couple-id'];
  const couple = coupleId ? getCouple(coupleId) : { isPro: false };
  let allQuestions = [
    ...FREE_QUESTIONS.conversation,
    ...FREE_QUESTIONS.fun,
    ...FREE_QUESTIONS.deep
  ];
  if (couple.isPro) {
    allQuestions = [
      ...allQuestions,
      ...PREMIUM_QUESTIONS.intimate,
      ...PREMIUM_QUESTIONS.adventure,
      ...PREMIUM_QUESTIONS.growth
    ];
  }
  const randomQ = allQuestions[Math.floor(Math.random() * allQuestions.length)];
  res.json({ question: randomQ });
});

app.post('/api/game-played', (req, res) => {
  const { coupleId } = req.body;
  const couple = getCouple(coupleId);
  couple.gamesPlayed++;
  res.json({ gamesPlayed: couple.gamesPlayed });
});

app.post('/api/create-subscription', async (req, res) => {
  const { coupleId, origin } = req.body;
  try {
    const session = await stripe.checkout.sessions.create({
      payment_method_types: ['card'],
      mode: 'subscription',
      line_items: [{
        price_data: {
          currency: 'usd',
          product_data: {
            name: 'Couples Game Pro',
            description: 'Monthly subscription - Premium packs, unlimited games',
          },
          unit_amount: 499,
          recurring: { interval: 'month' }
        },
        quantity: 1,
      }],
      success_url: `${origin}?success=true&couple_id=${coupleId}`,
      cancel_url: `${origin}?canceled=true`,
      metadata: { coupleId }
    });
    res.json({ url: session.url });
  } catch (error) {
    console.error('Stripe error:', error);
    res.status(500).json({ error: 'Failed to create checkout' });
  }
});

app.post('/api/activate-pro', (req, res) => {
  const { coupleId } = req.body;
  const couple = getCouple(coupleId);
  couple.isPro = true;
  res.json({ success: true, isPro: true });
});

app.get('/api/health', (req, res) => {
  res.json({ status: 'healthy', app: 'Couples Game', version: '1.0.0' });
});

app.get('*', (req, res) => {
  res.sendFile(path.join(__dirname, 'public', 'index.html'));
});

app.listen(PORT, '0.0.0.0', () => {
  console.log(`Couples Game running on port ${PORT}`);
});
FILE 3: public/index.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <title>Couples Game - Deepen Your Connection</title>
    <meta name="theme-color" content="#1a1a2e">
    <style>
        * { margin: 0; padding: 0; box-sizing: border-box; }
        body {
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
            background: linear-gradient(135deg, #1a1a2e 0%, #2d132c 50%, #1a1a2e 100%);
            color: white;
            min-height: 100vh;
        }
        .app { max-width: 500px; margin: 0 auto; padding: 20px; min-height: 100vh; }
        .header { text-align: center; padding: 30px 0; }
        .logo {
            font-size: 38px;
            background: linear-gradient(135deg, #ff6b6b, #feca57, #ff9ff3);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            margin-bottom: 8px;
        }
        .tagline { color: #888; font-size: 14px; }
        .screen { display: none; }
        .screen.active { display: block; }
        .card {
            background: rgba(255,255,255,0.05);
            border-radius: 24px;
            padding: 28px;
            margin: 20px 0;
            border: 1px solid rgba(255,107,107,0.2);
        }
        .card-title {
            font-size: 20px;
            font-weight: 600;
            margin-bottom: 20px;
            display: flex;
            align-items: center;
            gap: 12px;
        }
        .input {
            width: 100%;
            background: rgba(0,0,0,0.3);
            border: 2px solid rgba(255,107,107,0.3);
            border-radius: 14px;
            padding: 14px 18px;
            color: white;
            font-size: 16px;
            margin: 10px 0;
        }
        .input:focus { outline: none; border-color: #ff6b6b; }
        .input::placeholder { color: #666; }
        .btn {
            width: 100%;
            padding: 16px;
            border: none;
            border-radius: 14px;
            font-size: 17px;
            font-weight: 600;
            cursor: pointer;
            margin: 10px 0;
            transition: all 0.2s;
        }
        .btn:hover { transform: scale(1.02); }
        .btn:active { transform: scale(0.98); }
        .btn-primary {
            background: linear-gradient(135deg, #ff6b6b, #ee5a5a);
            color: white;
        }
        .btn-secondary {
            background: rgba(255,255,255,0.1);
            color: white;
            border: 1px solid rgba(255,255,255,0.2);
        }
        .btn-pro {
            background: linear-gradient(135deg, #feca57, #ff9ff3);
            color: #1a1a2e;
        }
        .link-code {
            background: rgba(255,107,107,0.2);
            border: 2px dashed #ff6b6b;
            border-radius: 16px;
            padding: 20px;
            text-align: center;
            margin: 20px 0;
        }
        .code {
            font-size: 32px;
            font-weight: 700;
            letter-spacing: 4px;
            color: #ff6b6b;
            margin: 10px 0;
        }
        .pack-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 12px;
            margin: 15px 0;
        }
        .pack-card {
            background: rgba(0,0,0,0.3);
            border-radius: 16px;
            padding: 20px;
            text-align: center;
            cursor: pointer;
            transition: all 0.2s;
            border: 2px solid transparent;
        }
        .pack-card:hover {
            border-color: #ff6b6b;
            transform: translateY(-2px);
        }
        .pack-card.locked { opacity: 0.6; }
        .pack-icon { font-size: 36px; margin-bottom: 10px; }
        .pack-name { font-size: 14px; font-weight: 600; }
        .pack-count { font-size: 12px; color: #888; margin-top: 5px; }
        .pro-tag {
            background: linear-gradient(135deg, #feca57, #ff9ff3);
            color: #1a1a2e;
            padding: 2px 8px;
            border-radius: 8px;
            font-size: 10px;
            font-weight: 700;
            margin-top: 8px;
            display: inline-block;
        }
        .question-card {
            background: linear-gradient(135deg, rgba(255,107,107,0.2), rgba(254,202,87,0.1));
            border: 2px solid rgba(255,107,107,0.4);
            border-radius: 24px;
            padding: 40px 30px;
            text-align: center;
            min-height: 250px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            margin: 20px 0;
        }
        .question-category {
            font-size: 14px;
            color: #ff6b6b;
            text-transform: uppercase;
            letter-spacing: 2px;
            margin-bottom: 20px;
        }
        .question-text {
            font-size: 22px;
            line-height: 1.6;
            font-weight: 500;
        }
        .question-type {
            margin-top: 20px;
            background: #feca57;
            color: #1a1a2e;
            padding: 6px 16px;
            border-radius: 20px;
            font-size: 12px;
            font-weight: 700;
            display: inline-block;
        }
        .game-controls {
            display: flex;
            gap: 10px;
            margin-top: 20px;
        }
        .game-controls .btn { flex: 1; }
        .partner-display {
            display: flex;
            justify-content: center;
            gap: 20px;
            margin: 20px 0;
        }
        .partner { text-align: center; }
        .partner-avatar {
            width: 60px;
            height: 60px;
            border-radius: 50%;
            background: linear-gradient(135deg, #ff6b6b, #feca57);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 24px;
            margin: 0 auto 10px;
        }
        .partner-name { font-size: 14px; color: #ddd; }
        .heart-connector {
            font-size: 30px;
            align-self: center;
            color: #ff6b6b;
            animation: pulse 1.5s infinite;
        }
        @keyframes pulse {
            0%, 100% { transform: scale(1); }
            50% { transform: scale(1.2); }
        }
        .modal {
            display: none;
            position: fixed;
            top: 0; left: 0;
            width: 100%; height: 100%;
            background: rgba(0,0,0,0.95);
            z-index: 1000;
            padding: 20px;
            overflow-y: auto;
        }
        .modal-content {
            max-width: 420px;
            margin: 40px auto;
            background: linear-gradient(135deg, #1a1a2e, #2d132c);
            border-radius: 24px;
            padding: 28px;
            border: 2px solid #feca57;
        }
        .close-btn { float: right; font-size: 30px; cursor: pointer; color: #666; }
        .feature-list { margin: 20px 0; }
        .feature {
            padding: 12px 0;
            border-bottom: 1px solid rgba(255,255,255,0.05);
            display: flex;
            align-items: center;
            gap: 12px;
            font-size: 15px;
        }
        .footer { text-align: center; padding: 40px 20px; color: #444; font-size: 12px; }
        .stats { display: flex; justify-content: center; gap: 30px; margin: 20px 0; }
        .stat { text-align: center; }
        .stat-value { font-size: 28px; font-weight: 700; color: #ff6b6b; }
        .stat-label { font-size: 12px; color: #888; }
    </style>
</head>
<body>
    <div class="app">
        <div class="header">
            <h1 class="logo">❤️ Couples Game</h1>
            <p class="tagline">Deepen Your Connection Together</p>
        </div>
        <div id="setup-screen" class="screen active">
            <div class="card">
                <div class="card-title">💍 Getting Started</div>
                <input type="text" id="your-name" class="input" placeholder="Your name">
                <button class="btn btn-primary" onclick="createGame()">✨ Start New Game</button>
                <div style="text-align:center;margin:25px 0 15px;color:#888;">- or -</div>
                <input type="text" id="partner-code" class="input" placeholder="Enter partner's code">
                <button class="btn btn-secondary" onclick="joinGame()">🔗 Join Partner's Game</button>
            </div>
        </div>
        <div id="link-screen" class="screen">
            <div class="card">
                <div class="card-title">🔗 Link with Partner</div>
                <p style="color:#aaa;margin-bottom:15px;">Share this code with your partner to connect:</p>
                <div class="link-code">
                    <div style="color:#888;font-size:14px;">Your Link Code</div>
                    <div class="code" id="link-code-display">------</div>
                    <button class="btn btn-secondary" onclick="copyCode()" style="margin-top:10px;">📋 Copy Code</button>
                </div>
                <button class="btn btn-primary" onclick="startAlone()" style="margin-top:20px;">▶️ Start Playing Alone (for now)</button>
            </div>
        </div>
        <div id="game-screen" class="screen">
            <div class="partner-display" id="partner-display">
                <div class="partner">
                    <div class="partner-avatar">👤</div>
                    <div class="partner-name" id="p1-name">You</div>
                </div>
                <div class="heart-connector">❤️</div>
                <div class="partner">
                    <div class="partner-avatar">👤</div>
                    <div class="partner-name" id="p2-name">Partner</div>
                </div>
            </div>
            <div class="stats">
                <div class="stat">
                    <div class="stat-value" id="games-played">0</div>
                    <div class="stat-label">Games Played</div>
                </div>
            </div>
            <div id="pack-selection">
                <div class="card">
                    <div class="card-title">🎴 Choose a Pack</div>
                    <div class="pack-grid" id="pack-grid"></div>
                </div>
                <button class="btn btn-secondary" onclick="getRandomQuestion()">🎲 Random Question</button>
                <button id="pro-upgrade-btn" class="btn btn-pro" onclick="showProModal()">⭐ Unlock All Packs - $4.99/mo</button>
            </div>
            <div id="question-view" style="display:none;">
                <div class="question-card">
                    <div class="question-category" id="q-category">Category</div>
                    <div class="question-text" id="q-text">Loading question...</div>
                    <div class="question-type" id="q-type" style="display:none;">DARE</div>
                </div>
                <div class="game-controls">
                    <button class="btn btn-secondary" onclick="skipQuestion()">⏭️ Skip</button>
                    <button class="btn btn-primary" onclick="nextQuestion()">✅ Done! Next</button>
                </div>
                <button class="btn btn-secondary" onclick="backToPacks()" style="margin-top:10px;">⬅️ Back to Packs</button>
            </div>
        </div>
        <div class="footer">💙 Part of <strong>Boz Life Store</strong><br>Making Life Simple</div>
    </div>
    <div id="pro-modal" class="modal">
        <div class="modal-content">
            <span class="close-btn" onclick="closeModal()">&times;</span>
            <h2 style="background:linear-gradient(135deg,#feca57,#ff9ff3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:15px;">⭐ Couples Pro</h2>
            <p style="font-size:28px;font-weight:700;text-align:center;">$4.99<span style="font-size:14px;color:#888;">/month</span></p>
            <div class="feature-list">
                <div class="feature">✅ 3 Premium question packs (30+ questions)</div>
                <div class="feature">✅ Intimate Moments pack 🔥</div>
                <div class="feature">✅ Unlimited games</div>
                <div class="feature">✅ Relationship insights</div>
                <div class="feature">✅ Save favorite questions</div>
            </div>
            <button class="btn btn-pro" onclick="subscribePro()">💳 Subscribe Now</button>
            <p style="text-align:center;font-size:11px;color:#666;margin-top:10px;">Cancel anytime • Secure via Stripe</p>
        </div>
    </div>
    <script>
        const API_URL = window.location.origin;
        let coupleId = localStorage.getItem('couples_game_id');
        let linkCode = '';
        let isPro = localStorage.getItem('couples_game_pro') === 'true';
        let currentQuestions = [];
        let questionIndex = 0;
        let partner1 = localStorage.getItem('couples_p1') || '';
        let partner2 = localStorage.getItem('couples_p2') || '';
        let gamesPlayed = parseInt(localStorage.getItem('couples_games') || '0');

        const params = new URLSearchParams(window.location.search);
        if (params.get('success') === 'true') {
            localStorage.setItem('couples_game_pro', 'true');
            isPro = true;
            coupleId = params.get('couple_id') || coupleId;
            alert('🎉 Welcome to Couples Pro! All packs unlocked!');
            window.history.replaceState({}, '', window.location.pathname);
        }

        function showScreen(name) {
            document.querySelectorAll('.screen').forEach(s => s.classList.remove('active'));
            document.getElementById(name + '-screen').classList.add('active');
        }

        async function createGame() {
            const name = document.getElementById('your-name').value.trim();
            if (!name) { alert('Please enter your name!'); return; }
            try {
                const res = await fetch(`${API_URL}/api/init`, {
                    method: 'POST',
                    headers: { 'Content-Type': 'application/json' },
                    body: JSON.stringify({ name })
                });
                const data = await res.json();
                coupleId = data.coupleId;
                linkCode = data.linkCode;
                partner1 = name;
                localStorage.setItem('couples_game_id', coupleId);
                localStorage.setItem('couples_p1', name);
                document.getElementById('link-code-display').textContent = linkCode;
                showScreen('link');
            } catch (error) { alert('Failed to create game'); }
        }

        async function joinGame() {
            const code = document.getElementById('partner-code').value.trim();
            const name = document.getElementById('your-name').value.trim();
            if (!code || !name) { alert('Please enter your name and the link code!'); return; }
            try {
                const res = await fetch(`${API_URL}/api/link`, {
                    method: 'POST',
                    headers: { 'Content-Type': 'application/json' },
                    body: JSON.stringify({ code, name })
                });
                if (!res.ok) throw new Error('Invalid code');
                const data = await res.json();
                coupleId = data.coupleId;
                partner1 = data.partner1;
                partner2 = name;
                isPro = data.isPro;
                localStorage.setItem('couples_game_id', coupleId);
                localStorage.setItem('couples_p1', partner1);
                localStorage.setItem('couples_p2', partner2);
                if (isPro) localStorage.setItem('couples_game_pro', 'true');
                startGame();
            } catch (error) { alert('Invalid link code. Please check and try again.'); }
        }

        function copyCode() {
            navigator.clipboard.writeText(linkCode);
            alert('Code copied! Share it with your partner.');
        }

        function startAlone() { partner2 = 'Partner'; startGame(); }

        function startGame() {
            showScreen('game');
            updatePartnerDisplay();
            loadPacks();
            document.getElementById('games-played').textContent = gamesPlayed;
            if (isPro) document.getElementById('pro-upgrade-btn').style.display = 'none';
        }

        function updatePartnerDisplay() {
            document.getElementById('p1-name').textContent = partner1 || 'You';
            document.getElementById('p2-name').textContent = partner2 || 'Partner';
        }

        async function loadPacks() {
            try {
                const res = await fetch(`${API_URL}/api/packs`, { headers: { 'x-couple-id': coupleId } });
                const data = await res.json();
                document.getElementById('pack-grid').innerHTML = data.packs.map(pack => `
                    <div class="pack-card ${!pack.free && !isPro ? 'locked' : ''}" onclick="selectPack('${pack.id}', ${pack.free})">
                        <div class="pack-icon">${pack.icon}</div>
                        <div class="pack-name">${pack.name}</div>
                        <div class="pack-count">${pack.count} questions</div>
                        ${!pack.free ? '<div class="pro-tag">PRO</div>' : ''}
                    </div>
                `).join('');
            } catch (error) { console.error('Failed to load packs'); }
        }

        async function selectPack(packId, isFree) {
            if (!isFree && !isPro) { showProModal(); return; }
            try {
                const res = await fetch(`${API_URL}/api/questions/${packId}`, { headers: { 'x-couple-id': coupleId } });
                if (!res.ok) { showProModal(); return; }
                const data = await res.json();
                currentQuestions = shuffleArray([...data.questions]);
                questionIndex = 0;
                showQuestion();
            } catch (error) { console.error('Failed to load questions'); }
        }

        async function getRandomQuestion() {
            try {
                const res = await fetch(`${API_URL}/api/random-question`, { headers: { 'x-couple-id': coupleId } });
                const data = await res.json();
                currentQuestions = [data.question];
                questionIndex = 0;
                showQuestion();
            } catch (error) { console.error('Failed to get random question'); }
        }

        function showQuestion() {
            document.getElementById('pack-selection').style.display = 'none';
            document.getElementById('question-view').style.display = 'block';
            const q = currentQuestions[questionIndex];
            document.getElementById('q-category').textContent = q.category.toUpperCase();
            document.getElementById('q-text').textContent = q.text;
            const typeEl = document.getElementById('q-type');
            if (q.type === 'dare') {
                typeEl.style.display = 'inline-block';
                typeEl.textContent = '🎯 DARE';
            } else { typeEl.style.display = 'none'; }
        }

        function nextQuestion() {
            gamesPlayed++;
            localStorage.setItem('couples_games', gamesPlayed.toString());
            document.getElementById('games-played').textContent = gamesPlayed;
            questionIndex++;
            if (questionIndex >= currentQuestions.length) {
                currentQuestions = shuffleArray(currentQuestions);
                questionIndex = 0;
            }
            showQuestion();
        }

        function skipQuestion() { nextQuestion(); }

        function backToPacks() {
            document.getElementById('question-view').style.display = 'none';
            document.getElementById('pack-selection').style.display = 'block';
        }

        function shuffleArray(array) {
            for (let i = array.length - 1; i > 0; i--) {
                const j = Math.floor(Math.random() * (i + 1));
                [array[i], array[j]] = [array[j], array[i]];
            }
            return array;
        }

        function showProModal() { document.getElementById('pro-modal').style.display = 'block'; }
        function closeModal() { document.getElementById('pro-modal').style.display = 'none'; }

        async function subscribePro() {
            try {
                const res = await fetch(`${API_URL}/api/create-subscription`, {
                    method: 'POST',
                    headers: { 'Content-Type': 'application/json' },
                    body: JSON.stringify({ coupleId, origin: window.location.origin })
                });
                const data = await res.json();
                if (data.url) { window.location.href = data.url; }
            } catch (error) { alert('Failed to start checkout'); }
        }

        if (coupleId && partner1) { startGame(); }
    </script>
</body>
</html>