@font-face {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url("montserrat.woff2") format("woff2");
  }

/* ============ Tokens — palette « Focus » (design system §5.1 / tokens.dart) ============ */
:root {
  color-scheme: dark; /* thème unique : l'app est dark by design */
  --bg-base: #0E1017;
  --bg-surface: #161B24;
  --bg-surface-2: #1F2632;
  --border-subtle: rgba(255,255,255,0.08);
  --text-primary: #ECF0F6;
  --text-secondary: rgba(236,240,246,0.60);
  --text-muted: rgba(236,240,246,0.36);
  --accent: #6472FF;
  --accent-2: #A78BFA;
  --success: #3ED9A0;
  --warning: #FFC24D;
  --danger: #FF6B6B;
  --gold: #E9B44C;
  --r-pill: 40px;
  --r-card: 24px;
  --shadow-text-big: 0 8px 30px rgba(0,0,0,0.5);
  --shadow-cta: 0 6px 20px rgba(0,0,0,0.45);
  --shadow-item: 0 6px 16px rgba(0,0,0,0.45);
}

/* Items animaux/fruits : PNG Noto Emoji de l'app (assets/emoji, Apache 2.0) */
:root {
  --em-dog: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAMAAADVRocKAAADAFBMVEVMaXH+69CGWlBLRDX+x4v/6cj/6cj//9zMYm+1YU6GW1HUeVaPXlKBWE+sX2LReFagZVKFW1C9XmrSeVikZ1PNdlboS4yHW1GFW1P/7sv/1rX/7M7WeVbUZma2bVP/5sf/6seHW1H/7sv/7crSeFf/5cWHXVP/7sv/6cj/78zVeFX/78zVelfTeVbXelf/6ciHW1GHW1GHXFH/68n/6siKXVH/68n/68n/68j/5MT/7MnPdlbLdlT/7MqHW1H/7cr/6cj/6smGWlD/6cX/7cj/8sv/58X/6cb/68nXelb/8cz/6sjOdlXTeFXRd1bTeFbVfFr/6ceGWlD/8c7Mdlbae1jTeFbpSozsS47pSoyGW1CHXFKwaVP/jFnyhVucdWa8iHDbfVjziaX4pa/MbEyGWlHIc1S3bFPdYXL/6siGW1EvLy+HW1HSeFb+6ceFWlEyMTH/8tCBWVH/7cr/6Mb/6cfSeVf/+tWCWVH/7svQd1bRd1b96Mf/8M7/99P/8M396Mb/9dEiIyb/78z/7MnQcU/bfFjWelclJijRdVP/9ND/8s7Qc1HhgFvYelfPcE7pSYvTeljdflqwa1TIdFUqLC3BclU1MzMtLi784b8kKizyyaf85sSVYVLjgVspKSuIXFL53LqLXVHUdVGMX1WKXlPVf13VfFvnro3r27vsYpmPYVapaVX/6Mfhn32cZFPuvZu9cVbajWpbV1DxTZDUck/21LLXg2H//dhDQT6XjHvFtp356siQYlfckG7suZfVd1Tw3r7YiGYeICPWxquglYLxjbTqTo5rZFvZfVvezK/qs5FUUEpkX1fnQ4mnZEzkpoOeYErdlnSZYlL+3cQZGh9xamA8Ojm7rZd9UkW/blBtSz731rTww6D0z61IODdOS0aKgXLqVZHrWZXyRY59dGi1qZPQwKWvoo5jRjuLWEV1bmOEVUPdk3H/Upngw6tuZ177z768Rnf5sbTUSIK0P3DvwZ/ilnKZb2L2gKWEe26FPFt3OlTcjJuPhXXOc1Jx+nI2AAAAt3RSTlMAA/0BAv78AQED+/v+/A9k/lMIV/7+/TohzQkUcxj+DfTg7vlHG4VqX9yo58Mn4OL38G1H1vyNQoEmx5ghVbacroilMSt2NjyT87O8N5+M7szM0KDeeLWVwuiUx5gUKob8s7bQKHj2PY3///////////////////////////////////////////////////////////////////////////////////////////////////////7j/87AAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAACsZJREFUeNrtWXlYE2ce/kJCSABRseItKmq1XvWo9ehlra21rbbbe7v37j8hySQhm5sJk4OcQAAJiRAERBTEqhxiOTzqUW/tYa21bqu977vd+9n9zUxIJjMRorXPs/s8vP6hiV/e9/vd33yD0CAGMYhB/F8hJYKfgZwHYEiRH2NkRHwxBb4oATJ6MT/6OUyWMjZ72rRp47LH8iKiNB2sj/6az/xpPPbIYhG9MIUnAK6ld66457F5UyYBZs177KG7l9y5Mps2BSExyGSOHjVq+PBRo0ZnUr+8qh0UOyyGtaMFsBmgTkG8+xePyTHrzKoCgxpgKFBZdDpzzrw1q1YCPU+MMobfO/nWxs2Aulsn3zV9VCZIxKXnw577FjfOf276aCTmoewZj9l0XrsQkKyhkEz+WygpMOvUi5YsRWj45JaWxjpFEiC3rnFzS+MvFmSgOH7ig2GjfzkfFshyyaWb985fgHgzFuk8wKiRcADfSry6nMen120mqcNISkrN3dwyeThXAbwz+t5bWxqTUsOLk1IbN/12jQ6Py05DIxRiuq/Sh8hyYwC/3DwdCWIDweejBfNb6lJjVg75mz1HKOkXGqG56RU9SwEk9k5HMSaA8+/ae1tS7LK6N38nwSQDQGPfsGe7PpeN1L2/YiqIUMZze1NZ/DL92b+oiIEEJISqafdNeWwbZEO2D0WMXBLf1ZLK3oS+ZssG+4AWSDTq+q0jNynYv05qfOLXqC8MYrRgL4dfpl//V7VGMjA0th27t8cxoXU8EvQ5aMLkuiSOG3MvvoxjCQgQeHVDJccC8NHsPgv4aHnNEA69osXXlEAIAPbQQXeNnuOA1x68g46zAP2mlZsGsrydu/cnJkCoXt69nuMjRfrxqXSYxejJVnatkALbG37EExMgfcT1wG3Hx9MCfPT79fEEJh6oTigGEsy+YQv4iEWhSD2+nBIQocy527kCuYrKA522RLII8sjw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);
  --em-cat: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAMAAADVRocKAAADAFBMVEVMaXH//wb/vyL+wCH9uyp6UlL8gQr//1f+qwj/wCL/vyL//xD/wCH/wCK6urr/wCL/vCaHh4v/vSb/wSH/wyH/wCH/xSL/wSL2tjH/wiH/uCX/wSL/uiT/wCT/wiH/wCL/wSH/wSH/wiL/xiP/mzD/wCH/wyH7viienp6dnqD/vyH/wyL/wiL/wiL8vib/wx6enp69qXeenp+enp7/wSH/vyP/vyH/wCL/wSL/wiD+wiKenp6fn6Chn5ydnZ2en6ShoJ//wSH/wiL/xiP/wCL/wx+fn5+hn52dnZ6enp2xsbGenp6Sma//wSL/wSL/vSD/njH/pi7/wyH+wST/wR+pqamgn56fn5yWm6idnZ2dnZ3/mzD/nDD/xSL/nDD/wyP/xCOdnZ3/xCP/oS7+xiP/oS7/njD/oC7/mzH+nC++qnm1p4DouEH0vTDNr2CvpIvbs1Cuo4nErHmlpab/wCL/0dEAAAAAAgD/mzH/wCP9viL+vyL/yiT+wCL/xiMBAQD/0dD/yST/wSEDBAD/zST/yCP/zCT/wCX8vSH/xCP/wiD/0c7/vxf/wCD/nTH/yyT/vxr/mTL/wxr/wR3/vyL/wyIGBQD/mjH9vyL/vCP/0dX/0tf/wB//zyT+wiL/0toTDgIfGAT/z7/9vyX/uCX/qCz/pTIMCQH/0tv/wSn/oTCWnKnwtyDpsR//0tz5uyH/wS3/wzyvr6/4vivuujmRma42KQdnTg20iRhZQwz/zrL/0t7/zaj/xVOanaSlpaWfn5+popBhSw0rIAb/yoX/zJn/0MfMr2eUmqv/sSndqB4/MQjNnRwwJQYkGwVLOQr/wjXTsVusrKy2pn+xpIb/yxz2viHElRpRPQufdxWHZRL/x2i6jhn/xEnmt0OioJnBq3PatFOOaxPKmRvkrh+mfhbZpR3/xlv/y4//z7j/yHGzs7PftU3VoRzRnRyYdBX/zaKthBj/0+bhtknFrG3/qisYFAT/1CV2WRCBYRL5wiKdoq/quyFGNAq6urr/yXaVfgMqAAAA7XRSTlMAAv79BAECAQP+/AP7+wP9CwQZ8x+g/agHUCRWFDO94Ejtm/782ftdoz1i6MT1LShD/vbxjUJpeq/J5FTQcHsms3E5+IO0DBq85v7bEZLTPjRDzofV+mEgLobF7tnRwGvZlYLq6XKf55Vls+6J7OPU7X4n+f///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////v////////////////4EfPJ+AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAADMdJREFUeNrtWnd4E8cSP11ULFmy3MEGFyAY03uAUAMk1PReX/J6L993OnzS6YzkkyxZEhKSJQujuGBCM2AbF0rA2PRO6C30FkoSEtJf+d7u3ekkmZOxzfvj/ZExNpK1O7+d+c3Mzt4aQX6WCJFJpQ8dIOu6+thY8EMkamdEDPiWiEVdUy8Fs+OTE0Wy6EuUIt2TE8EqYrtiRYwMyUjJGpyUmY7Iourvl6VKeu7lZEQU22nni5HElFTaalR/PygGkQiOESHPmyi5tw+dND0eEUs6pR84vl8vOkelRlGVswfjaoFFIE+TKhRVq3Lovs8jYmln2EXiU5ypChQDoiSfFvaRCMnIweRwCKowpY5BpB3nWoykv0SrGPVgtjcpGZEKruKXtBLDCILAMEUO3S0+iqFC+p8faFDAtcG52GNkD0SYw3EmJUY47C6MwFAVPS4Rie2g/rRpVgWjPhAACEp6lNBMKZI82IsSjsJzWwKeQgxTOd9P7xBCLNKvjxe4hyh0Beo+cUESMoVcFIOkmVA54drx9eJ7n9gBgsLw5JAOIIiB/hyoH7Ofv2ez3XYRKJUVL0CzGBlDK4lA7S6NbcWuLQyC6cn0h/IgRnqklkH9gcCO0nJNqabOhXoHC7Ecg6SYVYTrfOl8jW2xhkUwvJ+IiB7in9HToH8KXbX3PtbY5ttWnAMzvRkC02RIpkFJ2M+tsGk0ttJSFsE5Lh5pr2yIkKG/tjL6P7m1FkzU2NZ+Zi9EqWxBy/tSaKF9BzuudP55iKCix/IAElBpYxgBFVfGLarnuwYQPwTQDxcGJpbf88hRg0Auy5D4J61qwv7ZWnbg4l11LgbhZeAGWYw4RtS2dIpjQPnsRkP9gVpOP5i3iXAoyQGAmwcAevayooTnXjk3svzWShDU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);
  --em-fox: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAMAAADVRocKAAADAFBMVEVMaXHl2dTf399TUE7/XxH/YBDs6eBbV1j/nY3/XQBXWltWWVr/Ywv/YRD/YBDi39r/Xw//YRD/YRbk3dj/YBD/YRHi4uJMWmHe3t/j4Nz/XhFWWlvl4+Pf39//YBHh4eFWW1vf399ZXF1YWFr/YRH/YRH/YRD/YhH/YRGZjn/86cn/YxLe3t7e3t5XWlve3t5XWl1YW1xYW1ve3t5UW15UWl3/YBH/YhDe3t7/YxPe3t7/YRHh0LXe3t7e3t5YW1uMX0Tf3+Do5N3/YRHe3t5ZWVlYW1zDXCzg1sK0ppL55Mb76Mv/YBH9XxH/XArh3Nr/YQ/bc0JYXV35YxhUW1xZWlr868r958f87c3+787VxauuoZGkXDmRXUKUXUL2XxVJWWD/68z6fUXBjnl8W0u+Ux//YBHf39//lBHf3t7/YREtKiXd3d3+YBH/YhD/////ZhL/kxH9XxH/XRHf3t3/6sn/ZBJXWlv/lxD/lhBaW1rg39/e5env7+9dYGH/YRP/ZREwKybd6O3j4+Pr6+v/Wgfh4eFZXV7/VwT/YhTt7e0gJib/gBHl5eXn5+f858j/XQv9YBHd3+D+/v7/mAzp6elMV2AgHRn8/Pz8kxJQWF5UWVw/QETz8/P/8dD5+fj/89P/chD/bBD/XBAqKCT19fXg3Nvv5NRqYFQmIx/nwK3//ts0LSf/+NX/eBHcWBYmKCXn4tnqWhPzXRL/7s0xMjH7djM9LiP/jhH/ihHtqojmx7byoHX4fUD9biX/58WAPhzKvKWJgnYbJSZxbGbnvKPylGXf4uTciCBkYV7+XAy/UBff19POUhRJLyBLS0y9r5rj0MU5O0Ccbj+1eDF+aUrojRqNQRqiRhhgW1h7d3NWVFT4kVuwSxn1kRT+sIC/fi1hOCD08OB1OBhXNCBbMBiZoqXz5s1KQzr/mhHmzb7IUhb2hk/qs5b/vo7HgSq8YTLRhSXEThKssLH46s5xaFupm4Y7ODLs272oShmWRRztZSFHUVSIj5GjoqDi6Ot2j4G6AAAA6HRSTlMAAvwE/vwDAQEC/P0G4cUirOsZF9fR9g/lOQ5UDmiL7i189hiAXvV0nf7HTsRLoaRC59lSgbNEIpAtl5L+vNfM/kQsaK9mkv0I/l+8O0Gz0blyOP7BxYWp2uT9/uKhtPrTQRon/f7///////////////////////////////////////////////////////////////////////////7////////////////////////////////////////+///////////////////////////////////////////////////////+7eU25gAAAAlwSFlzAAALEwAACxMBAJqcGAAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAtQSURBVHja7VhpWBPXGj7ZFxC0KmIV125al6q1tdZatZvdb9vb/a5/JskwM2SBAAFCICQhwQRQAgoYQJCCgAuC1l3QuteqtXXrvu/t7X7X535nhkCWMQlof937PTwPkDnnfc/7vd93zpkg9P8YYshEst8Wf9AUMpFoEBNkaNItIpgzSMHyWBlEaJzSMfc+EYp1TbAU0bhZ909F8ljXP8UR5zDfPSlGBpEcjZvrMJvvHoNksRHMMisz45TmKfchmSwWwVPnmx1KpdJ8f0wEIECZiUPpMM8SRWcQoVvmmJXslCmTUEwLuh8EZJpMmbCm+VFVg2FTHEpTtclUozTfikQxCBgzxxGXmVlZiUWYn54aeQ7gO5RxpuqWN7+tjnPMFaEYFI8D/BrT2dera0CE+e6IDJCfKRx+RfYb1ZmOJ6NLEGGLTZWvV1R8a+IYImRJhCbNcShhOUcq1lS8VxlLjvoyZDqSvabiCDCYlObfj0EK/sEKNHUu4Juq36tYo85+8wKMjZoi0OwAyW9k69RrKv6WWV1dWdPyp3gZfwfJZfMd1ZlY7hq1Wg05Ms2JoShuxRk6i6eA6gtLvtv0Z+2d/BJE6InXl7RcqGx5B+Bh9NlKU+aT0QhkaD4Uac2RLLwmXdbGRoYgJJbr+RgU6FEJQ5R3PsANBsHVSvO4KCbIkGiuI66m5Z1sNRs6rb6cFpPDrgnfZuTo2tFGPU02NmRxY7PfNEV3WYamToGkvuHHz95BQEi0N4VLUKDrtBKCpsU7wC+W4J2WGvOsKATYY1N15tksXR9D1kYDSYjFzG2hDAp0+whSTBCGdWp/rAGC+VE8EKH7zNVLOjf6CXCSQILYmBAfkiQFuhMEAMGKgbFLKh1Po8gMUERHH2AaBybpslaABEjSPZwEuVzeh3/H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);
  --em-strawberry: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAMAAADVRocKAAADAFBMVEVMaXGhxgDbDCeKuQ3/KiPjCBPcDSbFOAD/HjCXtxUARgD+KSL//xS7CD6YtxX/VQj/KSLdDCfhDSiZuBTdCybcDSfvHyLfDiaZuRTdDCeZtxXoGivwFyTgEiTcDSfbDiiZuRX/KiPdDifcDCaYuBSZuBWYuBTbCyaXsxOTrRuauRXjESaauhT/KSL/KyP/KSL/KiPcDCaZuBWYtxTbDSXfDSbdDSb/KiP/KiL/KiPcDSaauhXbDCeYtxSXtRSYtxSZuBWYtxSLrh7aDCb/KyP3JST/KiP/KiH/KSP/KiP/KyOauRTdDCeYtxWYuRiYtxTgDCf/KiP/KiP/KiOdvBV2njdktTn/KiP/KiL/KSL/KiPeDSf/KiP7KCT9KSSiXjCBoCpxozqiWTCWtRaYtxX/KiPcDSf/KyP/LCT/LSWXthX+KiP/LCOZuBSauRPbDif/HRjaCyf/KCH/IhzjBCbbDCb/IBrrDin/Jh93mDb/JB7/6Mj/6sl1mTf/99TmFSb/5cX8JyP4JCR0ljhwnjjpDinkEyb1IiSVtBhzlzlvoTjgCCbhAydtozjZDSedvRaOrx///tvmDSnyHiX/782buxXfDyeZtRWfwBbhESbqGCVzmTj/RzySshrZCyd4mzSZtxSiwxagwRbeCCeKqiPRHij/Ny7/Min/9dP/+td8nDH//v+UwRTdECiEpir/PDPjDSijxRZ5lTb/UET/fGv/8c//YlP/2r2hwhb/Wkz/y6+8OSv/8tHtGyXfDCeAoi3/7Mt0nTfBMiv/lX//jHh8oDKVbzL/tp2lWTCNeTP/moX/cWDaAR3/xKj/eGa4Pyx7kDb/a1z/79yrixm/Vh+IgTT/spnXFieDhzXCSCP/3b6WvRT/1be1Qy3GLSqvSy3/uZ//qZT//ffcBiH/oo3/8+mwexyfqRacZDGtTi//sJffGzHNMiPKJCr/rJO5Oy3xkIf/hHB0pjX/wKWbsBaoyxecrhaZpxvfMkTsdHP3uaXmRVD6Ghmdvx3oX2P//um+MHfLAAAAZHRSTlMAAv4E/gL8AQP8AfwBBP4D+/7+1KhhGOPt9yAMBhNUMMpyI7W/Xkk+Dxgp6oE/52qBxzz2R4aZ9TXJgKWUtFR2ZZYx/CEdXlh2L7Xd1+dti/PZ4r306Cfe7KVOdK2plJKt2uT8k41kUAAAAAlwSFlzAAALEwAACxMBAJqcGAAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAy/SURBVHjatVp3WFP3Gj4hiwAiIKjUWfds62z12lZL7e1ub9fds0nOyJ4kZBBIwkiYYchGRBAcgIiiiANn1Vq1rVWrdXXv9u5973dyskhOQvCp3x88DyPf+3u/91u/c0CQIItjMBKQu2ik97i76J6BMB6bM//uQcQlPDKdt3MWcpeClIDMe3hvDa/0mbsWIGTdX5bxeDXT754G00sT+byaMCGKS2AwGEwwyLO4O4zQc1UEADwMXELYMZmBThMAJm70EbpnmZQCSAgqDcr5vHuWznlk9uxH5iyYF+c+0KgBFrwuoUIUN+zs4ImxYPa6Wc8tk5Ru2rm3por33PR1axcw7oSBhOAnlj7D9CNAZSDMpS+M4+1tqamS8BN5YAS/qqalJfF3Y0ZZLwnI/ImgQaJk2QKvCHFQ2PMfHVfVUioBx4kEnzKCkPA2H/89E4nljpLEOMgiPm/v8wjT/S2Tgcx/YWJLaSIvkR9oG6VlWwuHfjsZCIwdO6oYPbyJx4cYjZtHKhjHRJiPTmyp4g13T/ClBYcKrY7P1Qtnpk1BEHZs1ABM5NEWAODzWhYhTEgdZOm4nVU8gj/cpJLNzYX64jfUshS7feFvngIW7KgZLK3iJ5JnrJoDaIxFpTWvJwa5l0jLjhea9I431EJZTAYnF0/61UMId2x0WsQhTLcIfKLqlbXI/Fk7eTx+8PEbD9WD/+LPnDKhUKiowJJYeNLPH4+WBBNZ5I4RIGwa98xeXvDx+ZIyE7g3FX/WKpSR/sUCASuehT94LxuJjS5R75kodcec4EE58UOMMBXqhxz6z53JMqFMViEWCUgDiJfXR4fAQBbt9PhNTAz1z98I+p4/8bVaBuevzvf4BxZJ+H2Lo0IAFabX0JzcrwGx+YpaXQLxF/r9kySwpCeiQmAgj71SRURA2Cjd8ElbESigyctB/QACFgu7P0qERwh+YgQEgr/9z++2tsqEiloRChxQjMJhxUeJwETWbYoUJD5/A3/7O5eKZMKmOggSmiXPwr0cfhwFAsTIk0gRSGzY/ulXgABpiqoaLjRoPRzQB0dWGqbauBEIuElc3XClSKaoxVT7DGZLn8qL8NLjCHskAj9qGdk/Gaar7wJCRdZJs+WweY8WcyMkYS/HcrmR/a/dFI1/QJBu319Ukqd6r8NgMH/hARAk4Q8gYyPPtIkRk5QgCOqLVFJ2/Hxb645/n+m0GCoHcKUnSKykxZGCFDlAEoKQSqUSiUQq5ZcdstYXH3GW5OpulVd2ntX5C27VZIQb3v+cUiJcDRCSxubjXZvLGgsay7q2Wq22oRvOpjpUKTg2MLBHhfkQ8HvDBilynyCkmwvrCwuter3eaq13OE5dVzdlQx0o5Tiq8tc0C71vfDgKDGR2JIUlBc0m05DDZnMUO3pP7D+ohvOTlYwrBVhAz4gPq7Nv3IRtdF2FQ5dPnTp14o1zbU61sKQOpQ6OBvakCBRGIAAUGvW2i62tziK12ikrqSanDZ0lhVchcqcGCoestiNOGViJrC4nsFsPo4Ct4tJRiJhCHoAyK7lMwCzIzhWjgjDGEqAP0dUC1MDekYqY2Gq7CO411SKxSBQOAGL0JE3P84/jCP5B5t42GAXJOZA/GI7Ts4jHnqYBYCDP0xIggkph6Ai5sOSiIkwllytpEVjoT2iqOQGZ5ZWYIAL3LGkgQJnVsV9NAaj2fdS3RReAgGKYV4QH14eIAHeDZZJE724YUFybyySB3ULvOOcGwFUNH2/739ktfg6oTp6FeToejcpMZK23zUnKGn0+JYcKC7ukAXj64g/UpAa4vG/btrc7j8pxr/+s9j0NVMuA2fmLkErw55C0rPC4D4DsDtYuicQbNaKZBNBUA8CFbR8bK695KaC67mtm4wX3XIDx/0QwQGCbOF7YXOBB2FigN5ls1kMFUm/Ytjq+BQDYJ5Tt71cajMZdnj6Ky7/vtAz2t7tFicdD9gvP7YlKFJOpUUJ4Aep7T9ls+q6yAmIjaVttILIiGxVg2jPmSmOlH+Co2WDooGYn2SxCAJa6y5iQFjTX602Nfgb15y/tv+hw1Dc3byVNT6Zp0wFoE4DQbz7plRg0IQEuyDH6SmMis2vgCgbLP/gf6v2bn4Htokwt23/ifL2tGMxhO9/mFCryyT6Hadv3+fIU1pfDQKhBFYYB3G1g6ZUWdJmsepvpyDvbN3izxnHCWSJUOy9d33/ugxsfnDvSliyUVVNLI67U+rMUU/Ud7jhKBYxGAya5VRd06a0mR/Hl62ofQKP7qgSb+kGn2m1FTrgW5HmPjQVWsqphl1Lp6RUhWcREXthZ1mwdKu49cU7mbP3EA+Ct3GpNU4nHmhQKIf0kwLJUKOrbIUMAFv3HZHJcvgGjKllW9C4FQKZUb5uzJE+UW1GXnQeWXVd3ID8nTKf2tQoWujg0RM93mV79w46iVvJq0dr2V0plySHbqVYhmTRiMYpC+xSTFnYSRBgIsPIWvvpaamYGOU2EXgqkBDfUpKYiaP+YTq4SYKIIg8AHEE+3or42H1lp55D+hYrqVlJmiFB9b9tBIEA1m+49u5RZmGBEY6E/G0/XrmORFZkkABRqjr3t06uAsBVyqKQ2h5KwwXB78E8NKiwKgJ9OohnKjDFIGgBomqorRGi8+isJX7rZdvkStGYxVaofQfs093f7RwCGY4LoBw6CjEHmJjfF1B4g1wU0t+jK1YKh+uvOHZ67Hi6/BQCWzmO+Bg0jTYVitAAv0TGAH01ZWJEvEoOiApE4v+jKH3uPFNXmerYTXH7m9scGS8c3PoCsfX37dDqMTmSaiUYhPI0nCSh/InFF67dfF9WJvDWFKtGb5bsry/s8AJj2rY6OwZvdNKrTTjTSYpEn8XjfBMTzXXX5ASWL6rYcG+g/LVB6vlee7bAYOs/ioYOfrpLdxkaeigd+ngPLtVodHpjz5B7drlL68G4OGoyWzj5fyMje5L/nhLkMrsJYHmf4sZtHg3ISxQVKX3vD5W91WoyGjpNa399gOk8zisd/TX/NGYvc74kRprq17XanYY92eISH7dHKk+WVhk7f9QxGQneDzp3ELGwC/TWHi4y/D2W5+be/ve22YbB/izJs40F1+NH3D/d7ZyY54SzGL8gPiLD8mGnhKDwAeQQfFuD92942Gsxn5OELF1Vq23e1ey83cCbLoKHcXSZoniuNXgQfBYhwudFgMR8NkDAUAdeplN4DYNp9uw2G3QPuDM/IXAl1S0/hXkoFNOtYpdk8GCxCMIR/pJEARmPl+906LKc6w7UkzD2Qi0xehVE6a3cd/WifCg2jMI0k3ZbDBhIAr1PEpEyYFOYmyEYWJ7HcOuOwPQf4xwQ6AR4JAdOeLreYz+rEFQphTHL6jHD3cbfOIqpZBnRLNAvrxuWRSKDKLV9UGveocsnHhZye5WGfu3DZT4MMQWMLzWoYsAz06ZSREHS6XQ263GoNzJSMzLQwKpNBGr9QGTx3Me2tcuPuztOqSDqgqMrjHwBWhwUAanNfrMtHh93CMNV7gwZ4rBIpq0QiMXZA5vYv5NhXRng0NQaZmpKcBxD+QHk7z+nhdYEHyiQW59cqhEIPQGqkZ18wPF0xGXkVMHx8GGTnOVx+LBAAFWjlnqEmEojR3GyN1z8AzIz4cC0WSetJyVCQ41PsXlnIaXD6Wv837QGXMlSJXfj+rV1ZOpEI4pkf4H5kAPjl8hddHI0iObuC3LkgvtB5trSrAi99ZOJ3dFSehNrNPVCr0QiFowCA3057NpPDESoUtXWwKwIIhiuVgcsu5P21SovB2PmnA7VCxTD3I2pA6TAp1Z6SAWtSk6I6r64iPzdHhPqMzJmcnAF4nGawVP79zR3CIMuwrxjxAWcsG5k6ITPZvespmuCI1bXk9pvtXoLzasE+/Fe/2Wwu/+cOTbB/YDB15Ge08G5m/Jp0O4cTQ31Io1H4TQMm+/DL/3733T++/DDEPzS7KUgUL0XGsJFpqSn2ZB9GkO3QvAkWen4o5BXRvU5gw3uyaanpmT2cMBg7wEJ/yumJjoCHBDJjxYSeTBfwABR6KkEB4rimhu9EtBCTlq95Nt1lt7tSDsZkZHBiRvAfbYB8EORp2DOmrk5dMiEd3p25DnIiYID/lQgbGZ1xYynG3Ekz5qatWZJutydncOj9c9z+R/uKkxJ8jCeu3BlpM9PtrhgODUZGimv1nfmnnplwSRjy4zN+uSQlMyU4VHD8haDvHfv3kSGFj527ZoLLftCbWjEkIVdP6vofwD+FAW4mTU190W7vOQjCxiSnuDI5M+eCXD/UPzBQwo9PS302XdjTk8JZuGT1NABmIz+gcclQIZPXT1u+fO60KcioXi1Hn1vs4XB3wbjsMbGxsWFT8/8WpeN2N9qXeAAAAABJRU5ErkJggg==);
  --em-panda: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAMAAADVRocKAAADAFBMVEVMaXFNTU1NTU1AQEBAQEBMTExNTU1WVlYAAAB/f39LS0tHR0dOTk5CQkJPT09MTExPT0+DgoJQUFBNTU1SUlJOTk5OTk5OTk5OTk5OTk5NTU1FRUVNTU0AAABvb29OTk5OTk5NTU1gYGBNTU1PT09NTU1OTk5MTExPT09WVlZQUFBHR0dMTExOTk5PT09MTExQUFB4eHhMTExPT09OTk5NTU1NTU1NTU1NTU1PT09NTU1PT09QUFBMTExNTU1PT09NTU1VVVVRUVFOTk5OTk5PT09OTk5NTU1OTk5NTU1/f39QUFBERERERERjY2NNTU1MTExNTU1NTU1NTU1MTExpaWlPT0+enp5eXl50dHRLS0tOTk5NTU1KSkpQUFBPT08/Pz9PT09MTExaWlpOTk5ubm5JSUlZWVlQUFBMTExMTExPT09NTU3////+/v79/f38/PwAAABQUFBOTk5PT09MTEwCAgBRUVEDAwEGBQNSUlJCQkJERERBQUFDQ0MFBAEBAQBUVFT7+/tTU1NLS0tISEhJSUlGRkZHR0dFRUVKSkrq6uoKCQfz8/Pd3d339/eioqKgoKClpaXOzs4EAwNAQECKiort7e319fXb29sMCwpZWVl2dXXDw8MQDw68vLzv7+9tbWyTk5ONjYyqqqn5+fnm5uatra3AwMAcHBpdXV0/Pz7Jycmsq6uXlpZXV1a+vr7X19c9PDyvr68wMC7S0tI5ODixsbHQ0NDi4uLHx8fk5OQPDgxqampjY2IXFhVOTk15eXllZWWRkJCFhYVycnL6+vre3t7x8fHR0dG1tbVVVVXr6+unp6c7OzmYmJiOjo4iIiErKimHh4ZQUVEaGRkmJSScnJzo6OggHx4pKCYSERARCwp9fX3GxsV8fHzg4ODY2NjU1NTu7u7Z2dmysrI0MzPSi4u5ublxcXHLy8vw8PBfX1+3t7cUExLS0tGCgYFbW1tdW1rq6usjFxZlQ0L/uLn/qaqbZWT9rK3//v79/PwwHx6ydXZWODfLhYUFIWheAAAA4HRSTlMA/Bv8BP3+AwECDPwy/P4Q/P7W7f7MQfQIdVX8KAL+gv1g/mPjUNsr6/z8/o7AuxXw/nDQ+kzSw0oGWJ32I0bnbfsY6LWwi3oTLv3e/v79WfE8oKjW/Jj+/P5ckzj8p2f8Ovv7fvz9/CGp+qP////////////////////////////////////////////////////////////////+/////////////////////////////////////////////////////////////////////////v///////////////kHSpPkAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAAOG0lEQVR42u1ad3gU1RafJJstKaTQe+hFukgXfBYU+BA7omJZFX3v7Z3ZaZnsbMn2EhIwHRKSUI30EkCR9uihKIKKIF0D2Ht9/d6ZndmZzYDA9/zreT6+QHbvPb/Tz7n3gmF/0B/0O5AR0e/G3aQzCCA6w++CYULcdSkZKSaEceMQRpPJYLrGNij14B4PP9LygZatx97WDjOZboy9ISqS4WraG7A7B7TkW1E0zVCtuN49dJhBrV6UTJpCGqA4usS05zplRC3RzDwmrEdLXwtzQrJer4c/KX5kJ0wnqa5TbzEadGoUI/w+bcCItjSjv+ue20xGg4b4GX/mM816i0TJZm5IL4RgFFU3JaaNf6JHjx4dxqe93C4+EKDIaXfn8Byt11tatOIGyqLF5McSW/MJyRYlmVtQ3UTDjk4b9nB2S8ojEtW258Anu3UajQLCFJUuZUAmr08wQ+X1yQlmfkiHOATo3RFcgiWOknOoJzBT56cGZPf3tQg4nElJzz77bFKS3RFgPJ7MR55s0y5qeqzPrb4Es2pjN7UDjca7+b9YmlEy3bZNh9YcH3B27Pfi3g9WH6qrqzu09GjWon6pSRH6MNe768vIgtj4llyyXi1a5iglggEbxidYNEifM85jcZq7FJdWEiBG1srSkqH906dSh9s+1AnDpg1nzHEbzUzPRMwYM9Cdd9F6LQC6RSD98elzcMgUJ6xRIkSsk4cWzExPPjy867RMOrnZTjP/EGaKKdBeWwHK79xxqQgytxI4UBJEQ3817WmVrvdl5mgIp7dkpkkIUJORlFlDfMa+tn5uc+4yBo6Dk0ep9JwWWsIl8BMlLxixxAc0LEQFQ+9UQvZa3KNEQOitFaEwpQGQTI0wRb1gwB5ECRInPuVasQqKeQ32oh4AfLbbTtPNbUS3vR2T0uQ2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);
}
.em { display: inline-block; width: 1em; height: 1em; vertical-align: middle; background: center / contain no-repeat; }
.em-dog { background-image: var(--em-dog); }
.em-cat { background-image: var(--em-cat); }
.em-fox { background-image: var(--em-fox); }
.em-strawberry { background-image: var(--em-strawberry); }
.em-panda { background-image: var(--em-panda); }

* { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  background: var(--bg-base);
  color: var(--text-primary);
  font-family: "Montserrat", system-ui, sans-serif;
  font-weight: 600;
  line-height: 1.6;
  overflow-x: hidden;
}

.wrap { max-width: 1060px; margin: 0 auto; padding: 0 24px; }
section { position: relative; padding: 88px 0; }
p { max-width: 58ch; }

h1, h2, h3 { text-wrap: balance; line-height: 1.12; }
h2 {
  font-size: clamp(28px, 4.2vw, 42px);
  font-weight: 900;
  text-shadow: var(--shadow-text-big);
  margin-bottom: 12px;
}
.eyebrow {
  display: inline-block;
  font-size: 12px; font-weight: 800;
  letter-spacing: 0.18em; text-transform: uppercase;
  color: var(--accent-2);
  margin-bottom: 12px;
}
.lead { color: var(--text-secondary); font-size: 17px; }

/* ============ Nav ============ */
nav {
  position: relative; z-index: 5;
  display: flex; align-items: center; gap: 24px;
  padding: 22px 0;
}
.brand { display: flex; align-items: center; gap: 10px; text-decoration: none; }
.brand svg { width: 26px; height: auto; }
.wordmark { font-size: 17px; font-weight: 900; letter-spacing: 0.04em; color: var(--text-primary); }
.wordmark b { color: var(--accent); font-weight: 900; }
.nav-links { margin-left: auto; display: flex; gap: 22px; align-items: center; }
.nav-links a {
  color: var(--text-secondary); text-decoration: none;
  font-size: 13.5px; font-weight: 800;
}
.nav-links a:hover, .nav-links a:focus-visible { color: var(--text-primary); }
.nav-cta {
  background: var(--accent); color: #fff !important;
  padding: 9px 18px; border-radius: var(--r-pill);
  box-shadow: var(--shadow-cta);
}
.nav-cta:hover { filter: brightness(1.08); }
@media (max-width: 720px) { .nav-links a:not(.nav-cta) { display: none; } }

