/* ========= Tarkov Theme ========= */
/* Gritty military / tactical aesthetic — olive/tan palette, grain, bullet holes on hit */

body.tarkov {
    --accent: #d4a017;
    --accent-2: #a8823c;
    --bg-deep: #0b0d08;
}

body.tarkov .bg-layer {
    background:
        repeating-linear-gradient(0deg, transparent 0, transparent 2px, rgba(255,255,255,0.012) 2px, rgba(255,255,255,0.012) 3px),
        radial-gradient(ellipse at 20% 10%, rgba(168, 130, 60, 0.12), transparent 50%),
        radial-gradient(ellipse at 80% 90%, rgba(60, 50, 30, 0.4), transparent 55%),
        linear-gradient(180deg, #0b0d08 0%, #14170e 100%);
}

body.tarkov .hero-top,
body.tarkov .card-form,
body.tarkov .player-panel,
body.tarkov .question-stage,
body.tarkov .game-header,
body.tarkov .lobby-info,
body.tarkov .how-step {
    border-color: rgba(212, 160, 23, 0.15);
}

body.tarkov .gradient-text {
    background: linear-gradient(135deg, #f1d88f 0%, #d4a017 50%, #8a6a24 100%);
    -webkit-background-clip: text; background-clip: text;
    -webkit-text-fill-color: transparent;
}

body.tarkov .btn-primary {
    background: linear-gradient(135deg, #d4a017, #a8823c);
    color: #1a1505;
    box-shadow: 0 8px 24px -8px rgba(212,160,23,0.5);
}

body.tarkov .logo-chip { background: linear-gradient(135deg, #d4a017, #8a6a24); color: #1a1505; }
body.tarkov .match-code { border-color: rgba(212,160,23,0.4); background: rgba(212,160,23,0.08); }
body.tarkov .answer-btn.correct { border-color: #d4a017; background: rgba(212,160,23,0.15); }
body.tarkov .answer-btn.correct .answer-key { background: #d4a017; color: #1a1505; }
body.tarkov .result-title { background: linear-gradient(135deg, #fff, #d4a017); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

/* Hit: bullet hole + blood splatter overlay on the damaged player's panel */
body.tarkov .player-panel.hit {
    position: relative;
}
body.tarkov .player-panel.hit::before {
    content: '';
    position: absolute; top: 50%; left: 50%;
    width: 110px; height: 110px;
    transform: translate(-50%, -50%);
    background:
        radial-gradient(circle, #0a0a0a 0%, #0a0a0a 18%, transparent 22%),
        radial-gradient(circle, rgba(0,0,0,0.55) 18%, transparent 42%);
    mix-blend-mode: multiply;
    animation: tarkov-hit-hole .7s ease-out forwards;
    pointer-events: none;
}
body.tarkov .player-panel.hit::after {
    content: '';
    position: absolute; inset: -30px;
    background:
        radial-gradient(circle at 35% 40%, rgba(120, 15, 15, 0.8) 0 3px, transparent 5px),
        radial-gradient(circle at 60% 55%, rgba(120, 15, 15, 0.75) 0 5px, transparent 7px),
        radial-gradient(circle at 50% 30%, rgba(120, 15, 15, 0.6) 0 2px, transparent 4px),
        radial-gradient(circle at 70% 65%, rgba(120, 15, 15, 0.65) 0 3px, transparent 5px),
        radial-gradient(circle at 30% 70%, rgba(120, 15, 15, 0.55) 0 4px, transparent 6px);
    mix-blend-mode: multiply;
    animation: tarkov-splatter-fade 1.4s ease-out forwards;
    pointer-events: none;
}
@keyframes tarkov-hit-hole {
    0%   { opacity: 0; transform: translate(-50%, -50%) scale(0.3); }
    30%  { opacity: 1; transform: translate(-50%, -50%) scale(1.1); }
    100% { opacity: 0.85; transform: translate(-50%, -50%) scale(1); }
}
@keyframes tarkov-splatter-fade {
    0% { opacity: 0; transform: scale(0.6); }
    25% { opacity: 1; }
    100% { opacity: 0; transform: scale(1.05); }
}

/* Damage overlay: blood red vignette + vignette edges */
body.tarkov .damage-overlay.active {
    background:
        radial-gradient(ellipse at center, transparent 30%, rgba(120, 0, 0, 0.35) 70%, rgba(80, 0, 0, 0.8) 100%);
    animation: tarkov-dmg 1s ease-out;
}
body.tarkov .damage-overlay.critical {
    animation: tarkov-heartbeat 1.2s ease-in-out infinite;
}
@keyframes tarkov-dmg {
    0%   { opacity: 0; }
    8%   { opacity: 1; }
    100% { opacity: 0; }
}
@keyframes tarkov-heartbeat {
    0%, 100% { opacity: 0.3; }
    20% { opacity: 0.9; }
    40% { opacity: 0.2; }
    55% { opacity: 0.85; }
}

/* ========= Tarkov Death Screen — Explosion + AUSGESCHIEDEN ========= */
body.tarkov .death-screen {
    background: radial-gradient(ellipse at center, #3a0808 0%, #1a0404 45%, #000 100%);
}
body.tarkov .death-screen::before {
    /* Initial explosion flash */
    content: '';
    position: absolute; inset: 0;
    background: radial-gradient(circle at center, #fff 0%, #ffbe3d 12%, #ff6a00 25%, transparent 55%);
    animation: tarkov-explode 1.2s ease-out forwards;
}
body.tarkov .death-screen::after {
    /* Film grain / vignette */
    content: '';
    position: absolute; inset: 0;
    background:
        repeating-linear-gradient(0deg, transparent 0, transparent 2px, rgba(0,0,0,0.15) 2px, rgba(0,0,0,0.15) 3px),
        radial-gradient(ellipse at center, transparent 30%, rgba(0,0,0,0.7) 100%);
    pointer-events: none;
    opacity: 0; animation: tarkov-vignette 1.5s ease 0.6s forwards;
}
body.tarkov .ds-inner { animation: tarkov-shake 0.6s ease 0.4s, tarkov-appear 0.6s ease 0.4s backwards; }
body.tarkov .ds-skull {
    font-size: clamp(4rem, 15vw, 8rem);
    line-height: 1;
    color: #8b0000;
    filter: drop-shadow(0 0 30px rgba(139,0,0,0.9));
    margin-bottom: 0.5rem;
}
body.tarkov .ds-title {
    color: #f0f0f0;
    text-shadow: 3px 3px 0 #000, 0 0 20px rgba(139,0,0,0.6);
    font-family: 'Impact', 'Arial Black', sans-serif;
}
body.tarkov .ds-sub {
    color: #8b0000;
    font-weight: 700;
}

@keyframes tarkov-explode {
    0%   { opacity: 0; transform: scale(0.1); }
    15%  { opacity: 1; transform: scale(1); }
    35%  { opacity: 0.8; transform: scale(1.3); }
    100% { opacity: 0; transform: scale(2); }
}
@keyframes tarkov-vignette {
    to { opacity: 1; }
}
@keyframes tarkov-appear {
    from { opacity: 0; transform: scale(0.7); }
    to   { opacity: 1; transform: scale(1); }
}
@keyframes tarkov-shake {
    0%, 100% { transform: translate(0); }
    20% { transform: translate(-6px, 3px); }
    40% { transform: translate(5px, -2px); }
    60% { transform: translate(-3px, -3px); }
    80% { transform: translate(4px, 2px); }
}

/* ========= Tarkov Reward ========= */
body.tarkov .reward-screen { background: rgba(11,13,8,0.92); }
body.tarkov .rs-inner {
    background: linear-gradient(180deg, rgba(212,160,23,0.12), rgba(212,160,23,0.02));
    border-color: rgba(212,160,23,0.35);
}
body.tarkov .rs-label { color: #d4a017; }
body.tarkov .rs-item { --rs-glow: rgba(212,160,23,0.55); border-color: rgba(212,160,23,0.3); }
body.tarkov .rs-name { color: #f1d88f; }
body.tarkov .rs-claim {
    background: linear-gradient(135deg, #d4a017, #a8823c);
    color: #1a1505;
}