body {
        background-color: #000;
        color: #0f0;
        font-family: 'Courier New', monospace;
        text-align: center;
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        height: 100vh;
    }
    #container {
        max-width: 800px;
        padding: 20px;
    }
    h1 {
        font-size: 2.5em;
        margin-bottom: 20px;
    }
    #riddle {
        font-size: 1.2em;
        margin-bottom: 30px;
    }
    #clue {
        font-style: italic;
        margin-bottom: 20px;
    }
    input {
        background-color: #000;
        color: #0f0;
        border: 1px solid #0f0;
        padding: 10px;
        font-size: 1em;
        width: 300px;
        margin-bottom: 10px;
    }
    button {
        background-color: #0f0;
        color: #000;
        border: none;
        padding: 10px 20px;
        font-size: 1em;
        cursor: pointer;
    }
    #level {
        position: absolute;
        top: 10px;
        right: 10px;
        font-size: 0.8em;
    }
    #stats {
        position: absolute;
        bottom: 10px;
        left: 10px;
        font-size: 0.8em;
        text-align: left;
    }
    .hidden {
        display: none;
    }
    #hint {
        margin-top: 20px;
        cursor: pointer;
        text-decoration: underline;
    }
    #hint-text {
        margin-top: 10px;
        font-style: italic;
    }
    #easter-egg {
        position: fixed;
        bottom: 5px;
        right: 5px;
        font-size: 8px;
        color: #030;
    }