.elementor-590 .elementor-element.elementor-element-0f5226f{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}:root{--page-title-display:none;}/* Start custom CSS */:root {
    --green:       #3DBE6C;
    --green-light: #6FD898;
    --green-dark:  #1E7A40;
    --yellow:      #F5C518;
    --bg:          #0C0C0C;
    --bg-card:     rgba(10,22,14,0.96);
    --wrong:       #FF3B3B;
    --white:       #FFFFFF;
    --silver:      #B8C8B8;
    --muted:       rgba(184,200,184,0.5);
  }
  * { margin:0; padding:0; box-sizing:border-box; }

  body {
    background: var(--bg);
    font-family: 'Poppins', sans-serif;
    min-height: 100vh;
    
    align-items: center; justify-content: center;
    overflow-x: hidden; position: relative;
  }

  /* Ambient glow */
  body::before {
    content:''; position:fixed; top:0;left:0;right:0;bottom:0;
    background:
      radial-gradient(ellipse at 50% -10%, rgba(61,190,108,0.2) 0%, transparent 55%),
      radial-gradient(ellipse at 80% 85%, rgba(30,122,64,0.1) 0%, transparent 45%),
      radial-gradient(ellipse at 10% 90%, rgba(61,190,108,0.07) 0%, transparent 40%);
    pointer-events:none; z-index:0;
  }
  /* Dot grid */
  body::after {
    content:''; position:fixed; top:0;left:0;right:0;bottom:0;
    background-image: radial-gradient(circle, rgba(61,190,108,0.06) 1px, transparent 1px);
    background-size: 40px 40px;
    pointer-events:none; z-index:0;
  }

  .stars { position:fixed;top:0;left:0;right:0;bottom:0;z-index:0;pointer-events:none;overflow:hidden; }
  .star  { position:absolute;background:var(--green-light);border-radius:50%;animation:twinkle linear infinite; }
  @keyframes twinkle { 0%,100%{opacity:0.04;transform:scale(1);}50%{opacity:0.4;transform:scale(1.4);} }

  #app {
    position:relative; z-index:10;
    width:100%; max-width:1366px; padding:20px;
    min-height:100vh;
    display:flex; flex-direction:column; align-items:center; justify-content:center;
  }

  /* ══════════════════════════════
     INTRO SCREEN
  ══════════════════════════════ */
  #intro-screen { display:flex;flex-direction:column;align-items:center;gap:22px;animation:fadeIn 1s ease; }

  /* Logo */
  .edwcar-logo-wrap { display:flex;align-items:center;justify-content:center; }
  .edwcar-logo {
    height:60px; width:auto;
    filter: brightness(0) invert(1);
    animation: fadeIn 1.2s ease;
    transition: filter 0.3s;
  }
  .logo-fallback {
    font-family:'Poppins',sans-serif;font-size:32px;font-weight:900;
    color:#fff;letter-spacing:-1px;display:none;
  }
  .logo-fallback span { color:var(--green); }

  /* Title */
  .show-title { text-align:center; }
  .show-title h1 {
    font-family:'Poppins',sans-serif;
    font-size:clamp(22px,5vw,46px);
    font-weight:900; letter-spacing:-1px;
    color:var(--white); line-height:1.15;
    text-shadow: 0 0 40px rgba(61,190,108,0.5), 0 2px 6px rgba(0,0,0,0.8);
    animation: titlePulse 3s ease-in-out infinite;
  }
  .show-title h1 span { color:var(--green); }
  .show-title .tagline {
    font-size:clamp(11px,1.8vw,14px); font-weight:500;
    color:var(--silver); letter-spacing:4px;
    margin-top:8px; text-transform:uppercase;
  }
  @keyframes titlePulse {
    0%,100%{ text-shadow:0 0 30px rgba(61,190,108,0.4),0 2px 6px rgba(0,0,0,0.8); }
    50%    { text-shadow:0 0 60px rgba(61,190,108,0.7),0 0 100px rgba(61,190,108,0.3),0 2px 6px rgba(0,0,0,0.8); }
  }

  /* Steering wheel */
  .wheel-visual {
    width:240px; height:240px;
    animation: spinSlow 25s linear infinite;
    filter: drop-shadow(0 0 28px rgba(61,190,108,0.45));
  }
  @keyframes spinSlow { from{transform:rotate(0deg);}to{transform:rotate(360deg);} }

  /* Intro card */
  .intro-card {
    background: var(--bg-card);
    border: 1px solid rgba(61,190,108,0.3);
    border-radius: 20px;
    padding: 32px 40px;
    text-align: center;
    box-shadow: 0 0 80px rgba(61,190,108,0.1), 0 20px 60px rgba(0,0,0,0.5), inset 0 1px 0 rgba(61,190,108,0.15);
    max-width: 580px; width:100%;
  }
  .intro-card p {
    color:var(--silver); font-size:15px;
    line-height:1.75; margin-bottom:24px;
    font-weight:400;
  }
  .intro-card p strong { color:var(--green); }

  .btn-start {
    background: var(--green);
    border: none; border-radius:50px;
    padding: 17px 60px;
    font-family:'Poppins',sans-serif;
    font-size:18px; font-weight:800;
    color:var(--white);
    cursor:pointer; text-transform:uppercase; letter-spacing:2px;
    transition:all 0.3s ease;
    box-shadow: 0 0 30px rgba(61,190,108,0.45), 0 4px 20px rgba(0,0,0,0.4);
    animation: btnPulse 2.5s ease-in-out infinite;
  }
  .btn-start:hover {
    background: var(--green-light);
    transform: scale(1.05) translateY(-2px);
    box-shadow: 0 0 50px rgba(61,190,108,0.7), 0 8px 30px rgba(0,0,0,0.5);
  }
  @keyframes btnPulse {
    0%,100%{ box-shadow:0 0 25px rgba(61,190,108,0.4),0 4px 20px rgba(0,0,0,0.4); }
    50%    { box-shadow:0 0 50px rgba(61,190,108,0.7),0 4px 20px rgba(0,0,0,0.4); }
  }

  /* ══════════════════════════════
     GAME SCREEN
  ══════════════════════════════ */
  #game-screen { display:none; width:100%; }

  /* Prize ladder */
  .prize-ladder {
    position:fixed; right:14px; top:50%;
    transform:translateY(-50%);
    z-index:20;
    display:flex; flex-direction:column-reverse; gap:3px;
  }
  .prize-item {
    font-family:'Poppins',sans-serif;
    font-size:10px; font-weight:600;
    color:rgba(184,200,184,0.35);
    text-align:right;
    padding:3px 10px; border-radius:4px;
    border-right:2px solid rgba(61,190,108,0.12);
    transition:all 0.4s ease; white-space:nowrap;
  }
  .prize-item.current {
    color:var(--green); font-size:12px; font-weight:800;
    border-right:3px solid var(--green);
    text-shadow:0 0 10px rgba(61,190,108,0.8);
    background:rgba(61,190,108,0.1); padding-right:12px;
  }
  .prize-item.milestone { color:var(--yellow); }
  .prize-item.passed    { color:rgba(61,190,108,0.28); }

  /* Header */
  .game-header { text-align:center; margin-bottom:18px; padding-top:16px; }
  .question-counter {
    font-size:11px; font-weight:700; letter-spacing:5px;
    color:var(--green); text-transform:uppercase; margin-bottom:5px;
  }
  .current-prize {
    font-family:'Poppins',sans-serif;
    font-size:clamp(15px,3.5vw,26px); font-weight:800; letter-spacing:-0.5px;
    color:var(--yellow);
    text-shadow:0 0 20px rgba(245,197,24,0.5);
    animation:prizeGlow 2s ease-in-out infinite;
  }
  @keyframes prizeGlow {
    0%,100%{ text-shadow:0 0 15px rgba(245,197,24,0.5); }
    50%    { text-shadow:0 0 35px rgba(245,197,24,0.9),0 0 60px rgba(245,197,24,0.3); }
  }

  /* Progress */
  .progress-bar-wrap {
    width:100%; height:5px; background:rgba(255,255,255,0.07);
    border-radius:3px; margin-bottom:16px; overflow:hidden;
  }
  .progress-bar-fill {
    height:100%;
    background:linear-gradient(90deg,var(--green-dark),var(--green),var(--green-light));
    border-radius:3px; transition:width 0.8s ease;
    box-shadow:0 0 10px rgba(61,190,108,0.6);
  }

  /* Timer */
  .timer-container { display:flex; justify-content:center; margin-bottom:13px; }
  .timer-ring { position:relative; width:58px; height:58px; }
  .timer-ring svg { transform:rotate(-90deg); width:58px; height:58px; }
  .timer-ring .bg-circle       { fill:none; stroke:rgba(255,255,255,0.07); stroke-width:4; }
  .timer-ring .progress-circle {
    fill:none; stroke:var(--green); stroke-width:4;
    stroke-linecap:round; stroke-dasharray:163; stroke-dashoffset:0;
    transition:stroke-dashoffset 1s linear, stroke 0.3s;
  }
  .timer-number {
    position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
    font-family:'Poppins',sans-serif; font-weight:700; font-size:17px;
    color:var(--green);
  }

  /* Lifelines */
  .lifelines { display:flex; justify-content:center; gap:14px; margin-bottom:14px; }
  .lifeline-btn {
    background:rgba(10,22,14,0.9);
    border:1.5px solid rgba(61,190,108,0.4); border-radius:12px;
    padding:9px 16px;
    display:flex; flex-direction:column; align-items:center; gap:3px;
    cursor:pointer; transition:all 0.3s;
    color:var(--green);
    font-family:'Poppins',sans-serif;
    font-size:10px; font-weight:700;
    letter-spacing:1px; text-transform:uppercase; min-width:74px;
  }
  .lifeline-btn .icon { font-size:20px; }
  .lifeline-btn:hover:not(:disabled) {
    border-color:var(--green);
    box-shadow:0 0 20px rgba(61,190,108,0.35);
    transform:translateY(-3px); background:rgba(61,190,108,0.1);
  }
  .lifeline-btn:disabled { opacity:0.2; cursor:not-allowed; }

  /* Lifeline hint */
  #lifeline-hint {
    display:none; text-align:center; margin-bottom:13px;
    padding:11px 18px;
    background:rgba(61,190,108,0.08); border:1px solid rgba(61,190,108,0.3); border-radius:12px;
    font-size:13px; font-weight:500; color:var(--green-light);
    animation:fadeIn 0.4s ease;
  }

  /* Question box */
  .question-container {
    background: var(--bg-card);
    border: 2px solid rgba(61,190,108,0.4); border-radius:22px;
    padding:32px 38px; margin-bottom:20px;
    position:relative; overflow:hidden;
    box-shadow:0 0 70px rgba(61,190,108,0.1),0 20px 50px rgba(0,0,0,0.5),inset 0 1px 0 rgba(61,190,108,0.2);
    animation:questionAppear 0.55s cubic-bezier(0.175,0.885,0.32,1.275);
  }
  .question-container::before {
    content:''; position:absolute; top:-50%; left:-50%; width:200%; height:200%;
    background:radial-gradient(ellipse at center,rgba(61,190,108,0.04) 0%,transparent 60%);
    pointer-events:none;
  }
  @keyframes questionAppear {
    from{opacity:0;transform:scale(0.92) translateY(18px);}
    to  {opacity:1;transform:scale(1) translateY(0);}
  }
  .question-text {
    font-family:'Poppins',sans-serif;
    font-size:clamp(13px,2.2vw,18px); font-weight:600;
    color:var(--white); text-align:center; line-height:1.6;
  }

  /* Answers */
  .answers-grid { display:grid; grid-template-columns:1fr 1fr; gap:11px; margin-bottom:18px; }
  @media(max-width:540px){
    .answers-grid{ grid-template-columns:1fr; }
    .prize-ladder{ display:none; }
  }

  .answer-btn {
    background:rgba(10,22,14,0.9);
    border:1.5px solid rgba(61,190,108,0.22); border-radius:14px;
    padding:13px 16px;
    display:flex; align-items:center; gap:11px;
    cursor:pointer; transition:all 0.3s ease;
    position:relative; overflow:hidden;
    animation:answerSlideIn 0.45s ease both;
    box-shadow:0 4px 16px rgba(0,0,0,0.35);
  }
  .answer-btn:nth-child(1){animation-delay:0.07s;}
  .answer-btn:nth-child(2){animation-delay:0.14s;}
  .answer-btn:nth-child(3){animation-delay:0.21s;}
  .answer-btn:nth-child(4){animation-delay:0.28s;}
  @keyframes answerSlideIn{from{opacity:0;transform:translateX(-22px);}to{opacity:1;transform:translateX(0);}}

  .answer-btn::before {
    content:''; position:absolute; top:0;left:-100%;right:0;bottom:0;
    background:linear-gradient(90deg,transparent,rgba(61,190,108,0.07),transparent);
    transition:left 0.5s ease;
  }
  .answer-btn:hover:not(:disabled)::before{left:100%;}
  .answer-btn:hover:not(:disabled){
    border-color:var(--green); transform:translateX(4px);
    box-shadow:0 0 20px rgba(61,190,108,0.22),0 4px 16px rgba(0,0,0,0.4);
    background:rgba(61,190,108,0.07);
  }

  .answer-letter {
    width:34px; height:34px; min-width:34px; border-radius:50%;
    background:rgba(61,190,108,0.12); border:1.5px solid rgba(61,190,108,0.5);
    display:flex; align-items:center; justify-content:center;
    font-family:'Poppins',sans-serif; font-weight:700; font-size:13px;
    color:var(--green); transition:all 0.3s ease;
  }
  .answer-text {
    font-family:'Poppins',sans-serif;
    font-size:clamp(11px,1.6vw,13px); font-weight:400;
    color:var(--white); line-height:1.35; text-align:left;
  }

  /* States */
  .answer-btn.selected{border-color:var(--yellow);background:rgba(245,197,24,0.1);animation:selectedPulse 0.4s ease;}
  .answer-btn.selected .answer-letter{background:var(--yellow);color:#000;border-color:var(--yellow);}
  @keyframes selectedPulse{0%{transform:scale(1);}50%{transform:scale(1.03);}100%{transform:scale(1);}}

  .answer-btn.correct{border-color:var(--green);background:rgba(61,190,108,0.18);animation:correctFlash 0.6s ease;box-shadow:0 0 28px rgba(61,190,108,0.45);}
  .answer-btn.correct .answer-letter{background:var(--green);color:#fff;border-color:var(--green);box-shadow:0 0 16px rgba(61,190,108,0.7);}
  @keyframes correctFlash{0%,100%{transform:scale(1);}30%{transform:scale(1.04);}60%{transform:scale(0.98);}}

  .answer-btn.wrong{border-color:var(--wrong);background:rgba(255,59,59,0.15);animation:wrongShake 0.55s ease;box-shadow:0 0 24px rgba(255,59,59,0.35);}
  .answer-btn.wrong .answer-letter{background:var(--wrong);color:#fff;border-color:var(--wrong);box-shadow:0 0 16px rgba(255,59,59,0.6);}
  @keyframes wrongShake{0%,100%{transform:translateX(0);}20%{transform:translateX(-7px);}40%{transform:translateX(7px);}60%{transform:translateX(-5px);}80%{transform:translateX(5px);}}
  .answer-btn:disabled{cursor:not-allowed;}

  .score-info{ text-align:center;font-size:12px;color:var(--muted);margin-bottom:6px;letter-spacing:1px;font-weight:500; }

  /* ══════════════════════════════
     OVERLAYS
  ══════════════════════════════ */
  .overlay-screen{
    display:none;position:fixed;top:0;left:0;right:0;bottom:0;
    z-index:100;align-items:center;justify-content:center;
    background:rgba(0,0,0,0.88);backdrop-filter:blur(8px);
  }
  .overlay-screen.active{display:flex;animation:overlayIn 0.5s ease;}
  @keyframes overlayIn{from{opacity:0;}to{opacity:1;}}

  /* WIN */
  .win-card{
    background:var(--bg-card);border:2px solid var(--green);border-radius:26px;
    padding:46px 46px;max-width:560px;width:90%;
    text-align:center;position:relative;overflow:hidden;
    box-shadow:0 0 100px rgba(61,190,108,0.35),0 0 200px rgba(61,190,108,0.12),0 30px 80px rgba(0,0,0,0.6);
    animation:winCardAppear 0.8s cubic-bezier(0.175,0.885,0.32,1.275);
  }
  @keyframes winCardAppear{from{opacity:0;transform:scale(0.5) rotate(-4deg);}to{opacity:1;transform:scale(1) rotate(0);}}

  .confetti-container{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;overflow:hidden;}
  .confetti-piece{position:absolute;width:10px;height:10px;top:-20px;border-radius:2px;animation:confettiFall linear forwards;}
  @keyframes confettiFall{to{transform:translateY(720px) rotate(720deg);opacity:0;}}

  .trophy-icon{
    font-size:90px;display:block;
    animation:trophyBounce 0.9s 0.2s cubic-bezier(0.175,0.885,0.32,1.275) both,trophyFloat 3s 1.1s ease-in-out infinite;
  }
  @keyframes trophyBounce{from{opacity:0;transform:scale(0) translateY(50px);}to{opacity:1;transform:scale(1) translateY(0);}}
  @keyframes trophyFloat{0%,100%{transform:translateY(0);}50%{transform:translateY(-10px);}}

  .win-title{
    font-family:'Poppins',sans-serif;
    font-size:clamp(22px,5vw,38px);font-weight:900;letter-spacing:-1px;
    color:var(--white);text-shadow:0 0 30px rgba(61,190,108,0.7);
    margin-bottom:10px;animation:winTitleBounce 0.7s 0.4s both;
  }
  .win-subtitle{
    font-family:'Poppins',sans-serif;
    font-size:clamp(14px,2.2vw,19px);font-weight:700;
    color:var(--green-light);margin-bottom:20px;
    animation:winTitleBounce 0.7s 0.55s both;
    line-height:1.4;
  }
  @keyframes winTitleBounce{from{opacity:0;transform:translateY(-25px);}to{opacity:1;transform:translateY(0);}}

  .win-score-box{
    background:rgba(61,190,108,0.1);border:1.5px solid rgba(61,190,108,0.4);
    border-radius:16px;padding:20px 28px;margin:18px 0;
    animation:winTitleBounce 0.7s 0.7s both;
  }
  .win-score-box .score-label{
    font-size:12px;font-weight:700;letter-spacing:4px;
    color:var(--green);text-transform:uppercase;margin-bottom:8px;
  }
  .win-score-big{
    font-size:clamp(28px,5vw,48px);font-weight:900;letter-spacing:-2px;
    color:var(--green);text-shadow:0 0 25px rgba(61,190,108,0.7);
    line-height:1;
  }
  .win-msg{
    font-size:14px;color:var(--silver);line-height:1.65;
    animation:winTitleBounce 0.7s 0.85s both;
  }

  /* LOSE */
  .lose-card{
    background:var(--bg-card);border:1.5px solid rgba(255,59,59,0.3);border-radius:26px;
    padding:46px 44px;max-width:540px;width:90%;
    text-align:center;
    box-shadow:0 0 60px rgba(255,59,59,0.1),0 30px 80px rgba(0,0,0,0.6);
    animation:winCardAppear 0.6s cubic-bezier(0.175,0.885,0.32,1.275);
  }
  .lose-icon{font-size:72px;display:block;margin-bottom:18px;animation:loseIconIn 0.8s cubic-bezier(0.175,0.885,0.32,1.275) both;}
  @keyframes loseIconIn{from{opacity:0;transform:scale(0);}to{opacity:1;transform:scale(1);}}
  .lose-title{
    font-family:'Poppins',sans-serif;
    font-size:clamp(18px,3.5vw,28px);font-weight:900;letter-spacing:-0.5px;
    color:var(--white);margin-bottom:14px;
  }
  .lose-msg{font-size:15px;color:var(--silver);line-height:1.75;margin-bottom:18px;font-weight:400;}
  #loseScore{font-size:13px;color:var(--green);margin-bottom:20px;font-weight:600;}

  .btn-retry{
    background:var(--green);border:none;border-radius:50px;
    padding:14px 48px;
    font-family:'Poppins',sans-serif;font-size:16px;font-weight:800;
    color:white;cursor:pointer;transition:all 0.3s ease;
    letter-spacing:2px;text-transform:uppercase;
    box-shadow:0 0 20px rgba(61,190,108,0.35);
  }
  .btn-retry:hover{background:var(--green-light);transform:scale(1.05);box-shadow:0 0 40px rgba(61,190,108,0.6);}

  /* Milestone flash */
  .milestone-flash{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(61,190,108,0.09);pointer-events:none;z-index:50;display:none;}
  .milestone-flash.active{display:block;animation:milestoneFlash 1s ease;}
  @keyframes milestoneFlash{0%{opacity:0;}20%{opacity:1;}100%{opacity:0;}}

  /* Dramatic reveal */
  .dramatic-reveal{animation:dramaticReveal 1s ease both;}
  @keyframes dramaticReveal{0%{opacity:0;transform:scale(0.88);filter:blur(8px);}60%{filter:blur(0);}100%{opacity:1;transform:scale(1);}}

  @keyframes glowPulse{0%,100%{opacity:0.7;}50%{opacity:1;}}
  @keyframes fadeIn{from{opacity:0;transform:translateY(16px);}to{opacity:1;transform:translateY(0);}}/* End custom CSS */