#root{--max-width: min(60ch, 100svw);display:grid;place-items:center;max-width:var(--max-width);margin:0 auto;width:100%;font-size:150%}a{text-decoration:none}h1{text-align:center}#progress{padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:.1rem;justify-content:center}#progress li a{display:inline-block;padding:.25rem .5rem;border:2px solid currentColor}#progress li.known{background-color:purple;color:color-mix(in hsl shorter hue,hsl(200 100% 75%),currentColor)}#progress li.unknown{background-color:currentColor;color:color-mix(in hsl shorter hue,hsl(20 100% 75%),currentColor)}#progress li.active{background-color:currentColor;color:color-mix(in hsl shorter hue,hsl(133 100% 75%),currentColor)}#progress li:hover{background-color:currentColor;color:color-mix(in hsl shorter hue,hsl(90 100% 75%),currentColor)}.chosen{color:#c9ac1d}.unchosen{color:#c9ac1d80}#question{text-align:center;max-width:var(--max-width);overflow-x:clip;text-overflow:ellipsis}.tooltip{width:max-content;background-color:#444;color:#fff;font-size:90%;padding:.25rem .5rem;border-radius:10%}#prompt ol{list-style:none}#prompt ol .or{margin-inline-start:5rem}#prompt label{display:block;text-align:justify;text-indent:-2.5rem;margin-inline-start:3rem}#prompt input{transform:scale(1.5);margin-inline-end:.75rem}#prompt button{border:2px solid currentColor;border-radius:.5rem;padding:.5rem 1rem;margin-inline-start:60%;font-size:15pt}#prompt button:hover{color:#000;background-color:#bfff80}#score ul{display:grid;grid-template-columns:max-content 1fr 1fr}#score ul li{display:contents}#score ul li span{padding-inline:1rem}@media (width <= 450px){#score ul{grid-template-columns:2fr repeat(2,max-content);padding-inline:.5rem}}#legend{max-width:60%;margin:0 auto;border:2px dotted currentColor;padding:.5rem;margin-block-start:2rem;text-align:justify}@media (width <= 600px){#legend{max-width:100%}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}