/* ============ Pluie du fond — chiffres + formes, comme l'accueil de l'app ============ */
.rain { position: absolute; inset: 0; overflow: hidden; pointer-events: none; }
.rain > * {
  position: absolute; top: -12%;
  font-size: 38px; font-weight: 900;
  color: var(--tint, var(--text-primary));
  opacity: 0.07;
  transform: rotate(var(--rot, 0deg));
  animation: fall var(--dur, 22s) linear infinite;
  animation-delay: var(--delay, 0s);
}
.rain svg { width: 34px; height: 34px; fill: var(--tint, var(--text-primary)); }
@keyframes fall { to { top: 112%; } }
@media (prefers-reduced-motion: reduce) {
  .rain > * { animation: none; top: var(--static-top, 40%); }
}

/* ============ Hero ============ */
.hero { padding: 36px 0 100px; }
.hero-grid {
  display: grid; grid-template-columns: 1.1fr 0.9fr;
  gap: 48px; align-items: center;
  position: relative; z-index: 2;
}
@media (max-width: 880px) { .hero-grid { grid-template-columns: 1fr; gap: 72px; } }

.hero h1 {
  font-size: clamp(40px, 6.2vw, 62px);
  font-weight: 900;
  text-shadow: var(--shadow-text-big);
  margin: 10px 0 18px;
}
.hero h1 em { font-style: normal; color: var(--accent); }
.hero .lead { font-size: 18px; margin-bottom: 30px; }

