@font-face{font-family:Roboto;src:url(/fonts/Roboto-VariableFont.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}:root{--background-color: hsl(0, 0%, 69%);--text-color: hsl(0, 0%, 19%);--main-background-color: hsl(0, 0%, 94%);--main-border-color: hsl(0, 0%, 14%);--footer-background-color: hsl(0, 0%, 7%);--footer-text-color: hsl(0, 0%, 50%);--separation-gap: 1.5rem;--separation-gap-small: calc(var(--separation-gap) * .5);--info-bg: #2563eb;--info-color: #fff;--warning-bg: #eb9525;--warning-color: #fff;--danger-bg: #eb253f;--danger-color: #fff;--success-bg: #0e5f0e;--success-color: #fff;--accent-color: #3364bc}html.dark{--background-color: hsl(0, 2%, 10%);--text-color: hsl(0, 0%, 86%);--main-background-color: hsl(0, 0%, 15%);--main-border-color: hsl(0, 0%, 23%);--footer-background-color: hsl(0, 0%, 7%);--footer-text-color: hsl(0, 0%, 50%);--accent-color: #f6b23c}*:not(:input):empty{display:none}html,body,*{margin:0;padding:0;font-family:Roboto,Arial,sans-serif;font-optical-sizing:auto;font-style:normal}body{background-color:var(--background-color);color:var(--text-color);height:100vh;display:flex;flex-direction:column;justify-content:start;align-items:center;font-family:Roboto,Arial,sans-serif;padding:.5rem .2rem}h1,h2,h3,h4,h5,h6{color:var(--accent-color);margin-bottom:.6rem;display:flex;gap:.4rem;flex-wrap:nowrap;align-items:center;justify-content:center}img.logo{margin:0 auto;max-width:100px}a{text-decoration:none;color:var(--text-color);border:1px solid var(--text-color);padding:.2rem .8rem;border-radius:1in;transition:all .3s}a:hover{color:var(--background-color);background-color:var(--text-color)}main{border:1px solid var(--main-border-color);padding:1rem 1rem 2rem;background:var(--main-background-color);border-radius:6px;display:grid;gap:var(--separation-gap);width:100%;max-width:600px;min-width:300px;box-sizing:border-box}section{border:1px solid var(--main-border-color);border-radius:6px;padding:1rem 2rem}section.general{border-color:var(--accent-color)}section h3 span{font-size:.5rem}section.open,section.folded{cursor:pointer}section.folded table,section.folded .classementQuestionsScoremaxDetails{display:none}section.incomplete{border-color:var(--danger-bg)}section.incomplete h3{color:var(--danger-bg)}section.open h3 span{rotate:90deg}footer{position:fixed;left:0;bottom:0;width:100%;background:var(--footer-background-color);color:var(--footer-text-color);font-size:clamp(.7rem,1.2vw,1rem);display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1em;padding:.2rem;font-size:50%}footer a,footer button{font-size:inherit;font-weight:400;color:inherit;text-decoration:underline;border:none}:is(footer a,footer button):hover{background-color:var(--footer-background-color);color:var(--accent-color)}footer img{max-height:1.5em}form{display:grid;gap:var(--separation-gap-small)}form select{font-size:120%}form input[type=text],form input[type=email],form input[type=password],form input[type=number],form input[type=search],form input[type=url],form input[type=tel],form textarea{border:1px solid #e5e7eb;border-radius:.25rem;padding:.5rem .75rem;font-size:1rem;color:#111827;background:#fff;outline:none;transition:border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1)}form input:focus,form textarea:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb33}form label{font-weight:bolder}button{border:none;border-radius:.25rem;padding:.5rem 1rem;font-weight:500;transition:all .15s cubic-bezier(.4,0,.2,1);cursor:pointer;color:var(--button-color);background:var(--button-bg)}button.info{--button-color: var(--info-color);--button-bg: var(--info-bg)}button.warning{--button-color: var(--warning-color);--button-bg: var(--warning-bg)}button.danger{--button-color: var(--danger-color);--button-bg: var(--danger-bg)}button.success{--button-color: var(--success-color);--button-bg: var(--success-bg)}button.neutral{--button-color: #242424;--button-bg: #aeaeae}button:hover{color:hsl(from var(--button-color) h s calc(l*.7));background:hsl(from var(--button-bg) h s calc(l*.7))}button svg{color:inherit;stroke:currentColor}.alert{text-align:center;padding:.4rem 1rem;border-radius:.25rem;border:2px solid hsl(from var(--alert-color) h s calc(l/2));background:hsl(from var(--alert-color) h s calc(l*1.3));color:hsl(from var(--alert-color) h s calc(l/2))}.alert.warning{--alert-color: var(--warning-bg)}.alert.danger{--alert-color: var(--danger-bg)}.alert.info{--alert-color: var(--info-bg)}.alert.success{--alert-color: var(--success-bg)}.flex{display:flex;justify-content:center;align-items:center;gap:1rem}.flex.wrap{flex-wrap:wrap}#seriesButtons button{border:1px solid white}#seriesButtons button.selected{background-color:var(--success-bg);color:var(--success-color)}.questions-table{width:100%;margin:1rem auto;border-collapse:collapse}.questions-table td{padding:1rem .4rem;border-bottom:1px solid rgb(from var(--text-color) r g b / .2)}.questions-table td:first-child{text-align:right}.questions-table td:last-child{text-align:right}.questions-table td .buttons{display:flex;flex-wrap:nowrap;align-content:end;gap:.5rem}.questions-table td .buttons button{font-size:120%}.questions-table td .buttons button.selected{--button-color: var(--success-color);--button-bg: var(--success-bg)}.questions-table tr:last-child td{border:none}.questions-table tr.incomplete td{color:red;background:#ffa9a9}.classementQuestionsScoremaxDetails{text-align:center;font-size:80%}.classementQuestionsScoremaxDetails a{color:var(--text-color)}.fold-arrow{font-size:.5em;font-weight:700;color:var(--accent-color)}span.badge{border-radius:1in;padding:.2rem .4rem;font-size:30%;display:grid;place-content:center;color:var(--background-color);background-color:var(--text-color)}span.badge:empty{display:none}#sessionInfo{font-size:x-small;padding-bottom:.6rem;border-bottom:1px solid rgb(from var(--text-color) r g b / .3)}#contentContainer{display:grid;gap:1rem}#contentContainer:empty{display:none}ul.elementList{display:flex;flex-direction:column;gap:.5rem}ul.elementList:hover li{opacity:.1}ul.elementList li{display:flex;flex-wrap:nowrap;align-items:center;gap:.5rem;width:100%;list-style:none}ul.elementList li.drop-target{border-top:2px dotted var(--accent-color);opacity:1}ul.elementList li input[type=text]{flex:1}ul.elementList li input[type=number]{width:4ch;text-align:right}ul.elementList li span{text-align:right}ul.elementList li:hover{opacity:1}.formAddElement{margin-top:2rem;display:flex;align-items:flex-end;justify-content:space-between;gap:.5rem;border:1px solid var(--accent-color);padding:1rem;border-radius:10px;margin-bottom:1rem}.formAddElement div:has(input[type=text]){flex:1}.formAddElement input[type=number]{width:3ch}.formAddElement div{display:flex;flex-direction:column;gap:4px}.formAddElement legend{padding-inline:.4rem;color:var(--accent-color)}.formAddElement.bulk div{display:grid;gap:.5rem;width:100%}fieldset{border:1px solid rgb(from var(--text-color) r g b / .5);border-radius:6px;padding:1rem}fieldset legend{padding-inline:.4rem;font-size:80%;color:var(--accent-color)}fieldset div{display:grid;gap:1rem}fieldset div textarea{padding:.5rem}fieldset.params label{font-weight:400;font-size:smaller}fieldset.params div{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(12ch,100%),1fr));align-content:start;column-gap:1.5rem;row-gap:1rem}fieldset.params div.formgroup{display:grid;gap:.2rem;background:hsl(from var(--main-background-color) h s calc(l*1.2));padding:.6rem 1rem .8rem;border-radius:6px}fieldset.params div.formgroup div.buttonNumber{margin-inline:auto;display:grid;gap:.4rem}fieldset.params div.formgroup div.buttonNumber button{border:1px solid transparent}fieldset.params div.formgroup div.buttonNumber button[disabled]{background:none;border:1px dotted rgb(from var(--text-color) r g b / .5)}fieldset.params div.formgroup div.buttonNumber input{text-align:center;width:5ch}fieldset.params div #overall_gameLogo{display:flex;flex-direction:column;grid-column:span 2}fieldset.params button{grid-column:-1 / 1}fieldset.params.success{background-color:var(--success-bg)}fieldset.params.error{background-color:var(--error-bg)}fieldset.foldable legend{cursor:pointer}fieldset.foldable legend:after{content:"▲";margin-left:.5rem}fieldset.foldable.folded legend:after{content:"▼";margin-left:.5rem}fieldset.foldable.folded div{display:none}.modal{position:fixed;inset:0;display:flex;justify-content:center;align-items:flex-start;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal.warning{background:rgba(from var(--warning-bg) r g b / .4)}.modal.success{background:var(--success-bg)}.modal .modal-window{margin-top:1rem;padding:2rem 3rem;border-radius:10px;border:1px solid white;background:var(--main-background-color);box-shadow:0 10px 4px -6px #000c;display:grid;gap:1rem}.modal .modal-window .modal-title{border-bottom:1px solid rgb(from var(--text-color) r g b / .2)}.modal .modal-window .modal-message{gap:1rem;display:grid}.modal .modal-window .modal-message p{line-height:1.5rem}.modal .modal-window .modal-actions{border-top:1px solid rgb(from var(--text-color) r g b / .2);padding-top:1rem;display:flex;justify-content:space-between;align-items:center}
