body{background-color:#121213;font-family:sans-serif}a{color:#d4af37}h1{text-align:center;color:#d4af37;font-weight:400}.container{display:flex;flex-direction:column;align-items:center;gap:5px}.error-message{color:#ff4d4d;font-size:14px;margin-bottom:10px;padding:8px 12px;background-color:#ff4d4d1a;border-radius:4px;text-align:center;animation:fadeIn .3s}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.line{display:flex;gap:5px}.tile{width:30px;height:30px;border:1px solid #999;color:#fff;font-size:24px;justify-content:center;align-items:center;text-align:center;text-transform:uppercase}.correct{background-color:#a0d6d9}.present{background-color:#d4af37}.absent{background-color:#ccc}.modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background-color:#121213;color:#fff;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;padding:20px;border-radius:8px;position:relative;font-family:sans-serif}.close-button{position:absolute;top:10px;right:10px;background:none;border:none;font-size:24px;color:#fff;cursor:pointer}h2{margin-top:10px;margin-bottom:10px;font-size:24px}p{margin-bottom:15px}ul{margin-bottom:20px;padding-left:20px}li{margin-bottom:10px}.examples{margin-bottom:20px}.example{margin-bottom:15px}.example-row{display:flex;gap:5px;margin-bottom:5px}.example-tile{width:40px;height:40px;display:flex;justify-content:center;align-items:center;font-size:24px;font-weight:700;background-color:#3a3a3c;border:2px solid #3a3a3c;text-transform:uppercase}.example-tile.correct{background-color:#a0d6d9;border-color:#a0d6d9}.example-tile.present{background-color:#d4af37;border-color:#d4af37}.example-tile.absent{background-color:#ccc;border-color:#ccc}hr{border:none;border-top:1px solid #3a3a3c;margin:20px 0}.modal-content a{color:#d4af37;text-decoration:none}.modal-content a:hover{text-decoration:underline}