.store-row { display: flex; flex-wrap: wrap; gap: 14px; margin-bottom: 24px; }
.store-badge {
  display: flex; align-items: center; gap: 12px;
  background: var(--bg-surface); border: 1px solid var(--border-subtle);
  border-radius: 16px; padding: 11px 20px 11px 16px;
  box-shadow: var(--shadow-cta);
}
a.store-badge { text-decoration: none; color: inherit; transition: transform 0.15s ease, border-color 0.15s ease; }
a.store-badge:hover { transform: translateY(-2px); border-color: var(--accent-2); }
.store-badge svg { width: 26px; height: 26px; flex: none; }
.store-badge .lines { line-height: 1.25; }
.store-badge .soon { font-size: 10.5px; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase; color: var(--accent-2); }
.store-badge .store { font-size: 16px; font-weight: 800; }

.hero-facts { display: flex; flex-wrap: wrap; gap: 10px 22px; color: var(--text-muted); font-size: 13px; font-weight: 700; }
.hero-facts span::before { content: "◆"; color: var(--accent); font-size: 9px; margin-right: 8px; vertical-align: 2px; }

/* ---- Mockup téléphone (mode Compte) ---- */
.phone-zone { position: relative; justify-self: center; }
.phone {
  width: 292px; height: 600px;
  background: linear-gradient(180deg, var(--bg-base), var(--bg-surface-2));
  border: 3px solid var(--bg-surface-2);
  border-radius: 44px;
  box-shadow: 0 30px 80px rgba(0,0,0,0.6), 0 0 0 1px rgba(255,255,255,0.04);
  overflow: hidden;
  position: relative;
}
.phone::after { /* vignette de lisibilité, comme en jeu */
  content: ""; position: absolute; inset: 0;
  background: radial-gradient(ellipse at 50% 42%, transparent 40%, rgba(0,0,0,0.55));
  pointer-events: none;
}
.ph-hud {
  display: flex; justify-content: center;
  padding: 24px 20px 0;
}
.ph-pill {
  border: 2px solid var(--bg-surface-2); border-radius: var(--r-pill);
  padding: 5px 16px; font-size: 12px; font-weight: 800;
  background: rgba(22,27,36,0.7);
  letter-spacing: 0.08em;
}
.ph-progress {
  margin: 16px 24px 0;
  height: 6px; border-radius: 6px; background: var(--bg-surface-2); overflow: hidden;
}
.ph-progress b { display: block; width: 62%; height: 100%; border-radius: 6px; background: linear-gradient(90deg, var(--accent), var(--accent-2)); }
.ph-q {
  text-align: center; font-size: 21px; font-weight: 900;
  letter-spacing: 0.02em; margin-top: 22px;
  text-shadow: var(--shadow-text-big);
}
.ph-items { position: absolute; inset: 160px 0 30px; }
.ph-items i {
  position: absolute; font-style: normal; font-size: 46px;
  filter: drop-shadow(0 6px 16px rgba(0,0,0,0.45));
  transform: rotate(var(--rot, 0deg));
  animation: sway 3.4s ease-in-out infinite alternate;
  animation-delay: var(--delay, 0s);
}
@keyframes sway { from { translate: 0 -5px; } to { translate: 0 5px; } }
@media (prefers-reduced-motion: reduce) { .ph-items i { animation: none; } }

