.etp-app{max-width:680px;margin:32px auto;font-family:Arial,sans-serif}
.etp-card{background:#fff;border-radius:26px;padding:24px;box-shadow:0 12px 34px rgba(0,0,0,.09);text-align:center}
.etp-hidden{display:none!important}
.etp-icon{font-size:56px;margin-bottom:8px}
.etp-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}
.etp-stats-grid div{background:#f6f7f8;border-radius:18px;padding:14px}
.etp-stats-grid span{display:block;color:#667;font-size:13px}
.etp-stats-grid strong{font-size:24px}
.etp-online{margin:12px 0 18px;color:#555}
.etp-primary,.etp-answer{width:100%;border:0;border-radius:16px;padding:15px 16px;background:#24a65a;color:#fff;font-size:16px;font-weight:700;cursor:pointer}
.etp-loader{width:62px;height:62px;border:6px solid #eee;border-top-color:#24a65a;border-radius:50%;margin:22px auto;animation:etpSpin 1s linear infinite}
@keyframes etpSpin{to{transform:rotate(360deg)}}
.etp-search-sub{font-size:14px;color:#777;margin-top:8px}
.etp-vs-row{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:22px;margin-top:20px}
.etp-vs-row b{background:#111;color:#fff;border-radius:999px;padding:10px 14px}
.etp-topline{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;font-size:18px}
.etp-timer{font-size:42px;font-weight:800;margin:8px 0 18px}
.etp-timer.etp-timer-reconnect{display:inline-flex;align-items:center;justify-content:center;min-width:76px;min-height:64px;padding:6px 18px;border-radius:18px;background:#f59e0b!important;color:#fff!important;box-shadow:0 14px 30px rgba(245,158,11,.24)}
.etp-answers{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}
.etp-answer{background:#2b7de9;text-align:left}
.etp-answer.correct{background:#24a65a}
.etp-answer.wrong{background:#d73a31}
.etp-answer:disabled{opacity:.78;cursor:not-allowed}
.etp-round-result{margin-top:16px;background:#f0f7ff;border-radius:16px;padding:14px;font-weight:700;line-height:1.45}
.etp-final-box,.etp-pro-box{background:#f6f7f8;border-radius:18px;padding:14px;margin:16px 0}
.etp-pro-box{background:#fff4d6;border:1px solid #ffd86b}
.etp-history{margin-top:22px;text-align:left;background:#f7f8fa;border-radius:18px;padding:14px}
.etp-history h3{margin:0 0 10px}
.etp-history-row{display:grid;grid-template-columns:1fr auto auto;gap:8px;border-top:1px solid #e5e7eb;padding:8px 0;font-size:14px}
.etp-ranking{max-width:680px;margin:24px auto;background:#fff;border-radius:22px;padding:20px;box-shadow:0 8px 26px rgba(0,0,0,.08)}
.etp-rank-row{display:grid;grid-template-columns:1fr auto auto;gap:10px;padding:10px 0;border-bottom:1px solid #eee}
@media(max-width:560px){.etp-app{margin:16px auto}.etp-card{border-radius:20px;padding:18px}.etp-answers{grid-template-columns:1fr}.etp-stats-grid{grid-template-columns:1fr 1fr}.etp-history-row{grid-template-columns:1fr auto}}

.etp-reconnect{max-width:680px;margin:12px auto;background:#fff4d6;border:1px solid #ffd86b;border-radius:18px;padding:12px;text-align:center;font-family:Arial,sans-serif}.etp-reconnect span{display:block;color:#6b5200;margin-top:3px}

.etp-retention-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}.etp-retention-grid div{background:#fff4d6;border:1px solid #ffd86b;border-radius:18px;padding:12px}.etp-retention-grid span{display:block;color:#6b5200;font-size:13px}.etp-retention-grid strong{display:block;font-size:20px}.etp-retention-grid small{display:block;color:#7a5c00;margin-top:4px}@media(max-width:560px){.etp-retention-grid{grid-template-columns:1fr}}


.etp-mini-progress{
height:10px;
background:#ececec;
border-radius:999px;
overflow:hidden;
margin:10px 0;
}
.etp-mini-progress-fill{
height:100%;
width:0%;
background:linear-gradient(90deg,#ff9800,#ff5722);
transition:width .3s ease;
border-radius:999px;
}
.etp-mini-progress-fill.daily{
background:linear-gradient(90deg,#4caf50,#2e7d32);
}

.etp-retention-grid strong{
display:flex;
align-items:center;
gap:6px;
font-size:20px;
}

.etp-mission-popup{
position:fixed;
inset:0;
background:rgba(0,0,0,.55);
display:flex;
align-items:center;
justify-content:center;
z-index:99999;
padding:20px;
}
.etp-mission-popup-box{
background:#fff;
width:100%;
max-width:360px;
border-radius:24px;
padding:28px;
text-align:center;
box-shadow:0 15px 40px rgba(0,0,0,.2);
animation:etpPop .25s ease;
}
.etp-mission-icon{
font-size:52px;
margin-bottom:12px;
}
.etp-mission-popup-box h3{
margin:0 0 10px;
font-size:24px;
}
.etp-mission-popup-box p{
margin:0 0 18px;
color:#555;
}
.etp-mission-popup-box button{
border:none;
background:#111827;
color:#fff;
padding:12px 22px;
border-radius:14px;
cursor:pointer;
font-weight:700;
}
@keyframes etpPop{
from{transform:scale(.9);opacity:0;}
to{transform:scale(1);opacity:1;}
}

/* v2.7.6 retention display fix */
.etp-mini-progress{display:none!important;}
.etp-retention-grid strong,
.etp-inline-counter{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    white-space:nowrap!important;
}
.etp-daily-complete{
    display:none;
    margin-top:8px;
    color:#155724;
    font-weight:700;
    line-height:1.35;
}
#etp-daily-card.is-complete{
    background:#eff6ff!important;
    border-color:rgba(37,99,235,.36)!important;
}
#etp-daily-card.is-complete #etp-daily-counter,
#etp-daily-card.is-complete #etp-daily-active-text{
    display:none!important;
}
#etp-daily-card.is-complete #etp-daily-complete-text{
    display:block!important;
}

/* v2.7.7 clean retention UI */
.etp-mini-progress,
.etp-mini-progress-fill,
#etp-streak-fill,
#etp-daily-fill{
    display:none!important;
    visibility:hidden!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    overflow:hidden!important;
}
.etp-retention-grid{
    gap:14px!important;
}
.etp-retention-grid > div{
    padding:18px 14px!important;
}
.etp-retention-grid strong,
.etp-inline-counter{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex-direction:row!important;
    gap:7px!important;
    white-space:nowrap!important;
    width:auto!important;
    margin:8px auto!important;
    font-size:22px!important;
}
#etp-daily-card.is-complete{
    background:#eaf8ef!important;
    border-color:#62c77b!important;
}
#etp-daily-card.is-complete #etp-daily-counter,
#etp-daily-card.is-complete #etp-daily-active-text{
    display:none!important;
}
#etp-daily-card.is-complete #etp-daily-complete-text{
    display:block!important;
}
.etp-daily-complete{
    display:none;
    color:#155724;
    font-weight:700;
    font-size:15px;
    line-height:1.4;
    margin-top:10px;
}


/* v2.8.0 Premium futuristic UI polish */
:root{
    --etp-bg-1:#07111f;
    --etp-bg-2:#111827;
    --etp-card:rgba(255,255,255,.86);
    --etp-card-strong:rgba(255,255,255,.94);
    --etp-text:#0f172a;
    --etp-muted:#64748b;
    --etp-primary:#22c55e;
    --etp-primary-2:#14b8a6;
    --etp-blue:#38bdf8;
    --etp-purple:#8b5cf6;
    --etp-danger:#ef4444;
    --etp-gold:#f59e0b;
    --etp-radius:28px;
}

.etp-premium-bg{
    position:fixed;
    inset:0;
    pointer-events:none;
    z-index:-1;
    background:
        radial-gradient(circle at 15% 10%, rgba(56,189,248,.22), transparent 32%),
        radial-gradient(circle at 85% 15%, rgba(139,92,246,.20), transparent 34%),
        radial-gradient(circle at 50% 90%, rgba(34,197,94,.16), transparent 34%),
        linear-gradient(135deg,#f8fbff 0%,#eef6ff 45%,#f7fff9 100%);
}
.etp-premium-bg:after{
    content:"";
    position:absolute;
    inset:0;
    background-image:
        linear-gradient(rgba(15,23,42,.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(15,23,42,.035) 1px, transparent 1px);
    background-size:42px 42px;
    mask-image:linear-gradient(to bottom,rgba(0,0,0,.55),transparent 75%);
}

.etp-premium-app{
    max-width:720px;
    margin:34px auto;
    padding:0 14px;
}

.etp-premium-card{
    position:relative;
    overflow:hidden;
    background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(255,255,255,.78));
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
    border:1px solid rgba(255,255,255,.72);
    border-radius:var(--etp-radius);
    box-shadow:
        0 24px 70px rgba(15,23,42,.13),
        inset 0 1px 0 rgba(255,255,255,.82);
    animation:etpCardIn .35s ease both;
}
.etp-premium-card:before{
    content:"";
    position:absolute;
    inset:-2px;
    background:
        radial-gradient(circle at 20% 0%, rgba(56,189,248,.22), transparent 28%),
        radial-gradient(circle at 90% 10%, rgba(34,197,94,.18), transparent 26%);
    pointer-events:none;
    opacity:.8;
}
.etp-premium-card > *{
    position:relative;
    z-index:1;
}

@keyframes etpCardIn{
    from{opacity:0;transform:translateY(12px) scale(.985);}
    to{opacity:1;transform:translateY(0) scale(1);}
}

.etp-eyebrow{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:7px 12px;
    border-radius:999px;
    background:rgba(15,23,42,.06);
    color:#334155;
    font-size:12px;
    font-weight:800;
    letter-spacing:.04em;
    text-transform:uppercase;
    margin-bottom:12px;
}

.etp-pulse-icon{
    width:78px;
    height:78px;
    margin:0 auto 12px!important;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:24px;
    background:linear-gradient(135deg,rgba(34,197,94,.18),rgba(56,189,248,.18));
    box-shadow:0 16px 35px rgba(34,197,94,.16);
    animation:etpFloat 3.2s ease-in-out infinite;
}
@keyframes etpFloat{
    0%,100%{transform:translateY(0);}
    50%{transform:translateY(-7px);}
}

.etp-card h2,
.etp-card h3{
    color:#0f172a;
    letter-spacing:-.03em;
}
.etp-card h2{
    font-size:clamp(26px,5vw,38px);
    margin:8px 0 14px;
}
.etp-card h3{
    font-size:clamp(20px,4vw,28px);
    line-height:1.25;
}

.etp-stats-grid{
    gap:14px!important;
}
.etp-stats-grid div{
    background:linear-gradient(145deg,rgba(255,255,255,.86),rgba(241,245,249,.78))!important;
    border:1px solid rgba(148,163,184,.20);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.9), 0 10px 24px rgba(15,23,42,.06);
    transition:transform .2s ease, box-shadow .2s ease;
}
.etp-stats-grid div:hover{
    transform:translateY(-2px);
    box-shadow:0 14px 28px rgba(15,23,42,.08);
}
.etp-stats-grid span{
    color:#64748b!important;
    font-weight:700;
}
.etp-stats-grid strong{
    color:#0f172a;
    letter-spacing:-.04em;
}

.etp-retention-grid{
    gap:14px!important;
}
.etp-retention-grid > div{
    border-radius:22px!important;
    background:
        linear-gradient(145deg,rgba(255,255,255,.92),rgba(239,246,255,.78))!important;
    border:1px solid rgba(37,99,235,.16)!important;
    box-shadow:0 12px 26px rgba(37,99,235,.08);
}
.etp-retention-grid span{
    color:#0b4ea2!important;
    font-weight:800;
}
.etp-retention-grid small{
    color:#64748b!important;
    font-weight:700;
}
#etp-daily-card.is-complete{
    background:linear-gradient(145deg,rgba(236,253,245,.96),rgba(220,252,231,.86))!important;
    border-color:rgba(34,197,94,.42)!important;
    box-shadow:0 14px 30px rgba(34,197,94,.11);
}

.etp-primary,
.etp-answer,
.etp-mission-popup-box button{
    position:relative;
    overflow:hidden;
    border-radius:18px!important;
    background:linear-gradient(135deg,var(--etp-primary),var(--etp-primary-2))!important;
    box-shadow:0 16px 30px rgba(34,197,94,.25), inset 0 1px 0 rgba(255,255,255,.32);
    transform:translateY(0);
    transition:transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
.etp-primary:before,
.etp-answer:before,
.etp-mission-popup-box button:before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.28) 45%,transparent 70%);
    transform:translateX(-120%);
    transition:transform .55s ease;
}
.etp-primary:hover,
.etp-answer:hover,
.etp-mission-popup-box button:hover{
    transform:translateY(-2px);
    filter:saturate(1.08);
    box-shadow:0 20px 38px rgba(34,197,94,.30), inset 0 1px 0 rgba(255,255,255,.38);
}
.etp-primary:hover:before,
.etp-answer:hover:before,
.etp-mission-popup-box button:hover:before{
    transform:translateX(120%);
}
.etp-primary:active,
.etp-answer:active{
    transform:translateY(1px) scale(.99);
}

.etp-answer{
    background:linear-gradient(135deg,#2563eb,#06b6d4)!important;
    box-shadow:0 12px 24px rgba(37,99,235,.20)!important;
    min-height:58px;
}
.etp-answer.correct{
    background:linear-gradient(135deg,#16a34a,#22c55e)!important;
    animation:etpCorrect .42s ease both;
}
.etp-answer.wrong{
    background:linear-gradient(135deg,#dc2626,#f97316)!important;
    animation:etpWrong .42s ease both;
}
@keyframes etpCorrect{
    0%{transform:scale(1);}
    45%{transform:scale(1.035);}
    100%{transform:scale(1);}
}
@keyframes etpWrong{
    0%,100%{transform:translateX(0);}
    25%{transform:translateX(-5px);}
    50%{transform:translateX(5px);}
    75%{transform:translateX(-3px);}
}

.etp-loader{
    width:78px!important;
    height:78px!important;
    border:none!important;
    border-radius:28px!important;
    background:
        conic-gradient(from 0deg, var(--etp-primary), var(--etp-blue), var(--etp-purple), var(--etp-primary));
    box-shadow:0 18px 42px rgba(56,189,248,.24);
    animation:etpSpin 1.15s linear infinite, etpGlow 2s ease-in-out infinite!important;
}
.etp-loader:after{
    content:"";
    position:absolute;
}
@keyframes etpGlow{
    0%,100%{filter:brightness(1);}
    50%{filter:brightness(1.18);}
}

.etp-vs-row b{
    background:linear-gradient(135deg,#0f172a,#334155)!important;
    box-shadow:0 12px 28px rgba(15,23,42,.22);
    animation:etpVsPulse 1.8s ease-in-out infinite;
}
@keyframes etpVsPulse{
    0%,100%{transform:scale(1);}
    50%{transform:scale(1.07);}
}

.etp-topline{
    padding:12px 14px;
    background:rgba(15,23,42,.05);
    border:1px solid rgba(148,163,184,.16);
    border-radius:18px;
}
.etp-timer{
    width:82px;
    height:82px;
    margin:12px auto 20px!important;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:28px;
    color:#0f172a;
    background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(226,232,240,.76));
    border:1px solid rgba(148,163,184,.18);
    box-shadow:0 18px 38px rgba(15,23,42,.08);
    animation:etpTimerBreath 1s ease-in-out infinite;
}
@keyframes etpTimerBreath{
    0%,100%{transform:scale(1);}
    50%{transform:scale(1.035);}
}

.etp-round-result{
    background:linear-gradient(145deg,rgba(239,246,255,.96),rgba(240,253,250,.9))!important;
    border:1px solid rgba(56,189,248,.22);
    box-shadow:0 14px 28px rgba(56,189,248,.09);
    animation:etpResultIn .26s ease both;
}
@keyframes etpResultIn{
    from{opacity:0;transform:translateY(8px);}
    to{opacity:1;transform:translateY(0);}
}

.etp-final-card h2{
    font-size:clamp(30px,6vw,44px);
    background:linear-gradient(135deg,#16a34a,#06b6d4);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
    animation:etpFinalPop .45s ease both;
}
@keyframes etpFinalPop{
    from{transform:scale(.92);opacity:0;}
    to{transform:scale(1);opacity:1;}
}

.etp-final-box,
.etp-pro-box,
.etp-history{
    background:linear-gradient(145deg,rgba(255,255,255,.86),rgba(241,245,249,.76))!important;
    border:1px solid rgba(148,163,184,.18);
    box-shadow:0 12px 26px rgba(15,23,42,.06);
}
.etp-pro-box{
    background:linear-gradient(145deg,rgba(255,251,235,.96),rgba(254,243,199,.8))!important;
    border-color:rgba(245,158,11,.28)!important;
}

.etp-mission-popup{
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
}
.etp-mission-popup-box{
    background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(240,253,250,.92))!important;
    border:1px solid rgba(255,255,255,.75);
    box-shadow:0 28px 80px rgba(15,23,42,.25)!important;
}
.etp-mission-icon{
    animation:etpTrophy 1.2s ease-in-out infinite;
}
@keyframes etpTrophy{
    0%,100%{transform:rotate(-2deg) scale(1);}
    50%{transform:rotate(2deg) scale(1.08);}
}

.etp-reconnect{
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
    background:rgba(255,251,235,.84)!important;
    box-shadow:0 16px 40px rgba(245,158,11,.12);
}

@media(max-width:560px){
    .etp-premium-app{margin:16px auto;padding:0 10px;}
    .etp-premium-card{border-radius:22px!important;padding:18px!important;}
    .etp-card h2{font-size:28px;}
    .etp-timer{width:74px;height:74px;font-size:36px!important;}
    .etp-answer{min-height:54px;}
}

.etp-animate-in{animation:etpCardIn .35s ease both!important;}


/* v2.8.1 Életmódbázis / Ételnapló blue palette alignment */
:root{
    --etp-primary:#2563eb!important;
    --etp-primary-2:#0ea5e9!important;
    --etp-blue:#2563eb!important;
    --etp-purple:#1d4ed8!important;
    --etp-gold:#f59e0b!important;
}
.etp-premium-bg{
    background:
        radial-gradient(circle at 15% 10%, rgba(37,99,235,.22), transparent 32%),
        radial-gradient(circle at 85% 15%, rgba(14,165,233,.20), transparent 34%),
        radial-gradient(circle at 50% 90%, rgba(96,165,250,.14), transparent 34%),
        linear-gradient(135deg,#f8fbff 0%,#eaf4ff 48%,#f8fcff 100%)!important;
}
.etp-premium-bg:after{
    background-image:
        linear-gradient(rgba(37,99,235,.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(37,99,235,.045) 1px, transparent 1px)!important;
}
.etp-premium-card:before{
    background:
        radial-gradient(circle at 20% 0%, rgba(37,99,235,.20), transparent 28%),
        radial-gradient(circle at 90% 10%, rgba(14,165,233,.18), transparent 26%)!important;
}
.etp-pulse-icon{
    background:linear-gradient(135deg,rgba(37,99,235,.16),rgba(14,165,233,.18))!important;
    box-shadow:0 16px 35px rgba(37,99,235,.18)!important;
}
.etp-primary,
.etp-mission-popup-box button{
    background:linear-gradient(135deg,#2563eb,#0ea5e9)!important;
    box-shadow:0 16px 30px rgba(37,99,235,.26), inset 0 1px 0 rgba(255,255,255,.32)!important;
}
.etp-primary:hover,
.etp-mission-popup-box button:hover{
    box-shadow:0 20px 38px rgba(37,99,235,.34), inset 0 1px 0 rgba(255,255,255,.38)!important;
}
.etp-answer{
    background:linear-gradient(135deg,#2563eb,#0ea5e9)!important;
    box-shadow:0 12px 24px rgba(37,99,235,.22)!important;
}
.etp-answer.correct{
    background:linear-gradient(135deg,#16a34a,#22c55e)!important;
}
.etp-answer.wrong{
    background:linear-gradient(135deg,#dc2626,#f97316)!important;
}
.etp-loader{
    background:conic-gradient(from 0deg,#2563eb,#0ea5e9,#60a5fa,#2563eb)!important;
    box-shadow:0 18px 42px rgba(37,99,235,.26)!important;
}
.etp-round-result{
    background:linear-gradient(145deg,#eff6ff,#f8fcff)!important;
    border-color:rgba(37,99,235,.22)!important;
    box-shadow:0 14px 28px rgba(37,99,235,.09)!important;
}
.etp-final-card h2{
    background:linear-gradient(135deg,#2563eb,#0ea5e9)!important;
    -webkit-background-clip:text!important;
    background-clip:text!important;
}
.etp-vs-row b{
    background:linear-gradient(135deg,#0b2a4a,#2563eb)!important;
}
.etp-eyebrow{
    background:rgba(37,99,235,.10)!important;
    color:#0b4ea2!important;
}
.etp-online{
    color:#0b4ea2!important;
    font-weight:800!important;
}
.etp-stats-grid div{
    border-color:rgba(37,99,235,.12)!important;
}
.etp-topline{
    background:rgba(37,99,235,.06)!important;
    border-color:rgba(37,99,235,.14)!important;
}
.etp-timer{
    border-color:rgba(37,99,235,.16)!important;
    box-shadow:0 18px 38px rgba(37,99,235,.10)!important;
}

/* v2.9 result/pro/retention polish */
.etp-point-pop{position:absolute;top:92px;right:28px;z-index:5;pointer-events:none;opacity:0;transform:translateY(10px) scale(.9);padding:8px 14px;border-radius:999px;background:linear-gradient(135deg,#2563eb,#0ea5e9);color:#fff;font-size:22px;font-weight:900;box-shadow:0 16px 34px rgba(37,99,235,.28)}
.etp-point-pop.show{animation:etpPointPop .9s ease both}
@keyframes etpPointPop{0%{opacity:0;transform:translateY(10px) scale(.85)}20%{opacity:1;transform:translateY(-8px) scale(1.08)}65%{opacity:1;transform:translateY(-18px) scale(1)}100%{opacity:0;transform:translateY(-28px) scale(.95)}}
.etp-result-breakdown{text-align:left}
.etp-result-score-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}
.etp-result-score-row>div{background:rgba(37,99,235,.06);border:1px solid rgba(37,99,235,.12);border-radius:18px;padding:14px;text-align:center}
.etp-result-score-row span,.etp-award-total span,.etp-breakdown-list span{display:block;color:#64748b;font-size:13px;font-weight:800}
.etp-result-score-row strong{font-size:30px;color:#0f172a}
.etp-award-total{margin:14px 0;padding:18px;border-radius:22px;text-align:center;background:linear-gradient(135deg,#2563eb,#0ea5e9);color:#fff;box-shadow:0 18px 38px rgba(37,99,235,.24)}
.etp-award-total span{color:rgba(255,255,255,.82)}
.etp-award-total strong{display:block;font-size:42px;line-height:1;margin-top:6px}
.etp-breakdown-list{display:grid;gap:8px}
.etp-breakdown-list div{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;background:rgba(15,23,42,.04)}
.etp-breakdown-list b{color:#0f172a;font-size:16px}
.etp-pro-badge{display:inline-flex;padding:6px 10px;border-radius:999px;background:rgba(245,158,11,.14);color:#0b4ea2;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px}
.etp-weekly-reward{margin-top:10px;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.62);color:#0b4ea2;font-weight:800}
.etp-final-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.etp-secondary{width:100%;border:1px solid rgba(37,99,235,.20);background:rgba(255,255,255,.72);color:#0b4ea2;border-radius:18px;padding:15px 16px;font-size:16px;font-weight:800;cursor:pointer;transition:transform .18s ease, box-shadow .18s ease}
.etp-secondary:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(37,99,235,.12)}
@media(max-width:560px){.etp-final-actions{grid-template-columns:1fr}.etp-award-total strong{font-size:36px}}

/* v2.9.1 final screen cleanup */
.etp-result-simple .etp-breakdown-list,
.etp-result-simple #etp-breakdown-base,
.etp-result-simple #etp-breakdown-result-bonus{
    display:none!important;
}
.etp-simple-facts,
.etp-conditional-bonuses{
    display:grid;
    gap:8px;
    margin-top:12px;
}
.etp-simple-facts div,
.etp-conditional-bonuses div{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:12px;
    padding:11px 13px;
    border-radius:15px;
    background:rgba(15,23,42,.045);
}
.etp-simple-facts span,
.etp-conditional-bonuses span{
    color:#64748b;
    font-size:13px;
    font-weight:800;
}
.etp-simple-facts b,
.etp-conditional-bonuses b{
    color:#0f172a;
    font-size:16px;
}
.etp-conditional-bonuses div{
    background:linear-gradient(145deg,rgba(239,246,255,.95),rgba(240,249,255,.88));
    border:1px solid rgba(37,99,235,.14);
}
.etp-secondary{
    background:#ffffff!important;
    color:#1f2937!important;
    border:1px solid rgba(31,41,55,.12)!important;
    box-shadow:0 12px 26px rgba(15,23,42,.08), inset 0 1px 0 rgba(255,255,255,.9)!important;
}
.etp-secondary:hover{
    background:#f8fafc!important;
    color:#111827!important;
    box-shadow:0 16px 32px rgba(15,23,42,.12)!important;
}
.etp-final-actions .etp-primary,
.etp-final-actions .etp-secondary{
    min-height:52px;
}
@media(max-width:560px){
    .etp-result-score-row{
        gap:10px;
    }
    .etp-result-score-row strong{
        font-size:26px;
    }
    .etp-simple-facts div,
    .etp-conditional-bonuses div{
        padding:10px 11px;
    }
}

/* v2.9.2 targeted UI fixes */
.etp-eyebrow{display:none!important;}

.etp-final-actions .etp-primary{
    background:linear-gradient(135deg,#2563eb,#0ea5e9)!important;
    color:#fff!important;
    border:0!important;
    box-shadow:0 16px 30px rgba(37,99,235,.26), inset 0 1px 0 rgba(255,255,255,.32)!important;
    border-radius:18px!important;
    font-weight:800!important;
}
.etp-final-actions .etp-primary:hover{
    transform:translateY(-2px);
    box-shadow:0 20px 38px rgba(37,99,235,.34), inset 0 1px 0 rgba(255,255,255,.38)!important;
}

.etp-retention-grid{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:12px!important;
}
.etp-retention-grid > div{
    min-width:0;
}
.etp-retention-grid strong,
.etp-inline-counter{
    font-size:20px!important;
}
.etp-daily-complete{
    font-size:13px!important;
}

.etp-weekly-pressure{
    margin-top:22px;
    text-align:left;
    background:linear-gradient(145deg,rgba(239,246,255,.96),rgba(248,252,255,.86));
    border:1px solid rgba(37,99,235,.14);
    border-radius:22px;
    padding:16px;
    box-shadow:0 12px 26px rgba(37,99,235,.08);
}
.etp-weekly-pressure h3{
    margin:0 0 12px;
    font-size:18px;
    color:#0f172a;
}
.etp-weekly-pressure-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
}
.etp-weekly-pressure-grid div{
    background:rgba(255,255,255,.74);
    border:1px solid rgba(37,99,235,.12);
    border-radius:18px;
    padding:14px;
    text-align:center;
}
.etp-weekly-pressure-grid span{
    display:block;
    color:#64748b;
    font-size:13px;
    font-weight:800;
}
.etp-weekly-pressure-grid strong{
    display:block;
    margin-top:4px;
    font-size:26px;
    color:#0b4ea2;
    letter-spacing:-.04em;
}
@media(max-width:560px){
    .etp-retention-grid{
        grid-template-columns:1fr 1fr!important;
    }
    .etp-retention-grid > div{
        padding:14px 10px!important;
    }
    .etp-retention-grid strong,
    .etp-inline-counter{
        font-size:18px!important;
    }
    .etp-weekly-pressure-grid{
        grid-template-columns:1fr 1fr;
        gap:10px;
    }
    .etp-weekly-pressure-grid div{
        padding:12px 8px;
    }
    .etp-weekly-pressure-grid strong{
        font-size:23px;
    }
}

/* v2.9.4 retention card polish + loader fix */
.etp-retention-grid{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:12px!important;
    margin:16px 0!important;
}
.etp-retention-grid > div{
    position:relative;
    overflow:hidden;
    min-height:118px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding:16px 12px!important;
    border-radius:24px!important;
    background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(239,246,255,.78))!important;
    border:1px solid rgba(37,99,235,.16)!important;
    box-shadow:
        0 14px 32px rgba(37,99,235,.09),
        inset 0 1px 0 rgba(255,255,255,.9)!important;
}
.etp-retention-grid > div:before{
    content:"";
    position:absolute;
    inset:-40%;
    background:radial-gradient(circle,rgba(37,99,235,.13),transparent 55%);
    opacity:.75;
    pointer-events:none;
}
.etp-retention-grid > div > *{
    position:relative;
    z-index:1;
}
.etp-retention-grid span{
    color:#0b4ea2!important;
    font-size:12px!important;
    font-weight:900!important;
    letter-spacing:.03em;
    text-transform:uppercase;
}
.etp-retention-grid strong,
.etp-inline-counter{
    margin:8px auto 4px!important;
    font-size:28px!important;
    line-height:1!important;
    color:#0f172a!important;
    letter-spacing:-.05em;
}
.etp-retention-grid small{
    color:#64748b!important;
    font-size:12px!important;
    font-weight:800!important;
}
#etp-daily-card.is-complete{
    background:linear-gradient(145deg,rgba(236,253,245,.98),rgba(219,234,254,.72))!important;
    border-color:rgba(34,197,94,.34)!important;
    box-shadow:
        0 14px 32px rgba(34,197,94,.12),
        inset 0 1px 0 rgba(255,255,255,.9)!important;
}
#etp-daily-card.is-complete:before{
    background:radial-gradient(circle,rgba(34,197,94,.18),transparent 58%)!important;
}
.etp-daily-complete{
    margin-top:4px!important;
    color:#166534!important;
    font-size:16px!important;
    line-height:1.3!important;
    text-align:center;
}
.etp-daily-complete strong{
    display:inline-block!important;
    margin-top:4px!important;
    color:#0f172a!important;
    font-size:18px!important;
    letter-spacing:-.02em;
}
.etp-weekly-pressure{
    margin-top:18px!important;
}
.etp-weekly-pressure h3{
    display:none!important;
}
.etp-loader-restart{
    animation:etpSpin 1.15s linear infinite, etpGlow 2s ease-in-out infinite!important;
}
@media(max-width:560px){
    .etp-retention-grid{
        grid-template-columns:1fr 1fr!important;
        gap:10px!important;
    }
    .etp-retention-grid > div{
        min-height:108px;
        padding:14px 8px!important;
    }
    .etp-retention-grid strong,
    .etp-inline-counter{
        font-size:24px!important;
    }
    .etp-daily-complete{
        font-size:14px!important;
    }
    .etp-daily-complete strong{
        font-size:16px!important;
    }
}


/* v2.9.5 start button shine fix */
#etp-start,
#etp-final-new-duel{
    position:relative;
    overflow:hidden;
}
#etp-start:after,
#etp-final-new-duel:after{
    content:"";
    position:absolute;
    top:-40%;
    left:-65%;
    width:42%;
    height:180%;
    background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.55) 45%,transparent 75%);
    transform:rotate(18deg);
    animation:etpButtonShine 3.2s ease-in-out infinite;
    pointer-events:none;
}
@keyframes etpButtonShine{
    0%{left:-70%;opacity:0;}
    12%{opacity:1;}
    28%{left:125%;opacity:0;}
    100%{left:125%;opacity:0;}
}
#etp-start:hover:after,
#etp-final-new-duel:hover:after{
    animation-duration:1.6s;
}

/* v3.0.1 daily complete + PRO hint visual fix */
#etp-daily-card.is-complete{
    background:linear-gradient(145deg,rgba(239,246,255,.98),rgba(248,252,255,.92))!important;
    border-color:rgba(37,99,235,.22)!important;
    box-shadow:0 14px 32px rgba(37,99,235,.10), inset 0 1px 0 rgba(255,255,255,.9)!important;
}
#etp-daily-card.is-complete:before{
    background:radial-gradient(circle,rgba(37,99,235,.16),transparent 58%)!important;
}
.etp-daily-complete{
    color:#0b4ea2!important;
}
.etp-daily-complete strong{
    color:#0f172a!important;
}
#etp-pro-box{
    background:linear-gradient(145deg,rgba(255,251,235,.96),rgba(239,246,255,.86))!important;
    border:1px solid rgba(245,158,11,.26)!important;
    box-shadow:0 14px 30px rgba(245,158,11,.10)!important;
}
#etp-pro-box strong{
    color:#0f172a;
}
#etp-pro-points{
    color:#0b4ea2;
    font-size:1.15em;
}

/* v3.0.2 hard override: PRO block + completed daily card */
.etp-app #etp-pro-box{
    display:block!important;
    opacity:1!important;
    visibility:visible!important;
}
.etp-app #etp-pro-box.etp-hidden{
    display:block!important;
}
.etp-app #etp-daily-card.is-complete,
.etp-app .etp-retention-grid #etp-daily-card.is-complete,
body .etp-app .etp-retention-grid > #etp-daily-card.is-complete{
    background:linear-gradient(145deg,#eff6ff 0%,#f8fbff 100%)!important;
    border:1px solid rgba(37,99,235,.28)!important;
    box-shadow:0 14px 34px rgba(37,99,235,.13), inset 0 1px 0 rgba(255,255,255,.95)!important;
}
.etp-app #etp-daily-card.is-complete:before,
body .etp-app .etp-retention-grid > #etp-daily-card.is-complete:before{
    background:radial-gradient(circle,rgba(37,99,235,.17),transparent 60%)!important;
}
.etp-app #etp-daily-card.is-complete #etp-daily-complete-text,
body .etp-app .etp-retention-grid > #etp-daily-card.is-complete #etp-daily-complete-text{
    color:#0b4ea2!important;
}
.etp-app #etp-daily-card.is-complete #etp-daily-complete-text strong{
    color:#0f172a!important;
}

/* v3.0.3 hard final fixes */
body .etp-app .etp-retention-grid #etp-daily-card.is-complete,
body .etp-app #etp-daily-card.is-complete,
html body .etp-app .etp-retention-grid > #etp-daily-card.is-complete{
    background:#eff6ff!important;
    background-image:linear-gradient(145deg,#eff6ff 0%,#f8fbff 100%)!important;
    border-color:rgba(37,99,235,.30)!important;
    box-shadow:0 14px 34px rgba(37,99,235,.14), inset 0 1px 0 rgba(255,255,255,.95)!important;
}
body .etp-app .etp-retention-grid #etp-daily-card.is-complete:before,
html body .etp-app .etp-retention-grid > #etp-daily-card.is-complete:before{
    background:radial-gradient(circle,rgba(37,99,235,.18),transparent 60%)!important;
}
body .etp-app #etp-daily-card.is-complete .etp-daily-complete,
body .etp-app #etp-daily-card.is-complete #etp-daily-complete-text{
    color:#0b4ea2!important;
}
body .etp-app #etp-daily-card.is-complete .etp-daily-complete strong,
body .etp-app #etp-daily-card.is-complete #etp-daily-complete-text strong{
    color:#0f172a!important;
}
#etp-search:not(.etp-hidden) .etp-loader{
    animation:etpSpin 1.15s linear infinite, etpGlow 2s ease-in-out infinite!important;
}
#etp-pro-box{
    display:block!important;
}
#etp-pro-box .etp-weekly-reward{
    display:block!important;
    margin-top:12px;
    padding:11px 13px;
    border-radius:14px;
    background:rgba(37,99,235,.08)!important;
    color:#0b4ea2!important;
    font-weight:900;
}

/* v3.0.5 clean daily completed card - no yellow/green inheritance */
html body .etp-app .etp-retention-grid #etp-daily-card.etp-blue-complete,
html body .etp-app .etp-retention-grid #etp-daily-card.is-complete.etp-blue-complete,
html body .etp-app #etp-daily-card.etp-clean-daily-card.is-complete{
    background:#eff6ff!important;
    background-image:linear-gradient(145deg,#eff6ff 0%,#f8fbff 100%)!important;
    border:1px solid rgba(37,99,235,.30)!important;
    box-shadow:0 14px 34px rgba(37,99,235,.14), inset 0 1px 0 rgba(255,255,255,.95)!important;
}
html body .etp-app #etp-daily-card.etp-blue-complete:before{
    background:radial-gradient(circle,rgba(37,99,235,.18),transparent 60%)!important;
}
html body .etp-app #etp-daily-card.etp-blue-complete #etp-daily-complete-text,
html body .etp-app #etp-daily-card.etp-blue-complete .etp-daily-complete{
    color:#0b4ea2!important;
}
html body .etp-app #etp-daily-card.etp-blue-complete #etp-daily-complete-text strong,
html body .etp-app #etp-daily-card.etp-blue-complete .etp-daily-complete strong{
    color:#0f172a!important;
}
#etp-search:not(.etp-hidden) .etp-loader{
    animation:etpSpin 1.15s linear infinite, etpGlow 2s ease-in-out infinite!important;
}


/* v3.0.6 stabilization: completed daily mission premium blue only */
html body .etp-app #etp-daily-card.etp-clean-daily-card.is-complete,
html body .etp-app #etp-daily-card.etp-blue-complete,
html body .etp-app .etp-retention-grid > #etp-daily-card.etp-blue-complete{
    background:#eff6ff!important;
    background-image:
        radial-gradient(circle at top right, rgba(14,165,233,.22), transparent 34%),
        linear-gradient(145deg, rgba(239,246,255,.98), rgba(248,251,255,.96))!important;
    border-color:rgba(37,99,235,.34)!important;
    box-shadow:0 18px 42px rgba(37,99,235,.16), inset 0 1px 0 rgba(255,255,255,.96)!important;
}
html body .etp-app #etp-daily-card.is-complete #etp-daily-counter,
html body .etp-app #etp-daily-card.is-complete #etp-daily-active-text{
    display:none!important;
}
html body .etp-app #etp-daily-card.is-complete #etp-daily-complete-text{
    display:block!important;
    color:#0b4ea2!important;
    font-weight:900!important;
}
html body .etp-app #etp-daily-card.is-complete #etp-daily-complete-text strong{
    color:#2563eb!important;
}


