/* ========= Fortnite Theme ========= */
/* Vibrant purple/orange — shield break on hit, storm closing when low HP */

body.fortnite {
    --accent: #f0b428;
    --accent-2: #6b3fa0;
    --bg-deep: #0b0820;
}

body.fortnite .bg-layer {
    background:
        radial-gradient(ellipse at 20% 10%, rgba(240, 180, 40, 0.12), transparent 45%),
        radial-gradient(ellipse at 80% 20%, rgba(107, 63, 160, 0.25), transparent 50%),
        radial-gradient(ellipse at 50% 100%, rgba(46, 200, 230, 0.15), transparent 55%),
        linear-gradient(180deg, #0b0820 0%, #12092a 100%);
}

body.fortnite .gradient-text {
    background: linear-gradient(135deg, #f0b428 0%, #c13fb6 50%, #2ec8e6 100%);
    -webkit-background-clip: text; background-clip: text;
    -webkit-text-fill-color: transparent;
}
body.fortnite .btn-primary {
    background: linear-gradient(135deg, #c13fb6, #6b3fa0);
    color: #fff;
    box-shadow: 0 8px 28px -8px rgba(193, 63, 182, 0.65);
}
body.fortnite .logo-chip { background: linear-gradient(135deg, #f0b428, #c13fb6); color: #0b0820; }
body.fortnite .match-code { border-color: rgba(240, 180, 40, 0.4); background: rgba(193, 63, 182, 0.08); }
body.fortnite .answer-btn.correct { border-color: #2ec8e6; background: rgba(46, 200, 230, 0.12); }
body.fortnite .answer-btn.correct .answer-key { background: #2ec8e6; color: #0b0820; }
body.fortnite .result-title { background: linear-gradient(135deg, #fff, #f0b428); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

/* Hit: shield break shatter effect around the panel */
body.fortnite .player-panel.hit {
    position: relative;
    animation: fn-shield-break .55s ease-out;
}
body.fortnite .player-panel.hit::before {
    content: '';
    position: absolute; inset: -8px;
    border: 2px solid #2ec8e6;
    border-radius: 12px;
    box-shadow: 0 0 20px #2ec8e6, inset 0 0 20px rgba(46,200,230,0.4);
    opacity: 0;
    animation: fn-shield-flash .55s ease-out;
    pointer-events: none;
}
body.fortnite .player-panel.hit::after {
    content: '';
    position: absolute; top: 50%; left: 50%;
    width: 4px; height: 4px; transform: translate(-50%, -50%);
    background: #2ec8e6;
    box-shadow:
        -30px -20px 0 -1px #2ec8e6, 30px -25px 0 -2px #fff,
        -25px 15px 0 -1px #2ec8e6, 35px 10px 0 -2px #fff,
        -15px -30px 0 -2px #2ec8e6, 18px 30px 0 -1px #fff,
        -40px 0 0 -2px #2ec8e6, 40px -5px 0 -1px #2ec8e6,
        0 -35px 0 -2px #fff, 5px 35px 0 -1px #2ec8e6;
    border-radius: 50%;
    animation: fn-shard-burst .7s ease-out;
    pointer-events: none;
}
@keyframes fn-shield-break {
    0%   { transform: scale(1); }
    15%  { transform: scale(1.04); filter: brightness(1.5); }
    30%  { transform: scale(0.98); }
    100% { transform: scale(1); filter: none; }
}
@keyframes fn-shield-flash {
    0%   { opacity: 0; transform: scale(0.95); }
    25%  { opacity: 1; transform: scale(1); }
    100% { opacity: 0; transform: scale(1.15); }
}
@keyframes fn-shard-burst {
    0%   { opacity: 0; transform: translate(-50%,-50%) scale(0.3); }
    15%  { opacity: 1; transform: translate(-50%,-50%) scale(1); }
    100% { opacity: 0; transform: translate(-50%,-50%) scale(2.2); }
}

/* Damage overlay: purple/magenta storm-like haze */
body.fortnite .damage-overlay.active {
    background:
        radial-gradient(ellipse at center, transparent 25%, rgba(193, 63, 182, 0.3) 65%, rgba(107, 63, 160, 0.65) 100%);
    animation: fn-dmg .9s ease-out;
}
body.fortnite .damage-overlay.critical {
    background:
        radial-gradient(ellipse at center, transparent 15%, rgba(193, 63, 182, 0.45) 55%, rgba(107, 63, 160, 0.85) 100%);
    animation: fn-storm 2.5s ease-in-out infinite;
}
@keyframes fn-dmg {
    0%   { opacity: 0; }
    10%  { opacity: 1; }
    100% { opacity: 0; }
}
@keyframes fn-storm {
    0%, 100% { opacity: 0.5; filter: hue-rotate(0deg); }
    50%      { opacity: 0.85; filter: hue-rotate(30deg); }
}

/* Hearts tinted more toward shield-blue/purple */
body.fortnite .heart { background: #e63946; filter: drop-shadow(0 0 6px rgba(230, 57, 70, 0.5)); }

/* ========= Fortnite Death Screen — Shield break + -200 dmg + ELIMINIERT ========= */
body.fortnite .death-screen {
    background: radial-gradient(ellipse at center, #3a0f4d 0%, #1a0828 60%, #000 100%);
}
body.fortnite .death-screen::before {
    /* Shield flash — huge cyan ring that expands */
    content: '';
    position: absolute; top: 50%; left: 50%;
    width: 40px; height: 40px;
    border: 3px solid #2ec8e6;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0 0 40px #2ec8e6, inset 0 0 40px rgba(46,200,230,0.5);
    animation: fn-shield-expand 1s ease-out;
    pointer-events: none;
}
body.fortnite .death-screen::after {
    /* Storm particles / shard burst */
    content: '';
    position: absolute; top: 50%; left: 50%;
    width: 6px; height: 6px; transform: translate(-50%, -50%);
    background: transparent;
    box-shadow:
        -80px -60px 0 -1px #2ec8e6, 80px -55px 0 -2px #fff,
        -75px 45px 0 -1px #2ec8e6, 95px 30px 0 -2px #fff,
        -45px -90px 0 -2px #2ec8e6, 58px 90px 0 -1px #fff,
        -120px 0 0 -2px #2ec8e6, 120px -15px 0 -1px #2ec8e6,
        0 -105px 0 -2px #fff, 15px 105px 0 -1px #2ec8e6,
        -30px 60px 0 -2px #c13fb6, 40px -30px 0 -1px #c13fb6;
    border-radius: 50%;
    animation: fn-shard-explode 1.2s ease-out;
    pointer-events: none;
}

body.fortnite .ds-damage {
    position: absolute; top: 30%; left: 50%;
    transform: translate(-50%, 0);
    font-size: clamp(3rem, 9vw, 5.5rem);
    font-weight: 900;
    color: #f0b428;
    text-shadow: 0 0 20px rgba(240,180,40,0.8), 3px 3px 0 #000;
    letter-spacing: -0.03em;
    font-family: 'Impact', 'Arial Black', sans-serif;
    animation: fn-damage-float 1.4s ease-out 0.15s backwards;
}
body.fortnite .ds-inner { animation: fn-appear 0.5s ease 0.9s backwards; }
body.fortnite .ds-title {
    color: #f0b428;
    font-family: 'Impact', 'Arial Black', sans-serif;
    letter-spacing: 0.12em;
    text-shadow: 0 0 30px rgba(240,180,40,0.7), 3px 3px 0 #000;
}
body.fortnite .ds-sub { color: rgba(255,255,255,0.7); }

@keyframes fn-shield-expand {
    0%   { width: 40px; height: 40px; opacity: 1; border-width: 4px; }
    60%  { width: 500px; height: 500px; opacity: 0.6; border-width: 2px; }
    100% { width: 1400px; height: 1400px; opacity: 0; border-width: 1px; }
}
@keyframes fn-shard-explode {
    0%   { opacity: 0; transform: translate(-50%,-50%) scale(0.2); }
    15%  { opacity: 1; }
    100% { opacity: 0; transform: translate(-50%,-50%) scale(3); }
}
@keyframes fn-damage-float {
    0%   { opacity: 0; transform: translate(-50%, 30px) scale(0.4); }
    15%  { opacity: 1; transform: translate(-50%, 0) scale(1.15); }
    30%  { transform: translate(-50%, -5px) scale(1); }
    100% { opacity: 0; transform: translate(-50%, -80px) scale(0.9); }
}
@keyframes fn-appear {
    from { opacity: 0; transform: translateY(15px) scale(0.9); }
    to   { opacity: 1; transform: translateY(0) scale(1); }
}

/* ========= Fortnite Reward ========= */
body.fortnite .reward-screen { background: rgba(11,8,32,0.93); }
body.fortnite .rs-inner {
    background: linear-gradient(180deg, rgba(240,180,40,0.1), rgba(193,63,182,0.06));
    border-color: rgba(240,180,40,0.35);
    box-shadow: 0 0 60px -10px rgba(193,63,182,0.4), 0 30px 80px -20px rgba(0,0,0,0.7);
}
body.fortnite .rs-label {
    background: linear-gradient(135deg, #f0b428, #c13fb6);
    -webkit-background-clip: text; background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: 'Impact', 'Arial Black', sans-serif;
    letter-spacing: 0.2em;
}
body.fortnite .rs-item { --rs-glow: rgba(240,180,40,0.6); border-color: rgba(240,180,40,0.3); }
body.fortnite .rs-name {
    color: #f0b428;
    font-family: 'Impact', 'Arial Black', sans-serif;
    text-shadow: 2px 2px 0 rgba(0,0,0,0.6);
}
body.fortnite .rs-claim {
    background: linear-gradient(135deg, #f0b428, #c13fb6);
    color: #fff;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.5);
}