.prize-container {
    max-width: 800px;
    margin: 2em auto;
    padding: 1em;
}

.prize-header {
    text-align: center;
    margin-bottom: 2em;
}

.prize-image {
    max-width: 300px;
    height: auto;
    margin: 0 auto 1em;
    display: block;
}

.prize-description {
    margin: 1em 0;
    line-height: 1.6;
}

.prize-code-display {
    max-width: 400px;
    margin: 2em auto;
    padding: 2em;
    background: #f8f8f8;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    text-align: center;
}

.prize-code-display h2 {
    color: #333;
    margin-bottom: 0;
    font-size: 1.5em;
}

.new-prize-message {
    background: #d4edda;
    color: #155724;
    padding: 1em;
    border-radius: 4px;
    margin-bottom: 1.5em;
}

.verification-code {
    margin: 2em 0;
}

.verification-code .code {
    display: inline-block;
    font-family: monospace;
    font-size: 2em;
    font-weight: bold;
    letter-spacing: 0.1em;
    background: #fff;
    padding: 0.5em 1em;
    border-radius: 4px;
    border: 2px dashed var(--color-accent);
    color: var(--color-accent);
    margin-top: 1em;
}

.code-instructions {
    color: #666;
    font-size: 0.9em;
    margin-top: 1em;
}

.achievement-date {
    color: #666;
    font-size: 0.9em;
    margin-top: 2em;
    font-style: italic;
}

button.button-primary {
    width: 100%;
    height: auto;
    padding: .5rem;
    background: var(--color-accent);
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 1rem;
    transition: background 0.3s ease;
}

button.button-primary:hover {
    background: var(--color-primary);
}

button.button-primary:disabled {
    background: #ccc;
    cursor: not-allowed;
}

#prize-message {
    margin-top: 1.5em;
    padding: 1em;
    border-radius: 4px;
    text-align: center;
    font-size: 1.1em;
}

#prize-message.success {
    background: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}

#prize-message.error {
    background: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}

.prize-withdrawn {
    text-align: center;
    padding: 3em 2em;
    background: #f8f8f8;
    border-radius: 8px;
    margin: 2em auto;
    max-width: 600px;
}

.withdrawn-message {
    font-size: 1.3em;
    color: #666;
    margin-bottom: 1em;
}

.withdrawn-date {
    color: #888;
    font-size: 1em;
}

@media (max-width: 600px) {
    .prize-container {
        padding: 1em;
        margin: 1em;
    }

    .prize-code-form {
        padding: 1.5em;
    }

    .prize-image {
        max-width: 200px;
    }
}

.verification-code {
    text-align: center;
    /* border: 2px solid var(--color-accent); */
    margin: 1rem;
    border-radius: 20px;
    padding: 2rem 1rem;
}

p.code-instructions {
    margin-bottom: 0;
}

span.code {
    font-size: 3rem;
    text-align: center;
    color: var(--color-accent);
}