/* carte résultat flottante */
.result-card {
  position: absolute; bottom: 48px; left: -74px;
  display: flex; align-items: center; gap: 14px;
  background: var(--bg-surface); border: 1px solid var(--border-subtle);
  border-radius: var(--r-card); padding: 16px 22px;
  box-shadow: 0 20px 50px rgba(0,0,0,0.6);
  animation: pop 0.6s cubic-bezier(0.2, 1.6, 0.4, 1) both;
  animation-delay: 0.5s;
}
@media (max-width: 880px) { .result-card { left: -34px; } }
@keyframes pop { from { scale: 0.6; opacity: 0; } to { scale: 1; opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .result-card { animation: none; } }
.result-card svg { width: 58px; height: 58px; }
.result-card .exact { font-size: 20px; font-weight: 900; color: var(--success); line-height: 1.2; }
.result-card .xp {
  display: inline-block; margin-top: 4px;
  font-size: 12px; font-weight: 800; color: var(--gold);
  border: 2px solid var(--gold); border-radius: var(--r-pill); padding: 1px 12px;
}

/* ============ Bande stats ============ */
.stats {
  border-top: 1px solid var(--border-subtle);
  border-bottom: 1px solid var(--border-subtle);
  background: var(--bg-surface);
  padding: 40px 0;
}
.stats .wrap { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
@media (max-width: 720px) { .stats .wrap { grid-template-columns: repeat(2, 1fr); gap: 12px; } }
.stat {
  background: var(--bg-base); border: 1px solid var(--border-subtle);
  border-radius: 18px; padding: 22px 14px 18px; text-align: center;
  transition: transform 0.16s ease, border-color 0.16s ease;
}
.stat:hover { transform: translateY(-3px); border-color: color-mix(in srgb, var(--accent) 45%, transparent); }
.stat .ico { display: block; margin: 0 0 10px; font-size: 24px; line-height: 1; }
.stat b {
  display: block; font-size: 34px; font-weight: 900; line-height: 1;
  font-variant-numeric: tabular-nums;
  background: linear-gradient(90deg, var(--accent), var(--accent-2));
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
.stat .lbl {
  display: block; margin-top: 9px;
  font-size: 11.5px; font-weight: 700; color: var(--text-secondary);
  letter-spacing: 0.05em; text-transform: uppercase; line-height: 1.45;
}

/* ============ Étapes ============ */
.steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: 36px; }
@media (max-width: 780px) { .steps { grid-template-columns: 1fr; } }
.step {
  background: var(--bg-surface); border: 1px solid var(--border-subtle);
  border-radius: var(--r-card); padding: 26px;
}
.step .n {
  display: inline-grid; place-items: center;
  width: 34px; height: 34px; border-radius: 50%;
  background: var(--accent); color: #fff;
  font-weight: 900; font-size: 15px; margin-bottom: 14px;
}
.step h3 { font-size: 17.5px; font-weight: 800; margin-bottom: 6px; }
.step p { font-size: 14.5px; color: var(--text-secondary); }

/* ============ Modes (10 mini-jeux) ============ */
.modes-grid {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(228px, 1fr));
  gap: 14px; margin-top: 36px;
}
.mode {
  background: var(--bg-surface); border: 1px solid var(--border-subtle);
  border-radius: var(--r-card); padding: 20px;
  display: flex; gap: 14px; align-items: flex-start;
  transition: translate 0.25s ease, border-color 0.25s ease;
}
.mode:hover { translate: 0 -3px; border-color: rgba(100,114,255,0.4); }
.mode .pict {
  flex: none; width: 46px; height: 46px; border-radius: 14px;
  background: var(--bg-base); border: 1px solid var(--border-subtle);
  display: grid; place-items: center;
  font-size: 26px; font-weight: 900;
}
.mode .pict .txt { font-size: 14px; font-weight: 900; color: var(--accent-2); letter-spacing: 0.03em; }
.mode .pict .disc { width: 22px; height: 22px; border-radius: 50%; background: var(--gold); box-shadow: 0 0 12px rgba(233,180,76,0.5); }
.mode .pict .tapring { position: relative; width: 26px; height: 26px; display: grid; place-items: center; }
.mode .pict .tapring::after { content: ""; position: absolute; inset: -5px; border: 2px solid var(--accent); border-radius: 50%; opacity: 0.7; }
.mode h3 { font-size: 16px; font-weight: 900; margin-bottom: 3px; }
.mode p { font-size: 13px; color: var(--text-secondary); line-height: 1.5; }

.tiers-row {
  display: flex; flex-wrap: wrap; align-items: center; gap: 10px;
  margin-top: 30px; justify-content: center;
}
.tiers-row .lbl { font-size: 12px; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase; color: var(--text-muted); margin-right: 4px; }
.tier {
  --tc: var(--accent);
  display: inline-flex; align-items: center; gap: 8px;
  border: 2px solid var(--tc); border-radius: var(--r-pill);
  padding: 4px 14px; font-size: 12.5px; font-weight: 800;
}
.tier::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--tc); }
.modes-note { margin: 18px auto 0; text-align: center; color: var(--text-muted); font-size: 13px; font-weight: 700; }
.modes-note b { color: var(--text-secondary); }

