:root{--primary-color: rgb(0, 255, 0);--primary-background: rgba(0, 255, 0, .329)}*{color:#fff;font-family:Courier New,Courier,monospace}.render,.infotab{max-width:50%;display:flex}input,body{background-color:#000}body{display:flex;max-height:100%;overflow-x:hidden}#propales{display:flex;gap:50px;width:90%}#propales div{border:solid 1px;padding:20px;-webkit-user-select:none;user-select:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;flex:1;width:100%}#propales .selected{border-color:var(--primary-color);background-color:var(--primary-background)}#stats{display:flex;gap:24px}button{border:solid 2px;border-color:#fff;background:none;padding:10px 20px;cursor:pointer}button:not(.disabled):hover{background-color:var(--primary-background)}button.disabled{cursor:not-allowed;opacity:70%}#describe{margin:20px;text-align:center}#game{display:none;flex-direction:column;gap:30px;width:100%;align-items:center}#rules{margin:0 20px;display:flex;flex-direction:column;align-items:center;height:100vh;gap:10px}#infos{display:flex;gap:20px;text-align:center}#event{border:solid 1px;width:100%;display:flex;flex-direction:column;align-items:center;width:90%;margin:0 auto;padding:20px}#skip-event{text-decoration:underline;cursor:pointer}#skip-event:hover{color:var(--primary-color)}#titre-event,#propales>div>p:first-of-type{font-weight:700}#pyramid{position:relative}#spheres{position:absolute;top:15px;left:15px;display:flex;gap:10px}.sphere{width:20px;height:20px;border-radius:100%;background-color:#0f0;opacity:.7}.sphere.active{animation:float 3s ease-in-out infinite}dialog{background-color:#000;max-height:50%}dialog *:not(input){text-align:center}table{border-collapse:collapse;overflow-y:auto}td,th{border:solid 1px white}th,td{padding:10px 15px}input{font-size:large;width:100%}label{display:flex;flex-direction:column;align-items:start}#scores-actions{margin-bottom:15px}#end form{display:flex;flex-direction:column;gap:20px;align-items:center}#close-end:hover{background-color:#ff00003d}@media screen and (max-width:900px){body{flex-direction:column-reverse}#pyramid{display:none}h1,#propales-text{text-align:center}#start{margin-bottom:50px}}@media screen and (min-width:901px){body{overflow-y:hidden}#rules{overflow-y:auto}}@keyframes float{0%{opacity:1}50%{opacity:.7}to{opacity:1}}