/* v3.0.7 stabilization fixes */
html body .etp-app #etp-daily-card.is-complete,
html body .etp-app #etp-daily-card.etp-blue-complete,
html body .etp-app .etp-retention-grid > #etp-daily-card.is-complete{
    background:#eff6ff!important;
    background-image:
        radial-gradient(circle at top right, rgba(14,165,233,.24), transparent 34%),
        linear-gradient(145deg,#eff6ff 0%,#f8fbff 100%)!important;
    border:1px solid rgba(37,99,235,.36)!important;
    box-shadow:0 18px 42px rgba(37,99,235,.16), inset 0 1px 0 rgba(255,255,255,.96)!important;
}
html body .etp-app #etp-daily-card.is-complete #etp-daily-counter,
html body .etp-app #etp-daily-card.is-complete #etp-daily-active-text{
    display:none!important;
}
html body .etp-app #etp-daily-card.is-complete #etp-daily-complete-text{
    display:block!important;
    color:#0b4ea2!important;
    font-weight:900!important;
}
html body .etp-app #etp-daily-card.is-complete #etp-daily-complete-text strong{
    color:#2563eb!important;
}
#etp-search:not(.etp-hidden) .etp-loader,
.etp-loader.etp-loader-restart{
    animation:etpSpin 1.15s linear infinite, etpGlow 2s ease-in-out infinite!important;
    will-change:transform,filter;
}
.etp-round-modal{
    position:fixed;
    inset:0;
    z-index:999999;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:20px;
    background:rgba(15,23,42,.64);
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
}
.etp-round-modal.etp-hidden{display:none!important;}
.etp-round-modal-box{
    width:100%;
    max-width:390px;
    border-radius:28px;
    padding:24px;
    text-align:center;
    color:#0f172a;
    background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(239,246,255,.92));
    border:1px solid rgba(255,255,255,.76);
    box-shadow:0 28px 80px rgba(15,23,42,.32), 0 0 44px rgba(37,99,235,.18);
    transform:scale(.88) translateY(12px);
    opacity:0;
}
.etp-round-modal.show .etp-round-modal-box{
    animation:etpRoundPop .22s ease forwards;
}
@keyframes etpRoundPop{
    to{transform:scale(1) translateY(0);opacity:1;}
}
.etp-round-modal-icon{
    width:58px;
    height:58px;
    margin:0 auto 10px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:20px;
    background:linear-gradient(135deg,#2563eb,#0ea5e9);
    color:#fff;
    font-size:30px;
    box-shadow:0 15px 34px rgba(37,99,235,.28);
}
.etp-round-modal-box h3{
    margin:6px 0 12px;
    font-size:24px;
    letter-spacing:-.03em;
}
.etp-round-badge{
    margin:0 auto 14px;
    padding:9px 11px;
    border-radius:14px;
    background:rgba(37,99,235,.09);
    color:#0b4ea2;
    font-weight:800;
    font-size:13px;
}
.etp-round-modal-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
    margin-top:12px;
}
.etp-round-modal-grid div{
    padding:14px 10px;
    border-radius:18px;
    background:rgba(255,255,255,.72);
    border:1px solid rgba(37,99,235,.14);
}
.etp-round-modal-grid span,
.etp-round-modal-grid small{
    display:block;
    color:#64748b;
    font-size:12px;
}
.etp-round-modal-grid strong{
    display:block;
    margin:4px 0;
    color:#2563eb;
    font-size:20px;
}
.etp-round-answer{
    margin:14px 0 0;
    color:#475569;
    font-size:14px;
}
@media(max-width:480px){
    .etp-round-modal-box{padding:20px;border-radius:24px;}
    .etp-round-modal-grid{grid-template-columns:1fr;}
}