/* ============ Duel ============ */
.duel { background: var(--bg-surface); border-top: 1px solid var(--border-subtle); border-bottom: 1px solid var(--border-subtle); }
.duel-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: center; }
@media (max-width: 880px) { .duel-grid { grid-template-columns: 1fr; } }
.vs-card {
  background: var(--bg-base); border: 1px solid var(--border-subtle);
  border-radius: 28px; padding: 32px 30px;
  text-align: center;
}
.vs-row { display: flex; align-items: center; justify-content: center; gap: 22px; }
.fighter { display: grid; gap: 8px; justify-items: center; }
.fighter .ava {
  width: 72px; height: 72px; border-radius: 50%;
  display: grid; place-items: center; overflow: hidden;
  border: 3px solid var(--accent);
  background: var(--bg-surface-2);
  box-shadow: var(--shadow-item);
}
.fighter .ava svg { width: 100%; height: 100%; display: block; }
.fighter:last-child .ava { border-color: var(--accent-2); }
.fighter .name { font-size: 13px; font-weight: 800; }
.fighter .frank { font-size: 11px; font-weight: 700; color: var(--text-muted); }
.vs-mid { font-size: 28px; font-weight: 900; color: var(--danger); text-shadow: var(--shadow-text-big); }
.round-dots { display: flex; gap: 16px; justify-content: center; align-items: center; margin-top: 22px; }
.rd-group { display: flex; gap: 7px; }
.rd-group i { width: 11px; height: 11px; border-radius: 50%; background: var(--bg-surface-2); }
.rd-group.me i.on { background: var(--accent); }
.rd-group.opp i.on { background: var(--accent-2); }
.round-dots .rd-sep { font-size: 10px; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; color: var(--text-muted); }
.vs-status {
  margin-top: 14px; font-size: 12px; font-weight: 800;
  letter-spacing: 0.14em; text-transform: uppercase; color: var(--warning);
}

