*{box-sizing:border-box}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-size:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}@font-face{font-family:Jaini;src:url(/assets/Jaini-Regular-CFTV1_8i.ttf) format("truetype")}@font-face{font-family:Alegreya;src:url(/assets/Alegreya-VariableFont_wght-Dh20kQbQ.ttf) format("truetype")}html{font-size:12px}button{color:#000}.background{display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;width:100%;background-image:url(/images/image-de-fond.jpg);background-size:cover;background-repeat:no-repeat;background-position:center;background-attachment:fixed}header{padding-top:30px}header a{display:flex;justify-content:center;align-items:center;width:22rem;margin:auto}header img{width:100%}footer{text-align:center;color:#fff;margin-top:auto}.background aside{display:flex;justify-content:flex-end}.background aside{position:fixed;bottom:20px;right:20px;justify-content:center;z-index:3}figure,audio{width:100px;height:40px;opacity:.8}figcaption{display:none}@media screen and (min-width: 700px){html{font-size:16px}header a{width:26rem}.background aside{position:absolute;top:20px;right:20px}}.username-modal-container{position:fixed;top:0;right:0;bottom:0;left:0;background-image:url(/images/image-de-fond.jpg);display:flex;align-items:center;justify-content:center;z-index:100;background-size:cover;background-repeat:no-repeat;background-position:center}.username-modal-container h2{color:#fff;font-family:var(--font-title);font-size:calc(var(--font-size-XXL) * .8);padding-bottom:2rem;font-weight:100}dialog::backdrop{background:#bd2d06de}dialog{border:none;padding:2rem 1.5rem;border-radius:12px;width:90%;max-width:600px;text-align:center;background:var(--background-all-90);box-shadow:0 8px 25px #00000040}dialog input{width:80%;padding:.8rem;margin-bottom:1rem;border:4px solid var(--text-stroke);border-radius:8px;font-size:1rem;outline:none}dialog input:focus{border:4px solid var(--font-color-card)}dialog input::placeholder{font-size:1rem}dialog button{display:flex;justify-content:center;align-items:center;gap:1rem;position:relative;border:none;border-radius:12px;padding:16px;width:90%;max-width:250px;height:70px;margin:0 auto;background:var(--background-button);font-size:calc(var(--font-size-XL) * .8);font-family:var(--font-title);font-weight:100;cursor:pointer;margin-top:1.8rem}@media screen and (min-width: 700px){dialog button:hover{scale:1.04;box-shadow:0 0 10px 4px #fff;transition:all .5s}}@keyframes cellReveal{0%{opacity:0;transform:rotateY(90deg)}to{opacity:1;transform:rotateY(0)}}@keyframes sparkle{0%,to{box-shadow:0 0 gold}50%{box-shadow:0 0 8px gold}}.glowTrue{box-shadow:inset 0 0 40px 0 var(--background-true)}.glowFalse{box-shadow:inset 0 0 40px 0 var(--background-false)}.box-false{background:var(--background-false)}.box-true{background:var(--background-true)}.nom-true{color:var(--background-true);font-weight:700;background-color:#faebd7}.nom-false{color:var(--background-false);font-weight:700;background-color:#faebd7}html,body{margin:0;padding:0;height:100vh;width:100%;background-image:url(/images/image-de-fond.jpg);background-size:cover;background-repeat:no-repeat;background-position:center;background-attachment:fixed;overflow:auto}#table-game{color:#faebd7;border-collapse:separate;border-spacing:1rem;table-layout:fixed;overflow-x:auto;margin:2rem auto;background-color:var(--background-all-80);border-radius:12px}#table-game thead tr th{font-size:var(--font-size-XL);font-family:var(--font-title);font-weight:100;text-decoration:underline}#table-game tbody tr td{font-size:var(--font-size-L);font-family:var(--font-text);border:3px solid transparent;border-image:var(--border-color-first) 1;text-align:center;display:table-cell;vertical-align:middle}section table thead tr th{min-width:150px}section table thead tr th:nth-child(1){min-width:250px;height:50px}.cell-principal img{max-height:80px;max-width:80px}.cell-principal{height:80px;display:flex;justify-content:flex-end;align-items:center;padding:0 10px;max-width:250px;gap:20px}.cell-principal span{font-size:var(--font-size-L);width:60%}.table-container{margin:2rem auto;border-radius:12px;overflow-x:auto}#table-game td{opacity:0;animation:cellReveal 1s ease-out forwards,sparkle 1s ease-in-out}#table-game td:nth-child(7){animation-delay:.4s}#table-game td:nth-child(6){animation-delay:.8s}#table-game td:nth-child(5){animation-delay:1.2s}#table-game td:nth-child(4){animation-delay:1.6s}#table-game td:nth-child(3){animation-delay:2s}#table-game td:nth-child(2){animation-delay:2.4s}#table-game td:nth-child(1){animation-delay:2.8s}.popup-calendar{display:flex;flex-direction:column;justify-content:center;align-items:center}.arrow{background:none;border:none;cursor:pointer}.arrow img{width:100px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(7,1fr);justify-content:center;font-family:var(--font-title);border-collapse:collapse;gap:1.5px;width:480px}.day-row{display:flex;justify-content:center;align-items:end;font-weight:700}.box{border:1.5px solid black;display:flex;justify-content:end;align-items:end;padding:5px;aspect-ratio:1 / 1}.box:hover{transform:scale(1.03);cursor:pointer;box-shadow:#c8aa48 0 0 10px}.box:disabled{box-shadow:none;cursor:auto;transform:none;color:gray}.calendar-header{display:flex;flex-direction:column;justify-content:center;width:30rem}.button-close{background:none;border:none;cursor:pointer;position:absolute;top:4px;right:4px}.button-close img{width:30px}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009}.modal-window{background-image:url(/images/carte-du-marauder.png);background-repeat:no-repeat;overflow-y:auto;box-shadow:0 0 20px #0006;animation:modal-appear .25s ease-out;height:600px;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;background-size:cover;background-position:center;width:950px;max-width:1000px;margin:50px auto}.header-date{font-size:var(--font-size-XL);text-align:center;text-decoration:underline;font-family:var(--font-title);display:flex;justify-content:space-between;flex-direction:row;margin-left:11.25rem;align-items:center}.header-arrow{display:flex;justify-content:space-between}.calendar-grid button{background:none}@media (max-width: 700px){.modal-overlay{overflow-x:auto;-webkit-overflow-scrolling:touch}.modal-window{width:950px;max-width:none;margin:50px auto;display:block;overflow:visible}.popup-calendar{min-width:700px;overflow-x:visible}}.chrono-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:120px;border:3px solid;padding:10px 0;border-radius:8px;font-size:var(--font-size-L);font-family:var(--font-text);color:#f4fdfd;background:var(--background-all-90);border-image:var(--border-color-first) 1}.chrono-container p{width:6rem;text-align:center}.chrono-container img{width:6rem}@media screen and (min-width: 700px){.chrono-container{flex-direction:row;padding:10px 20px 10px 0}}@font-face{font-family:Jaini;src:url(/assets/Jaini-Regular-CFTV1_8i.ttf) format("truetype")}@font-face{font-family:Alegreya;src:url(/assets/Alegreya-VariableFont_wght-Dh20kQbQ.ttf) format("truetype")}:root{--background-false: rgba(127, 9, 9, 1);--background-true: rgba(26, 71, 42, 1);--background-all: rgba(25, 68, 88, 1);--background-all-50: rgba(25, 68, 88, .5);--background-all-80: rgba(25, 68, 88, .8);--background-all-90: rgba(25, 68, 88, .9);--background-button: linear-gradient( 90deg, rgba(200, 170, 72, 1) 37%, rgba(120, 102, 44, 1) 100% );--border-color-first: linear-gradient( 90deg, rgba(106, 82, 36, 1) 3%, rgba(155, 117, 53, 1) 13%, rgba(205, 152, 70, 1) 25%, rgba(243, 220, 116, 1) 39%, rgba(254, 242, 148, 1) 80%, rgba(244, 243, 224, 1) 94% );--border-color-second: rgba(39, 33, 13, 1);--text-stroke: rgba(200, 170, 72, .57);--font-color-card: rgba(94, 81, 36, 1);--font-color-first: rgba(0, 0, 0, .77);--font-title: "Jaini", system-ui;--font-text: "Alegreya", serif;--font-size-XXL: 4rem;--font-size-XL: 2rem;--font-size-L: 1.5rem;--font-size-M: 1rem;--font-size-S: .75rem}.search-bar-container{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.search-bar-input{width:315px;height:63px;border:3px solid;border-radius:8px;padding:10px;font-size:calc(var(--font-size-XL) * .65);outline:none;color:#f4fdfd;background:var(--background-all-90);border-image:var(--border-color-first) 1;font-family:var(--font-text)}input::placeholder{font-size:calc(var(--font-size-XL) * .65);color:#9c9d9d;font-family:var(--font-text)}.results{color:#fff;max-height:300px;overflow-x:auto;width:315px;background:var(--background-all);box-shadow:0 4px 10px #0006;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);position:absolute;top:100%;z-index:10}.character-item{display:flex;align-items:center;gap:10px;padding:4px 8px;list-style:none;margin:.5rem 0}.character-button{display:flex;align-items:center;gap:1rem;width:100%;background:var(--background-button);border:none;border-radius:12px;padding:.3rem 1rem;cursor:pointer;box-shadow:0 2px 4px #0006;transition:all .2s ease-in-out;color:#2a1d00;font-family:var(--font-title);font-weight:700;font-size:1.5rem;letter-spacing:.05rem;text-align:left}.character-button:hover{transform:translateY(-2px);background:linear-gradient(145deg,#d4af37,#f5d67b);box-shadow:0 4px 10px #00000080}.character-button:focus{outline:2px solid #f5d67b;outline-offset:3px}.character-button p{margin:0;color:#1b1400;text-shadow:1px 1px 1px rgba(255,255,255,.5)}.character-img{width:60px;height:60px;object-fit:cover;object-position:top;border-radius:8px;border:2px solid #6b4900;box-shadow:0 0 5px #0000004d}.character-details{color:#fff}.input-error{border:2px solid red}.error-message{color:#d9534f;background-color:#f8d7da;border:1px solid #d9534f;padding:8px;border-radius:4px;text-align:center}.boule-disabled{opacity:.3;filter:grayscale(100%)}.boule-enabled{opacity:1;filter:none;cursor:pointer}.clue-button{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;gap:8px;width:100%;border:3px solid;border-radius:8px;padding:10px 0;font-size:var(--font-size-L);color:#f4fdfd;background:var(--background-all-90);border-image:var(--border-color-first) 1;font-family:var(--font-text);height:120px}.clue-button img{width:3rem;padding-top:12px}.clue-container{padding:10px;font-size:var(--font-size-M);text-align:center;color:#faebd7;background:var(--background-all-50)}@media screen and (min-width: 700px){.clue-button{flex-direction:row}.clue-button img{margin-left:12px;padding-top:0}}.timer-clue{display:flex;justify-content:space-around;margin:60px 0}.timer-clue article{width:35%;max-width:250px}.calendar-button{cursor:pointer;background:none;border:none}.calendar-wrapper{display:flex;justify-content:center}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10}#popop-score{width:500px;max-width:820px;position:relative}.popup-container{position:relative;width:100%;max-height:90vh;box-sizing:border-box;overflow:hidden;display:block}.bg-img{display:block;min-width:500px;max-width:500px;height:auto;-webkit-user-select:none;user-select:none;pointer-events:none}.close-btn{position:absolute;top:5%;right:25%;width:2.2rem;height:2.2rem;border:none;background:transparent;z-index:40;cursor:pointer}.close-btn img{width:100%;height:100%;display:block}.scroll-div{position:absolute;left:50%;transform:translate(-50%);width:40%;top:5%;bottom:5%;overflow-y:auto;display:flex;flex-direction:column;gap:1rem;padding:.5rem;box-sizing:border-box;z-index:30;-webkit-overflow-scrolling:touch}.scroll-div::-webkit-scrollbar{width:6px}.scroll-div::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#f7d774,#d8b232,#b08524);border-radius:10px;border:1px solid #e4c15a}#popop-score article{width:100%;height:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:1rem;border:.25rem solid #5b4c1f;background-color:#e9dbae;padding:5px 0}.score-article h2{font-family:var(--font-title);font-size:calc(var(--font-size-XXL) * .8);background:linear-gradient(90deg,#6a5224,#8a6b35 12%,#c9a24d 25%,#f0d97a 40%,#fff3c2,#f0d97a 60%,#c9a24d 75%,#8a6b35 88%,#6a5224);-webkit-text-stroke:.4px #4a3a15;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:glowSpell 1.8s ease-out forwards}#popop-score p{font-size:calc(var(--font-size-XL) * .8);font-family:var(--font-title)}#popop-score article:nth-of-type(1)>p:nth-of-type(1){padding-top:4%;color:var(--border-color-second);text-shadow:1px 1px 0 #c8aa48,1px -1px 0 #c8aa48,-1px 1px 0 #c8aa48,-1px -1px 0 #c8aa48}#popop-score article:nth-of-type(1)>p:nth-of-type(2){padding-top:2%;color:#6b5b1c;text-shadow:1px 1px 0 #c8aa48,1px -1px 0 #c8aa48,-1px 1px 0 #c8aa48,-1px -1px 0 #c8aa48}#popop-score article:nth-of-type(1) div:nth-of-type(1){transform:translateY(-.5vh)}#popop-score article:nth-of-type(1) div:nth-of-type(1) img{width:3rem}#popop-score article:nth-of-type(1) div:nth-of-type(1) p{padding-left:1.5rem;font-size:1.5rem}#popop-score article:nth-of-type(1) div:nth-of-type(2) p span{padding-left:.5rem;color:#000}#popop-score article:nth-of-type(1) div:nth-of-type(1){width:60%;display:flex;align-items:center;height:5rem;margin-top:2rem;margin-bottom:2rem;border-top:.15rem solid black;border-bottom:.15rem solid black}#popop-score article:nth-of-type(1) p:nth-of-type(4){transform:translateY(-100%)}#popop-score article:nth-of-type(1) div:nth-of-type(2) p{font-size:var(--font-size-M);transform:translateY(-50%);color:#6b5b1c}#popop-score article:nth-of-type(2) p{color:var(--border-color-second);text-shadow:.5px .5px 0 #c8aa48,.5px -.5px 0 #c8aa48,-.5px .5px 0 #c8aa48,-.5px -.5px 0 #c8aa48}.character-card-container{background:#e9daae;font-family:var(--font-title);letter-spacing:.05px;width:250px;border-radius:15px;border:3px solid var(--font-color-first);display:flex;flex-direction:column;padding:8px 10px}.character-card-header{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;margin:0 8px;width:100%}.character-card-header h2{font-size:calc(var(--font-size-L) * 1);font-family:var(--font-title);color:#000000c4;text-shadow:1px 1px 0 #c8aa48,1px -1px 0 #c8aa48,-1px 1px 0 #c8aa48,-1px -1px 0 #c8aa48;text-align:center;margin-left:50px}.open-card-button{background:#78662c;font-size:calc(var(--font-size-M) * 1.25);color:#faebd7;width:25px;height:25px;border-radius:5px;border:none;margin-right:10px}.character-card-body-container{display:flex;flex-direction:column;align-items:center;gap:5px;margin-top:10px}.img-classment{display:flex;justify-content:space-around;margin-bottom:10px}.banniere{width:30%}.goblet{width:20%}.table-ranking{margin:12px 0;font-family:var(--font-title);font-size:.9rem;width:95%;height:6rem}.table-ranking th{text-align:left}.table-ranking tr:nth-of-type(4)>th{padding-left:1.25rem}.table-ranking tr:nth-of-type(5)>th{padding-left:1.25rem}.character-card-body-container img{width:115px;height:129px;align-self:center;border-radius:5px;object-fit:cover;object-position:top}.character-card-body-container tr{gap:12rem}.character-card-body-container th{color:var(--font-color-card);-webkit-text-stroke:.2px var(--text-stroke);font-size:var(--font-size-S);padding-right:1ch}.align-to-right{text-align:right}.character-card-body-container td{color:var(--font-color-first);-webkit-text-stroke:.2px var(--text-stroke);font-size:var(--font-size-S);padding-left:1ch}.character-card-body-container th,.character-card-body-container td{width:14ch;padding-top:4px;padding-bottom:4px}@media screen and (min-width: 700px){#popop-score{width:820px;min-width:820px}.bg-img{min-width:820px;max-width:820px}}.home-title{display:flex;justify-content:center;align-items:center;width:85%;max-width:700px;margin:30px auto;padding:16px 0;color:#fff;border-radius:20px;font-size:calc(var(--font-size-XXL) * .8);font-family:var(--font-title);font-weight:100;line-height:1.1;text-align:center;background-color:var(--background-all-90)}section.home-section{display:flex;flex-direction:column;justify-content:space-evenly;gap:20px}section.home-section a{text-decoration:none}section.home-section button{display:flex;justify-content:center;align-items:center;gap:8px;padding:16px;width:60%;height:70px;margin:0 auto;background:var(--background-button);border-radius:8px;border:none;font-size:calc(var(--font-size-XL) * .8);font-family:var(--font-title);font-weight:100}section.home-section button img{width:40px;height:40px}@media screen and (min-width: 700px){.home-title{margin:80px auto}section.home-section{flex-direction:row}section.home-section button{width:100%;margin:0}section.home-section button:hover{cursor:pointer;scale:1.04;box-shadow:0 0 10px 4px #fff;transition:all .5s}}.marauder-container{display:flex;justify-content:center;align-items:center}.button-reset{background:none;border:none;padding:20px 0;cursor:pointer}.marauder-map{width:360px;height:auto;display:block}@media screen and (max-width: 700px){.marauder-map{height:340px;width:260px}}.marauder-open-container{display:flex;justify-content:center;align-items:center;position:relative;background:transparent;padding:20px 0}.marauder-open-map{width:360px;height:480px;display:flex;justify-content:center;align-items:center;position:relative}.map-left-half,.map-right-half{position:absolute;top:0;width:50%;height:100%}.map-left-half{left:0;animation:openLeft 1.2s forwards ease-out;transform-origin:right center;object-position:right}.map-right-half{right:0;animation:openRight 1.2s forwards ease-out;transform-origin:left center;object-position:left}@keyframes openLeft{0%{transform:translate(0)}to{transform:translate(-180px)}}@keyframes openRight{0%{transform:translate(0)}to{transform:translate(180px)}}.parchment-container{position:absolute;width:360px;height:484px;top:51%;left:50%;transform:translate(-50%,-50.8%);display:flex;justify-content:center;align-items:center}.parchment-image{height:100%;width:100%;object-fit:cover}.clue-image:focus{border:2px solid black}.serment-container button.button-reset:nth-of-type(1):focus .validation-image{border:2px solid black}.serment-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;display:flex;flex-direction:column;align-items:center;max-height:80%;min-height:300px}.parchment-textarea{width:100%;min-height:100px;padding:10px;font-size:1rem;font-family:var(--font-text);text-align:center;border-radius:6px;border:3px solid #7a5b2f;background:#ffffffd9;resize:none}.parchment-container.magic-glow,button.magic-glow{animation:glowSpell 1.8s ease-out forwards}@keyframes glowSpell{0%{filter:drop-shadow(0 0 0px gold)}50%{filter:drop-shadow(0 0 25px gold) drop-shadow(0 0 40px goldenrod)}to{filter:drop-shadow(0 0 8px goldenrod)}}.magic-text{font-family:var(--font-text);font-size:.85rem;white-space:pre-line;position:relative;padding-right:10px}.rules-container{width:100%;display:flex;flex-direction:column;align-items:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.error-msg{min-height:40px;font-size:var(--font-size-M);text-align:center;margin:0;color:#7a0000;font-weight:700;opacity:0;transition:opacity .2s}.error-msg.visible{opacity:1}.validation-image{position:absolute;bottom:210px;right:10px;width:28px}.crystal-section{display:flex;justify-content:column;align-items:center;justify-content:center}.clue-image{width:40px;height:auto;padding:0}.clue-text{min-height:20px;opacity:0;position:relative;transition:opacity .4s ease-out 1s;background:transparent}.clue-text.visible{opacity:1}.game-button{opacity:0;animation:fadeIn 1.3s forwards ease-out;display:flex;justify-content:center;align-items:center;gap:8px;padding:16px;width:70%;height:40px;margin:18px auto;background:var(--background-button);border-radius:8px;border:none;font-size:var(--font-size-M);font-family:var(--font-title);font-weight:100}.game-button:hover{cursor:pointer;scale:1.04;box-shadow:0 0 10px 4px #fff;transition:all .5s}.game-button img{width:20px;height:20px}@media screen and (max-width: 700px){.marauder-open-map{width:260px;height:340px}.parchment-container{position:absolute;width:100%;height:340px;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center;z-index:3}.parchment-image{width:100%;height:101%;transform:translateY(-49.8%);position:absolute;top:50%}.serment-container{width:95%;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes openLeft{0%{transform:translate(0)}to{transform:translate(-120px)}}@keyframes openRight{0%{transform:translate(0)}to{transform:translate(120px)}}.crystal-section{display:flex;justify-content:center;align-items:center}.game-button{margin-top:5px}}.randomizer{display:flex;justify-content:center;align-items:center;gap:8px;max-width:250px;min-width:150px;height:70px;padding:16px;margin:0 auto 40px;font-size:calc(var(--font-size-XL) * .8);font-family:var(--font-title);font-weight:100;background:var(--background-button);border:none;border-radius:8px}.randomizer img{width:40px;height:40px}.randomizer:hover{cursor:pointer;scale:1.04;box-shadow:0 0 10px 4px #fff;transition:all .5s}