@import"https://fonts.googleapis.com/css2?family=Gloock&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;font-family:Trebuchet MS,Lucida Sans,Arial,sans-serif;color:#111;background-color:#f2f2f2;background-image:radial-gradient(circle at center,#111 .1rem,transparent 0),radial-gradient(circle at center,#111 .1rem,transparent 0);background-size:1.3rem 1.3rem;background-position:0 0,.65rem .65rem}#root{flex:1;display:flex;flex-direction:column}img{max-width:100%;display:block}ul{list-style:none}.page{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:1.25rem 1rem 2.5rem}@media(min-width:600px){.page{padding:2rem 1.5rem 3rem}}.banner__top{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:.5rem;padding:.6rem .75rem;background:#f7f7f7;box-shadow:0 6px 0 1px #0000000d;position:relative;z-index:1}@media(min-width:600px){.banner__top{padding:1rem 2rem}}.banner__title{font-family:Gloock,serif;font-size:clamp(1.05rem,.7rem + 2.8vw,2.6rem);line-height:1.1;min-width:0;color:#111;text-decoration:none}.banner__title:hover{text-decoration:underline}.banner__lang{display:flex;flex-shrink:0;gap:.4rem}.banner__lang a{border:1px solid #111;box-shadow:0 6px #0000001f;color:#f7f7f7;text-shadow:-1px 0 #111,0 2px #111,2px 0 #111,0 -1px #111;display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.75rem 1.25rem;background-color:#ffec3a;font:bold clamp(1rem,.9rem + .8vw,1.5rem)/1.2 "Trebuchet MS","Lucida Sans",Arial,sans-serif;text-decoration:none;cursor:pointer;transition:background-color .15s,transform .1s}.banner__lang a:hover:not(:disabled){background-color:#fce400}.banner__lang a:active:not(:disabled){transform:translateY(2px);box-shadow:inset -2px -2px 3px #fff9,inset 2px 2px 3px #0009}.banner__lang a:focus-visible{outline:3px solid #111;outline-offset:3px}.banner__lang a:disabled{cursor:default;box-shadow:none;background-color:#fff7b0;filter:grayscale(.5)}.banner__lang a{min-width:44px;min-height:44px;padding:.25rem .5rem;font-size:1rem}.banner__social{display:flex;justify-content:center;gap:clamp(1.5rem,8vw,6rem);padding:.6rem 1rem;background:#ffec3a;border-block:1px solid #111}.banner__social a{display:block;padding:.25rem;border-radius:6px}.banner__social a:focus-visible{outline:3px solid #111}.banner__social img{width:clamp(28px,6vw,40px);height:auto}footer{padding:1rem;text-align:center;font-size:.9rem;background:#ffec3a;border-top:1px solid #111}footer a{color:#111}.personnage{border:1px solid #111;box-shadow:0 6px #0000001f;color:#f7f7f7;text-shadow:-1px 0 #111,0 2px #111,2px 0 #111,0 -1px #111;display:flex;flex-direction:column;align-items:center;gap:.5rem;height:100%;padding:.75rem .5rem 1rem;background:#ffec3a;box-shadow:0 10px 0 1px #0000001a;text-align:center;position:relative}.personnage h2{font-size:clamp(1rem,.85rem + .8vw,1.5rem)}.personnage__img{width:100%;aspect-ratio:1;object-fit:contain}.personnage--voted .personnage__img{opacity:.55}.personnage__badge{border:1px solid #111;box-shadow:0 6px #0000001f;color:#f7f7f7;text-shadow:-1px 0 #111,0 2px #111,2px 0 #111,0 -1px #111;position:absolute;right:.4rem;bottom:.4rem;z-index:1;padding:.15rem .5rem;font-size:.85rem;font-weight:700}.personnage__badge--gauche{background:#ff5649}.personnage__badge--droite{background:#1f48f7}.progress-note{margin-top:1rem;text-align:center;font-weight:700}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(140px,42vw),1fr));gap:1rem;margin-top:1.5rem}@media(min-width:600px){.gallery{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.5rem}}.gallery a{display:block;height:100%;color:inherit;text-decoration:none;border-radius:2px;transition:transform .15s}.gallery a:hover{transform:translateY(-4px) rotate(-1deg)}.gallery a:focus-visible{outline:3px solid #111;outline-offset:4px}.bilan-link{border:1px solid #111;box-shadow:0 6px #0000001f;color:#f7f7f7;text-shadow:-1px 0 #111,0 2px #111,2px 0 #111,0 -1px #111;display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.75rem 1.25rem;background-color:#ffea20;font:bold clamp(1rem,.9rem + .8vw,1.5rem)/1.2 "Trebuchet MS","Lucida Sans",Arial,sans-serif;text-decoration:none;cursor:pointer;transition:background-color .15s,transform .1s}.bilan-link:hover:not(:disabled){background-color:#e2cc00}.bilan-link:active:not(:disabled){transform:translateY(2px);box-shadow:inset -2px -2px 3px #fff9,inset 2px 2px 3px #0009}.bilan-link:focus-visible{outline:3px solid #111;outline-offset:3px}.bilan-link:disabled{cursor:default;box-shadow:none;background-color:#fff6a6;filter:grayscale(.5)}.bilan-link{display:flex;width:100%;max-width:480px;margin:0 auto;font-family:Gloock,serif;font-size:clamp(1.4rem,1rem + 2vw,2.2rem)}.votingCard{width:min(320px,75vw);margin:0 auto 2rem}.console{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:640px;margin:0 auto}.console__choices,.console__nav{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.console__button--left{border:1px solid #111;box-shadow:0 6px #0000001f;color:#f7f7f7;text-shadow:-1px 0 #111,0 2px #111,2px 0 #111,0 -1px #111;display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.75rem 1.25rem;background-color:#ff5649;font:bold clamp(1rem,.9rem + .8vw,1.5rem)/1.2 "Trebuchet MS","Lucida Sans",Arial,sans-serif;text-decoration:none;cursor:pointer;transition:background-color .15s,transform .1s}.console__button--left:hover:not(:disabled){background-color:#ff1d0c}.console__button--left:active:not(:disabled){transform:translateY(2px);box-shadow:inset -2px -2px 3px #fff9,inset 2px 2px 3px #0009}.console__button--left:focus-visible{outline:3px solid #111;outline-offset:3px}.console__button--left:disabled{cursor:default;box-shadow:none;background-color:#ffbbb6;filter:grayscale(.5)}.console__button--right{border:1px solid #111;box-shadow:0 6px #0000001f;color:#f7f7f7;text-shadow:-1px 0 #111,0 2px #111,2px 0 #111,0 -1px #111;display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.75rem 1.25rem;background-color:#1f48f7;font:bold clamp(1rem,.9rem + .8vw,1.5rem)/1.2 "Trebuchet MS","Lucida Sans",Arial,sans-serif;text-decoration:none;cursor:pointer;transition:background-color .15s,transform .1s}.console__button--right:hover:not(:disabled){background-color:#072ed1}.console__button--right:active:not(:disabled){transform:translateY(2px);box-shadow:inset -2px -2px 3px #fff9,inset 2px 2px 3px #0009}.console__button--right:focus-visible{outline:3px solid #111;outline-offset:3px}.console__button--right:disabled{cursor:default;box-shadow:none;background-color:#a5b6fc;filter:grayscale(.5)}.console__button--nav{border:1px solid #111;box-shadow:0 6px #0000001f;color:#f7f7f7;text-shadow:-1px 0 #111,0 2px #111,2px 0 #111,0 -1px #111;display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.75rem 1.25rem;background-color:#ffec3a;font:bold clamp(1rem,.9rem + .8vw,1.5rem)/1.2 "Trebuchet MS","Lucida Sans",Arial,sans-serif;text-decoration:none;cursor:pointer;transition:background-color .15s,transform .1s}.console__button--nav:hover:not(:disabled){background-color:#fce400}.console__button--nav:active:not(:disabled){transform:translateY(2px);box-shadow:inset -2px -2px 3px #fff9,inset 2px 2px 3px #0009}.console__button--nav:focus-visible{outline:3px solid #111;outline-offset:3px}.console__button--nav:disabled{cursor:default;box-shadow:none;background-color:#fff7b0;filter:grayscale(.5)}.console__button--nav{padding-inline:.5rem;white-space:nowrap}.statistics{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:640px;margin:0 auto 1.5rem}.message{max-width:640px;margin:0 auto 1rem;padding:.75rem 1rem;text-align:center;background:#f7f7f7;border:1px solid #111;box-shadow:0 6px #0000001f}.progress-container{width:100%;height:clamp(18px,4vh,32px);border-radius:1rem;overflow:hidden;border:1px solid #111;background:#1f48f7}.progress{height:100%;width:0;background:#ff5649;transition:width .6s ease-out}@media(prefers-reduced-motion:reduce){.progress{transition:none}}.statBox{display:grid;grid-template-columns:1fr auto 1fr;gap:.5rem;width:100%}.statBox>div{border:1px solid #111;box-shadow:0 6px #0000001f;color:#f7f7f7;text-shadow:-1px 0 #111,0 2px #111,2px 0 #111,0 -1px #111;padding:.5rem .75rem;text-align:center;font-weight:700;font-size:clamp(.95rem,.85rem + .6vw,1.3rem);white-space:nowrap}.statBox__gauche{background:#ff5649}.statBox__total{background:#ffec3a}.statBox__droite{background:#1f48f7}.bilan{display:grid;gap:1rem}@media(min-width:960px){.bilan{grid-template-columns:1fr 1fr;gap:1.25rem 2rem}}.bilan__row{display:grid;gap:.5rem;padding:.75rem;background:#f7f7f7eb;border:1px solid #111;box-shadow:0 6px #0000001f}@media(min-width:600px){.bilan__row{grid-template-columns:9rem 1fr;align-items:center;gap:1rem}}.bilan__name{font-family:Gloock,serif;font-size:clamp(1.3rem,1rem + 1.5vw,1.8rem);color:#f7f7f7;text-shadow:-1px 0 #111,0 2px #111,2px 0 #111,0 -1px #111;color:#ffea20}.bilan .statBox{max-width:none}.error{display:flex;flex-direction:column;align-items:center;gap:1.5rem;text-align:center}.error img{width:min(320px,70vw)}.error h1{border:1px solid #111;box-shadow:0 6px #0000001f;color:#f7f7f7;text-shadow:-1px 0 #111,0 2px #111,2px 0 #111,0 -1px #111;padding:1rem 1.5rem;background:#ffec3a;font-size:clamp(1.4rem,1rem + 2vw,2.2rem)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.admin-btn{border:1px solid #111;box-shadow:0 6px #0000001f;color:#f7f7f7;text-shadow:-1px 0 #111,0 2px #111,2px 0 #111,0 -1px #111;display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.75rem 1.25rem;background-color:#ffec3a;font:bold clamp(1rem,.9rem + .8vw,1.5rem)/1.2 "Trebuchet MS","Lucida Sans",Arial,sans-serif;text-decoration:none;cursor:pointer;transition:background-color .15s,transform .1s}.admin-btn:hover:not(:disabled){background-color:#fce400}.admin-btn:active:not(:disabled){transform:translateY(2px);box-shadow:inset -2px -2px 3px #fff9,inset 2px 2px 3px #0009}.admin-btn:focus-visible{outline:3px solid #111;outline-offset:3px}.admin-btn:disabled{cursor:default;box-shadow:none;background-color:#fff7b0;filter:grayscale(.5)}.admin-btn--ghost{border:1px solid #111;box-shadow:0 6px #0000001f;color:#f7f7f7;text-shadow:-1px 0 #111,0 2px #111,2px 0 #111,0 -1px #111;display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.75rem 1.25rem;background-color:#f7f7f7;font:bold clamp(1rem,.9rem + .8vw,1.5rem)/1.2 "Trebuchet MS","Lucida Sans",Arial,sans-serif;text-decoration:none;cursor:pointer;transition:background-color .15s,transform .1s}.admin-btn--ghost:hover:not(:disabled){background-color:#d8d8d8}.admin-btn--ghost:active:not(:disabled){transform:translateY(2px);box-shadow:inset -2px -2px 3px #fff9,inset 2px 2px 3px #0009}.admin-btn--ghost:focus-visible{outline:3px solid #111;outline-offset:3px}.admin-btn--ghost:disabled{cursor:default;box-shadow:none;background-color:#fcfcfc;filter:grayscale(.5)}.admin-btn--small{min-height:36px;padding:.3rem .6rem;font-size:.85rem}.admin-btn--danger{border:1px solid #111;box-shadow:0 6px #0000001f;color:#f7f7f7;text-shadow:-1px 0 #111,0 2px #111,2px 0 #111,0 -1px #111;display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.75rem 1.25rem;background-color:#ff5649;font:bold clamp(1rem,.9rem + .8vw,1.5rem)/1.2 "Trebuchet MS","Lucida Sans",Arial,sans-serif;text-decoration:none;cursor:pointer;transition:background-color .15s,transform .1s}.admin-btn--danger:hover:not(:disabled){background-color:#ff1d0c}.admin-btn--danger:active:not(:disabled){transform:translateY(2px);box-shadow:inset -2px -2px 3px #fff9,inset 2px 2px 3px #0009}.admin-btn--danger:focus-visible{outline:3px solid #111;outline-offset:3px}.admin-btn--danger:disabled{cursor:default;box-shadow:none;background-color:#ffbbb6;filter:grayscale(.5)}.admin-error{color:#c90e00;font-weight:700}.admin-login{display:grid;gap:.75rem;width:100%;max-width:380px;margin:2rem auto;padding:1.5rem;background:#f7f7f7;border:1px solid #111;box-shadow:0 6px #0000001f}.admin-login h1{font-family:Gloock,serif;font-size:1.8rem}.admin-login label{font-weight:700}.admin-login input{min-height:48px;padding:.5rem .75rem;font-size:1rem;border:1px solid #111}.admin-login input:focus-visible{outline:3px solid #1f48f7;outline-offset:1px}.admin{display:grid;gap:1.5rem}.admin h1{font-family:Gloock,serif;font-size:clamp(1.6rem,1.2rem + 2vw,2.4rem)}.admin h2{font-family:Gloock,serif;font-size:1.4rem;margin-bottom:.5rem}.admin section{min-width:0}.admin__bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem}.admin__actions{display:flex;gap:.5rem;flex-wrap:wrap}.admin__summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem}.admin__summary li{padding:.75rem 1rem;background:#ffec3a;border:1px solid #111;box-shadow:0 6px #0000001f}.admin__summary li strong{font-size:1.6rem;display:block}.admin__table-wrap{overflow-x:auto;background:#f7f7f7;border:1px solid #111;box-shadow:0 6px #0000001f}.admin__table{width:100%;border-collapse:collapse;font-size:.95rem}.admin__table th,.admin__table td{padding:.45rem .5rem;text-align:left;white-space:nowrap;border-bottom:1px solid rgba(0,0,0,.12)}@media(min-width:600px){.admin__table th,.admin__table td{padding:.5rem .75rem}}.admin__table .admin__opt{display:none}@media(min-width:600px){.admin__table .admin__opt{display:table-cell}}@media(max-width:599px){.admin__table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.admin__table tbody tr{display:flex;flex-wrap:wrap;align-items:center;gap:.2rem .9rem;padding:.6rem .75rem;border-bottom:1px solid rgba(0,0,0,.12)}.admin__table tbody th,.admin__table tbody td{display:block;padding:0;border:0;white-space:nowrap}.admin__table tbody th{flex:1 1 100%}.admin__table tbody td.admin__opt{display:none}.admin__table td[data-label]:before{content:attr(data-label) " : ";color:#0000008c;font-size:.85rem}.admin__table tbody td:last-child{margin-left:auto}.admin__table tbody td:first-child{flex:1 1 100%}}.admin__table thead th{background:#ffec3a;position:sticky;top:0}.admin__table tbody th{font-weight:700}.admin__table td:last-child{text-align:right;white-space:normal}.admin__table td:last-child .admin-btn{line-height:1.1}.admin__table tr.is-empty{color:#00000073}.admin__table code{font-size:.85rem}.admin__vote{display:inline-block;padding:.1rem .5rem;border:1px solid #111;color:#f7f7f7;text-shadow:-1px 0 #111,0 2px #111,2px 0 #111,0 -1px #111;font-weight:700}.admin__vote--gauche{background:#ff5649}.admin__vote--droite{background:#1f48f7}.admin__tag{font-size:.8rem;color:#0000008c}.admin__danger{display:grid;gap:.75rem;justify-items:start;padding:1rem;background:#ffe6e4;border:2px dashed #ff5649}