/* v3.0.8 hard fix: napi küldetés teljesítve soha nem sárga/zöld */
html body .etp-app #etp-daily-card,
html body .etp-app .etp-retention-grid #etp-daily-card{
    transition:background .2s ease,border-color .2s ease,box-shadow .2s ease;
}
html body .etp-app #etp-daily-card.is-complete,
html body .etp-app #etp-daily-card.etp-blue-complete,
html body .etp-app #etp-daily-card.etp-clean-daily-card.is-complete,
html body .etp-app .etp-retention-grid > div#etp-daily-card.is-complete{
    background:#eff6ff!important;
    background-color:#eff6ff!important;
    background-image:
        radial-gradient(circle at 92% 0%, rgba(14,165,233,.26), transparent 36%),
        linear-gradient(145deg, #eff6ff 0%, #f8fbff 100%)!important;
    border-color:rgba(37,99,235,.38)!important;
    box-shadow:0 18px 42px rgba(37,99,235,.16), inset 0 1px 0 rgba(255,255,255,.96)!important;
}
html body .etp-app #etp-daily-card.is-complete *,
html body .etp-app #etp-daily-card.etp-blue-complete *{
    background-color:transparent!important;
}
html body .etp-app #etp-daily-card.is-complete #etp-daily-counter,
html body .etp-app #etp-daily-card.is-complete #etp-daily-active-text{
    display:none!important;
}
html body .etp-app #etp-daily-card.is-complete #etp-daily-complete-text{
    display:block!important;
    color:#0b4ea2!important;
}
html body .etp-app #etp-daily-card.is-complete #etp-daily-complete-text strong{
    color:#2563eb!important;
}

/* v3.0.8 hard fix: kereső loader biztosan forog meccsvégi új indítás után is */
@keyframes etpLoaderSpinV308{
    0%{transform:rotate(0deg);}
    100%{transform:rotate(360deg);}
}
html body .etp-app #etp-search .etp-loader,
html body .etp-app #etp-search:not(.etp-hidden) .etp-loader,
html body .etp-app #etp-search .etp-loader.etp-loader-restart{
    position:relative!important;
    display:block!important;
    width:78px!important;
    height:78px!important;
    border:0!important;
    border-radius:50%!important;
    background:conic-gradient(from 0deg,#2563eb,#0ea5e9,#60a5fa,#2563eb)!important;
    animation:etpLoaderSpinV308 .9s linear infinite!important;
    transform-origin:50% 50%!important;
    will-change:transform!important;
}
html body .etp-app #etp-search .etp-loader:after{
    content:""!important;
    position:absolute!important;
    inset:13px!important;
    border-radius:50%!important;
    background:#fff!important;
    box-shadow:inset 0 0 18px rgba(37,99,235,.12)!important;
}


/* v3.0.9: napi küldetés teljesítve - sárga/zöld keret hard kill */
html body .etp-app #etp-daily-card.is-complete,
html body .etp-app #etp-daily-card.etp-blue-complete,
html body .etp-app .etp-retention-grid > #etp-daily-card.is-complete,
html body .etp-app .etp-retention-grid > #etp-daily-card.etp-blue-complete{
    border:0!important;
    outline:0!important;
    box-shadow:0 18px 42px rgba(37,99,235,.16), inset 0 0 0 1px rgba(37,99,235,.14)!important;
    background:#eff6ff!important;
    background-image:radial-gradient(circle at 92% 0%, rgba(14,165,233,.24), transparent 36%), linear-gradient(145deg,#eff6ff 0%,#f8fbff 100%)!important;
}
html body .etp-app #etp-daily-card.is-complete:before,
html body .etp-app #etp-daily-card.is-complete:after,
html body .etp-app #etp-daily-card.etp-blue-complete:before,
html body .etp-app #etp-daily-card.etp-blue-complete:after{
    border-color:transparent!important;
    background:transparent!important;
}
html body .etp-app #etp-daily-card.is-complete *,
html body .etp-app #etp-daily-card.etp-blue-complete *{
    border-color:transparent!important;
    outline:0!important;
}

/* v3.0.9: kereső loader transform-konfliktus nélküli forgás */
@keyframes etpLoaderSpinV309{
    from{transform:translateZ(0) rotate(0deg);}
    to{transform:translateZ(0) rotate(360deg);}
}
html body .etp-app #etp-search .etp-loader{
    position:relative!important;
    display:block!important;
    width:76px!important;
    height:76px!important;
    margin:22px auto!important;
    border:6px solid rgba(37,99,235,.14)!important;
    border-top-color:#2563eb!important;
    border-right-color:#0ea5e9!important;
    border-radius:999px!important;
    background:transparent!important;
    animation:etpLoaderSpinV309 .75s linear infinite!important;
    transform-origin:center center!important;
    will-change:transform!important;
}
html body .etp-app #etp-search .etp-loader:after{
    content:""!important;
    position:absolute!important;
    inset:13px!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.92)!important;
    box-shadow:0 0 24px rgba(37,99,235,.16)!important;
}

