body,html{padding:0;margin:0;font-size:16px;background-color:#00f;color:#fff;min-height:100vh}#root{display:flex;align-items:center;justify-content:center}.full{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;max-width:550px}.full img#logo{max-width:300px;width:80%;height:auto}div.explanation p{text-align:center;font-size:1em;color:#fff;margin:1.5em 1em 1em}.questions h2{text-align:center;font-size:1.4em}a{color:#fff}.loader{z-index:10;top:0;left:0;position:fixed;width:100%;min-height:100vh;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.loader .bg{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00f;opacity:.2;pointer-events:none}.loader svg{max-width:200px;width:100%;height:auto}.game{display:flex;flex-direction:column;align-items:center;justify-content:center}img#logo{max-width:300px;width:80%;height:auto;margin-bottom:1em;margin-top:2em}.next{margin-top:2em;display:flex;align-items:center;justify-content:center;margin-bottom:4em}button{border-radius:99999px;font-size:1.2em;border:none;outline:none;padding:.25em 1em;background-color:#90ee90;color:#000;transition:background-color .2s ease,color .2s ease,opacity .2s ease;cursor:pointer}button.disabled{opacity:.7}button:hover{color:#fff;background-color:green}button.correct{background-color:green;color:#fff}button.correct:hover{background-color:#006400}button.selected{border:3px solid black}button.selected:hover{background-color:#b2f2b2}button.wrong{opacity:.5}button.wrong:hover{opacity:.7}button.wrong.selected{opacity:1;background-color:red;color:#fff}button.wrong.selected:hover{background-color:#8b0000}label input{display:block;width:70%}.questions{margin-left:1em;margin-right:1em}.buttons{display:flex;flex-direction:column}.buttons button{margin-bottom:.5em}label{width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;text-transform:uppercase;margin-top:0;margin-bottom:1em}input{margin-top:.2em;border:1px solid #ccc;border-radius:9999px;padding:8px 12px;font-size:14px;outline:none}input:focus{border-color:#00f}.trivial-loader .sector{opacity:.2;animation:fadeIn 3s infinite}.trivial-loader .s1{animation-delay:0s}.trivial-loader .s2{animation-delay:.5s}.trivial-loader .s3{animation-delay:1s}.trivial-loader .s4{animation-delay:1.5s}.trivial-loader .s5{animation-delay:2s}.trivial-loader .s6{animation-delay:2.5s}@keyframes fadeIn{0%,80%,to{opacity:.2}30%,50%{opacity:1}}.error p{text-align:center}.error span.btn{text-decoration:underline;cursor:pointer}.debug-page{padding:1rem}.debug-toolbar{margin-bottom:1rem}.debug-table{width:100%;border-collapse:collapse;max-width:1000px}.debug-table th,.debug-table td{border:1px solid white;padding:.5rem;text-align:left;vertical-align:top}.debug-table td:first-child{max-width:600px;word-break:break-word}.debug-modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100}.debug-modal{background:#00f;border:1px solid white;padding:1rem;width:min(700px,90%)}.debug-modal textarea{width:100%;margin-top:.5rem;margin-bottom:1rem;box-sizing:border-box;resize:vertical}.debug-modal-actions{display:flex;justify-content:flex-end;gap:.5rem}