/* ════════════════════════════════════════
   OBJECTIF BAC PRO MCV – LE QUIZ E2
   © Cerpeg – Lycée Henri Brulle, Libourne
   ════════════════════════════════════════ */

/* ── VARIABLES ── */
:root{
  --jaune:#FFC107; --vert:#4CAF50; --rose:#E91E8C;
  --bleu:#5B8BF5;  --orange:#FF9800; --menthe:#3ABFA0;
  --rouge:#e91e3c;
  --bg:#0f0f1a;    --card:#1a1a2e;  --white:#ffffff;
  --radius:18px;   --shadow:0 8px 32px rgba(0,0,0,.45);

  /* ── COULEURS THÈMES MCV ── */
  --col-orange:#E8821A;   --col-orange-bg:#c96c0a;
  --col-teal:#27AE7A;     --col-teal-bg:#1a9466;
  --col-purple:#9B59B6;   --col-purple-bg:#7d3fa0;
  --col-red:#D94F6C;      --col-red-bg:#b83555;
  --col-blue:#5B9BD5;     --col-blue-bg:#3a7ab8;
}

*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Nunito',sans-serif;background:var(--bg);color:var(--white);min-height:100vh;overflow-x:hidden;}

/* ── ÉCRANS ── */
.screen{display:none;min-height:100vh;}
.screen.active{display:flex;flex-direction:column;align-items:center;justify-content:center;}