/* ============ Hebdo ============ */
.social-grid { display: grid; grid-template-columns: 1fr; gap: 18px; max-width: 560px; margin: 36px auto 0; }
.social-card {
  background: var(--bg-surface); border: 1px solid var(--border-subtle);
  border-radius: var(--r-card); padding: 28px;
}
.social-card h3 { font-size: 20px; font-weight: 900; margin-bottom: 8px; }
.social-card p { font-size: 14.5px; color: var(--text-secondary); margin-bottom: 20px; }
.lb { display: grid; gap: 8px; }
.lb-row {
  display: flex; align-items: center; gap: 12px;
  background: var(--bg-base); border: 1px solid var(--border-subtle);
  border-radius: 14px; padding: 9px 14px;
  font-size: 13.5px; font-weight: 700;
}
.lb-row .pos { width: 20px; font-variant-numeric: tabular-nums; font-weight: 900; text-align: center; }
.lb-row:nth-child(1) .pos { color: var(--gold); }
.lb-row:nth-child(2) .pos { color: #B8C4D9; }
.lb-row:nth-child(3) .pos { color: #CD8A5C; }
.lb-row .pts { margin-left: auto; color: var(--text-secondary); font-variant-numeric: tabular-nums; font-size: 12.5px; }
.lb-row.me { border-color: rgba(100,114,255,0.5); }
.lb-tabs { display: flex; gap: 8px; margin-bottom: 14px; }
.lb-tabs span {
  font-size: 11.5px; font-weight: 800; letter-spacing: 0.06em;
  border: 2px solid var(--bg-surface-2); border-radius: var(--r-pill);
  padding: 3px 12px; color: var(--text-muted);
}
.lb-tabs span.on { border-color: var(--accent); color: var(--text-primary); }


/* ============ CTA final ============ */
.final { text-align: center; padding: 0 0 110px; }
.final svg { width: 112px; height: 112px; margin-bottom: 16px; }
.final h2 { font-size: clamp(32px, 5vw, 50px); }
.final .lead { margin: 0 auto 32px; }
.final .store-row { justify-content: center; }

/* ============ Footer ============ */
footer {
  border-top: 1px solid var(--border-subtle);
  padding: 28px 0 42px;
  color: var(--text-muted); font-size: 12.5px; font-weight: 700;
}
footer .wrap { display: flex; flex-wrap: wrap; gap: 12px 28px; align-items: center; }
footer .baseline { margin-left: auto; color: var(--text-secondary); }
:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; border-radius: 4px; }

/* ============ Sélecteur de langue (footer) ============ */
/* Sept liens vers /fr/, /en/… — pas de JS. La langue courante est marquée
   `aria-current="true"` par build.mjs et rendue non cliquable. */
footer .langs {
  width: 100%; margin-top: 6px;
  display: flex; flex-wrap: wrap; gap: 6px 10px; align-items: center;
}
footer .langs a {
  color: var(--text-muted); text-decoration: none;
  font-size: 12px; font-weight: 700; letter-spacing: .02em;
  padding: 4px 10px; border-radius: var(--r-pill);
  border: 1px solid var(--border-subtle);
  transition: color .15s, border-color .15s;
}
footer .langs a:hover { color: var(--text-primary); border-color: rgba(255,255,255,0.2); }
footer .langs a[aria-current="true"] {
  color: var(--text-primary); border-color: var(--accent);
  pointer-events: none;
}