/* v3.0.9: körvégi popup fogyó csík */
.etp-round-progress{
    height:7px;
    border-radius:999px;
    background:rgba(37,99,235,.12);
    overflow:hidden;
    margin-top:16px;
}
.etp-round-progress span{
    display:block;
    height:100%;
    width:100%;
    border-radius:999px;
    background:linear-gradient(90deg,#2563eb,#0ea5e9);
    transform-origin:left center;
    animation:etpRoundProgress linear forwards;
}
@keyframes etpRoundProgress{
    from{transform:scaleX(1);}
    to{transform:scaleX(0);}
}


/* v4.4.9: válasz után azonnali kiválasztott állapot */
html body .etp-app .etp-answer.etp-selected:not(.correct):not(.wrong),
html body .etp-app .etp-answer.etp-selected:disabled:not(.correct):not(.wrong){
    background:linear-gradient(145deg,#f59e0b,#fbbf24)!important;
    color:#111827!important;
    border:2px solid rgba(146,64,14,.45)!important;
    box-shadow:0 14px 30px rgba(245,158,11,.28)!important;
}
html body .etp-app .etp-answer.etp-selected:not(.correct):not(.wrong) *,
html body .etp-app .etp-answer.etp-selected:disabled:not(.correct):not(.wrong) *{
    color:#111827!important;
}
html body .etp-app .etp-answer:disabled{
    opacity:1!important;
}
html body .etp-app .etp-answer.etp-self-selected,
html body .etp-app .etp-answer.etp-opponent-selected{
    position:relative;
    padding-right:92px!important;
}
html body .etp-app .etp-answer.etp-self-selected:after{
    content:"Te";
    position:absolute;
    right:12px;
    top:50%;
    transform:translateY(-50%);
    padding:4px 8px;
    border-radius:999px;
    background:rgba(15,23,42,.10);
    color:inherit;
    font-size:12px;
    font-weight:900;
}
html body .etp-app .etp-answer.etp-opponent-selected:before{
    content:"Ellenfél";
    position:absolute;
    right:12px;
    bottom:7px;
    padding:4px 8px;
    border-radius:999px;
    background:rgba(15,23,42,.10);
    color:inherit;
    font-size:11px;
    font-weight:900;
}
html body .etp-app .etp-answer.etp-self-selected.etp-opponent-selected:after{
    top:15px;
}
html body .etp-app .etp-answer.correct.etp-self-selected:after,
html body .etp-app .etp-answer.wrong.etp-self-selected:after,
html body .etp-app .etp-answer.correct.etp-opponent-selected:before,
html body .etp-app .etp-answer.wrong.etp-opponent-selected:before{
    background:rgba(255,255,255,.24);
    color:#fff;
}


/* v3.0.11: popup helyett válaszgomb-reveal, idő/pont címkékkel */
html body .etp-app .etp-answer{
    overflow:hidden!important;
}
html body .etp-app .etp-answer.etp-self-selected,
html body .etp-app .etp-answer.etp-opponent-selected{
    padding-right:16px!important;
}
html body .etp-app .etp-answer.etp-self-selected:after,
html body .etp-app .etp-answer.etp-opponent-selected:before{
    display:none!important;
}
html body .etp-app .etp-answer .etp-answer-meta{
    display:block!important;
    margin-top:8px!important;
    padding:7px 9px!important;
    border-radius:12px!important;
    background:rgba(255,255,255,.22)!important;
    color:inherit!important;
    font-size:12px!important;
    font-weight:800!important;
    line-height:1.25!important;
}
html body .etp-app .etp-answer.etp-selected:not(.correct):not(.wrong) .etp-answer-meta{
    background:rgba(15,23,42,.06)!important;
    color:#334155!important;
}
html body .etp-app .etp-answer.correct .etp-answer-meta,
html body .etp-app .etp-answer.wrong .etp-answer-meta{
    background:rgba(255,255,255,.24)!important;
    color:#fff!important;
}
html body .etp-app .etp-round-speed-line{
    display:inline-block!important;
    margin-top:5px!important;
    color:#0b4ea2!important;
    font-weight:800!important;
}


/* v3.0.13 - személyesebb párbaj előkészítő képernyő */
.etp-prep-card{
    position:relative;
    overflow:hidden;
    min-height:620px;
    padding:34px 24px 28px;
    background:
        radial-gradient(circle at 20% 12%, rgba(14,165,233,.24), transparent 34%),
        radial-gradient(circle at 82% 70%, rgba(37,99,235,.18), transparent 36%),
        linear-gradient(145deg, rgba(255,255,255,.90), rgba(239,248,255,.78));
}
.etp-prep-card:before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
        linear-gradient(90deg, transparent 0, rgba(37,99,235,.10) 50%, transparent 100%),
        repeating-linear-gradient(0deg, rgba(37,99,235,.045) 0 1px, transparent 1px 42px),
        repeating-linear-gradient(90deg, rgba(14,165,233,.035) 0 1px, transparent 1px 42px);
    opacity:.65;
}
.etp-prep-card:after{
    content:"";
    position:absolute;
    left:-20%;
    right:-20%;
    bottom:-80px;
    height:210px;
    background:
        radial-gradient(ellipse at center, rgba(37,99,235,.20), transparent 64%),
        linear-gradient(160deg, transparent 35%, rgba(255,255,255,.65) 36%, transparent 38%),
        linear-gradient(20deg, transparent 45%, rgba(14,165,233,.20) 46%, transparent 48%);
    opacity:.7;
    animation:etpPrepWave 4.5s ease-in-out infinite alternate;
}
.etp-prep-card h2,
.etp-prep-sub,
.etp-prep-player,
.etp-prep-vs,
.etp-prep-dots,
.etp-prep-footer{position:relative;z-index:2}
.etp-prep-card h2{margin-bottom:4px}
.etp-prep-sub{margin:0 0 32px;color:#64748b;font-size:16px}
.etp-prep-player{
    width:min(440px, 96%);
    margin:0 auto;
    display:flex;
    align-items:center;
    gap:18px;
    padding:18px 20px;
    border-radius:24px;
    background:rgba(255,255,255,.76);
    border:1px solid rgba(255,255,255,.85);
    box-shadow:0 22px 48px rgba(37,99,235,.16);
    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
}
.etp-prep-opponent{
    transform:translateX(-110%) scale(.96);
    opacity:0;
}
.etp-prep-me{
    margin-top:0;
    transform:translateX(110%) scale(.96);
    opacity:0;
}
.etp-prep-opponent.etp-prep-run{
    animation:etpPrepFromLeft .72s cubic-bezier(.16,1,.3,1) .12s forwards;
}
.etp-prep-me.etp-prep-run{
    animation:etpPrepFromRight .72s cubic-bezier(.16,1,.3,1) .38s forwards;
}
.etp-prep-avatar-wrap{
    flex:0 0 112px;
    width:112px;
    height:112px;
    border-radius:999px;
    padding:5px;
    background:linear-gradient(135deg,#ef4444,#f97316);
    box-shadow:0 0 0 7px rgba(239,68,68,.12), 0 0 28px rgba(239,68,68,.52);
}
.etp-prep-me .etp-prep-avatar-wrap{
    background:linear-gradient(135deg,#2563eb,#0ea5e9);
    box-shadow:0 0 0 7px rgba(37,99,235,.12), 0 0 28px rgba(37,99,235,.52);
}
.etp-prep-avatar{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:999px;
    background:#e0f2fe;
    border:3px solid rgba(255,255,255,.85);
}
.etp-prep-info{
    text-align:left;
    min-width:0;
}
.etp-prep-info strong{
    display:block;
    color:#0f172a;
    font-size:24px;
    line-height:1.1;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    max-width:245px;
}
.etp-prep-info span{
    display:block;
    margin-top:9px;
    color:#dc2626;
    font-size:16px;
    font-weight:800;
}
.etp-prep-me .etp-prep-info span{color:#2563eb}
.etp-prep-info small{
    display:block;
    margin-top:10px;
    color:#64748b;
    font-size:14px;
}
.etp-prep-vs{
    width:92px;
    height:92px;
    margin:36px auto;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:999px;
    color:#fff;
    font-size:28px;
    font-weight:900;
    letter-spacing:.04em;
    background:linear-gradient(135deg,#0f172a,#2563eb);
    box-shadow:0 18px 42px rgba(37,99,235,.38), inset 0 0 0 4px rgba(255,255,255,.24);
    transform:scale(.72);
    opacity:0;
}
.etp-prep-vs.etp-prep-run{
    animation:etpPrepVs .55s cubic-bezier(.16,1,.3,1) .78s forwards, etpPrepPulse 1.8s ease-in-out 1.35s infinite;
}
.etp-prep-vs:before,
.etp-prep-vs:after{
    content:"";
    position:absolute;
    top:50%;
    width:130px;
    height:2px;
    background:linear-gradient(90deg, transparent, rgba(37,99,235,.75), transparent);
}
.etp-prep-vs:before{right:100%}
.etp-prep-vs:after{left:100%}
.etp-prep-dots{
    display:flex;
    justify-content:center;
    gap:10px;
    margin-top:42px;
}
.etp-prep-dots i{
    width:10px;
    height:10px;
    border-radius:999px;
    background:#93c5fd;
    animation:etpPrepDot 1.2s ease-in-out infinite;
}
.etp-prep-dots i:nth-child(2){animation-delay:.18s;background:#2563eb}
.etp-prep-dots i:nth-child(3){animation-delay:.36s}
.etp-prep-footer{
    margin-top:22px;
    color:#334155;
    font-size:17px;
}
@keyframes etpPrepFromLeft{
    0%{transform:translateX(-110%) scale(.96);opacity:0;filter:blur(8px)}
    70%{transform:translateX(4%) scale(1.02);opacity:1;filter:blur(0)}
    100%{transform:translateX(0) scale(1);opacity:1;filter:blur(0)}
}
@keyframes etpPrepFromRight{
    0%{transform:translateX(110%) scale(.96);opacity:0;filter:blur(8px)}
    70%{transform:translateX(-4%) scale(1.02);opacity:1;filter:blur(0)}
    100%{transform:translateX(0) scale(1);opacity:1;filter:blur(0)}
}
@keyframes etpPrepVs{
    to{transform:scale(1);opacity:1}
}
@keyframes etpPrepPulse{
    0%,100%{box-shadow:0 18px 42px rgba(37,99,235,.38), inset 0 0 0 4px rgba(255,255,255,.24)}
    50%{box-shadow:0 18px 54px rgba(14,165,233,.58), inset 0 0 0 4px rgba(255,255,255,.34)}
}
@keyframes etpPrepDot{
    0%,100%{transform:translateY(0);opacity:.45}
    50%{transform:translateY(-5px);opacity:1}
}
@keyframes etpPrepWave{
    from{transform:translateX(-22px)}
    to{transform:translateX(22px)}
}
@media(max-width:560px){
    .etp-prep-card{min-height:590px;padding:28px 18px 24px}
    .etp-prep-player{width:100%;gap:13px;padding:14px 14px;border-radius:22px}
    .etp-prep-avatar-wrap{flex-basis:92px;width:92px;height:92px}
    .etp-prep-info strong{font-size:21px;max-width:190px}
    .etp-prep-vs{width:82px;height:82px;margin:30px auto;font-size:25px}
    .etp-prep-vs:before,.etp-prep-vs:after{width:86px}
}



/* v3.0.15 - Avatar alapú személyes főoldal */
.etp-hero-head{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:82px;
    margin-bottom:2px;
}
.etp-hero-head .etp-icon{
    margin:0;
}
.etp-home-player-name{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin:-2px auto 8px;
    padding:6px 13px;
    border-radius:999px;
    color:#dbeafe;
    font-size:13px;
    font-weight:800;
    letter-spacing:.02em;
    background:rgba(37,99,235,.14);
    border:1px solid rgba(14,165,233,.22);
    box-shadow:0 0 22px rgba(37,99,235,.16);
}
.etp-home-avatar-button{
    position:absolute;
    right:calc(50% - 112px);
    top:50%;
    transform:translateY(-50%);
    width:64px;
    height:64px;
    border:1px solid rgba(14,165,233,.52);
    border-radius:999px;
    padding:3px;
    background:linear-gradient(135deg,rgba(37,99,235,.32),rgba(14,165,233,.18));
    box-shadow:0 0 24px rgba(37,99,235,.34), inset 0 0 18px rgba(255,255,255,.10);
    cursor:pointer;
    transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.etp-home-avatar-button:hover{
    transform:translateY(-50%) scale(1.06);
    border-color:rgba(255,255,255,.74);
    box-shadow:0 0 34px rgba(14,165,233,.48), inset 0 0 18px rgba(255,255,255,.16);
}
.etp-home-avatar-button img{
    width:100%;
    height:100%;
    display:block;
    border-radius:999px;
    object-fit:cover;
}
.etp-avatar-edit-dot{
    position:absolute;
    right:-2px;
    bottom:0;
    width:22px;
    height:22px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:999px;
    color:#fff;
    font-size:12px;
    font-weight:900;
    background:linear-gradient(135deg,#2563eb,#0ea5e9);
    border:2px solid rgba(255,255,255,.92);
    box-shadow:0 6px 14px rgba(2,6,23,.30);
}
.etp-hero-side{
    position:absolute;
    left:calc(50% - 116px);
    top:50%;
    transform:translateY(-50%);
}
.etp-coming-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height:34px;
    padding:0 11px;
    border-radius:999px;
    font-size:11px;
    font-weight:900;
    color:#bfdbfe;
    letter-spacing:.08em;
    text-transform:uppercase;
    background:rgba(15,23,42,.28);
    border:1px solid rgba(148,163,184,.18);
    opacity:.72;
}
.etp-avatar-modal{
    position:fixed;
    inset:0;
    z-index:100000;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:18px;
    background:rgba(2,6,23,.72);
    backdrop-filter:blur(14px);
}
.etp-avatar-modal.etp-hidden{
    display:none!important;
}
.etp-avatar-modal-box{
    position:relative;
    width:min(520px,100%);
    max-height:86vh;
    overflow:auto;
    border-radius:28px;
    padding:22px;
    background:linear-gradient(145deg,rgba(15,23,42,.96),rgba(30,41,59,.94));
    border:1px solid rgba(14,165,233,.28);
    box-shadow:0 24px 70px rgba(2,6,23,.62), 0 0 38px rgba(37,99,235,.24);
    color:#fff;
    text-align:center;
}
.etp-avatar-modal-box h3{
    margin:0 0 5px;
    font-size:23px;
}
.etp-avatar-modal-box p{
    margin:0 0 16px;
    color:#bfdbfe;
    font-size:13px;
}
.etp-avatar-close{
    position:absolute;
    right:14px;
    top:12px;
    width:34px;
    height:34px;
    border:0;
    border-radius:999px;
    background:rgba(255,255,255,.10);
    color:#fff;
    font-size:24px;
    line-height:1;
    cursor:pointer;
}
.etp-avatar-grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:10px;
}
.etp-avatar-option{
    position:relative;
    border:1px solid rgba(148,163,184,.18);
    border-radius:18px;
    padding:5px;
    background:rgba(255,255,255,.06);
    cursor:pointer;
    transition:transform .16s ease, border-color .16s ease, box-shadow .16s ease, background .16s ease;
}
.etp-avatar-option:hover{
    transform:translateY(-2px);
    border-color:rgba(14,165,233,.55);
    box-shadow:0 0 20px rgba(37,99,235,.22);
}
.etp-avatar-option.active{
    border-color:#0ea5e9;
    background:rgba(37,99,235,.20);
    box-shadow:0 0 0 2px rgba(14,165,233,.22),0 0 24px rgba(14,165,233,.28);
}
.etp-avatar-option.active:after{
    content:'✓';
    position:absolute;
    right:4px;
    bottom:4px;
    width:20px;
    height:20px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:999px;
    color:#fff;
    font-size:12px;
    font-weight:900;
    background:linear-gradient(135deg,#2563eb,#0ea5e9);
}
.etp-avatar-option img{
    width:100%;
    display:block;
    border-radius:14px;
}
@media(max-width:560px){
    .etp-home-avatar-button{
        right:14px;
        width:58px;
        height:58px;
    }
    .etp-hero-side{
        left:calc(50% - 108px);
    }
    .etp-avatar-grid{
        grid-template-columns:repeat(4,1fr);
        gap:9px;
    }
    .etp-avatar-modal-box{
        padding:20px 14px;
        border-radius:24px;
    }
}
@media(max-width:380px){
    .etp-home-avatar-button{
        right:4px;
    }
    .etp-hero-side{
        left:4px;
    }
}


/* v3.0.16 - mobil avatar layout finomítás + 50 avatar selector */
.etp-home-card .etp-hero-head{
    min-height:92px;
    padding:0 74px;
}
.etp-home-avatar-button{
    right:18px;
    top:50%;
    width:62px;
    height:62px;
    z-index:3;
}
.etp-avatar-grid{
    grid-template-columns:repeat(5,minmax(0,1fr));
}
@media(max-width:560px){
    .etp-home-card .etp-hero-head{
        min-height:86px;
        padding:0 64px 0 12px;
        justify-content:center;
    }
    .etp-hero-head .etp-icon{
        font-size:50px;
    }
    .etp-home-avatar-button{
        right:12px!important;
        top:50%!important;
        width:54px;
        height:54px;
        transform:translateY(-50%)!important;
    }
    .etp-home-avatar-button:hover{
        transform:translateY(-50%) scale(1.04)!important;
    }
    .etp-avatar-edit-dot{
        width:20px;
        height:20px;
        font-size:11px;
        right:-3px;
        bottom:-2px;
    }
    .etp-avatar-modal{
        align-items:flex-end;
        padding:10px;
    }
    .etp-avatar-modal-box{
        width:100%;
        max-height:82vh;
        border-radius:24px 24px 18px 18px;
        padding:18px 14px 16px;
    }
    .etp-avatar-grid{
        grid-template-columns:repeat(5,minmax(0,1fr));
        gap:8px;
    }
    .etp-avatar-option{
        border-radius:15px;
        padding:4px;
    }
    .etp-avatar-option img{
        border-radius:12px;
    }
}
@media(max-width:380px){
    .etp-avatar-grid{
        grid-template-columns:repeat(4,minmax(0,1fr));
    }
    .etp-home-card .etp-hero-head{
        padding-right:58px;
    }
    .etp-home-avatar-button{
        width:50px;
        height:50px;
        right:10px!important;
    }
}


/* v3.0.17 - avatar UX teljes mobil újrarendezés + prémium selector */
.etp-home-card .etp-hero-head{
    position:relative!important;
    min-height:108px!important;
    padding:0!important;
    display:grid!important;
    grid-template-columns:1fr auto 1fr!important;
    align-items:center!important;
    justify-items:center!important;
    margin-bottom:4px!important;
}
.etp-home-card .etp-hero-head .etp-icon{
    grid-column:2!important;
    width:86px!important;
    height:86px!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:999px!important;
    font-size:54px!important;
    background:radial-gradient(circle at 35% 22%,rgba(255,255,255,.20),rgba(37,99,235,.12) 46%,rgba(2,6,23,.10))!important;
    box-shadow:0 0 34px rgba(37,99,235,.22)!important;
}
.etp-home-avatar-button{
    grid-column:3!important;
    justify-self:start!important;
    position:relative!important;
    top:auto!important;
    right:auto!important;
    transform:none!important;
    width:auto!important;
    height:auto!important;
    min-width:72px!important;
    padding:0!important;
    border:0!important;
    border-radius:22px!important;
    background:transparent!important;
    box-shadow:none!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    gap:5px!important;
    z-index:5!important;
}
.etp-home-avatar-button:hover{
    transform:translateY(-2px)!important;
    box-shadow:none!important;
}
.etp-home-avatar-orb{
    position:relative!important;
    width:68px!important;
    height:68px!important;
    display:block!important;
    padding:4px!important;
    border-radius:999px!important;
    background:linear-gradient(135deg,#2563eb,#0ea5e9)!important;
    border:1px solid rgba(255,255,255,.48)!important;
    box-shadow:0 0 24px rgba(37,99,235,.42), inset 0 0 16px rgba(255,255,255,.18)!important;
}
.etp-home-avatar-button img{
    width:100%!important;
    height:100%!important;
    display:block!important;
    object-fit:cover!important;
    border-radius:999px!important;
    background:#0f172a!important;
}
.etp-avatar-edit-dot{
    position:absolute!important;
    right:-3px!important;
    bottom:1px!important;
    width:24px!important;
    height:24px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:999px!important;
    color:#fff!important;
    font-size:12px!important;
    font-weight:900!important;
    background:linear-gradient(135deg,#0ea5e9,#2563eb)!important;
    border:2px solid rgba(255,255,255,.94)!important;
    box-shadow:0 8px 18px rgba(2,6,23,.34)!important;
}
.etp-avatar-mini-label{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:22px!important;
    padding:3px 8px!important;
    border-radius:999px!important;
    font-size:10px!important;
    line-height:1!important;
    font-weight:900!important;
    letter-spacing:.08em!important;
    text-transform:uppercase!important;
    color:#dbeafe!important;
    background:rgba(15,23,42,.32)!important;
    border:1px solid rgba(14,165,233,.28)!important;
    box-shadow:0 0 18px rgba(37,99,235,.12)!important;
}
.etp-avatar-modal{
    background:rgba(2,6,23,.82)!important;
    backdrop-filter:blur(18px)!important;
    -webkit-backdrop-filter:blur(18px)!important;
}
.etp-avatar-modal-box{
    width:min(620px,100%)!important;
    max-height:88vh!important;
    padding:24px!important;
    border-radius:30px!important;
    background:
        radial-gradient(circle at 18% 0%,rgba(14,165,233,.24),transparent 32%),
        radial-gradient(circle at 82% 10%,rgba(239,68,68,.18),transparent 30%),
        linear-gradient(145deg,rgba(15,23,42,.98),rgba(30,41,59,.96))!important;
    border:1px solid rgba(125,211,252,.28)!important;
}
.etp-avatar-grid{
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:12px!important;
}
.etp-avatar-option{
    aspect-ratio:1/1!important;
    padding:6px!important;
    border-radius:22px!important;
    background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.035))!important;
    border:1px solid rgba(148,163,184,.22)!important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)!important;
}
.etp-avatar-option img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    border-radius:17px!important;
}
.etp-avatar-option:hover{
    transform:translateY(-3px) scale(1.015)!important;
    border-color:rgba(14,165,233,.74)!important;
    box-shadow:0 0 26px rgba(37,99,235,.32)!important;
}
.etp-avatar-option.active{
    border-color:#38bdf8!important;
    background:rgba(37,99,235,.22)!important;
    box-shadow:0 0 0 2px rgba(56,189,248,.24),0 0 30px rgba(14,165,233,.34)!important;
}
@media(max-width:560px){
    .etp-home-card .etp-hero-head{
        min-height:auto!important;
        grid-template-columns:1fr!important;
        gap:10px!important;
        padding-top:4px!important;
        margin-bottom:8px!important;
    }
    .etp-home-card .etp-hero-head .etp-icon{
        grid-column:1!important;
        width:84px!important;
        height:84px!important;
        font-size:52px!important;
    }
    .etp-home-avatar-button{
        grid-column:1!important;
        justify-self:center!important;
        display:grid!important;
        grid-template-columns:auto auto!important;
        align-items:center!important;
        gap:8px!important;
        min-width:0!important;
        padding:7px 10px 7px 7px!important;
        border-radius:999px!important;
        background:rgba(15,23,42,.28)!important;
        border:1px solid rgba(14,165,233,.25)!important;
        box-shadow:0 10px 28px rgba(2,6,23,.14), 0 0 22px rgba(37,99,235,.12)!important;
    }
    .etp-home-avatar-orb{
        width:50px!important;
        height:50px!important;
        padding:3px!important;
    }
    .etp-avatar-edit-dot{
        width:19px!important;
        height:19px!important;
        font-size:10px!important;
        right:-4px!important;
        bottom:-3px!important;
    }
    .etp-avatar-mini-label{
        display:inline-flex!important;
        font-size:10px!important;
        padding:4px 8px!important;
        color:#eff6ff!important;
    }
    .etp-avatar-modal{
        align-items:flex-end!important;
        padding:8px!important;
    }
    .etp-avatar-modal-box{
        max-height:86vh!important;
        border-radius:26px 26px 18px 18px!important;
        padding:20px 14px 14px!important;
    }
    .etp-avatar-modal-box h3{
        font-size:21px!important;
    }
    .etp-avatar-grid{
        grid-template-columns:repeat(4,minmax(0,1fr))!important;
        gap:9px!important;
    }
    .etp-avatar-option{
        border-radius:18px!important;
        padding:4px!important;
    }
    .etp-avatar-option img{
        border-radius:14px!important;
    }
}
@media(max-width:380px){
    .etp-avatar-grid{
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
    }
    .etp-home-card .etp-hero-head .etp-icon{
        width:78px!important;
        height:78px!important;
        font-size:48px!important;
    }
}



/* v3.0.18 - pontosított avatar UI: kard jobb oldal, nincs felirat/buborék, kör alakú prep avatar */
.etp-home-card .etp-hero-head{
    display:grid!important;
    grid-template-columns:1fr 88px 1fr!important;
    align-items:center!important;
    justify-items:center!important;
    min-height:108px!important;
    padding:0!important;
}
.etp-home-card .etp-hero-head .etp-icon{
    grid-column:2!important;
    grid-row:1!important;
}
.etp-home-avatar-button{
    grid-column:3!important;
    grid-row:1!important;
    justify-self:start!important;
    align-self:center!important;
    position:relative!important;
    top:auto!important;
    right:auto!important;
    width:70px!important;
    height:70px!important;
    min-width:70px!important;
    padding:0!important;
    margin-left:18px!important;
    display:block!important;
    border:0!important;
    border-radius:999px!important;
    background:transparent!important;
    box-shadow:none!important;
    transform:none!important;
}
.etp-home-avatar-button:hover{
    transform:scale(1.04)!important;
    box-shadow:none!important;
}
.etp-home-avatar-orb{
    width:70px!important;
    height:70px!important;
    padding:4px!important;
    display:block!important;
    border-radius:999px!important;
    background:linear-gradient(135deg,#ef4444,#0ea5e9)!important;
    border:2px solid rgba(255,255,255,.9)!important;
    box-shadow:0 10px 28px rgba(37,99,235,.22),0 0 22px rgba(239,68,68,.16)!important;
    overflow:visible!important;
}
.etp-home-avatar-button img{
    width:100%!important;
    height:100%!important;
    display:block!important;
    border-radius:999px!important;
    object-fit:cover!important;
    background:transparent!important;
    clip-path:circle(50% at 50% 50%)!important;
}
.etp-avatar-mini-label,
.etp-home-player-name{
    display:none!important;
}
.etp-avatar-edit-dot{
    right:-5px!important;
    bottom:2px!important;
    width:26px!important;
    height:26px!important;
    color:#fff!important;
    font-size:15px!important;
    line-height:1!important;
    background:linear-gradient(135deg,#111827,#334155)!important;
    border:2px solid rgba(255,255,255,.95)!important;
    box-shadow:0 8px 18px rgba(2,6,23,.32),0 0 0 2px rgba(14,165,233,.20)!important;
}
.etp-home-card h2{
    margin-top:10px!important;
}
.etp-prep-avatar-wrap{
    overflow:hidden!important;
    border-radius:999px!important;
}
.etp-prep-avatar{
    display:block!important;
    width:100%!important;
    height:100%!important;
    border-radius:999px!important;
    clip-path:circle(50% at 50% 50%)!important;
    object-fit:cover!important;
    background:transparent!important;
}
.etp-prep-opponent .etp-prep-avatar-wrap{
    background:linear-gradient(135deg,#ef4444,#dc2626)!important;
    box-shadow:0 0 0 7px rgba(239,68,68,.14),0 0 32px rgba(239,68,68,.54)!important;
}
.etp-prep-me .etp-prep-avatar-wrap{
    background:linear-gradient(135deg,#2563eb,#0ea5e9)!important;
    box-shadow:0 0 0 7px rgba(37,99,235,.14),0 0 32px rgba(37,99,235,.54)!important;
}
@media(max-width:560px){
    .etp-home-card .etp-hero-head{
        grid-template-columns:1fr 84px 1fr!important;
        min-height:96px!important;
        gap:0!important;
        padding:0 4px!important;
        margin-bottom:4px!important;
    }
    .etp-home-card .etp-hero-head .etp-icon{
        width:82px!important;
        height:82px!important;
        font-size:50px!important;
    }
    .etp-home-avatar-button{
        grid-column:3!important;
        justify-self:start!important;
        width:62px!important;
        height:62px!important;
        min-width:62px!important;
        margin-left:12px!important;
        padding:0!important;
        background:transparent!important;
        border:0!important;
        box-shadow:none!important;
        display:block!important;
    }
    .etp-home-avatar-orb{
        width:62px!important;
        height:62px!important;
        padding:3px!important;
    }
    .etp-avatar-edit-dot{
        width:23px!important;
        height:23px!important;
        right:-5px!important;
        bottom:1px!important;
        font-size:13px!important;
    }
}
@media(max-width:380px){
    .etp-home-card .etp-hero-head{
        grid-template-columns:1fr 78px 1fr!important;
    }
    .etp-home-avatar-button{
        width:56px!important;
        height:56px!important;
        min-width:56px!important;
        margin-left:8px!important;
    }
    .etp-home-avatar-orb{
        width:56px!important;
        height:56px!important;
    }
}


/* v3.0.19 – játék közbeni avatar + burgonya/kukorica HUD */
.etp-game-card .etp-topline{display:none!important}
.etp-duel-head{
    display:grid;
    grid-template-columns:1fr auto 1fr;
    align-items:start;
    gap:14px;
    margin:0 0 20px;
}
.etp-duel-player{
    min-width:0;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:7px;
}
.etp-duel-avatar-wrap{
    width:96px;
    height:96px;
    border-radius:999px;
    padding:4px;
    position:relative;
    display:grid;
    place-items:center;
    background:#fff;
}
.etp-duel-avatar-wrap:before{
    content:"";
    position:absolute;
    inset:-8px;
    border-radius:999px;
    opacity:.34;
    filter:blur(3px);
    z-index:0;
}
.etp-duel-blue{
    background:linear-gradient(135deg,#2563eb,#0ea5e9);
    box-shadow:0 0 0 7px rgba(37,99,235,.10),0 16px 30px rgba(37,99,235,.20);
}
.etp-duel-blue:before{background:radial-gradient(circle,#2563eb 0%,rgba(14,165,233,.5) 45%,transparent 72%)}
.etp-duel-red{
    background:linear-gradient(135deg,#ef4444,#dc2626);
    box-shadow:0 0 0 7px rgba(239,68,68,.10),0 16px 30px rgba(239,68,68,.20);
}
.etp-duel-red:before{background:radial-gradient(circle,#ef4444 0%,rgba(220,38,38,.5) 45%,transparent 72%)}
.etp-duel-avatar{
    position:relative;
    z-index:1;
    display:block;
    width:100%;
    height:100%;
    border-radius:999px!important;
    object-fit:cover;
    background:#eaf5ff;
    border:3px solid rgba(255,255,255,.92);
}
.etp-duel-player strong{
    display:block;
    max-width:132px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#0f172a;
    font-size:14px;
    line-height:1.15;
    font-weight:900;
}
.etp-duel-potatoes{
    min-height:24px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:2px;
    flex-wrap:wrap;
    max-width:132px;
}
.etp-potato{
    display:inline-block;
    font-size:19px;
    line-height:1;
    filter:drop-shadow(0 3px 5px rgba(15,23,42,.14));
}
.etp-potato-empty{
    color:#93a4b8;
    font-size:18px;
    font-weight:900;
}
.etp-game-card .etp-timer{
    width:86px;
    height:86px;
    margin:22px auto 0!important;
    display:grid;
    place-items:center;
    border-radius:26px;
    background:rgba(255,255,255,.72);
    border:1px solid rgba(148,163,184,.24);
    box-shadow:0 13px 32px rgba(37,99,235,.10);
    color:#0f172a;
    font-size:48px;
    line-height:1;
}
.etp-game-card h3#etp-question{
    margin:12px auto 8px;
    font-size:clamp(26px,7vw,39px);
    line-height:1.15;
    color:#0f172a;
}
.etp-corn-row{
    min-height:34px;
    margin:8px auto 16px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:5px;
    flex-wrap:wrap;
}
.etp-corn{
    display:inline-block;
    font-size:23px;
    line-height:1;
    filter:drop-shadow(0 4px 5px rgba(15,23,42,.12));
    transition:transform .18s ease,opacity .18s ease,filter .18s ease;
}
.etp-corn.active{
    transform:scale(1.16);
    filter:drop-shadow(0 0 8px rgba(245,158,11,.42));
}
.etp-corn.done{
    opacity:.28;
    transform:scale(.86);
    filter:grayscale(.45);
}
.etp-corn.next{
    opacity:.92;
}

@media (max-width:520px){
    .etp-duel-head{
        gap:8px;
        margin-bottom:14px;
    }
    .etp-duel-avatar-wrap{
        width:82px;
        height:82px;
        padding:3px;
    }
    .etp-duel-avatar-wrap:before{inset:-6px}
    .etp-duel-player strong{
        max-width:112px;
        font-size:12px;
    }
    .etp-potato{font-size:17px}
    .etp-game-card .etp-timer{
        width:78px;
        height:78px;
        margin-top:18px!important;
        border-radius:24px;
        font-size:43px;
    }
    .etp-game-card h3#etp-question{
        margin-top:10px;
        font-size:clamp(24px,7.2vw,34px);
    }
    .etp-corn{font-size:21px}
}
@media (max-width:380px){
    .etp-duel-avatar-wrap{width:72px;height:72px}
    .etp-duel-player strong{max-width:96px;font-size:11px}
    .etp-game-card .etp-timer{width:68px;height:68px;font-size:38px}
    .etp-corn{font-size:18px}
}



/* v3.0.20 – keresési avatar-orbit + főoldali név az avatar alatt */
.etp-hero-head{
    position:relative;
}
.etp-home-avatar-button{
    width:72px !important;
    height:auto !important;
    min-height:86px;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    display:flex !important;
    flex-direction:column;
    align-items:center;
    gap:6px;
    right:calc(50% - 128px) !important;
}
.etp-home-avatar-button:hover{
    transform:translateY(-50%) scale(1.04) !important;
}
.etp-home-avatar-orb{
    position:relative;
    width:64px;
    height:64px;
    display:block;
    border-radius:999px;
    padding:3px;
    background:linear-gradient(135deg,#ef4444,#2563eb,#0ea5e9);
    box-shadow:0 0 26px rgba(37,99,235,.30), 0 0 22px rgba(239,68,68,.16);
}
.etp-home-avatar-orb img{
    width:100%;
    height:100%;
    display:block;
    border-radius:999px;
    object-fit:cover;
    border:2px solid rgba(255,255,255,.92);
}
.etp-home-avatar-button .etp-home-player-name{
    display:block;
    max-width:104px;
    margin:0;
    padding:3px 8px;
    border-radius:999px;
    background:rgba(255,255,255,.72);
    border:1px solid rgba(14,165,233,.28);
    color:#0f172a;
    font-size:11px;
    font-weight:900;
    line-height:1.1;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    box-shadow:0 8px 18px rgba(37,99,235,.13);
}
.etp-avatar-edit-dot{
    right:-4px !important;
    bottom:-2px !important;
    width:21px !important;
    height:21px !important;
    font-size:11px !important;
    background:linear-gradient(135deg,#0f172a,#2563eb) !important;
}

/* Ellenfél keresés: kavargó avatarok a kör körül */
.etp-search-card{
    overflow:hidden;
    position:relative;
}
.etp-search-orbit{
    position:relative;
    width:230px;
    height:230px;
    margin:18px auto 14px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:999px;
}
.etp-search-core-loader{
    position:relative;
    z-index:4;
    margin:0 !important;
    width:72px !important;
    height:72px !important;
    border-width:7px !important;
    border-color:rgba(37,99,235,.18) !important;
    border-top-color:#2563eb !important;
    border-right-color:#0ea5e9 !important;
    box-shadow:0 0 34px rgba(37,99,235,.22), inset 0 0 18px rgba(255,255,255,.55);
}
.etp-orbit-ring{
    position:absolute;
    inset:18px;
    border-radius:999px;
    border:1px solid rgba(37,99,235,.16);
    box-shadow:inset 0 0 24px rgba(14,165,233,.08), 0 0 30px rgba(37,99,235,.08);
}
.etp-orbit-ring-two{
    inset:42px;
    border-color:rgba(239,68,68,.12);
}
.etp-orbit-avatar{
    position:absolute;
    left:50%;
    top:50%;
    width:46px;
    height:46px;
    margin:-23px 0 0 -23px;
    border-radius:999px;
    padding:2px;
    background:linear-gradient(135deg,#fff,rgba(255,255,255,.35));
    box-shadow:0 10px 26px rgba(15,23,42,.16), 0 0 18px rgba(37,99,235,.16);
    animation:etpOrbitSpin 5.8s linear infinite;
    transform:rotate(var(--a)) translateX(var(--r)) rotate(calc(-1 * var(--a)));
}
.etp-orbit-avatar img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    border-radius:999px;
}
.etp-orbit-avatar-1{--a:0deg;--r:92px;animation-duration:5.8s}
.etp-orbit-avatar-2{--a:36deg;--r:82px;animation-duration:6.4s;animation-direction:reverse}
.etp-orbit-avatar-3{--a:72deg;--r:95px;animation-duration:7.1s}
.etp-orbit-avatar-4{--a:108deg;--r:78px;animation-duration:6.0s;animation-direction:reverse}
.etp-orbit-avatar-5{--a:144deg;--r:91px;animation-duration:6.8s}
.etp-orbit-avatar-6{--a:180deg;--r:84px;animation-duration:5.6s;animation-direction:reverse}
.etp-orbit-avatar-7{--a:216deg;--r:98px;animation-duration:7.4s}
.etp-orbit-avatar-8{--a:252deg;--r:80px;animation-duration:6.2s;animation-direction:reverse}
.etp-orbit-avatar-9{--a:288deg;--r:90px;animation-duration:6.9s}
.etp-orbit-avatar-10{--a:324deg;--r:86px;animation-duration:5.9s;animation-direction:reverse}
@keyframes etpOrbitSpin{
    from{ transform:rotate(var(--a)) translateX(var(--r)) rotate(calc(-1 * var(--a))); }
    to{ transform:rotate(calc(var(--a) + 360deg)) translateX(var(--r)) rotate(calc(-1 * (var(--a) + 360deg))); }
}
#etp-search:not(.etp-hidden) .etp-orbit-avatar{
    animation-play-state:running;
}

@media(max-width:560px){
    .etp-home-avatar-button{
        right:calc(50% - 116px) !important;
        width:66px !important;
        min-height:80px;
    }
    .etp-home-avatar-orb{
        width:58px;
        height:58px;
    }
    .etp-home-avatar-button .etp-home-player-name{
        max-width:92px;
        font-size:10px;
        padding:3px 7px;
    }
    .etp-search-orbit{
        width:210px;
        height:210px;
        margin-top:14px;
    }
    .etp-orbit-avatar{
        width:40px;
        height:40px;
        margin:-20px 0 0 -20px;
    }
    .etp-orbit-avatar-1{--r:84px}.etp-orbit-avatar-2{--r:74px}.etp-orbit-avatar-3{--r:86px}.etp-orbit-avatar-4{--r:70px}.etp-orbit-avatar-5{--r:82px}
    .etp-orbit-avatar-6{--r:76px}.etp-orbit-avatar-7{--r:88px}.etp-orbit-avatar-8{--r:72px}.etp-orbit-avatar-9{--r:81px}.etp-orbit-avatar-10{--r:78px}
}



/* v3.0.21 – főoldali avatar pozíció javítás: vissza a kard mellé, név alá */
.etp-home-card .etp-hero-head{
    position:relative!important;
    display:grid!important;
    grid-template-columns:1fr 88px 1fr!important;
    align-items:center!important;
    justify-items:center!important;
    min-height:112px!important;
    padding:0!important;
    margin-bottom:4px!important;
}
.etp-home-card .etp-hero-head .etp-icon{
    grid-column:2!important;
    grid-row:1!important;
    justify-self:center!important;
    align-self:center!important;
}
.etp-home-card .etp-home-avatar-button{
    grid-column:3!important;
    grid-row:1!important;
    justify-self:start!important;
    align-self:center!important;
    position:relative!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    left:auto!important;
    transform:none!important;
    width:76px!important;
    height:auto!important;
    min-width:76px!important;
    min-height:92px!important;
    margin:0 0 0 18px!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:6px!important;
}
.etp-home-card .etp-home-avatar-button:hover{
    transform:translateY(-2px)!important;
    box-shadow:none!important;
}
.etp-home-card .etp-home-avatar-orb{
    position:relative!important;
    width:68px!important;
    height:68px!important;
    min-width:68px!important;
    min-height:68px!important;
    display:block!important;
    padding:4px!important;
    border-radius:999px!important;
    background:linear-gradient(135deg,#ef4444,#2563eb,#0ea5e9)!important;
    border:2px solid rgba(255,255,255,.92)!important;
    box-shadow:0 10px 28px rgba(37,99,235,.22),0 0 22px rgba(239,68,68,.16)!important;
    overflow:visible!important;
}
.etp-home-card .etp-home-avatar-orb img{
    width:100%!important;
    height:100%!important;
    display:block!important;
    border-radius:999px!important;
    object-fit:cover!important;
    clip-path:circle(50% at 50% 50%)!important;
    background:transparent!important;
}
.etp-home-card .etp-home-avatar-button .etp-home-player-name{
    display:block!important;
    max-width:112px!important;
    margin:0!important;
    padding:4px 9px!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.78)!important;
    border:1px solid rgba(14,165,233,.26)!important;
    color:#0f172a!important;
    font-size:11px!important;
    font-weight:900!important;
    line-height:1.08!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    box-shadow:0 8px 18px rgba(37,99,235,.12)!important;
}
.etp-home-card .etp-avatar-edit-dot{
    right:-5px!important;
    bottom:2px!important;
    width:24px!important;
    height:24px!important;
    font-size:12px!important;
    background:linear-gradient(135deg,#0f172a,#2563eb)!important;
}

@media(max-width:560px){
    .etp-home-card .etp-hero-head{
        grid-template-columns:1fr 82px 1fr!important;
        min-height:104px!important;
        padding:0 6px!important;
    }
    .etp-home-card .etp-hero-head .etp-icon{
        width:82px!important;
        height:82px!important;
        font-size:50px!important;
    }
    .etp-home-card .etp-home-avatar-button{
        justify-self:start!important;
        width:68px!important;
        min-width:68px!important;
        min-height:84px!important;
        margin-left:12px!important;
        gap:5px!important;
    }
    .etp-home-card .etp-home-avatar-orb{
        width:60px!important;
        height:60px!important;
        min-width:60px!important;
        min-height:60px!important;
        padding:3px!important;
    }
    .etp-home-card .etp-home-avatar-button .etp-home-player-name{
        max-width:96px!important;
        font-size:10px!important;
        padding:3px 7px!important;
    }
}
@media(max-width:380px){
    .etp-home-card .etp-hero-head{
        grid-template-columns:1fr 76px 1fr!important;
    }
    .etp-home-card .etp-home-avatar-button{
        width:62px!important;
        min-width:62px!important;
        margin-left:8px!important;
    }
    .etp-home-card .etp-home-avatar-orb{
        width:56px!important;
        height:56px!important;
        min-width:56px!important;
        min-height:56px!important;
    }
}

/* v3.0.22 prémium avatar pack */
.etp-avatar-grid{
    grid-template-columns:repeat(4,1fr);
    gap:12px;
}
.etp-avatar-option{
    border-radius:22px;
    padding:7px 6px 8px;
    background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(15,23,42,.34));
}
.etp-avatar-option img{
    width:100%;
    aspect-ratio:1/1;
    object-fit:cover;
    border-radius:999px;
    box-shadow:0 0 0 2px rgba(255,255,255,.20), 0 10px 26px rgba(2,6,23,.35);
}
.etp-avatar-option-name{
    display:block;
    margin-top:6px;
    font-size:11px;
    line-height:1.1;
    font-weight:800;
    color:#eaf4ff;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.etp-avatar-option.active:after{
    right:7px;
    top:7px;
    bottom:auto;
    width:22px;
    height:22px;
    background:linear-gradient(135deg,#2563eb,#0ea5e9);
    box-shadow:0 0 14px rgba(14,165,233,.45);
}
.etp-home-avatar-button img,
.etp-prep-avatar-wrap img,
.etp-game-avatar img,
.etp-orbit-avatar img{
    border-radius:999px!important;
    object-fit:cover!important;
    overflow:hidden!important;
}
@media(max-width:560px){
    .etp-avatar-modal-box{
        width:min(420px,96vw);
        padding:20px 14px;
    }
    .etp-avatar-grid{
        grid-template-columns:repeat(3,1fr);
        gap:10px;
    }
    .etp-avatar-option{
        border-radius:18px;
        padding:6px 5px 7px;
    }
    .etp-avatar-option-name{
        font-size:10px;
    }
}


/* v3.0.23 – női avatar crop fix + vegyes keresési orbit + subtitle nélkül */
.etp-avatar-modal-box > p{
    display:none!important;
}
.etp-avatar-option img,
.etp-home-avatar-orb img,
.etp-prep-avatar,
.etp-game-avatar img,
.etp-orbit-avatar img{
    object-position:center center!important;
}
.etp-avatar-option{
    overflow:hidden;
}
.etp-avatar-option img{
    background:radial-gradient(circle at 50% 42%, rgba(255,255,255,.10), rgba(15,23,42,.18) 62%, transparent 72%)!important;
}
.etp-orbit-avatar img{
    background:rgba(15,23,42,.18)!important;
}


/* v3.0.25 – női avatar képek újravágva + egységes körmaszk */
.etp-avatar-option img,
.etp-home-avatar-orb img,
.etp-prep-avatar-wrap img,
.etp-game-avatar img,
.etp-orbit-avatar img{
    width:100%!important;
    height:100%!important;
    aspect-ratio:1/1!important;
    object-fit:cover!important;
    object-position:center center!important;
    border-radius:999px!important;
    display:block!important;
}
.etp-avatar-option{
    overflow:hidden!important;
}


/* v3.0.25 – újragenerált egységes avatar pack: férfi+női körök azonos crop-pal */
.etp-avatar-option img,
.etp-home-avatar-orb img,
.etp-prep-avatar,
.etp-prep-avatar-wrap img,
.etp-game-avatar img,
.etp-orbit-avatar img{
    width:100%!important;
    height:100%!important;
    aspect-ratio:1/1!important;
    object-fit:cover!important;
    object-position:center center!important;
    border-radius:999px!important;
    display:block!important;
}
.etp-avatar-option img{
    max-width:100%!important;
    max-height:100%!important;
}



/* v3.0.30 - foglalkozásos, rajzolt avatar pack */
.etp-avatar-modal-box p{display:none!important;}
.etp-avatar-grid{
    grid-template-columns:repeat(5,1fr);
    gap:12px;
}
.etp-avatar-option{
    background:#ffffff!important;
    border:1px solid rgba(148,163,184,.34)!important;
    border-radius:18px!important;
    padding:7px 6px 6px!important;
    box-shadow:0 8px 18px rgba(15,23,42,.14);
}
.etp-avatar-option img{
    width:100%!important;
    aspect-ratio:1/1!important;
    height:auto!important;
    object-fit:contain!important;
    object-position:center center!important;
    border-radius:14px!important;
    background:#fff!important;
}
.etp-avatar-option-name{
    display:block;
    margin-top:5px;
    color:#0f172a;
    font-size:11px;
    line-height:1.08;
    font-weight:800;
    min-height:24px;
}
.etp-avatar-option.active{
    border-color:#0ea5e9!important;
    box-shadow:0 0 0 2px rgba(14,165,233,.28),0 10px 26px rgba(14,165,233,.30)!important;
}
.etp-avatar-option.active:after{
    right:5px!important;
    top:5px!important;
    bottom:auto!important;
}
#etp-home-avatar,
#etp-player-avatar,
#etp-enemy-avatar,
#etp-game-player-avatar,
#etp-game-enemy-avatar,
.etp-orbit-avatar img{
    object-fit:contain!important;
    object-position:center center!important;
    background:#fff!important;
}
.etp-home-avatar-orb img{
    object-fit:contain!important;
    object-position:center center!important;
    background:#fff!important;
}
@media(max-width:560px){
    .etp-avatar-grid{
        grid-template-columns:repeat(3,1fr)!important;
        gap:12px!important;
    }
    .etp-avatar-modal-box{
        width:min(430px,100%)!important;
        padding:22px 14px 16px!important;
    }
    .etp-avatar-option{
        border-radius:18px!important;
        padding:7px 6px 6px!important;
    }
    .etp-avatar-option img{
        border-radius:14px!important;
    }
    .etp-avatar-option-name{
        font-size:11px!important;
    }
}


/* v3.0.31 - Adminból kezelt avatarok + középre helyezett főoldali avatar */
.etp-hero-head-centered{
    justify-content:center!important;
    min-height:112px!important;
    margin-bottom:8px!important;
}
.etp-home-avatar-main,
.etp-home-avatar-button.etp-home-avatar-main{
    position:relative!important;
    right:auto!important;
    top:auto!important;
    transform:none!important;
    width:auto!important;
    height:auto!important;
    min-width:0!important;
    display:inline-flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
}
.etp-home-avatar-main:hover{
    transform:none!important;
    box-shadow:none!important;
}
.etp-home-avatar-orb{
    position:relative;
    width:92px;
    height:92px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:28px;
    padding:7px;
    background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(239,246,255,.86));
    border:1px solid rgba(14,165,233,.34);
    box-shadow:0 16px 36px rgba(37,99,235,.16), inset 0 1px 0 rgba(255,255,255,.9);
}
.etp-home-avatar-orb img,
.etp-home-avatar-button img{
    width:100%!important;
    height:100%!important;
    display:block!important;
    border-radius:22px!important;
    object-fit:contain!important;
    object-position:center center!important;
    background:#fff!important;
}
.etp-home-player-name{
    margin:0 auto!important;
    color:#075985!important;
    background:rgba(239,246,255,.92)!important;
    border:1px solid rgba(14,165,233,.25)!important;
}
.etp-avatar-edit-dot{
    right:-5px!important;
    bottom:-4px!important;
    background:linear-gradient(135deg,#2563eb,#0ea5e9)!important;
}
.etp-button-sword{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin-right:9px;
    font-size:.95em;
    line-height:1;
    filter:drop-shadow(0 2px 5px rgba(15,23,42,.18));
}
.etp-primary{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:0!important;
}
.etp-avatar-grid{
    grid-template-columns:repeat(3,1fr)!important;
    gap:12px!important;
}
.etp-avatar-option{
    border-radius:18px!important;
    padding:8px!important;
    background:rgba(255,255,255,.08)!important;
}
.etp-avatar-option img{
    width:100%!important;
    aspect-ratio:1/1!important;
    height:auto!important;
    object-fit:contain!important;
    object-position:center center!important;
    border-radius:14px!important;
    background:#fff!important;
    display:block!important;
}
.etp-avatar-option-name{
    display:block;
    margin-top:6px;
    font-size:11px;
    line-height:1.15;
    color:#e0f2fe;
    font-weight:800;
}
.etp-prep-avatar,
.etp-game-avatar img,
.etp-duel-avatar img,
.etp-orbit-avatar img{
    object-fit:contain!important;
    object-position:center center!important;
    background:#fff!important;
}
@media(max-width:560px){
    .etp-hero-head-centered{min-height:104px!important}
    .etp-home-avatar-orb{width:84px;height:84px;border-radius:26px}
    .etp-home-avatar-orb img{border-radius:20px!important}
    .etp-avatar-modal-box{padding:20px 16px!important}
    .etp-avatar-grid{grid-template-columns:repeat(3,1fr)!important;gap:10px!important}
}


/* v3.0.32 - főoldali avatar tényleges középre igazítás, nagyobb méret */
.etp-home-card .etp-hero-head.etp-hero-head-centered{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    justify-items:center!important;
    grid-template-columns:none!important;
    width:100%!important;
    min-height:136px!important;
    margin:0 auto 12px!important;
    padding:0!important;
    text-align:center!important;
}
.etp-home-card .etp-hero-head.etp-hero-head-centered .etp-home-avatar-button.etp-home-avatar-main{
    grid-column:auto!important;
    grid-row:auto!important;
    justify-self:center!important;
    align-self:center!important;
    position:relative!important;
    inset:auto!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    transform:none!important;
    margin:0 auto!important;
    width:auto!important;
    height:auto!important;
    min-width:0!important;
    min-height:0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:10px!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
}
.etp-home-card .etp-hero-head.etp-hero-head-centered .etp-home-avatar-button.etp-home-avatar-main:hover{
    transform:none!important;
    box-shadow:none!important;
}
.etp-home-card .etp-hero-head.etp-hero-head-centered .etp-home-avatar-orb{
    width:108px!important;
    height:108px!important;
    min-width:108px!important;
    min-height:108px!important;
    max-width:108px!important;
    max-height:108px!important;
    margin:0 auto!important;
    padding:8px!important;
    border-radius:30px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
}
.etp-home-card .etp-hero-head.etp-hero-head-centered .etp-home-avatar-orb img,
.etp-home-card .etp-hero-head.etp-hero-head-centered #etp-home-avatar{
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    max-width:100%!important;
    max-height:100%!important;
    display:block!important;
    border-radius:24px!important;
    object-fit:contain!important;
    object-position:center center!important;
    background:#fff!important;
}
.etp-home-card .etp-hero-head.etp-hero-head-centered .etp-home-player-name{
    display:block!important;
    max-width:220px!important;
    margin:0 auto!important;
    padding:5px 14px!important;
    font-size:18px!important;
    line-height:1.15!important;
    font-weight:900!important;
    text-align:center!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
}
@media(max-width:560px){
    .etp-home-card .etp-hero-head.etp-hero-head-centered{
        min-height:128px!important;
        margin-bottom:10px!important;
    }
    .etp-home-card .etp-hero-head.etp-hero-head-centered .etp-home-avatar-orb{
        width:102px!important;
        height:102px!important;
        min-width:102px!important;
        min-height:102px!important;
        max-width:102px!important;
        max-height:102px!important;
        border-radius:30px!important;
        padding:8px!important;
    }
    .etp-home-card .etp-hero-head.etp-hero-head-centered .etp-home-avatar-orb img,
    .etp-home-card .etp-hero-head.etp-hero-head-centered #etp-home-avatar{
        border-radius:24px!important;
    }
    .etp-home-card .etp-hero-head.etp-hero-head-centered .etp-home-player-name{
        font-size:17px!important;
        max-width:190px!important;
        padding:5px 12px!important;
    }
}


.etp-weekly-reward-details{
    margin-top:10px;
    width:100%;
    border:1px solid rgba(37,99,235,.14);
    background:#ffffff;
    color:#2563eb;
    border-radius:14px;
    padding:10px 14px;
    font-size:14px;
    font-weight:800;
    cursor:pointer;
    box-shadow:0 8px 18px rgba(15,23,42,.06);
}
.etp-weekly-reward-details:hover{
    border-color:rgba(37,99,235,.26);
    box-shadow:0 10px 24px rgba(37,99,235,.10);
}

.etp-prize-modal{
    position:fixed;
    inset:0;
    z-index:99999;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:20px;
    background:rgba(15,23,42,.48);
    backdrop-filter:blur(10px);
}
.etp-prize-modal.etp-hidden{display:none!important}
.etp-prize-modal-box{
    width:min(420px,92vw);
    background:rgba(255,255,255,.96);
    border:1px solid rgba(37,99,235,.16);
    border-radius:24px;
    padding:24px 20px 20px;
    text-align:center;
    box-shadow:0 24px 70px rgba(15,23,42,.22);
    position:relative;
}
.etp-prize-modal-box h3{
    margin:0 0 12px;
    font-size:24px;
    color:#0f172a;
}
.etp-prize-modal-box p{
    margin:0;
    font-size:18px;
    line-height:1.45;
    font-weight:800;
    color:#0b4ea2;
}
.etp-prize-close{
    position:absolute;
    top:10px;
    right:10px;
    width:36px;
    height:36px;
    border:0;
    border-radius:12px;
    background:rgba(37,99,235,.08);
    color:#0b4ea2;
    font-size:22px;
    line-height:1;
    cursor:pointer;
}


/* v3.0.39 – kompakt kérdésállás + csillagos nyert körök */
.etp-duel-potatoes{
    max-width:122px!important;
    gap:3px!important;
}
.etp-star-win{
    display:inline-block;
    width:20px;
    text-align:center;
    font-size:18px;
    line-height:1;
    filter:drop-shadow(0 3px 6px rgba(37,99,235,.16));
}
.etp-corn-row{
    min-height:34px!important;
    margin:8px auto 16px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    flex-wrap:wrap!important;
    color:#0f172a!important;
}
.etp-question-progress-label{
    font-size:13px;
    font-weight:850;
    color:#64748b;
    letter-spacing:.01em;
}
.etp-question-progress-count{
    font-size:16px;
    font-weight:950;
    color:#2563eb;
    padding:4px 10px;
    border-radius:999px;
    background:rgba(37,99,235,.08);
    border:1px solid rgba(37,99,235,.12);
}
.etp-prize-modal-box #etp-prize-modal-text,
.etp-prize-modal-box #etp-prize-modal-text p{
    margin:0;
    font-size:17px;
    line-height:1.48;
    font-weight:700;
    color:#0f172a;
}
.etp-prize-modal-box #etp-prize-modal-text strong{
    color:#2563eb;
    font-weight:900;
}
@media (max-width:520px){
    .etp-duel-potatoes{max-width:112px!important}
    .etp-star-win{font-size:17px;width:19px}
    .etp-question-progress-label{font-size:12px}
    .etp-question-progress-count{font-size:15px;padding:4px 9px}
}


/* v3.0.40 – aktív játékos finom animáció + fehér részletek gomb/modal */
#etp-active-players{
    display:inline-block;
    min-width:1.4em;
    transition:transform .24s ease, color .24s ease, text-shadow .24s ease;
}
#etp-active-players.etp-active-bump{
    transform:translateY(-1px) scale(1.08);
    color:#2563eb;
    text-shadow:0 6px 18px rgba(37,99,235,.22);
}

.etp-weekly-reward-details{
    background:#ffffff!important;
    color:#6b7280!important;
    border:1px solid #e5e7eb!important;
    border-radius:14px!important;
    box-shadow:0 8px 18px rgba(15,23,42,.06)!important;
    font-weight:800!important;
}
.etp-weekly-reward-details:hover{
    color:#374151!important;
    border-color:#d1d5db!important;
    box-shadow:0 12px 26px rgba(15,23,42,.09)!important;
}

.etp-prize-modal{
    background:rgba(15,23,42,.52)!important;
    backdrop-filter:blur(12px)!important;
}
.etp-prize-modal-box{
    background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;
    border:1px solid rgba(226,232,240,.95)!important;
    border-radius:24px!important;
    box-shadow:0 24px 70px rgba(15,23,42,.24)!important;
    color:#0f172a!important;
}
.etp-prize-modal-box h3{
    color:#0f172a!important;
}
.etp-prize-modal-box #etp-prize-modal-text,
.etp-prize-modal-box #etp-prize-modal-text p{
    color:#334155!important;
}
.etp-prize-modal-box #etp-prize-modal-text strong{
    color:#2563eb!important;
}
.etp-prize-close{
    background:#ffffff!important;
    color:#6b7280!important;
    border:1px solid #e5e7eb!important;
    border-radius:12px!important;
    box-shadow:0 8px 18px rgba(15,23,42,.08)!important;
}
.etp-prize-close:hover{
    color:#374151!important;
    border-color:#d1d5db!important;
    transform:translateY(-1px);
}


/* v3.0.41 - folyamatban lévő párbaj visszatérés */
.etp-resume-modal{
    position:fixed;
    inset:0;
    z-index:99999;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:20px;
    background:rgba(15,23,42,.62);
    backdrop-filter:blur(10px);
}
.etp-resume-modal.etp-hidden{display:none;}
.etp-resume-box{
    width:min(420px,100%);
    border-radius:24px;
    padding:24px;
    text-align:center;
    background:rgba(255,255,255,.96);
    box-shadow:0 24px 70px rgba(37,99,235,.22);
    border:1px solid rgba(37,99,235,.18);
}
.etp-resume-box h3{
    margin:0 0 8px;
    color:#0f172a;
    font-size:22px;
    font-weight:800;
}
.etp-resume-box p{
    margin:0 0 18px;
    color:#64748b;
    font-size:15px;
}


/* v3.0.42 - visszatérés gomb javítás */
.etp-resume-button{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-height:48px!important;
    border-radius:14px!important;
    background:#2563eb!important;
    color:#ffffff!important;
    border:2px solid #000000!important;
    font-weight:800!important;
    font-size:16px!important;
    line-height:1.2!important;
    text-decoration:none!important;
    box-shadow:0 10px 24px rgba(37,99,235,.24)!important;
    cursor:pointer!important;
}
.etp-resume-button:hover,
.etp-resume-button:focus{
    color:#ffffff!important;
    background:#1d4ed8!important;
    border-color:#000000!important;
    outline:none!important;
}


/* v3.0.47 – Próba PRO FREE/PRO kapcsoló mobilon is egy sorban, piros keret nélkül */
.etp-status-zone-card{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:7px;
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
}
.etp-zone-switch{
    display:inline-grid;
    grid-template-columns:auto 34px auto;
    align-items:center;
    justify-content:center;
    gap:6px;
    min-height:32px;
    padding:5px 8px;
    border-radius:999px;
    border:1px solid rgba(37,99,235,.45);
    background:linear-gradient(135deg,#eff6ff,#dbeafe 45%,#bfdbfe);
    color:#1d4ed8;
    box-shadow:0 8px 22px rgba(37,99,235,.18);
    cursor:pointer;
    font-size:10px;
    font-weight:900;
    letter-spacing:.03em;
    line-height:1;
    white-space:nowrap;
    transition:transform .18s ease,box-shadow .18s ease,background .18s ease;
    -webkit-tap-highlight-color:transparent;
}
.etp-zone-switch:hover{
    transform:translateY(-1px);
    box-shadow:0 10px 26px rgba(37,99,235,.23);
}
.etp-zone-switch:focus,
.etp-zone-switch:active{
    outline:none;
}
.etp-zone-switch:focus-visible{
    box-shadow:0 0 0 3px rgba(37,99,235,.20),0 8px 22px rgba(37,99,235,.18);
}
.etp-zone-switch-track{
    position:relative;
    width:34px;
    height:18px;
    border-radius:999px;
    background:#fff;
    border:1px solid rgba(37,99,235,.35);
    box-shadow:inset 0 1px 2px rgba(15,23,42,.08);
}
.etp-zone-switch-knob{
    position:absolute;
    top:2px;
    left:2px;
    width:12px;
    height:12px;
    border-radius:999px;
    background:linear-gradient(135deg,#38bdf8,#2563eb);
    box-shadow:0 2px 6px rgba(37,99,235,.35);
    transition:transform .22s cubic-bezier(.2,.8,.2,1);
}
.etp-zone-switch.is-pro .etp-zone-switch-knob{
    transform:translateX(16px);
}
.etp-zone-switch.is-free .etp-zone-switch-label-free,
.etp-zone-switch.is-pro .etp-zone-switch-label-pro{
    color:#0f172a;
}
@media (max-width:480px){
    .etp-zone-switch{
        grid-template-columns:auto 34px auto;
        min-height:30px;
        padding:4px 7px;
        font-size:9px;
        gap:5px;
    }
    .etp-zone-switch-label{
        display:inline-flex;
        align-items:center;
        justify-content:center;
        white-space:nowrap;
    }
}


/* v3.0.48 – Egészségpárbaj státusz FREE/PRO kapcsoló: pontosan a Pontgyűjtő fehér kapcsoló stílusa */
.etp-status-zone-card{
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
}
.etp-zone-switch,
.etp-zone-switch:hover,
.etp-zone-switch:focus,
.etp-zone-switch:active{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex-direction:row!important;
    gap:6px!important;
    border:1px solid rgba(209,213,219,.95)!important;
    background:#ffffff!important;
    color:#64748b!important;
    border-radius:999px!important;
    padding:3px 6px!important;
    font-size:10px!important;
    font-weight:800!important;
    cursor:pointer!important;
    white-space:nowrap!important;
    box-shadow:0 6px 16px rgba(15,23,42,.08)!important;
    outline:none!important;
    line-height:1!important;
    -webkit-tap-highlight-color:transparent;
    transition:border-color .2s ease,color .2s ease,transform .15s ease!important;
}
.etp-zone-switch:active{
    transform:translateY(1px)!important;
}
.etp-zone-switch:focus-visible{
    box-shadow:0 0 0 3px rgba(37,99,235,.20),0 6px 16px rgba(15,23,42,.08)!important;
}
.etp-zone-switch-track{
    position:relative!important;
    display:inline-flex!important;
    width:34px!important;
    height:18px!important;
    border-radius:999px!important;
    background:#f8fafc!important;
    border:1px solid rgba(148,163,184,.55)!important;
    box-shadow:inset 0 1px 2px rgba(15,23,42,.08)!important;
    transition:background .22s ease!important;
    flex:0 0 auto!important;
}
.etp-zone-switch-knob{
    position:absolute!important;
    top:2px!important;
    left:2px!important;
    width:14px!important;
    height:14px!important;
    border-radius:50%!important;
    background:linear-gradient(135deg,#38bdf8,#2563eb)!important;
    box-shadow:0 2px 6px rgba(37,99,235,.35)!important;
    transition:transform .22s ease!important;
}
.etp-zone-switch.is-pro .etp-zone-switch-knob{
    transform:translateX(16px)!important;
}
.etp-zone-switch.is-pro .etp-zone-switch-track{
    background:#f8fafc!important;
}
.etp-zone-switch-label{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:24px!important;
    text-align:center!important;
    white-space:nowrap!important;
    line-height:1!important;
}
.etp-zone-switch.is-free .etp-zone-switch-label-free,
.etp-zone-switch.is-pro .etp-zone-switch-label-pro{
    color:#0f172a!important;
}
@media (max-width:480px){
    .etp-zone-switch,
    .etp-zone-switch:hover,
    .etp-zone-switch:focus,
    .etp-zone-switch:active{
        flex-direction:row!important;
        display:inline-flex!important;
        padding:3px 5px!important;
        font-size:9px!important;
        gap:4px!important;
    }
    .etp-zone-switch-track{
        width:30px!important;
        height:16px!important;
    }
    .etp-zone-switch-knob{
        width:12px!important;
        height:12px!important;
    }
    .etp-zone-switch.is-pro .etp-zone-switch-knob{
        transform:translateX(14px)!important;
    }
}


/* v3.0.51 Egészségpárbaj Trial PRO státusz blokk */
.etp-stats-grid-zone{
    align-items:stretch;
}
.etp-status-zone-card-centered{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    text-align:center!important;
}
.etp-zone-total-line{
    display:flex;
    align-items:baseline;
    justify-content:center;
    gap:8px;
    width:100%;
    line-height:1.1;
}
.etp-zone-total-line span{
    margin:0!important;
}
.etp-zone-total-line strong{
    display:inline-flex!important;
    font-size:22px!important;
    line-height:1!important;
}
.etp-status-zone-card-centered .etp-zone-switch{
    margin:0 auto!important;
}
.etp-zone-switch-label{
    min-width:auto!important;
    padding:0 3px;
    text-align:center;
}
.etp-zone-switch-label-free,
.etp-zone-switch-label-pro{
    font-size:10px!important;
    letter-spacing:.01em;
    white-space:nowrap;
}
@media(max-width:560px){
    .etp-stats-grid-zone{
        grid-template-columns:1fr 1fr!important;
    }
    .etp-status-zone-card-centered{
        grid-column:1 / -1;
    }
    .etp-zone-switch{
        max-width:100%;
        gap:5px!important;
    }
    .etp-zone-switch-label-free,
    .etp-zone-switch-label-pro{
        font-size:9px!important;
    }
}


/* v3.0.52 – Próba PRO zónaváltó tájékoztató */
.etp-zone-notice{
    position:fixed;
    left:50%;
    bottom:22px;
    transform:translate(-50%, 20px);
    z-index:99999;
    width:min(92vw, 430px);
    padding:14px 16px;
    border-radius:18px;
    background:#0f172a;
    color:#fff;
    box-shadow:0 18px 45px rgba(15,23,42,.28);
    font-size:14px;
    line-height:1.45;
    opacity:0;
    pointer-events:none;
    transition:opacity .22s ease, transform .22s ease;
}
.etp-zone-notice.is-open{
    opacity:1;
    transform:translate(-50%, 0);
}


/* v3.0.53 - kötelező zónaváltás tájékoztató modal + számgördülés */
.etp-zone-notice-modal{
    position:fixed;
    inset:0;
    z-index:999999;
    display:none;
    align-items:center;
    justify-content:center;
    background:rgba(15,23,42,.56);
    padding:18px;
}
.etp-zone-notice-modal.is-open{ display:flex; }
.etp-zone-notice-box{
    width:min(420px, 100%);
    background:#fff;
    border-radius:24px;
    box-shadow:0 22px 60px rgba(15,23,42,.28);
    padding:22px;
    text-align:center;
    border:1px solid rgba(148,163,184,.35);
}
.etp-zone-notice-box h3{
    margin:0 0 10px;
    font-size:20px;
    color:#0f172a;
}
.etp-zone-notice-box p{
    margin:0 0 18px;
    color:#475569;
    font-size:14px;
    line-height:1.55;
}
.etp-zone-notice-ok{
    border:0;
    border-radius:999px;
    padding:11px 24px;
    background:linear-gradient(135deg,#2563eb,#38bdf8);
    color:#fff;
    font-weight:800;
    cursor:pointer;
    box-shadow:0 10px 24px rgba(37,99,235,.24);
}
.etp-number-rolling{
    display:inline-block;
    transform:translateY(-1px);
    filter:drop-shadow(0 6px 12px rgba(37,99,235,.16));
    transition:transform .18s ease, filter .18s ease;
}


/* v3.0.57 – Mobil játék kérdés/válasz olvashatóság finomítás */
@media (max-width:520px){
    .etp-game-card h3#etp-question{
        font-size:clamp(18px,5.4vw,26px)!important;
        line-height:1.22!important;
        margin:10px auto 8px!important;
        max-width:100%!important;
        overflow-wrap:anywhere!important;
        word-break:normal!important;
    }

    .etp-game-card .etp-answers{
        grid-template-columns:1fr!important;
        gap:10px!important;
        margin-top:16px!important;
    }

    .etp-game-card .etp-answer{
        width:100%!important;
        min-height:48px!important;
        padding:13px 15px!important;
        text-align:center!important;
        white-space:normal!important;
        overflow:visible!important;
        text-overflow:clip!important;
        overflow-wrap:anywhere!important;
        word-break:normal!important;
        line-height:1.28!important;
        font-size:15px!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
    }
}

@media (max-width:380px){
    .etp-game-card h3#etp-question{
        font-size:clamp(17px,5.2vw,23px)!important;
        line-height:1.23!important;
    }

    .etp-game-card .etp-answer{
        min-height:46px!important;
        padding:12px 13px!important;
        font-size:14px!important;
        line-height:1.28!important;
    }
}


/* v3.0.58 - home CTA relocation + free account PRO popup */
.etp-online-before-retention{
    margin:16px 0 12px;
    font-weight:700;
    color:#516076;
}
.etp-start-before-retention{
    margin:0 0 18px;
}
.etp-free-status-upgrade{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    flex-wrap:nowrap;
    color:#475569;
    font-size:18px;
    font-weight:900;
    line-height:1;
}
.etp-free-status-label{
    white-space:nowrap;
}
.etp-free-status-arrow{
    color:#8aa3bc;
    font-weight:900;
    font-size:16px;
    transform:translateY(-1px);
}
.etp-free-pro-pill{
    border:0;
    border-radius:999px;
    padding:4px 9px;
    background:linear-gradient(135deg,#e9f7ff,#ffffff);
    color:#0ea5e9;
    font-size:11px;
    font-weight:950;
    line-height:1;
    letter-spacing:.04em;
    box-shadow:0 6px 16px rgba(14,165,233,.18), inset 0 0 0 1px rgba(14,165,233,.18);
    cursor:pointer;
    transition:transform .18s ease, box-shadow .18s ease;
}
.etp-free-pro-pill:hover,
.etp-free-pro-pill:focus{
    transform:translateY(-1px);
    box-shadow:0 9px 22px rgba(14,165,233,.24), inset 0 0 0 1px rgba(14,165,233,.28);
    outline:none;
}
.etp-free-account-modal{
    position:fixed;
    inset:0;
    z-index:999999;
    display:none;
    align-items:center;
    justify-content:center;
    padding:18px;
    background:rgba(15,23,42,.56);
    backdrop-filter:blur(8px);
}
.etp-free-account-modal.is-open{
    display:flex;
}
.etp-free-account-box{
    position:relative;
    width:min(92vw,440px);
    max-height:88vh;
    overflow:auto;
    border-radius:26px;
    padding:24px 22px 22px;
    background:linear-gradient(180deg,#ffffff 0%,#f3fbff 100%);
    box-shadow:0 24px 80px rgba(15,23,42,.28);
    border:1px solid rgba(14,165,233,.18);
    text-align:left;
}
.etp-free-account-box h3{
    margin:0 36px 14px 0;
    color:#0f172a;
    font-size:22px;
    font-weight:950;
}
.etp-free-account-content{
    color:#475569;
    font-size:15px;
    line-height:1.55;
}
.etp-free-account-content p{
    margin:0 0 10px;
}
.etp-free-account-content ul{
    margin:10px 0 14px;
    padding-left:20px;
}
.etp-free-account-actions{
    margin-top:18px;
}
.etp-free-account-cta{
    display:block;
    width:100%;
    box-sizing:border-box;
    text-align:center;
    text-decoration:none;
    border-radius:18px;
    padding:14px 18px;
    background:linear-gradient(135deg,#12a9e8,#0284c7);
    color:#fff!important;
    font-weight:950;
    box-shadow:0 14px 28px rgba(14,165,233,.26);
}
.etp-free-account-close{
    position:absolute;
    top:14px;
    right:14px;
    width:36px;
    height:36px;
    border:0;
    border-radius:999px;
    background:#eaf7ff;
    color:#0f172a;
    font-size:22px;
    font-weight:900;
    cursor:pointer;
    box-shadow:inset 0 0 0 1px rgba(14,165,233,.14);
}
@media (max-width:600px){
    .etp-free-status-upgrade{
        font-size:16px;
        gap:5px;
    }
    .etp-free-pro-pill{
        padding:4px 8px;
        font-size:10px;
    }
    .etp-online-before-retention{
        margin-top:14px;
        margin-bottom:10px;
    }
    .etp-start-before-retention{
        margin-bottom:16px;
    }
}


/* v3.0.59 - targeted status label, PRO pill and start nudge */
.etp-free-pro-pill{
    background:#ffffff!important;
    color:#334155!important;
    border:1px solid rgba(100,116,139,.28)!important;
    box-shadow:0 6px 14px rgba(15,23,42,.08), inset 0 1px 0 rgba(255,255,255,.92)!important;
}
.etp-free-pro-pill:hover,
.etp-free-pro-pill:focus{
    background:#f8fafc!important;
    color:#111827!important;
    border-color:rgba(51,65,85,.35)!important;
    box-shadow:0 9px 20px rgba(15,23,42,.12), inset 0 1px 0 rgba(255,255,255,.95)!important;
}
.etp-start-before-retention{
    animation:etpStartNudge 2.8s ease-in-out infinite;
    transform-origin:center center;
}
@keyframes etpStartNudge{
    0%,72%,100%{transform:translateY(0) scale(1);}
    78%{transform:translateY(-2px) scale(1.012);}
    84%{transform:translateY(0) scale(1);}
    90%{transform:translateY(-1px) scale(1.006);}
}
@media (prefers-reduced-motion: reduce){
    .etp-start-before-retention{animation:none!important;}
}


/* v3.0.62 - sikertelen játékkezdés popup */
.etp-no-contest-modal{
    position:fixed;
    inset:0;
    z-index:1000000;
    display:none;
    align-items:center;
    justify-content:center;
    padding:18px;
    background:rgba(15,23,42,.58);
    backdrop-filter:blur(9px);
}
.etp-no-contest-modal.is-open{
    display:flex;
}
.etp-no-contest-box{
    position:relative;
    width:min(92vw,440px);
    border-radius:28px;
    padding:26px 22px 22px;
    text-align:center;
    background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);
    border:1px solid rgba(15,23,42,.08);
    box-shadow:0 24px 70px rgba(15,23,42,.22);
}
.etp-no-contest-close{
    position:absolute;
    top:12px;
    right:12px;
    width:34px;
    height:34px;
    border:0;
    border-radius:999px;
    background:#eef2f7;
    color:#475569;
    font-size:22px;
    line-height:34px;
    cursor:pointer;
}
.etp-no-contest-icon{
    width:58px;
    height:58px;
    margin:0 auto 12px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:20px;
    background:#e0f2fe;
    font-size:30px;
}
.etp-no-contest-box h3{
    margin:0 0 10px;
    font-size:22px;
    color:#0f172a;
}
.etp-no-contest-box p{
    margin:0;
    color:#475569;
    font-size:15px;
    line-height:1.55;
}
.etp-no-contest-actions{
    margin-top:18px;
    display:flex;
    justify-content:center;
    gap:10px;
    flex-wrap:wrap;
}
.etp-no-contest-btn{
    border:0;
    border-radius:999px;
    padding:12px 18px;
    font-weight:800;
    cursor:pointer;
    box-shadow:0 10px 24px rgba(14,165,233,.18);
}
.etp-no-contest-new{
    background:linear-gradient(135deg,#2563eb,#0ea5e9);
    color:#fff;
}
.etp-no-contest-ok{
    background:#ffffff;
    color:#2563eb;
    border:1px solid rgba(37,99,235,.28);
    box-shadow:0 10px 24px rgba(37,99,235,.10);
}
.etp-no-contest-btn:hover,
.etp-no-contest-btn:focus{
    transform:translateY(-1px);
    outline:none;
}


/* v3.0.80 - Egészségpárbaj popup gombok végleges stílusjavítás + mobil dupla-katt zoom védelem */
#etp-no-contest-modal .etp-no-contest-actions{
    gap:12px!important;
}
#etp-no-contest-modal .etp-no-contest-btn,
#etp-result-resume-modal .etp-resume-button{
    -webkit-appearance:none!important;
    appearance:none!important;
    touch-action:manipulation!important;
    user-select:none!important;
    -webkit-tap-highlight-color:transparent!important;
}
#etp-no-contest-modal .etp-no-contest-new{
    background:#2563eb!important;
    background-image:none!important;
    color:#ffffff!important;
    border:1px solid #2563eb!important;
    box-shadow:0 12px 28px rgba(37,99,235,.24)!important;
}
#etp-no-contest-modal .etp-no-contest-new:hover,
#etp-no-contest-modal .etp-no-contest-new:focus{
    background:#1d4ed8!important;
    color:#ffffff!important;
    border-color:#1d4ed8!important;
}
#etp-no-contest-modal .etp-no-contest-ok{
    background:#ffffff!important;
    background-image:none!important;
    color:#2563eb!important;
    border:1px solid rgba(37,99,235,.32)!important;
    box-shadow:0 10px 22px rgba(37,99,235,.10)!important;
}
#etp-no-contest-modal .etp-no-contest-ok:hover,
#etp-no-contest-modal .etp-no-contest-ok:focus{
    background:#eff6ff!important;
    color:#1d4ed8!important;
    border-color:rgba(29,78,216,.42)!important;
}
#etp-result-resume-modal .etp-resume-button{
    border:0!important;
    background:#2563eb!important;
    color:#ffffff!important;
    box-shadow:0 12px 28px rgba(37,99,235,.24)!important;
}
#etp-result-resume-modal .etp-resume-button:hover,
#etp-result-resume-modal .etp-resume-button:focus{
    background:#1d4ed8!important;
    color:#ffffff!important;
}
#etp-result-resume-modal .etp-resume-button:disabled{
    opacity:.72!important;
    cursor:progress!important;
}


/* v3.0.81 - sikertelen párbaj popup navigáció + X és gomb végleges stílus */
#etp-no-contest-modal .etp-no-contest-close{
    width:36px!important;
    height:36px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:999px!important;
    background:#ffffff!important;
    color:#111827!important;
    border:1px solid rgba(15,23,42,.12)!important;
    box-shadow:0 8px 20px rgba(15,23,42,.12)!important;
    font-size:24px!important;
    font-weight:800!important;
    line-height:1!important;
    padding:0!important;
}
#etp-no-contest-modal .etp-no-contest-close:hover,
#etp-no-contest-modal .etp-no-contest-close:focus{
    background:#f8fafc!important;
    color:#000000!important;
    outline:none!important;
    transform:translateY(-1px)!important;
}
#etp-no-contest-modal .etp-no-contest-new{
    background:#2563eb!important;
    background-image:none!important;
    color:#ffffff!important;
    border:1px solid #2563eb!important;
    box-shadow:0 12px 28px rgba(37,99,235,.24)!important;
}
#etp-no-contest-modal .etp-no-contest-ok{
    background:#ffffff!important;
    background-image:none!important;
    color:#2563eb!important;
    border:1px solid rgba(37,99,235,.32)!important;
    box-shadow:0 10px 22px rgba(37,99,235,.10)!important;
}


