:root{--background-day:linear-gradient(347deg, #d1495b, #edae49, #00798c);--background-night:linear-gradient(160deg, #0f0c29, #302b63, #24243e);--scoreList-day:linear-gradient(to right, #FF416C, #FF4B2B);--scoreList-night:linear-gradient(to right, rgb(71 40 211 / 53%), rgb(29 56 65 / 53%)),linear-gradient(rgb(52, 46, 73), rgb(30, 33, 43));--pulse-color-day:rgba(255,0,0);--pulse-color-night:rgba(255,255,255);--pulse-red-day:255;--pulse-green-day:0;--pulse-blue-day:0;--feuillage-color-day:#00086A;--feuillage-color-night:#ffffff;--floating-button-day:#ffd94f;--chat-box-day:#e5e5e5;--chat-container-day:#fff;--chat-message:#34495e;--current-user-message:#fcffdc;--system-message-day:#fdf10d;--decrement-red-day:#990808;--decrement-red-night:#ff3647;--etoile-colors-day:#28e1ff;--etoile-colors-night:#f6a000;--feuillage-colors-day-1:#00086A;--feuillage-colors-day-2:#0e7c7b;--feuillage-colors-day-3:#e9d758;--bbleue-colors-day-1:#00B4D5;--bbleue-colors-day-2:#d62246;--bbleue-colors-day-3:#297373;--bjaune-colors-day-1:#F6A000;--bjaune-colors-day-2:#d4f4dd;--bjaune-colors-day-3:#f694c1;--brouge-colors-day-1:#D54D1D;--brouge-colors-day-2:#17bebb;--brouge-colors-day-3:#ff8552;--tronc-colors-day-1:#E90062;--tronc-colors-day-2:#4b1d3f;--tronc-colors-day-3:#e6e6e6;--feuillage-colors-night-1:#f1fffa;--feuillage-colors-night-2:#5ac4ab;--feuillage-colors-night-3:#ffafcc;--bbleue-colors-night-1:#454545;--bbleue-colors-night-2:#028090;--bbleue-colors-night-3:#c879ff;--bjaune-colors-night-1:#93b7be;--bjaune-colors-night-2:#f5cac3;--bjaune-colors-night-3:#3bf4fb;--brouge-colors-night-1:#d5c7bc;--brouge-colors-night-2:#02c39a;--brouge-colors-night-3:#826aed;--tronc-colors-night-1:#785964;--tronc-colors-night-2:#f6bd60;--tronc-colors-night-3:#cdb4db}.night-mode{--floating-button-day:#000;--scoreList-day:var(--scoreList-night);--pulse-color-day:var(--pulse-color-night);--pulse-red-day:var(--pulse-red-night);--pulse-green-day:var(--pulse-green-night);--pulse-blue-day:var(--pulse-blue-night);--system-message-day:#164891;--chat-container-day:#141414;--current-user-message:#363541;--chat-box-day:#272727;--chat-message:#fff;--decrement-red-day:var(--decrement-red-night);--etoile-colors-day:var(--etoile-colors-night);--feuillage-colors-day-1:var(--feuillage-colors-night-1);--feuillage-colors-day-2:var(--feuillage-colors-night-2);--feuillage-colors-day-3:var(--feuillage-colors-night-3);--bbleue-colors-day-1:var(--bbleue-colors-night-1);--bbleue-colors-day-2:var(--bbleue-colors-night-2);--bbleue-colors-day-3:var(--bbleue-colors-night-3);--bjaune-colors-day-1:var(--bjaune-colors-night-1);--bjaune-colors-day-2:var(--bjaune-colors-night-2);--bjaune-colors-day-3:var(--bjaune-colors-night-3);--brouge-colors-day-1:var(--brouge-colors-night-1);--brouge-colors-day-2:var(--brouge-colors-night-2);--brouge-colors-day-3:var(--brouge-colors-night-3);--tronc-colors-day-1:var(--tronc-colors-night-1);--tronc-colors-day-2:var(--tronc-colors-night-2);--tronc-colors-day-3:var(--tronc-colors-night-3)}.night-mode .toggle-button{background-color:#000;color:#000}#reduce-chat{color:#fff}.night-mode .loading-indicator{color:#bbb}*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;min-height:100%;font-family:monospace;-webkit-tap-highlight-color:transparent}body{position:relative;margin:0;padding:0;background:var(--background-day);background-size:600% 600%;overflow-x:hidden;overflow-y:hidden;-webkit-animation:gradientAnimation 22s ease infinite;-moz-animation:gradientAnimation 22s ease infinite;animation:gradientAnimation 22s ease infinite;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.hidden{display:none!important}body::after{content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:var(--background-night);opacity:0;z-index:-1;transition:opacity .5s ease-in-out}body.night-mode::after{opacity:1}@-webkit-keyframes gradientAnimation{0%{background-position:18% 0}50%{background-position:60% 85%}100%{background-position:18% 0}}@-moz-keyframes gradientAnimation{0%{background-position:18% 0}50%{background-position:60% 85%}100%{background-position:18% 0}}@keyframes gradientAnimation{0%{background-position:18% 0}50%{background-position:60% 85%}100%{background-position:18% 0}}.container{display:flex;justify-content:center;align-items:center}#cadeaux-container{z-index:3;position:absolute}.titre-cadeau{display:none;position:relative;z-index:2;font-weight:700}.titre-cadeau-visible{display:block}.popup{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);z-index:1;justify-content:center;align-items:center}.popup-content{background-color:#fff;padding:20px;border-radius:5px;box-shadow:0 0 10px 0 rgba(0,0,0,.75)}.close-popup{position:absolute;top:10px;right:10px;font-size:20px;cursor:pointer}body.popup-open{overflow:hidden}.error-message{color:#fff;text-align:center;display:none;position:fixed;bottom:10%;left:50%;transform:translateX(-50%);background-color:#f44;padding:10px 20px;border-radius:5px;font-size:16px;box-shadow:0 0 10px 0 rgba(0,0,0,.75)}#congratulations-popup{display:none}.main-container{width:1700px;position:relative}.cadeau{position:absolute;width:10vw;height:10vw;max-width:150px;max-height:150px;border-radius:15px;overflow:hidden;cursor:pointer}@media (max-width:600px){.cadeau{width:10vw;height:10vw}}.cadeau:hover{border:3px solid #add8e6;box-shadow:0 0 15px 10px #add8e6}#cadeau1{position:relative;width:150px;height:100px;background-color:#3498db;overflow:hidden}#cadeau1:before{content:"";display:block;position:absolute;width:100%;height:100%;background:radial-gradient(circle,#ff0 10%,transparent 10%),radial-gradient(circle,#ff0 10%,transparent 10%);background-size:30px 30px;background-position:0 0,15px 15px}#cadeau1 .ribbon-horizontal{width:100%;height:10px;background-color:#fff;position:absolute;top:50%;left:0}#cadeau1 .ribbon-vertical{width:10px;height:100%;background-color:#fff;position:absolute;top:0;left:50%;transform:translateX(-50%)}#cadeau1 .bow{width:40px;height:40px;background-color:#fff;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);border-radius:50%;overflow:hidden}#cadeau1 .bow:after,#cadeau1 .bow:before{content:"";display:block;position:absolute;width:20px;height:20px;background-color:#fff;transform:rotate(45deg)}#cadeau1 .bow:before{top:-5px;left:5px}#cadeau1 .bow:after{top:25px;left:15px}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}#cadeau1 .shine{position:absolute;top:-50%;left:-50%;width:50%;height:50%;background:rgba(255,255,255,.5);transform:rotate(45deg);animation:shine 3s infinite ease-in-out}@keyframes shine{0%{top:-50%;left:-50%}50%{top:50%;left:50%}100%{top:-50%;left:-50%}}#cadeau2{position:relative;width:120px;height:120px;background:linear-gradient(45deg,#ff5722,#fbc02d);border-radius:10px;overflow:hidden;animation:heartbeat2 1.5s infinite}#cadeau2 .ribbon-horizontal,#cadeau2 .ribbon-vertical{background-color:#3f51b5;position:absolute}#cadeau2 .ribbon-horizontal{width:100%;height:10px;top:50%;left:0;transform:translateY(-50%)}#cadeau2 .ribbon-vertical{width:10px;height:100%;top:0;left:50%;transform:translateX(-50%)}#cadeau2 .bow{width:30px;height:30px;background-color:#e91e63;top:40%;left:50%;transform:translate(-50%,-50%);border-radius:50%}@keyframes heartbeat2{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}#cadeau3{position:relative;width:120px;height:100px;background:linear-gradient(to bottom,#ffca3a,#1982c4);border-radius:10px;animation:jump 2s infinite}#cadeau3::after,#cadeau3::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(45deg,transparent,transparent 35px,#ff4500 35px,#ff4500 70px);opacity:.4}#cadeau3::after{transform:rotate(90deg)}#cadeau3 .ribbon-horizontal,#cadeau3 .ribbon-vertical{z-index:1;background-color:#ffca3a;position:absolute}#cadeau3 .ribbon-horizontal{top:50%;left:-5%;width:110%;height:10px;transform:translateY(-50%)}#cadeau3 .ribbon-vertical{top:-5%;left:50%;height:110%;width:10px;transform:translateX(-50%)}@keyframes jump{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}#cadeau4{position:relative;width:100px;height:100px;background-color:#7209b7;overflow:hidden;border-radius:10px;background-image:radial-gradient(gold 15%,transparent 15%),radial-gradient(gold 15%,transparent 15%);background-size:30px 30px;background-position:0 0,15px 15px;animation:rotate4 5s infinite linear}#cadeau4 .ribbon-horizontal,#cadeau4 .ribbon-vertical{background-color:#4cc9f0;position:absolute}#cadeau4 .ribbon-horizontal{top:50%;left:-5%;width:110%;height:10px;transform:translateY(-50%)}#cadeau4 .ribbon-vertical{top:-5%;left:50%;height:110%;width:10px;transform:translateX(-50%)}#cadeau4 .bow{width:20px;height:20px;background-color:#4cc9f0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%}@keyframes rotate4{0%{transform:translateY(0) rotate(360deg)}100%{transform:translateY(0) rotate(0)}}#cadeau5{background:linear-gradient(to bottom,red 0,red 16.66%,orange 16.66%,orange 33.32%,#ff0 33.32%,#ff0 49.98%,green 49.98%,green 66.64%,#00f 66.64%,#00f 83.3%,purple 83.3%,purple 100%);height:109px;width:169px}#cadeau5 .ribbon-horizontal,#cadeau5 .ribbon-vertical{background-color:#ff499e;position:absolute}#cadeau5 .ribbon-horizontal{width:100%;height:20px;top:50%;left:0;transform:translateY(-50%)}#cadeau5 .ribbon-vertical{width:20px;height:100%;top:0;left:50%;transform:translateX(-50%)}#cadeau5 .bow{width:40px;height:40px;background-color:#ff499e;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);border-radius:50%}#cadeau5 .shine{position:absolute;width:50px;height:50px;background-color:rgba(255,255,255,.5);border-radius:50%;top:10%;left:15%;animation:shineMove 2s infinite ease-in-out}@keyframes shineMove{0%{top:10%;left:15%;opacity:0}50%{opacity:1}100%{top:80%;left:80%;opacity:0}}#cadeau6{background-color:#fae042;border-radius:75px 15px;height:125px;width:109px;position:relative;animation:pendulum 2s ease-in-out infinite}#cadeau6 .ribbon-horizontal,#cadeau6 .ribbon-vertical{background-color:#c70039;position:absolute}#cadeau6 .ribbon-horizontal{width:100%;height:10px;top:50%;left:0;transform:translateY(-50%)}#cadeau6 .ribbon-vertical{width:10px;height:100%;top:0;left:50%;transform:translateX(-50%)}#cadeau6 .bow{width:40px;height:40px;background-color:#c70039;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);border-radius:20px}@keyframes pendulum{0%,100%{transform:translateX(-50%) rotate(0)}50%{transform:translateX(-50%) rotate(10deg)}}#cadeau7{position:relative;width:100px;height:100px;background:repeating-linear-gradient(45deg,#3498db,#3498db 10px,#fff 10px,#fff 20px);overflow:hidden;border-radius:10px;animation:rotate7 2s infinite linear}#cadeau7 .ribbon-horizontal,#cadeau7 .ribbon-vertical{background-color:#e67e22;position:absolute}#cadeau7 .ribbon-horizontal{top:50%;left:-5%;width:110%;height:10px;transform:translateY(-50%)}#cadeau7 .ribbon-vertical{top:-5%;left:50%;height:110%;width:10px;transform:translateX(-50%)}@keyframes rotate7{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}#cadeau8{position:relative;width:120px;height:120px;background:repeating-radial-gradient(circle,#f1c40f,#f1c40f 10px,#fff 10px,#fff 20px);overflow:hidden;border-radius:50%;animation:pulse8 1.5s infinite}#cadeau8 .ribbon-horizontal,#cadeau8 .ribbon-vertical{background-color:#335c67;position:absolute}#cadeau8 .ribbon-horizontal{top:50%;left:-5%;width:110%;height:10px;transform:translateY(-50%)}#cadeau8 .ribbon-vertical{top:-5%;left:50%;height:110%;width:10px;transform:translateX(-50%)}@keyframes pulse8{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}#cadeau9{position:relative;width:130px;height:100px;background:linear-gradient(to bottom,#e91e63,#9c27b0);border-radius:50%;animation:swing9 2.5s infinite}#cadeau9::after,#cadeau9::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(to right,transparent,transparent 10px,#7b1fa2 10px,#7b1fa2 20px);opacity:.4}#cadeau9 .ribbon-horizontal,#cadeau9 .ribbon-vertical{z-index:2;background-color:#006d77;position:absolute}#cadeau9 .ribbon-horizontal{top:50%;left:-5%;width:110%;height:10px;transform:translateY(-50%)}#cadeau9 .ribbon-vertical{top:-5%;left:50%;height:110%;width:10px;transform:translateX(-50%)}@keyframes swing9{0%,100%{transform:rotate(-20deg)}50%{transform:rotate(20deg)}}#cadeau10{position:relative;width:100px;height:100px;background:linear-gradient(to bottom,#fff 0,#fff 5%,#00f 5%,#00f 20%,#fff 10%,#fff 80%,#00f 80%,#00f 95%,#fff 95%,#fff 100%);overflow:hidden;animation:heartbeat10 1s infinite}#cadeau10::before{content:"";position:absolute;top:50%;left:50%;width:60px;height:60px;background-color:#00f;clip-path:polygon(50% 0%,61.8% 38.2%,98.1% 38.2%,68.4% 61.8%,79.4% 95.1%,50% 76.6%,20.6% 95.1%,31.6% 61.8%,1.9% 38.2%,38.2% 38.2%);transform:translate(-50%,-50%)}#cadeau10 .ribbon-horizontal,#cadeau10 .ribbon-vertical{background-color:#4ecdc4;position:absolute}#cadeau10 .ribbon-horizontal{top:50%;left:-5%;width:110%;height:10px;transform:translateY(-50%)}#cadeau10 .ribbon-vertical{top:-5%;left:50%;height:110%;width:10px;transform:translateX(-50%)}@keyframes heartbeat10{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}#cadeau11{position:relative;width:100px;height:100px;background:linear-gradient(to right,tomato,#ff4500);border-radius:5px;animation:shake11 .82s cubic-bezier(.36,.07,.19,.97) infinite}#cadeau11 .ribbon-horizontal,#cadeau11 .ribbon-vertical{background-color:#0f0;position:absolute}#cadeau11 .ribbon-horizontal{top:50%;left:-5%;width:110%;height:10px;transform:translateY(-50%)}#cadeau11 .ribbon-vertical{top:-5%;left:50%;height:110%;width:10px;transform:translateX(-50%)}@keyframes shake11{0%,100%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-10px)}20%,40%,60%,80%{transform:translateX(10px)}}#cadeau12{position:relative;width:100px;height:100px;background:repeating-linear-gradient(135deg,#8a2be2,#8a2be2 10px,#fff 10px,#fff 20px);border-radius:5px;animation:zoom12 2s infinite ease-in-out}#cadeau12 .ribbon-horizontal,#cadeau12 .ribbon-vertical{background-color:gold;position:absolute}#cadeau12 .ribbon-horizontal{top:50%;left:-5%;width:110%;height:10px;transform:translateY(-50%)}#cadeau12 .ribbon-vertical{top:-5%;left:50%;height:110%;width:10px;transform:translateX(-50%)}@keyframes zoom12{0%,100%{transform:scale(1)}50%{transform:scale(1.2)}}#cadeau13{position:relative;width:100px;height:100px;background:radial-gradient(circle,#ff69b4,#ff1493);border-radius:50%;animation:swing13 1s infinite ease-in-out}#cadeau13 .ribbon-horizontal,#cadeau13 .ribbon-vertical{background-color:#00ff7f;position:absolute}#cadeau13 .ribbon-horizontal{top:50%;left:-5%;width:110%;height:10px;transform:translateY(-50%)}#cadeau13 .ribbon-vertical{top:-5%;left:50%;height:110%;width:10px;transform:translateX(-50%)}@keyframes swing13{0%{transform:rotate(0)}25%{transform:rotate(10deg)}50%{transform:rotate(0)}75%{transform:rotate(-10deg)}100%{transform:rotate(0)}}#cadeau14{position:relative;width:100px;height:100px;background:linear-gradient(to bottom,#00ced1,#20b2aa);border-radius:10px;animation:bounce14 2s infinite;background:repeating-linear-gradient(45deg,#1abc9c,#1abc9c 10px,#fff 10px,#fff 20px)}#cadeau14 .ribbon-horizontal,#cadeau14 .ribbon-vertical{background-color:#ff4500;position:absolute}#cadeau14 .ribbon-horizontal{top:50%;left:-5%;width:110%;height:10px;transform:translateY(-50%)}#cadeau14 .ribbon-vertical{top:-5%;left:50%;height:110%;width:10px;transform:translateX(-50%)}@keyframes bounce14{0%,100%,20%,50%,80%{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}#cadeau15{position:relative;width:100px;height:100px;background:radial-gradient(circle,#7fffd4,#40e0d0);border-radius:50%;animation:float15 3s infinite ease-in-out;background:repeating-radial-gradient(circle,#2ecc71,#2ecc71 20px,#fff 20px,#fff 40px)}#cadeau15 .ribbon-horizontal,#cadeau15 .ribbon-vertical{background-color:orchid;position:absolute}#cadeau15 .ribbon-horizontal{top:50%;left:-5%;width:110%;height:10px;transform:translateY(-50%)}#cadeau15 .ribbon-vertical{top:-5%;left:50%;height:110%;width:10px;transform:translateX(-50%)}@keyframes float15{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}#cadeau16{position:relative;width:100px;height:150px;background:#d8bfd8;border-radius:5px;animation:changeColor16 5s infinite linear}#cadeau16 .ribbon-horizontal,#cadeau16 .ribbon-vertical{background-color:#ef233c;position:absolute}#cadeau16 .ribbon-horizontal{top:50%;left:-5%;width:110%;height:10px;transform:translateY(-50%)}#cadeau16 .ribbon-vertical{top:-5%;left:50%;height:110%;width:10px;transform:translateX(-50%)}@keyframes changeColor16{0%{background:#9c89b8}25%{background:#f0a6ca}50%{background:#efc3e6}75%{background:#f0e6ef}100%{background:#9c89b8}}#cadeau17{position:relative;width:100px;height:100px;background:linear-gradient(45deg,#fdf0d5,#669bbc);border-radius:20%;animation:blow17 3s infinite alternate}#cadeau17 .ribbon-horizontal,#cadeau17 .ribbon-vertical{background-color:#c1121f;position:absolute}#cadeau17 .ribbon-horizontal{top:50%;left:-5%;width:110%;height:10px;transform:translateY(-50%)}#cadeau17 .ribbon-vertical{top:-5%;left:50%;height:110%;width:10px;transform:translateX(-50%)}#cadeau18{position:relative;width:100px;height:100px;background-color:#2ec4b6;background-image:radial-gradient(white 15%,transparent 15%),radial-gradient(white 15%,transparent 15%);background-size:30px 30px;background-position:0 0,15px 15px;border-radius:50%;animation:blow18 1.5s infinite alternate}#cadeau18 .ribbon-horizontal,#cadeau18 .ribbon-vertical{background-color:#ffc636;position:absolute}#cadeau18 .ribbon-horizontal{top:50%;left:-5%;width:110%;height:10px;transform:translateY(-50%)}#cadeau18 .ribbon-vertical{top:-5%;left:50%;height:110%;width:10px;transform:translateX(-50%)}#cadeau19{position:relative;width:100px;height:100px;background:repeating-linear-gradient(45deg,brown,brown 10px,#fff 10px,#fff 20px);border-radius:10px;animation:blow19 .5s infinite alternate}#cadeau19 .ribbon-horizontal,#cadeau19 .ribbon-vertical{background-color:#8a2be2;position:absolute}#cadeau19 .ribbon-horizontal{top:50%;left:-5%;width:110%;height:10px;transform:translateY(-50%)}#cadeau19 .ribbon-vertical{top:-5%;left:50%;height:110%;width:10px;transform:translateX(-50%)}#cadeau19 .bow{width:40px;height:40px;background-color:#00f;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);border-radius:20px}@keyframes blow17{0%{transform:scale(1)}100%{transform:scale(.8)}}@keyframes blow18{0%{transform:scale(1)}100%{transform:scale(1.1)}}@keyframes blow19{0%{transform:scale(1)}100%{transform:scale(1.3)}}#cadeau20{background-color:#82c0cc;position:relative;width:125px;height:140px;animation:rotatatata 2s infinite}#cadeau20 svg{z-index:1;transform:rotate(20deg);width:100%;height:100%;position:absolute}#cadeau20 .ribbon-horizontal,#cadeau20 .ribbon-vertical{z-index:3;background-color:#80ffdb;position:absolute}#cadeau20 .ribbon-horizontal{top:50%;left:-5%;width:110%;height:10px;transform:translateY(-50%)}#cadeau20 .ribbon-vertical{top:-5%;left:50%;height:110%;width:10px;transform:translateX(-50%)}@keyframes rotatatata{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}#cadeau21{position:relative;width:100px;height:100px;background-color:#da2c38;background-image:linear-gradient(45deg,#87c38f 25%,transparent 25%),linear-gradient(-45deg,#87c38f 25%,transparent 25%);background-size:60px 60px;background-position:0 0,30px 30px;border-radius:20%;animation:spin21 3s infinite linear}#cadeau21 .ribbon-horizontal,#cadeau21 .ribbon-vertical{background-color:#f4f0bb;position:absolute}#cadeau21 .ribbon-horizontal{top:50%;left:-5%;width:110%;height:10px;transform:translateY(-50%)}#cadeau21 .ribbon-vertical{top:-5%;left:50%;height:110%;width:10px;transform:translateX(-50%)}@keyframes spin21{from{transform:rotate(360deg)}to{transform:rotate(0)}}#cadeau22{position:relative;width:150px;height:100px;background-color:#b23a48;background-image:radial-gradient(#8c2f39 15%,transparent 15%);background-size:30px 30px;background-position:0 0,15px 15px;border-radius:50%;animation:bounce22 1s infinite}#cadeau22 .ribbon-horizontal,#cadeau22 .ribbon-vertical{background-color:#fcb9b2;position:absolute}#cadeau22 .ribbon-horizontal{top:50%;left:-5%;width:110%;height:10px;transform:translateY(-50%)}#cadeau22 .ribbon-vertical{top:-5%;left:50%;height:110%;width:10px;transform:translateX(-50%)}@keyframes bounce22{0%,100%{transform:translateY(0)}50%{transform:translateY(-20px)}}#cadeau23{position:relative;width:80px;height:120px;background-image:conic-gradient(from 0deg,#ff499e,#d264b6,#49b6ff,#779be7,#a480cf);background-size:100% 100%;animation:spinBounce 3s infinite}#cadeau23 .ribbon-horizontal,#cadeau23 .ribbon-vertical{background-color:#fff;position:absolute}#cadeau23 .ribbon-horizontal{top:50%;left:-5%;width:110%;height:10px;transform:translateY(-50%)}#cadeau23 .ribbon-vertical{top:-5%;left:50%;height:110%;width:10px;transform:translateX(-50%)}@keyframes spinBounce{0%{transform:rotate(0) translateY(0)}25%{transform:rotate(45deg) translateY(-10px)}50%{transform:rotate(90deg) translateY(0)}75%{transform:rotate(135deg) translateY(-10px)}100%{transform:rotate(180deg) translateY(0)}}#cadeau24{position:relative;width:150px;height:90px;background:linear-gradient(to bottom,#4caf50,#8bc34a);border-radius:10px;animation:spin24 3s infinite}#cadeau24 .ribbon-horizontal,#cadeau24 .ribbon-vertical{background-color:#006d77;position:absolute}#cadeau24 .ribbon-horizontal{top:50%;left:-5%;width:110%;height:10px;transform:translateY(-50%)}#cadeau24 .ribbon-vertical{top:-5%;left:50%;height:110%;width:10px;transform:translateX(-50%)}#cadeau24 .bow{width:40px;height:40px;background-color:#34eb89;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);border-radius:50%;overflow:hidden}#cadeau24 .bow:after,#cadeau24 .bow:before{content:"";display:block;position:absolute;width:20px;height:20px;background-color:#fff;transform:rotate(45deg)}#cadeau24 .bow:before{top:-5px;left:5px}#cadeau24 .bow:after{top:25px;left:15px}@keyframes spin24{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}#cadeau25{position:relative;width:100px;height:100px;background:linear-gradient(to bottom,#03a9f4,#00bcd4);border-radius:10px;animation:flip25 3s infinite}#cadeau25 .ribbon-horizontal,#cadeau25 .ribbon-vertical{background-color:#006d77;position:absolute}#cadeau25 .ribbon-horizontal{top:50%;left:-5%;width:110%;height:10px;transform:translateY(-50%)}#cadeau25 .ribbon-vertical{top:-5%;left:50%;height:110%;width:10px;transform:translateX(-50%)}#cadeau25::after,#cadeau25::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(-45deg,transparent,transparent 25px,#0288d1 25px,#0288d1 50px);opacity:.4}@keyframes flip25{0%,100%{transform:rotateY(0)}50%{transform:rotateY(180deg)}}.center-container{text-align:center;padding-top:20px}#titre2{padding-top:3vw}.titre-festif{color:#fff;font-family:'Work Sans',sans-serif;font-weight:900;font-size:5vw;text-transform:uppercase;text-align:center;line-height:.5}.fancy{position:relative;white-space:nowrap}.fancy:after{--deco-height:0.3125em;content:"";position:absolute;left:0;right:0;bottom:calc(var(--deco-height) * -.625);height:var(--deco-height);background-image:url("data:image/svg+xml,%3Csvg width='100' height='64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M-17 30.5C-1 22 72-4 54 13 37.9 28.2-2.5 57.5 16 55.5s72-29 104-40' stroke='%23fff' stroke-width='10'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h100v64H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");background-size:auto 100%;background-repeat:round;background-position:0;animation:moveBackground 150s linear infinite}@keyframes moveBackground{0%{background-position:0}100%{background-position:100em}}.etoile-avant:before{content:"\2605";font-size:3vw;position:absolute;animation:scintillement 1.5s linear infinite}.etoile-avant:before{left:29%;top:6%}@keyframes scintillement{0%{opacity:1}50%{opacity:.2}100%{opacity:1}}.popup{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.3);z-index:1000}.popup-content{position:absolute;display:flex;flex-direction:column;align-items:center;top:50%;left:50%;transform:translate(-50%,-50%);padding:20px;background-color:#fff;width:80%;max-width:400px;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1);border:5px solid #d4af37}.close-popup{position:absolute;top:10px;right:15px;font-size:30px;color:#d4af37;cursor:pointer}.close-popup:hover{color:#c09a2a}h2{text-align:center;color:#d4af37;font-size:19px}.input-dor{width:100%;padding:10px;border:2px solid gold;border-radius:5px;margin-top:15px;margin-bottom:14px;font-size:14px}.bouton-dor{width:60%;margin-top:10px;padding:10px;background:linear-gradient(45deg,#fbb040,#fddc69,#fbb040,#fddc69);background-size:200% 200%;border:none;border-radius:5px;color:#fff;font-size:15px;cursor:pointer;animation:shine-system-message 2s linear infinite;transition:background-color .3s ease}.input-dor:focus{outline:0}.bouton-dor:hover{background-color:#c09a2a}.cadeau.ouvert{opacity:.62}.cadeau.ouvert .bow,.cadeau.ouvert .ribbon-horizontal,.cadeau.ouvert .ribbon-vertical{display:none}.cadeau.ouvert{pointer-events:none}.cadeau:hover{border:3px solid #add8e6;box-shadow:0 0 15px 10px #add8e6}.cadeau.ouvert:hover{border:0;box-shadow:0 0}.cadeau{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%}.titre-cadeau{font-size:15px;color:#fff;text-align:center;font-weight:700;display:flex;align-items:center;justify-content:space-between;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;line-height:1.5;padding:5px 10px;display:inline-block;vertical-align:middle}.ouvert-par{display:none;color:#000;text-align:center;background-color:#fff;padding:3px 10px 3px 10px;border-radius:12px;font-size:13px}.cadeau.ouvert .titre-cadeau::after,.cadeau.ouvert .titre-cadeau::before{content:"★";color:#ff0}.ouvert-par,.titre-cadeau{z-index:2;font-family:Quicksand,sans-serif;font-weight:700}@keyframes swingStar{0%{transform:translateY(-50%) translateX(-50%) rotate(-15deg)}100%{transform:translateY(-50%) translateX(-50%) rotate(15deg)}}@keyframes changeColor{0%{background-color:#fae60f}50%{background-color:#fff04d}100%{background-color:#fae60f}}@keyframes burnTree{0%{background-color:var(--tree-color-day)}100%{background-color:brown}}@keyframes colorChange1{0%{background-color:coral}50%{background-color:#d2691e}100%{background-color:coral}}@keyframes colorChange2{0%{background-color:#20b2aa}50%{background-color:#ff4500}100%{background-color:#20b2aa}}@keyframes colorChange3{0%{background-color:#20b2aa}50%{background-color:#ff4500}100%{background-color:#20b2aa}}@keyframes colorChange4{0%{background-color:#8b008b}50%{background-color:gold}100%{background-color:#8b008b}}@keyframes colorChange5{0%{background-color:#8b008b}50%{background-color:gold}100%{background-color:#8b008b}}@keyframes colorChange6{0%{background-color:gold}50%{background-color:tomato}100%{background-color:gold}}@keyframes colorChange7{0%{background-color:tomato}50%{background-color:#7fff00}100%{background-color:tomato}}@keyframes colorChange8{0%{background-color:#7fff00}50%{background-color:coral}100%{background-color:#7fff00}}@keyframes colorChange9{0%{background-color:coral}50%{background-color:#8a2be2}100%{background-color:coral}}@keyframes colorChange10{0%{background-color:#8a2be2}50%{background-color:#20b2aa}100%{background-color:#8a2be2}}@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes shimmer{0%{opacity:.5}100%{opacity:1}}@keyframes swing{0%{transform:rotate(0)}100%{transform:rotate(3deg)}}#click-button{position:relative;z-index:20;display:none;width:100px;height:100px;background-color:transparent;border:none;outline:0;cursor:pointer;position:absolute;font-size:0;animation:breathe 3s ease-in-out infinite;transition:background-color .5s ease,box-shadow .5s ease;-webkit-tap-highlight-color:transparent}.carre-bleu{background-color:#00f!important;border-radius:0}.cercle-orange{background-color:orange!important;border-radius:50%}.hide-heart::after,.hide-heart::before{display:none}@keyframes pulse-heart{0%{box-shadow:0 0 0 0 rgba(var(--pulse-red-day),var(--pulse-green-day),var(--pulse-blue-day))}70%{box-shadow:0 0 0 10px rgba(var(--pulse-red-day),var(--pulse-green-day),var(--pulse-blue-day),0)}100%{box-shadow:0 0 0 0 rgba(var(--pulse-red-day),var(--pulse-green-day),var(--pulse-blue-day),0)}}#click-button span{font-family:FontAwesome;position:relative;text-align:center;color:var(--click-button-day);font-size:13px;bottom:17px;overflow:hidden;z-index:1;text-overflow:ellipsis}@keyframes breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}#click-button::after,#click-button::before{content:"";position:absolute;top:0;width:50px;height:84px;background-color:var(--pulse-color-day);border-radius:50px 50px 0 0;animation:pulse-heart 2s infinite;box-shadow:0 4px 8px rgba(0,0,0,.1);transition:background-color .5s ease,box-shadow .5s ease}#click-button::before{left:50px;transform:rotate(-45deg);transform-origin:0 100%}#click-button::after{left:0;transform:rotate(45deg);transform-origin:100% 100%}@media (max-width:1300px){#click-button::after,#click-button::before{width:30px;height:50px}#click-button::before{left:30px}#click-button::after{left:0}#click-button{width:60px;height:63px}#click-button span{font-size:8px;bottom:12px}}.heart{position:fixed;width:20px;height:20px;background-color:transparent;border:none;outline:0;opacity:1;z-index:4;transform-origin:center;animation:explode 1s ease-out}#hearts-container{overflow:hidden}@keyframes explode{0%{transform:translate(-50%,-50%) scale(0) rotate(0);opacity:1}100%{transform:translate(-50%,-50%) scale(1) rotate(360deg);opacity:0}}#button-container{position:relative;display:none;z-index:5;width:100%}.counter-container{text-align:center;background-color:#fff;margin:auto;width:250px;position:relative;z-index:1;border-radius:0 0 5px 5px;display:flex;justify-content:center;align-items:center}.pourcentage-label{background-color:#000;color:#fff;padding:5px;width:30px;margin:0 10px;border-radius:5px}#label-pourcentage{padding:5px;background-color:#000;color:#fff;border-radius:5px;font-size:.8em}#counter-display{display:inline-block;padding:4px 16px;background-color:#fff;color:#000;font-size:min(calc(15px + 1vw), 20px);border-radius:5px;font-weight:700}#counter-total{display:inline-block;padding:4px 16px;background-color:#fff;color:#000;border-radius:5px;font-size:min(calc(15px + 1vw), 20px);font-weight:700}#label-sur{display:inline-block;background-color:#f0f8ff;color:#000;font-size:16px;font-weight:700}.erreurTailleCache{display:none}.erreurTailleAffiche{display:flex;align-items:center;justify-content:center;height:100vh;width:100%;position:fixed;top:0;left:0;background-color:rgba(0,0,0,.7);color:#fff;font-size:24px;z-index:1000}#dooyoo-char{position:fixed;width:100px;height:auto;transition:none;z-index:4;cursor:pointer}.char-invisible{opacity:0;pointer-events:none}.char-visible{opacity:1}#nez{animation:glow-dooyoo 1s infinite}@keyframes glow-dooyoo{0%,100%{filter:drop-shadow(0 0 5px red)}50%{filter:drop-shadow(0 0 25px red)}}@keyframes fadeOutRed{0%{filter:hue-rotate(0deg) saturate(8) brightness(1.2)}100%{filter:hue-rotate(0deg) saturate(1) brightness(1)}}@keyframes rebondDroite{0%{transform:scale(1) rotate(-90deg)}50%{transform:scale(1.1) rotate(-90deg)}100%{transform:scale(1) rotate(-90deg)}}@keyframes rebondBas{0%{transform:scale(1) rotate(0)}50%{transform:scale(1.1) rotate(0)}100%{transform:scale(1) rotate(0)}}@keyframes rebondGauche{0%{transform:scale(1) rotate(90deg)}50%{transform:scale(1.1) rotate(90deg)}100%{transform:scale(1) rotate(90deg)}}.animeDroite{animation:rebondDroite .3s ease,fadeOutRed 1s forwards;pointer-events:none}.animeBas{animation:rebondBas .3s ease,fadeOutRed 1s forwards;pointer-events:none}.animeGauche{animation:rebondGauche .3s ease,fadeOutRed 1s forwards;pointer-events:none}#logo-smiley-svg{position:absolute;width:9%;right:10px;top:10%;max-width:150px;min-width:70px;height:auto;z-index:4;animation:swingSvg 4s ease-in-out infinite}@keyframes swingSvg{0%{transform:rotate(-15deg)}50%{transform:rotate(15deg)}100%{transform:rotate(-15deg)}}#connecte-popup{display:none;z-index:8}.success-popup{display:none;margin:0;padding:0;height:100vh;display:flex;align-items:center;justify-content:center;z-index:30}.success-popup-content{background-color:#55a630;display:none;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);width:319px;padding:16px;color:#fff;text-align:center;border-radius:44px;box-shadow:0 4px 8px rgba(0,0,0,.1);border:2px solid gold}h4{font-size:14px}.fade-out-connected{animation:fadeOutConnected 1s ease-out forwards}@keyframes fadeOutConnected{to{opacity:0}}#scoreContainer{background:var(--scoreList-day);border-radius:10px;padding:1rem;width:210px;margin-top:30px;color:#fff;position:absolute;margin-left:10px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#888 #f1f1f1}#user-count{position:relative;left:26%;display:inline-flex;align-items:center}#scoreContainer::-webkit-scrollbar{width:13px;height:13px}#scoreContainer::-webkit-scrollbar-button{display:none}#scoreContainer::-webkit-scrollbar-track{background:#f1f1f1}#scoreContainer::-webkit-scrollbar-thumb{background:#ff4b2b;border:0 none #fff;border-radius:58px}#scoreContainer::-webkit-scrollbar-thumb:hover{background:#ffd94f}#scoreContainer::-webkit-scrollbar-track{background:#dedede;border:0 none #fff;border-radius:29px}#scoreContainer::-webkit-scrollbar-track:hover{background:#ececec}#scoreContainer::-webkit-scrollbar-track:active{background:#f5f5f5}#scoreContainer::-webkit-scrollbar-corner{background:0 0}#title-classement{text-align:center;font-size:1.2rem;display:inline-flex;position:relative;left:22%;padding-bottom:.5rem}#scoreContainer ul{list-style-type:none}#scoreContainer li{font-size:1.1rem;margin:.3rem 0}#scoreList{font-size:12px;display:flex;flex-direction:column}.pseudo-container{flex-grow:1;display:flex;align-items:center;justify-content:flex-start}.online-indicator{height:10px;width:10px;background-color:#4dba25;border-radius:50%;margin-right:5px}.offline-indicator{height:10px;width:10px;margin-right:5px;opacity:0}.score-entry{display:flex;align-items:center;justify-content:flex-end;padding:.2rem 0}.decrement{color:var(--decrement-red-day)}.score{white-space:nowrap;margin-left:.5rem}.placement{color:#d3d3d3;font-size:.8em;margin-right:.5rem;width:2em;text-align:right;display:inline-block}#captcha-container{display:flex;justify-content:center;align-items:center;position:fixed;top:40%;left:40%;z-index:1000}#captcha-warning{display:none;background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb;padding:10px;margin-top:10px;border-radius:5px;text-align:center;font-size:1em;font-family:Arial,sans-serif;box-shadow:0 0 5px rgba(0,0,0,.2);z-index:1000;position:absolute;left:50%;transform:translateX(-50%);width:90%;max-width:400px}.plusOne{position:absolute;z-index:4;font-size:30px;color:#fff;animation:fadeOut 1.5s ease-out}li{display:inline-block;font-size:.7em;font-weight:400;list-style-type:none;padding:.2em}li span{font-weight:700;display:block;font-size:1.7rem}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.banner{overflow:hidden;background-color:#fff;position:fixed;bottom:0;width:100%;z-index:9999}.banner-standard{background-color:#fff}.banner-festive{color:#fff;background:linear-gradient(45deg,#ff0080,#ff8c00,#ff0080,#ff8c00);background-size:200% 200%;animation:gradientAnimation 3s ease infinite}@keyframes gradientAnimation{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}.text-scroll{display:inline-block;white-space:nowrap;padding-left:100%;animation:marquee 30s linear infinite;font-size:24px;font-weight:700}@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}@keyframes fadeInOut{0%{opacity:1}75%{opacity:1}100%{opacity:0}}.score-animation{position:absolute;z-index:4;font-size:24px;font-weight:700;-webkit-text-stroke:1px black;text-stroke:1px black;color:#3498db;animation:fadeInOut 1s linear;animation:zoomInFadeOut 2s ease-out forwards}.score-hundred{color:#ffd500;text-shadow:0 0 5px gold;font-size:2em}// Plus grand pour les multiples de 100 .score-thousand{color:#ff002b;text-shadow:0 0 5px #ff4500;font-size:4em}// Plus grand pour les multiples de 1000 .score-ten{color:#05c8f0;font-size:1.5em}.score-five{color:#c98dcd;font-size:1.25em}@keyframes zoomInFadeOut{0%{opacity:1;transform:scale(1)}50%{transform:scale(1.5)}100%{opacity:0;transform:scale(2)}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}.sparkle{width:15px;height:15px;background:rgba(255,255,255,.6);position:absolute;border-radius:50%;animation:sparkleAnimation 1.5s ease-out;animation-fill-mode:forwards;transform-origin:center}@keyframes sparkleAnimation{0%{opacity:1;transform:translate(-50%,-50%) scale(0)}50%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(var(--angle)) translateY(var(--distance))}100%{opacity:0;transform:translate(-50%,-50%) scale(1) rotate(var(--angle)) translateY(var(--distance))}}.user-connected{color:#f2ff2c}#traineau{position:absolute;z-index:6;left:-200px;top:45%;width:40vw;animation:moveTraineau 5s linear forwards,ondulation 2s ease-in-out infinite;display:none}@keyframes moveTraineau{0%{left:100%}100%{left:-90vw}}@keyframes ondulation{0%,100%{transform:translateY(0)}50%{transform:translateY(-30px)}}#particle-trail{position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden;display:none}.particle{position:absolute;width:10px;height:10px;background:#fff;border-radius:50%;opacity:.8;animation:particleAnimation 1s ease-out infinite}@keyframes particleAnimation{0%{opacity:0}50%{opacity:1}100%{opacity:0}}.festive-score{position:absolute;font-size:15vw;color:gold;text-shadow:0 0 5px #fff,0 0 10px #fff;z-index:7}#score-traineau{margin-left:40vw}.random-text{font-size:2em;color:#000}.final-text{position:absolute;top:50%;left:50%;font-size:5em;color:#000;transform:translate(-50%,-50%)}#chat-box{position:fixed;bottom:28px;right:10px;width:277px;height:382px;background-color:var(--chat-box-day);border-radius:8px;display:flex;visibility:visible;z-index:6;flex-direction:column}#messages{flex-grow:1;overflow-y:scroll;padding:10px}#chat-input-container{display:flex;position:relative;flex-direction:column;justify-content:space-between;border-top:1px solid #ccc;background-color:var(--chat-container-day);padding:5px}textarea#message{overflow:hidden;resize:none;flex-grow:1;border:none;border-radius:4px;font-size:12px;margin-right:3px;padding:5px}textarea#message:focus{outline:0;background-color:#f2f6fc}button#send{background-color:#57c7de;color:#fff;border:none;border-radius:38px;width:40px;height:40px;text-align:center;display:block;cursor:pointer}button#send:hover{background-color:#2980b9}.message-container{display:flex;flex-direction:column;align-items:flex-start;margin:5px;padding:5px;background-color:var(--chat-container-day);border-radius:5px}.current-user-message{align-items:flex-end;background-color:var(--current-user-message)}.message-pseudo{font-size:13px;font-weight:700}.message-text{font-size:11px;color:var(--chat-message);max-width:100%;overflow-wrap:break-word}.floating-button{position:fixed;bottom:36px;right:10px;background-color:var(--floating-button-day);color:#fff;border:none;border-radius:50%;width:60px;height:60px;text-align:center;font-size:13px;cursor:pointer;z-index:8;display:block;display:block}.toggle-button{position:static;background-color:#ffd94f;color:#fff;border:none;border-radius:4px 4px 0 0;padding:2px 10px 2px 10px;cursor:pointer}.toggle-button:hover{background-color:#57c7de}.message-time{font-size:10px;float:right;margin-top:5px;color:#aaa;font-weight:100}.date-tooltip{position:absolute;background-color:#333;color:#fff;padding:5px;border-radius:5px;font-size:12px;z-index:1000}.unread-badge{background-color:red;color:#fff;border-radius:50%;padding:2px 6px;font-size:12px;position:absolute;top:0;right:0;display:none}#chat-input-container{position:relative}.reply-box{display:none;position:absolute;top:-31px;left:0;right:0;padding:7px 8px;background-color:#f3f3f3;border-radius:4px;border:1px solid #ddd;color:#555;font-size:.7em;align-items:center;justify-content:space-between}.loading-indicator{font-size:11px;max-width:100%;overflow-wrap:break-word}.reply-box span{font-style:italic}#reply-icon{margin-right:8px;font-size:1.2em}#reply-text{font-size:11px;max-width:100%;overflow-wrap:break-word}#cancel-reply{margin-left:auto;background:0 0;border:none;cursor:pointer;font-size:1em}#cancel-reply:hover{color:#888}.message-self{text-align:right}.message-other{text-align:left}.current-user-message .message-pseudo{display:none}.funny-message{position:absolute;overflow-wrap:break-word;padding:9px 15px 8px 15px;background-color:#006ba6;background-color:var(--nuage-color);border-radius:43px;animation:funny-float 3s linear,funny-fadeInOut 3s linear;z-index:10;max-width:106px;min-width:65px}.funny-message:after,.funny-message:before{content:'';position:absolute;background-color:var(--nuage-color);z-index:-1}.funny-message:before{width:38px;height:39px;bottom:8px;left:-14px;border-radius:50%}.funny-message:after{width:50px;height:50px;bottom:7px;right:-18px;border-radius:50%}.funny-message-pseudo{font-weight:700;text-align:center;font-size:12px;color:#f0f0f0}.funny-message-content{color:#fff;font-size:14px}@keyframes funny-fadeInOut{0%{opacity:0}10%{opacity:1}90%{opacity:1}100%{opacity:0}}@keyframes funny-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}emoji-picker{position:absolute;display:none;bottom:100%;right:0;z-index:10;--emoji-size:1rem;--border-radius:1rem;background-color:#fff;border:5px dashed #ffcc4d;--emoji-font-family:"Apple Color Emoji";--num-columns:4;--background:#303030}#toggle-emoji{border-radius:35px;height:34px;font-size:24px;width:34px;margin-right:3px;margin-bottom:3px;border:none;background-color:#f2f6fc;text-align:center;display:block;cursor:pointer}.buttons-container{align-self:stretch;align-items:end;display:flex;justify-content:space-around}.system-message{background-color:var(--system-message-day);text-align:center;font-style:italic}.golden-cloud{position:fixed;top:28%;left:50%;transform:translate(-50%,-50%);padding:20px;border-radius:20px;background:linear-gradient(45deg,#fbb040,#fddc69,#fbb040,#fddc69);background-size:200% 200%;color:#fff;text-align:center;box-shadow:0 0 20px rgba(0,0,0,.25);z-index:10;font-size:18px;opacity:0;transition:opacity .5s ease-in-out;animation:slideIn-system-message .5s ease forwards,shine-system-message 2s linear infinite;display:flex;justify-content:center;align-items:center}@keyframes slideIn-system-message{from{transform:translate(-50%,-60%)}to{transform:translate(-50%,-50%)}}@keyframes shine-system-message{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}@keyframes wave-fade-guirlande{0%,100%{background-position:100% 50%;opacity:0}30%,70%{background-position:50% 50%;opacity:1}}#festiveContainer:after,#festiveContainer:before{content:'';position:absolute;left:0;right:0;height:100vh;pointer-events:none}.festiveOn:after{background-image:linear-gradient(270deg,rgba(255,255,255,0),rgba(255,255,255,.75),rgba(255,255,255,0));background-size:200% 200%;animation:wave-fade-guirlande 6s ease-in-out infinite}#festiveContainer{position:fixed;z-index:2;width:100%;margin:0 auto;box-sizing:border-box}@keyframes shootingStar{0%{transform:translateX(0) translateY(0);opacity:0}50%{opacity:1}100%{transform:translateX(20vh) translateY(100vh);opacity:0}}.star{position:absolute;top:-50px;left:50%;width:5px;height:5px;background:#fff;border-radius:50%;will-change:transform,opacity;animation:shootingStar 4s ease-in-out}.night-mode .tree::before{content:'';position:absolute;top:-33%;left:38%;width:24%;height:127%;background:radial-gradient(circle farthest-corner at center,rgba(255,255,255,.3),transparent);transform:translate(-50%,-50%) scale(1);border-radius:50%;animation:pulsate 2s infinite alternate ease-in-out;z-index:-1}@keyframes pulsate{0%{transform:translate(-50%,-50%) scale(1);opacity:.5}100%{transform:translate(-50%,-50%) scale(1.5);opacity:0}}@keyframes pulsate{0%{transform:scale(1);opacity:.5}100%{transform:scale(1.5);opacity:0}}#control-panel{display:flex;background-color:#fff;align-items:center;justify-content:space-around}#countdown{position:relative;font-size:min(calc(15px + 1vw), 20px);font-weight:700;text-align:center;background-color:#fff;min-width:217px}@media only screen and (max-width:1000px){#countdown{font-size:min(calc(15px + 1vw), 13px)}}#minutes{font-size:16px}#seconds{font-size:16px}#countdown ul{list-style:none;padding:0;margin:0}#nightmode{width:20%;display:flex;justify-content:flex-end}.switch{left:45px;top:50%;transform:translateY(6%);display:inline-block;width:40px;height:40px;background:#000;border-radius:50%;transition:background-color .3s ease;cursor:pointer;overflow:hidden;z-index:8}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;top:1px;left:1px;right:1px;bottom:1px;background-color:#fff;transition:transform .5s ease,background-color .3s ease;border-radius:50%}.switch::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#000;transform:scale(0);transition:transform .5s ease;border-radius:50%}.switch input:checked+.slider::before{transform:scale(2.5)}.switch input:checked+.slider{transform:scale(0);transition:transform .5s ease,background-color .3s ease}.switch input:checked~.label-light{opacity:0}.switch input:checked~.label-dark{opacity:1}.label{position:absolute;top:50%;width:100%;text-align:center;transform:translateY(-50%);white-space:pre-line;line-height:4.2px;font-size:11px}.label span{display:block;font-size:12px}.label-light{left:50%;transform:translate(-50%,-50%);opacity:1}.label-dark{right:50%;transform:translate(50%,-50%);opacity:0;text-align:center;color:#fff}@media only screen and (max-width:1000px){.switch{width:32px;height:32px}.label span{font-size:7px}}.heart-picker-container{display:flex;align-items:center;width:20%}#heartButtonColorPicker{opacity:0;position:absolute;width:36px;height:22px;z-index:6;border:none}#resetColor{left:134px;background:0 0;width:30px;height:30px;border:none;cursor:pointer;z-index:10}#heartIcon{font-size:2rem;left:92px;width:32px;height:33px;cursor:pointer;z-index:3}.tree-container{position:absolute;top:62%;left:50%;transform:translate(-50%,-50%);width:20vw;height:auto;max-width:300Px;max-height:80vh}#le-sap1{width:100%;height:auto}@media only screen and (max-width:1000px){.tree-container{width:25vw}}@media only screen and (max-width:768px){.tree-container{top:54%;left:76%;width:42vw}}.feuillage{fill:#062a50}@keyframes sparkle{0%,100%,20%,40%,60%,80%{opacity:1}10%,30%,50%,70%,90%{opacity:.5}}#boule-bleue{animation:sparkle 8s infinite}#boule-jaune{animation:sparkle 6s infinite,boule-jaune-colors 30s linear infinite}#boule-rouge{animation:sparkle 6s infinite,boule-rouge-colors 30s linear infinite}#boule-bleue .cls-6{animation:boule-bleue-colors 30s linear infinite}#guirlande-bleue{animation:sparkle 3s infinite,boule-bleue-colors 30s linear infinite}#guirlande-jaune .cls-3{animation:sparkle 8s infinite,boule-jaune-colors 30s linear infinite}#guirlande-rouge .cls-4{animation:sparkle 5s infinite,boule-rouge-colors 30s linear infinite}#etoile{fill:var(--etoile-colors-day);animation:scintillement-etoile 2s infinite}#feuillage{position:absolute;top:8%;right:18%;animation:sway 5s infinite alternate ease-in-out}#feuillage-2{fill:var(--feuillage-color-day);animation:feuillage-colors 30s linear infinite}@keyframes sway{0%,100%{transform:rotate(0)}50%{transform:rotate(.5deg)}}#tronc{animation:tronc-colors 30s linear infinite}@keyframes scintillement-etoile{0%,100%{filter:url(#halo)}50%{filter:url(#halo)}}@keyframes feuillage-colors{0%,100%{fill:var(--feuillage-colors-day-1)}34%,50%{fill:var(--feuillage-colors-day-2)}67%,80%{fill:var(--feuillage-colors-day-3)}}@keyframes boule-bleue-colors{0%,100%{fill:var(--bbleue-colors-day-1)}34%,50%{fill:var(--bbleue-colors-day-2)}67%,80%{fill:var(--bbleue-colors-day-3)}}@keyframes boule-jaune-colors{0%,100%{fill:var(--bjaune-colors-day-1)}34%,50%{fill:var(--bjaune-colors-day-2)}67%,80%{fill:var(--bjaune-colors-day-3)}}@keyframes boule-rouge-colors{0%,100%{fill:var(--brouge-colors-day-1)}34%,50%{fill:var(--brouge-colors-day-2)}67%,80%{fill:var(--brouge-colors-day-3)}}@keyframes tronc-colors{0%,100%{fill:var(--tronc-colors-day-1)}34%,50%{fill:var(--tronc-colors-day-2)}67%,80%{fill:var(--tronc-colors-day-3)}}