/* ══════════════════════════════
   JAUGE LATÉRALE
══════════════════════════════ */
.gauge-col{
  position:sticky;top:0;
  width:72px;flex-shrink:0;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  padding:24px 0;
  background:rgba(0,0,0,.25);
  border-right:1px solid rgba(255,255,255,.12);
  min-height:100vh;
  transition:background .4s;
  backdrop-filter:blur(4px);
}
.gauge-track{
  width:28px;flex:1;max-height:480px;
  background:rgba(255,255,255,.08);border-radius:20px;
  overflow:hidden;position:relative;border:1.5px solid rgba(255,255,255,.1);
}
.gauge-fill{
  position:absolute;bottom:0;left:0;right:0;border-radius:20px;
  background:linear-gradient(to top,var(--col-teal) 0%,#5de8b8 60%,#c0fff0 100%);
  transition:height .7s cubic-bezier(.22,1,.36,1);height:0%;
}
.gauge-fill::after{
  content:'';position:absolute;top:0;left:3px;right:3px;height:40%;
  background:rgba(255,255,255,.25);border-radius:10px;
}
.gauge-marks{position:absolute;inset:0;pointer-events:none;}
.gauge-mark{position:absolute;left:0;right:0;height:1px;background:rgba(255,255,255,.18);}
.gauge-score-label{margin-top:12px;font-weight:900;font-size:.78rem;color:var(--col-teal);text-align:center;line-height:1.2;letter-spacing:.3px;}
.gauge-score-num{display:block;font-size:1.05rem;color:#fff;margin-top:2px;font-variant-numeric:tabular-nums;}
.gauge-cats{display:flex;flex-direction:column;gap:5px;margin-top:14px;}
.gauge-dot{width:10px;height:10px;border-radius:50%;opacity:.4;transition:opacity .3s,transform .3s;}
.gauge-dot.active{opacity:1;transform:scale(1.3);}
.main-col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;}

/* ══ ACCUEIL ══ */
#screen-home{background:radial-gradient(ellipse at 30% 20%,#0d2a1e 0%,var(--bg) 60%);gap:26px;padding:40px 20px;text-align:center;}
.logo-top{display:flex;align-items:center;gap:12px;background:var(--col-teal);color:#fff;padding:14px 28px;border-radius:var(--radius);font-family:'Black Han Sans',sans-serif;font-size:1.7rem;}
.logo-top svg{flex-shrink:0;}
#screen-home h1{font-family:'Black Han Sans',sans-serif;font-size:clamp(1.6rem,5vw,3rem);color:var(--col-teal);line-height:1.15;}
#screen-home p{font-size:1.1rem;opacity:.8;max-width:520px;}
.btn-start{background:var(--col-teal);color:#fff;font-weight:900;font-size:1.3rem;border:none;border-radius:50px;padding:16px 52px;cursor:pointer;box-shadow:0 4px 24px rgba(39,174,122,.4);transition:.2s;letter-spacing:.5px;display:flex;align-items:center;gap:10px;}
.btn-start:hover{transform:scale(1.06);background:#1a9466;}
.note-calc{display:flex;align-items:center;gap:10px;font-size:.95rem;opacity:.75;background:rgba(255,255,255,.06);padding:10px 18px;border-radius:10px;}
.field-name{display:flex;flex-direction:column;align-items:center;gap:10px;}
.field-name label{font-weight:700;font-size:1rem;opacity:.85;}
.field-name input{background:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.2);color:#fff;font-family:'Nunito',sans-serif;font-size:1.1rem;padding:10px 20px;border-radius:50px;outline:none;width:260px;text-align:center;transition:.2s;}
.field-name input:focus{border-color:var(--col-teal);background:rgba(39,174,122,.08);}
.field-name input::placeholder{opacity:.45;}

/* ── ERREUR PRÉNOM ── */
.name-error{font-size:.85rem;font-weight:800;color:#ff7a7a;display:flex;align-items:center;gap:6px;animation:popIn .25s cubic-bezier(.34,1.56,.64,1);}
.field-name input.input-error{border-color:#ff7a7a !important;background:rgba(255,80,80,.08) !important;animation:shake .35s ease;}
@keyframes shake{0%,100%{transform:translateX(0)}20%{transform:translateX(-6px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}}

/* ══ GRILLE ══ */
#screen-grid{background:radial-gradient(ellipse at 70% 80%,#0d2a20 0%,var(--bg) 70%);display:none;min-height:100vh;padding:0;align-items:stretch;justify-content:flex-start;}
#screen-grid.active{display:flex;flex-direction:row;}
#screen-grid .main-col{padding:28px 20px;gap:20px;align-items:center;justify-content:center;}
#screen-grid h2{font-family:'Black Han Sans',sans-serif;font-size:clamp(1.1rem,3.5vw,1.8rem);color:var(--col-teal);text-align:center;}
.score-bar{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;font-weight:800;font-size:.92rem;}
.score-bar .chip{background:rgba(255,255,255,.09);padding:5px 14px;border-radius:50px;display:flex;align-items:center;gap:5px;}
.score-bar .chip span{color:var(--col-teal);}
.grid-table{width:100%;max-width:900px;border-collapse:separate;border-spacing:7px;table-layout:fixed;}
.grid-table th,.grid-table td{width:20%;}
.grid-table th{padding:9px 5px;font-weight:900;font-size:.72rem;text-align:center;border-radius:10px;color:#fff;letter-spacing:.4px;}
.th-orange{background:var(--col-orange);}
.th-teal{background:var(--col-teal);}
.th-purple{background:var(--col-purple);}
.th-red{background:var(--col-red);}
.th-blue{background:var(--col-blue);}
.grid-table td{text-align:center;padding:3px;}
.cell-btn{width:100%;padding:13px 5px;font-family:'Nunito',sans-serif;font-weight:900;font-size:1.4rem;border:none;border-radius:11px;cursor:pointer;transition:.2s;color:#fff;text-shadow:1px 1px 3px rgba(0,0,0,.3);}
.cell-btn:hover:not(:disabled){transform:scale(1.07);filter:brightness(1.12);}
.cell-btn:disabled{opacity:.35;cursor:default;filter:grayscale(.5);}
.cell-btn.done{background:#2a2a3a !important;color:#555;text-decoration:line-through;}

/* Couleurs par niveau */
.col-orange.val-100{background:#F0A860;} .col-orange.val-200{background:#D88030;} .col-orange.val-300{background:#B86010;} .col-orange.val-400{background:#904200;} .col-orange.val-500{background:#622800;}
.col-teal.val-100{background:#5ADAB0;} .col-teal.val-200{background:#27AE7A;} .col-teal.val-300{background:#107858;} .col-teal.val-400{background:#065438;} .col-teal.val-500{background:#023020;}
.col-purple.val-100{background:#C898E0;} .col-purple.val-200{background:#9B59B6;} .col-purple.val-300{background:#7030A0;} .col-purple.val-400{background:#4E1878;} .col-purple.val-500{background:#300050;}
.col-red.val-100{background:#F09090;} .col-red.val-200{background:#D94F6C;} .col-red.val-300{background:#B02848;} .col-red.val-400{background:#880830;} .col-red.val-500{background:#5A0018;}
.col-blue.val-100{background:#90C0F0;} .col-blue.val-200{background:#5B9BD5;} .col-blue.val-300{background:#2868B0;} .col-blue.val-400{background:#0848A0;} .col-blue.val-500{background:#022870;}

.btn-results-big{background:var(--col-teal);color:#fff;font-weight:900;font-size:1.1rem;border:none;border-radius:50px;padding:14px 42px;cursor:pointer;box-shadow:0 4px 20px rgba(39,174,122,.4);transition:.2s;display:none;align-items:center;gap:10px;}
.btn-results-big:hover{transform:scale(1.05);}

/* ══ ÉCRAN QUESTION ══ */
#screen-question{display:none;min-height:100vh;background:var(--bg);padding:0;transition:background .4s ease;}
#screen-question.active{display:flex;flex-direction:row;align-items:stretch;}
#screen-question .main-col{padding:20px 20px 26px;gap:14px;align-items:center;justify-content:flex-start;padding-top:22px;}

/* Fonds par thème */
#screen-question.theme-orange {background:var(--col-orange-bg);}
#screen-question.theme-teal   {background:var(--col-teal-bg);}
#screen-question.theme-purple {background:var(--col-purple-bg);}
#screen-question.theme-red    {background:var(--col-red-bg);}
#screen-question.theme-blue   {background:var(--col-blue-bg);}

/* en-tête */
.q-header{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:820px;}
.pts-badge{font-weight:900;font-size:.95rem;padding:6px 18px;border-radius:50px;min-width:90px;text-align:center;color:#111;}
.cat-label{font-size:.82rem;opacity:.55;text-align:center;font-weight:700;letter-spacing:.5px;flex:1;padding:0 12px;}
.calc-badge{
  display:flex;align-items:center;gap:7px;
  background:#fff;
  border:2.5px solid #f0a000;
  padding:7px 16px;border-radius:50px;
  font-size:.85rem;font-weight:900;color:#a06000;
  box-shadow:0 3px 14px rgba(0,0,0,.35);
  animation:calcPulse 1.6s ease-in-out infinite;
  letter-spacing:.2px;
}
@keyframes calcPulse{
  0%,100%{box-shadow:0 3px 14px rgba(0,0,0,.35), 0 0 0 0 rgba(39,174,122,.6);}
  50%    {box-shadow:0 3px 14px rgba(0,0,0,.35), 0 0 0 7px rgba(39,174,122,0);}
}

/* chronomètre */
.timer-zone{display:flex;align-items:center;gap:18px;width:100%;max-width:820px;background:rgba(0,0,0,.25);border-radius:16px;padding:10px 18px;border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(4px);}
.clock-wrap{position:relative;flex-shrink:0;}
#clock-svg{transform:rotate(-90deg);}
#clock-track{fill:none;stroke:rgba(255,255,255,.2);stroke-width:5;}
#clock-arc{fill:none;stroke:#fff;stroke-width:5;stroke-linecap:round;transition:stroke-dashoffset .95s linear,stroke .3s;}
.clock-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;}
.clock-label span{font-weight:900;font-size:1.15rem;color:#fff;line-height:1;font-variant-numeric:tabular-nums;}
.timer-bar-wrap{flex:1;display:flex;flex-direction:column;gap:6px;}
.timer-bar-bg{height:8px;background:rgba(255,255,255,.2);border-radius:6px;overflow:hidden;}
.timer-bar{height:100%;border-radius:6px;background:rgba(255,255,255,.8);transition:width .95s linear,background .3s;}
.timer-hint{font-size:.78rem;color:rgba(255,255,255,.75);font-weight:700;}

/* carte question */
.question-card{background:rgba(0,0,0,.30);border-radius:var(--radius);padding:22px 30px;max-width:820px;width:100%;box-shadow:0 8px 40px rgba(0,0,0,.5);border:1.5px solid rgba(255,255,255,.18);backdrop-filter:blur(6px);}
.question-card p{font-size:clamp(.95rem,2vw,1.1rem);font-weight:700;line-height:1.4;text-align:center;color:#fff;letter-spacing:.01em;text-shadow:0 1px 4px rgba(0,0,0,.4);}
.question-card p .q-sentence{display:block;margin-bottom:.3em;}
.question-card p .q-sentence:last-child{margin-bottom:0;}
.question-card p .q-ask{display:block;font-size:clamp(1rem,2.2vw,1.15rem);font-weight:900;color:#fff;margin-top:.4em;}

/* réponses */
.answers-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:820px;width:100%;}
.ans-btn{background:rgba(255,255,255,.18);border:2px solid rgba(255,255,255,.35);color:#fff;font-family:'Nunito',sans-serif;font-weight:800;font-size:1rem;padding:18px 16px;border-radius:14px;cursor:pointer;transition:.18s;text-align:left;line-height:1.45;display:flex;align-items:center;gap:12px;text-shadow:0 1px 2px rgba(0,0,0,.3);min-height:58px;}
.ans-letter{flex-shrink:0;width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:900;color:#fff;margin-top:1px;}
.ans-btn:hover:not(:disabled){background:rgba(255,255,255,.30);border-color:rgba(255,255,255,.7);}
.ans-btn.selected{background:rgba(255,255,255,.38);border-color:#fff;}
.ans-btn.selected .ans-letter{background:rgba(255,255,255,.7);color:#111;}
.ans-btn.correct{background:rgba(76,175,80,.5) !important;border-color:#7ef09a !important;}
.ans-btn.correct .ans-letter{background:#4CAF50;color:#fff;}
.ans-btn.wrong{background:rgba(233,30,60,.35) !important;border-color:#ff9aaa !important;}
.ans-btn.wrong .ans-letter{background:#e91e3c;color:#fff;}
.ans-btn:disabled{cursor:default;}

/* feedback */
.feedback-row{display:flex;align-items:center;gap:10px;max-width:820px;width:100%;padding:10px 18px;border-radius:12px;font-weight:800;font-size:1rem;min-height:48px;}
.feedback-row.ok{background:rgba(30,180,80,.4);border:1.5px solid rgba(120,255,160,.6);color:#e0ffe8;}
.feedback-row.ko{background:rgba(200,20,40,.35);border:1.5px solid rgba(255,140,160,.5);color:#ffe0e4;}
.feedback-row.hidden{background:transparent;border-color:transparent;}

.validate-btn{background:rgba(255,255,255,.92);color:#222;font-weight:900;font-size:1.05rem;border:none;border-radius:50px;padding:12px 44px;cursor:pointer;transition:.2s;box-shadow:0 4px 18px rgba(0,0,0,.3);display:flex;align-items:center;gap:8px;}
.validate-btn:hover:not(:disabled){background:#fff;transform:scale(1.03);}
.validate-btn:disabled{opacity:.38;cursor:default;}

/* ── ZONE RETOUR AUTO (fixed bas-droite) ── */
.auto-return{position:fixed;bottom:24px;right:24px;z-index:999;display:flex;align-items:center;gap:12px;padding:12px 18px;border-radius:50px;background:rgba(10,10,20,.82);border:1.5px solid rgba(255,255,255,.22);backdrop-filter:blur(10px);box-shadow:0 6px 28px rgba(0,0,0,.5);font-weight:800;font-size:.92rem;color:#fff;max-width:360px;animation:slideInRight .3s cubic-bezier(.34,1.56,.64,1);}
@keyframes slideInRight{from{transform:translateX(60px);opacity:0}to{transform:translateX(0);opacity:1}}
.auto-return.hidden{display:none !important;}
.return-wheel{flex-shrink:0;position:relative;width:44px;height:44px;}
.return-wheel svg{transform:rotate(-90deg);}
.wheel-track{fill:none;stroke:rgba(255,255,255,.2);stroke-width:4;}
.wheel-arc{fill:none;stroke:#fff;stroke-width:4;stroke-linecap:round;transition:stroke-dashoffset .9s linear;}
.return-wheel-num{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:1rem;color:#fff;}
.auto-return-text{flex:1;opacity:.9;font-size:.9rem;}
.cancel-return{background:rgba(255,255,255,.15);border:1.5px solid rgba(255,255,255,.3);color:#fff;font-family:'Nunito',sans-serif;font-weight:800;font-size:.8rem;padding:5px 14px;border-radius:50px;cursor:pointer;transition:.18s;white-space:nowrap;}
.cancel-return:hover{background:rgba(255,255,255,.25);}
.go-return{background:rgba(255,255,255,.92);color:#222;font-family:'Nunito',sans-serif;font-weight:900;font-size:.88rem;border:none;border-radius:50px;padding:8px 22px;cursor:pointer;transition:.18s;display:flex;align-items:center;gap:6px;white-space:nowrap;}
.go-return:hover{background:#fff;transform:scale(1.03);}
.auto-return.stayed .return-wheel{display:none;}
.auto-return.stayed .auto-return-text{font-size:.88rem;opacity:.8;}
.auto-return.stayed .cancel-return{display:none;}

/* ══ RÉSULTATS ══ */
#screen-results{padding:28px 16px;gap:20px;text-align:center;background:radial-gradient(ellipse at 50% 0%,#0d2a20 0%,var(--bg) 65%);}
#screen-results h2{font-family:'Black Han Sans',sans-serif;font-size:clamp(1.4rem,5vw,2.4rem);color:var(--col-teal);display:flex;align-items:center;gap:10px;justify-content:center;}
.final-score-wrap{background:var(--card);border-radius:var(--radius);padding:26px 38px;box-shadow:var(--shadow);border:2px solid rgba(39,174,122,.2);}
.final-score-num{font-size:clamp(2.8rem,10vw,4.5rem);font-weight:900;color:var(--col-teal);line-height:1;}
.final-score-lbl{font-size:.95rem;opacity:.6;margin-top:6px;}
.final-stats{display:flex;gap:18px;flex-wrap:wrap;justify-content:center;margin-top:14px;}
.stat-pill{background:rgba(255,255,255,.07);padding:8px 16px;border-radius:50px;font-size:.88rem;}
.stat-pill strong{color:var(--col-teal);}
.coach-card{max-width:700px;width:100%;background:var(--card);border-radius:var(--radius);padding:20px 26px;border-left:5px solid var(--col-teal);text-align:left;font-size:.93rem;line-height:1.65;}
.coach-card h4{color:var(--col-teal);font-weight:900;margin-bottom:8px;font-size:1.05rem;display:flex;align-items:center;gap:8px;}
.review-section{max-width:800px;width:100%;}
.review-section h3{font-weight:800;font-size:1.05rem;color:var(--rose);margin-bottom:10px;text-align:left;display:flex;align-items:center;gap:8px;}
.review-item{background:var(--card);border-radius:12px;padding:14px 16px;margin-bottom:8px;border-left:4px solid transparent;text-align:left;font-size:.88rem;line-height:1.5;}
.review-item.ok-item{border-left-color:var(--vert);}
.review-item.ko-item{border-left-color:var(--rouge);}
.review-item .ri-cat{font-size:.72rem;color:var(--col-teal);font-weight:700;text-transform:uppercase;letter-spacing:.5px;}
.review-item .ri-q{font-weight:700;margin:3px 0 5px;color:#dde0ff;}
.review-item .ri-your{color:#ff8a9a;font-size:.84rem;}
.review-item .ri-good{color:#7ef09a;font-size:.84rem;}
.review-item .ri-ok{color:#7ef09a;font-size:.84rem;}
.btn-row{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;}
.btn-print{background:var(--col-blue);color:#fff;font-weight:900;font-size:.98rem;border:none;border-radius:50px;padding:12px 36px;cursor:pointer;transition:.2s;display:flex;align-items:center;gap:8px;}
.btn-print:hover{background:#4a88c8;}
.btn-retry{background:rgba(255,255,255,.09);color:#fff;font-weight:700;font-size:.98rem;border:2px solid rgba(255,255,255,.2);border-radius:50px;padding:12px 36px;cursor:pointer;transition:.2s;display:flex;align-items:center;gap:8px;}
.btn-retry:hover{background:rgba(255,255,255,.14);}

/* ══ IMPRESSION ══ */
@media print{
  body{background:#fff;color:#111;}
  .screen{display:none !important;}
  #print-zone{display:block !important;}
  @page{size:A4 portrait;margin:10mm 10mm;}
  .pz-page-break{page-break-before:always;break-before:page;}
}
#print-zone{display:none;font-family:'Nunito',sans-serif;font-size:8.5px;line-height:1.25;}
.pz-header{text-align:center;margin-bottom:6px;}
.pz-header h1{font-size:13px;color:#0d5c3a;margin:0;}
.pz-header p{font-size:8px;color:#555;margin-top:2px;}
.pz-score-box{border:2px solid #27AE7A;border-radius:6px;padding:6px 12px;text-align:center;margin-bottom:6px;display:flex;align-items:center;justify-content:center;gap:18px;}
.pz-score-box .big{font-size:22px;font-weight:900;color:#0d7a50;line-height:1;}
.pz-score-box .pz-score-info{text-align:left;}
.pz-meta{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:6px;font-size:8px;color:#444;}
.pz-meta span{background:#f5f5f5;padding:2px 7px;border-radius:10px;}
.pz-coach{background:#e8fff4;border-radius:5px;padding:6px 10px;margin-bottom:6px;font-size:8px;line-height:1.35;border-left:3px solid #27AE7A;}
.pz-coach strong{color:#0d7a50;}
.pz-section-title{font-size:9px;font-weight:800;color:#0d5c3a;margin-bottom:4px;padding-bottom:2px;border-bottom:1.5px solid #eee;}
.pz-review-grid{display:grid;grid-template-columns:1fr 1fr;gap:3px;}
.pz-item{border-radius:4px;padding:4px 7px;font-size:7.5px;page-break-inside:avoid;break-inside:avoid;}
.pz-item.ok{background:#f0fff4;border-left:3px solid #4CAF50;}
.pz-item.ko{background:#fff0f0;border-left:3px solid #e91e3c;}
.pz-item .pi-cat{font-size:6.5px;color:#888;text-transform:uppercase;letter-spacing:.4px;}
.pz-item .pi-q{font-weight:700;margin:1px 0 2px;color:#222;font-size:7.5px;line-height:1.2;}
.pz-item .pi-ans{font-size:7px;}
.pz-item .pi-ok{color:#2e7d32;}
.pz-item .pi-ko{color:#c62828;}
.pz-footer{text-align:center;margin-top:6px;font-size:7px;color:#aaa;}

.site-footer{width:100%;text-align:center;padding:10px 20px;font-size:.72rem;color:rgba(255,255,255,.3);font-weight:600;letter-spacing:.4px;font-style:italic;flex-shrink:0;}
#screen-question .site-footer{color:rgba(255,255,255,.45);}
#screen-grid .site-footer{color:rgba(255,255,255,.25);}

/* ── UTILITAIRES / ANIMATIONS ── */
.hidden{display:none !important;}
@keyframes popIn{from{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}
.pop{animation:popIn .28s cubic-bezier(.34,1.56,.64,1);}
@keyframes scoreUp{0%{transform:scale(1)}40%{transform:scale(1.35)}100%{transform:scale(1)}}
.score-bump{animation:scoreUp .45s cubic-bezier(.34,1.56,.64,1);}
@keyframes floatUp{0%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:0;transform:translateY(-60px) scale(.8)}}
.score-particle{position:fixed;pointer-events:none;font-family:'Nunito',sans-serif;font-weight:900;font-size:1.1rem;color:var(--col-teal);text-shadow:0 2px 8px rgba(0,0,0,.5);animation:floatUp .9s ease-out forwards;z-index:9999;}