/* v3.0.82 - asztali válaszgombok: hosszabb válaszok több sorban, vágás nélkül */
@media (min-width: 769px){
    html body .etp-app .etp-answers{
        align-items:stretch!important;
    }
    html body .etp-app .etp-answer{
        height:auto!important;
        min-height:72px!important;
        padding:16px 18px!important;
        white-space:normal!important;
        overflow:visible!important;
        text-overflow:clip!important;
        overflow-wrap:anywhere!important;
        word-break:normal!important;
        line-height:1.32!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        text-align:center!important;
    }
}


/* v3.0.83 - desktop válaszgomb hover/click javítás */
html body .etp-app .etp-answer{
    position:relative!important;
    z-index:1!important;
    overflow:hidden!important;
    isolation:isolate!important;
    cursor:pointer!important;
    transition:transform .18s ease, box-shadow .18s ease, filter .18s ease!important;
}
html body .etp-app .etp-answer:hover{
    transform:translateY(-2px)!important;
    filter:none!important;
    box-shadow:0 16px 30px rgba(37,99,235,.22)!important;
}
html body .etp-app .etp-answer:before,
html body .etp-app .etp-answer:after{
    pointer-events:none!important;
}
html body .etp-app .etp-answer:hover:before,
html body .etp-app .etp-answer:hover:after{
    transform:none!important;
    animation:none!important;
}
html body .etp-app .etp-answer .etp-answer-meta{
    pointer-events:none!important;
}
@media (min-width:769px){
    html body .etp-app .etp-answer{
        height:auto!important;
        min-height:72px!important;
        overflow:hidden!important;
        white-space:normal!important;
        overflow-wrap:anywhere!important;
        word-break:normal!important;
        line-height:1.32!important;
    }
}

