:root { 
            --royal-burgundy: #8b0000;
            --deep-gold: #c5a059; 
            --parchment: #f4f1ea; 
            --white: #ffffff; 
            --success: #28a745; 
            --error: #dc3545; 
            --info-blue: #0056b3;
        }
        body { background-color: var(--parchment) !important; margin: 0; font-family: 'Helvetica Neue', Arial, sans-serif; }
        
        /* პროგრეს ბარი */
        .progress-container { position: fixed; top: 0; left: 0; width: 100%; height: 8px; background: #e0e0e0; z-index: 9999; }
        #progressBar { height: 100%; background: linear-gradient(90deg, var(--royal-burgundy), var(--deep-gold)); width: 0%; transition: width 0.4s ease; }
        
        .quiz-container { max-width: 850px; margin: 60px auto; padding: 20px; }
        
        /* სახელის შეყვანა */
        .name-screen {
            text-align: center;
            background: var(--white);
            padding: 50px 30px;
            border-radius: 20px;
            box-shadow: 0 10px 30px rgba(0,0,0,0.1);
        }
        .name-input {
            padding: 15px 25px;
            font-size: 1.2rem;
            border-radius: 30px;
            border: 2px solid var(--deep-gold);
            width: 280px;
            text-align: center;
            outline: none;
            margin-bottom: 20px;
            display: block;
            margin: 15px auto;
        }

        /* დონის არჩევა */
        .level-selector { text-align: center; background: var(--white); padding: 50px 30px; border-radius: 20px; box-shadow: 0 10px 30px rgba(0,0,0,0.1); }
        .level-btn { display: block; width: 100%; max-width: 350px; margin: 15px auto; padding: 20px; font-size: 1.1rem; font-weight: bold; border: 2px solid var(--deep-gold); border-radius: 15px; cursor: pointer; transition: 0.3s; background: white; color: var(--royal-burgundy); text-decoration: none; text-align: center; }
        .level-btn:hover { background: var(--royal-burgundy); color: white; transform: translateY(-3px); }

        /* ქვიზის header */
        .quiz-top-bar {
            display: flex;
            justify-content: space-between;
            align-items: center;
            background: var(--white);
            border-radius: 15px;
            padding: 15px 25px;
            margin-bottom: 25px;
            box-shadow: 0 5px 15px rgba(0,0,0,0.07);
            flex-wrap: wrap;
            gap: 10px;
        }
        .quiz-counter {
            font-size: 1rem;
            font-weight: bold;
            color: var(--royal-burgundy);
        }
        .quiz-player-name {
            font-size: 0.95rem;
            color: #555;
        }

        /* ტაიმერი */
        .timer-wrap {
            display: flex;
            align-items: center;
            gap: 8px;
        }
        .timer-circle {
            width: 48px;
            height: 48px;
            border-radius: 50%;
            background: var(--royal-burgundy);
            color: white;
            font-weight: bold;
            font-size: 1.1rem;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: background 0.3s;
        }
        .timer-circle.warning { background: #e67e00; }
        .timer-circle.danger { background: var(--error); }
        .timer-bar-wrap {
            width: 120px;
            height: 8px;
            background: #e0e0e0;
            border-radius: 10px;
            overflow: hidden;
        }
        .timer-bar {
            height: 100%;
            background: var(--royal-burgundy);
            width: 100%;
            transition: width 1s linear, background 0.3s;
            border-radius: 10px;
        }

        /* კითხვის ბლოკი */
        .question-block { background: var(--white); border-left: 5px solid var(--deep-gold); border-radius: 15px; padding: 30px; margin-bottom: 30px; box-shadow: 0 8px 25px rgba(0,0,0,0.06); display: none; }
        .options { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 20px; }
        @media (max-width: 600px) { .options { grid-template-columns: 1fr; } }
        .option-btn { padding: 18px; border: 2px solid #f0f0f0; background: #fdfdfd; cursor: pointer; border-radius: 12px; text-align: left; font-size: 15px; transition: 0.2s; }
        .option-btn:hover:not(:disabled) { border-color: var(--deep-gold); background: #fffbf0; }
        .correct { background-color: #d4edda !important; border-color: var(--success) !important; color: #155724 !important; font-weight: bold; }
        .incorrect { background-color: #f8d7da !important; border-color: var(--error) !important; color: #721c24 !important; }
        .timeout { background-color: #fff3cd !important; border-color: #ffc107 !important; }
        .explanation-box { display: none; margin-top: 20px; padding: 15px; background-color: #e7f3ff; border-left: 5px solid var(--info-blue); color: #004085; border-radius: 8px; font-size: 0.95rem; }

        /* შედეგი */
        .result-box { display: none; background: var(--white); padding: 40px; border-radius: 20px; text-align: center; box-shadow: 0 15px 40px rgba(0,0,0,0.15); border: 2px solid var(--royal-burgundy); }
        .stat-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 15px; margin: 25px 0; }
        .stat-item { padding: 15px; border-radius: 12px; font-weight: bold; font-size: 0.95rem; }
        .stat-correct { background: #d4edda; color: #155724; }
        .stat-wrong { background: #f8d7da; color: #721c24; }
        .stat-timeout { background: #fff3cd; color: #856404; }

        /* ლიდერბორდი */
        .leaderboard {
            margin-top: 40px;
            text-align: left;
        }
        .leaderboard h3 {
            color: var(--royal-burgundy);
            text-align: center;
            margin-bottom: 15px;
            font-size: 1.3rem;
            border-bottom: 2px solid var(--deep-gold);
            padding-bottom: 10px;
        }
        .lb-row {
            display: flex;
            align-items: center;
            gap: 15px;
            padding: 12px 15px;
            border-radius: 10px;
            margin-bottom: 8px;
            background: var(--parchment);
            font-size: 0.95rem;
        }
        .lb-row.me { background: #fff8e6; border: 2px solid var(--deep-gold); }
        .lb-rank {
            font-weight: bold;
            font-size: 1.1rem;
            color: var(--royal-burgundy);
            width: 28px;
            text-align: center;
        }
        .lb-rank.gold { color: #d4a017; }
        .lb-rank.silver { color: #888; }
        .lb-rank.bronze { color: #a05a2c; }
        .lb-name { flex: 1; font-weight: bold; }
        .lb-score { color: var(--royal-burgundy); font-weight: bold; }
        .lb-level { font-size: 0.8rem; color: #888; }

        .next-part-btn { display: none; width: 100%; padding: 20px; background: var(--royal-burgundy); color: white; border: none; border-radius: 15px; font-size: 18px; cursor: pointer; margin: 30px 0; font-weight: bold; transition: 0.3s; }
        .next-part-btn:hover { background: #4a0909; }
        .action-btn { padding: 15px 30px; cursor: pointer; border-radius: 12px; background: var(--royal-burgundy); color: white; border: none; font-size: 1rem; font-weight: bold; transition: 0.3s; margin: 5px; }
        .action-btn:hover { background: #4a0909; }
        .action-btn.outline { background: none; color: var(--royal-burgundy); border: 2px solid var(--royal-burgundy); }
        .action-btn.outline:hover { background: var(--royal-burgundy); color: white; }