*{margin:0;padding:0;box-sizing:border-box}body{font-family:Calibri,'Trebuchet MS',sans-serif;padding:20px}#quiz{max-width:600px;width:100%;margin:0 auto;padding:10px}.quiz-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:20px}h1{color:#333;font-size:24px;margin:0}#question-counter{text-align:right;font-size:16px;color:#5b6474;font-weight:700}#question{font-size:20px;font-weight:700;margin-bottom:25px;color:#333;padding:15px;background:#f8f9fa;border:1px solid #025aef;border-bottom:2px solid #025aef;border-right:2px solid #025aef;outline:3px solid black;outline-offset:3px;box-shadow:0 0 0 3px #2596be}#options{display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.option-btn{width:100%;padding:12px 20px;background:#f8f9fa;font-size:16px;text-align:left;transition:all .1s ease;color:#0b0a23;border:3px solid #000;border-bottom:5px solid #000;border-radius:10px;outline:0 0 0 3px #2596be;outline-offset:3px;margin-bottom:10px}.option-btn:hover{background:#62e2e9}.option-btn.selected{background:#025aef;color:#fff;border-color:#efc702}.option-btn.correct{background:#5dc923;color:#fff}.option-btn.wrong{background:#fb3021;color:#fff}.option-btn.disabled-btn{opacity:.7;cursor:not-allowed}#next-btn{background:#00bbbe;color:#fff;border:none;padding:12px 30px;border-radius:8px;cursor:pointer;font-size:16px;margin-top:20px;width:100%}#next-btn:hover{background:#00bbbe}#question-counter{text-align:center;margin-top:10px;color:#666}.feedback{text-align:center;margin-top:15px;font-weight:700}.spoiler{background-color:#025aef;color:#025aef;cursor:pointer;transition:ease-in .1s;padding:2px 10px 2px 10px}.spoiler:hover{color:#fff}#keito{background-color:#095e18;color:#095e18}#keito:hover{background-color:#fff}#kuro{background-color:#840b0b;color:#840b0b}#kuro:hover{color:#fff}#souma{background-color:#3b0083;color:#3b0083}#souma:hover{color:#fff}#ibuki{background-color:#1959ba;color:#1959ba}#ibuki:hover{color:#fff}#quizkeito{margin-bottom:25px;color:#333;padding:15px;background:#f8f9fa;border:1px solid #095e18;border-bottom:2px solid #025aef;border-right:2px solid #025aef;outline:1px solid black;outline-offset:3px;box-shadow:0 0 0 3px #095e18}#quizkuro{margin-bottom:25px;color:#333;padding:15px;background:#f8f9fa;border:3px solid #840b0b;border-bottom:5px solid #025aef;border-right:5px solid #025aef;outline:3px solid black;outline-offset:3px;box-shadow:0 0 0 3px #840b0b}#quizsouma{margin-bottom:25px;color:#333;padding:15px;background:#f8f9fa;border:3px solid #3b0083;border-bottom:5px solid #025aef;border-right:5px solid #025aef;outline:3px solid black;outline-offset:3px;box-shadow:0 0 0 3px #3b0083}#quizibuki{margin-bottom:25px;color:#333;padding:15px;background:#f8f9fa;border:3px solid #02b8b2;border-bottom:5px solid #025aef;border-right:5px solid #025aef;outline:3px solid black;outline-offset:3px;box-shadow:0 0 0 3px #2596be}.chibi{display:inline-flex;vertical-align:middle}.chibi img{display:block;height:150px;width:auto}.chibi:hover{transform:translate(0,-1.5px)}