/* v3.0.91 – kérdésbetöltés alatti timer ikon: ne villanjon fel 1/15 */
.etp-game-card .etp-timer.etp-timer-loading{
    font-size:36px!important;
    line-height:1!important;
    color:#2563eb!important;
    background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(239,246,255,.88))!important;
}

/* v4.4.3 legacy UI fixes */
.etp-star-win{
    display:inline-block;
    font-size:19px;
    line-height:1;
    filter:drop-shadow(0 3px 5px rgba(15,23,42,.14));
}
.etp-duel-potatoes .etp-star-win{
    margin:0 1px;
}
.etp-timer.etp-timer-reconnect{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:76px!important;
    min-height:64px!important;
    padding:6px 18px!important;
    border-radius:18px!important;
    background:#f59e0b!important;
    color:#fff!important;
    box-shadow:0 14px 30px rgba(245,158,11,.24)!important;
}
#etp-prep-opponent.etp-prep-run{
    animation:etpPrepOpponentIn .78s cubic-bezier(.2,.9,.2,1) both;
}
#etp-prep-me.etp-prep-run{
    animation:etpPrepPlayerIn .78s cubic-bezier(.2,.9,.2,1) .12s both;
}
.etp-prep-vs.etp-prep-run{
    animation:etpPrepVsPop .82s cubic-bezier(.2,.9,.2,1) .22s both;
}
@keyframes etpPrepOpponentIn{
    from{opacity:0;transform:translateX(-34px) scale(.94)}
    to{opacity:1;transform:translateX(0) scale(1)}
}
@keyframes etpPrepPlayerIn{
    from{opacity:0;transform:translateX(34px) scale(.94)}
    to{opacity:1;transform:translateX(0) scale(1)}
}
@keyframes etpPrepVsPop{
    0%{opacity:0;transform:scale(.55) rotate(-8deg)}
    62%{opacity:1;transform:scale(1.12) rotate(2deg)}
    100%{opacity:1;transform:scale(1) rotate(0)}
}


/* v4.4.4 célzott legacy UI/UX javítások */
#etp-search-message{
    min-height:22px;
}
#etp-search-message .etp-search-countdown,
.etp-search-countdown{
    display:none!important;
}

/* VS animáció simítása: egyszer induljon, ne pollonként resetelődjön */
.etp-prep-player,
.etp-prep-vs{
    will-change:transform,opacity;
    backface-visibility:hidden;
    transform:translateZ(0);
}
#etp-vs .etp-prep-run{
    animation-fill-mode:both;
}

/* A narancssárga reconnect timer csak a türelmi idő alatt aktív */
.etp-timer.etp-timer-reconnect{
    background:linear-gradient(135deg,#ff9800,#f97316)!important;
    color:#fff!important;
    box-shadow:0 10px 24px rgba(249,115,22,.32)!important;
}

/* Régi válaszkiemelés visszaerősítése */
.etp-answer{
    position:relative;
}
.etp-answer.correct{
    background:linear-gradient(135deg,#dcfce7,#bbf7d0)!important;
    border-color:#22c55e!important;
    color:#14532d!important;
    box-shadow:0 10px 24px rgba(34,197,94,.22)!important;
}
.etp-answer.wrong{
    background:linear-gradient(135deg,#fee2e2,#fecaca)!important;
    border-color:#ef4444!important;
    color:#7f1d1d!important;
    box-shadow:0 10px 24px rgba(239,68,68,.2)!important;
}
.etp-answer.etp-self-selected{
    outline:3px solid rgba(59,130,246,.32)!important;
}
.etp-answer.etp-opponent-selected{
    box-shadow:inset 0 0 0 2px rgba(17,24,39,.12),0 10px 24px rgba(17,24,39,.08);
}
.etp-answer-meta{
    display:block;
    margin-top:6px;
    font-size:12px;
    line-height:1.25;
    opacity:.86;
}
.etp-round-result{
    text-align:center;
}
.etp-round-speed-line{
    display:inline-block;
    margin-top:4px;
    font-size:13px;
    color:#4b5563;
}

/* Köreredmény popup a régi működés szerint, külön teljes oldal nélkül */
.etp-round-modal{
    position:fixed;
    inset:0;
    display:flex;
    align-items:center;
    justify-content:center;
    z-index:99990;
    pointer-events:none;
    opacity:0;
    transition:opacity .22s ease;
    padding:18px;
}
.etp-round-modal.show{
    opacity:1;
}
.etp-round-modal.etp-hidden{
    display:none!important;
}
.etp-round-modal-box{
    background:#fff;
    border-radius:24px;
    padding:20px 22px;
    max-width:360px;
    width:100%;
    text-align:center;
    box-shadow:0 18px 45px rgba(15,23,42,.22);
    transform:translateY(12px) scale(.96);
    animation:etpRoundPopIn .24s ease forwards;
}
@keyframes etpRoundPopIn{
    to{transform:translateY(0) scale(1);}
}

/* Eredményoldal stabilan maradjon, ne legyen átmeneti köreredmény-oldal hatása */
#etp-final{
    scroll-margin-top:24px;
}


/* v4.4.5 - keresésből kilépés popup és régi válaszellenőrzés finomítás */
.etp-modal-actions{
    display:flex;
    flex-direction:column;
    gap:10px;
    margin-top:18px;
}
.etp-search-abort-box h3{
    margin-top:0;
}
html body .etp-app .etp-answer.correct{
    background:linear-gradient(135deg,#22c55e,#16a34a)!important;
    color:#fff!important;
    border-color:rgba(34,197,94,.45)!important;
}
html body .etp-app .etp-answer.wrong{
    background:linear-gradient(135deg,#ef4444,#dc2626)!important;
    color:#fff!important;
    border-color:rgba(239,68,68,.45)!important;
}
html body .etp-app .etp-answer .etp-answer-meta{
    display:block!important;
    margin-top:8px!important;
}


/* v4.4.8 – válaszválasztás és köreredmény finomítás */
.etp-answer.etp-selected:not(.correct):not(.wrong){
    background:#f59e0b!important;
    color:#111!important;
    box-shadow:0 12px 26px rgba(245,158,11,.26);
    transform:translateY(-1px);
}
.etp-answer.etp-selected:not(.correct):not(.wrong) .etp-answer-letter,
.etp-answer.etp-selected:not(.correct):not(.wrong) strong{
    color:#111!important;
}
.etp-answer:disabled{
    opacity:1;
}
.etp-answer .etp-answer-meta{
    display:block;
    margin-top:8px;
    font-size:12px;
    line-height:1.25;
    opacity:.95;
    font-weight:700;
}
.etp-answer.correct{
    background:#22a85a!important;
    color:#fff!important;
}
.etp-answer.wrong{
    background:#dc3b35!important;
    color:#fff!important;
}
.etp-answer.etp-round-winner-answer{
    box-shadow:0 0 0 3px rgba(255,255,255,.95),0 0 0 7px rgba(245,158,11,.45),0 16px 32px rgba(0,0,0,.12);
}
.etp-round-result{
    background:#fff7ed!important;
    border:1px solid rgba(245,158,11,.35);
    color:#111827;
    box-shadow:0 10px 24px rgba(17,24,39,.07);
}
.etp-round-check-title{
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:.08em;
    color:#92400e;
    margin-bottom:4px;
}
.etp-round-check-headline{
    font-size:17px;
    font-weight:900;
    margin-bottom:10px;
}
.etp-round-check-grid{
    display:grid;
    grid-template-columns:auto 1fr auto;
    gap:6px 10px;
    align-items:center;
    text-align:left;
    font-size:13px;
}
.etp-round-check-grid span{
    color:#6b7280;
    font-weight:800;
}
.etp-round-check-grid strong{
    color:#111827;
}
.etp-round-check-grid em{
    font-style:normal;
    font-weight:900;
    color:#111827;
}
.etp-round-check-note{
    margin-top:10px;
    color:#92400e;
    font-size:13px;
    font-weight:800;
}
@media(max-width:560px){
    .etp-round-check-grid{
        grid-template-columns:1fr auto;
    }
    .etp-round-check-grid span{
        grid-column:1 / -1;
        margin-top:4px;
    }
}


/* v4.4.11 – eredményoldal és popup gombok véglegesítése
   Fontos: a játékmenet válaszgombjaihoz (.etp-answer) nem nyúlunk. */
#etp4-required-result-modal .etp-prize-modal-box,
#etp4-search-abort-modal .etp-prize-modal-box{
    border-radius:28px;
    padding:28px 22px 22px;
    background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(239,247,255,.96));
    border:1px solid rgba(37,99,235,.18);
    box-shadow:0 28px 80px rgba(15,23,42,.24);
}
#etp4-required-result-modal .etp-prize-modal-box h3,
#etp4-search-abort-modal .etp-prize-modal-box h3{
    font-size:24px;
    line-height:1.15;
    margin:0 0 10px;
    color:#0f172a;
    font-weight:900;
}
#etp4-required-result-modal .etp-prize-modal-box p,
#etp4-search-abort-modal .etp-prize-modal-box p{
    margin:0 0 18px;
    color:#0b4ea2;
    font-size:16px;
    line-height:1.45;
    font-weight:800;
}
#etp4-required-result-modal .etp-modal-primary,
#etp4-search-abort-modal .etp-modal-primary,
#etp-final .etp-final-primary{
    width:100%;
    border:0!important;
    border-radius:18px!important;
    padding:15px 18px!important;
    background:linear-gradient(135deg,#2563eb,#0ea5e9)!important;
    color:#fff!important;
    font-size:16px!important;
    font-weight:900!important;
    box-shadow:0 14px 30px rgba(37,99,235,.26)!important;
    cursor:pointer;
    transition:transform .16s ease, box-shadow .16s ease, filter .16s ease;
}
#etp4-required-result-modal .etp-modal-primary:hover,
#etp4-search-abort-modal .etp-modal-primary:hover,
#etp-final .etp-final-primary:hover{
    transform:translateY(-2px);
    box-shadow:0 18px 36px rgba(37,99,235,.32)!important;
    filter:saturate(1.04);
}
#etp4-search-abort-modal .etp-modal-secondary,
#etp-final .etp-final-secondary{
    width:100%;
    border:1px solid rgba(37,99,235,.22)!important;
    border-radius:18px!important;
    padding:15px 18px!important;
    background:rgba(255,255,255,.88)!important;
    color:#0b4ea2!important;
    font-size:16px!important;
    font-weight:900!important;
    box-shadow:0 10px 22px rgba(15,23,42,.06)!important;
    cursor:pointer;
    transition:transform .16s ease, box-shadow .16s ease;
}
#etp4-search-abort-modal .etp-modal-secondary:hover,
#etp-final .etp-final-secondary:hover{
    transform:translateY(-2px);
    box-shadow:0 14px 28px rgba(37,99,235,.12)!important;
}
#etp4-search-abort-modal .etp-modal-actions{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
    margin-top:18px;
}
#etp-final{
    animation:none!important;
}
#etp-final .etp-final-actions{
    gap:12px;
}