:root {
    --brown: #6b4226;
    --cream: #faf3e8;
    --accent: #c0392b;
    --text: #2e2e2e;
    --border: #e0d5c0;
}
* { box-sizing: border-box; }
body {
    font-family: 'Segoe UI', Arial, sans-serif;
    background: var(--cream);
    color: var(--text);
    margin: 0;
    line-height: 1.6;
}
header {
    background: var(--brown);
    color: #fff;
    padding: 20px;
}
header a { color: #fff; text-decoration: none; }
header h1 { margin: 0; font-size: 1.6em; }
.container {
    max-width: 800px;
    margin: 0 auto;
    padding: 24px 16px 60px;
}
.search-box {
    width: 100%;
    padding: 10px 14px;
    font-size: 1em;
    border: 1px solid var(--border);
    border-radius: 6px;
    margin-bottom: 20px;
}
.game-list { list-style: none; padding: 0; }
.game-list li {
    background: #fff;
    border: 1px solid var(--border);
    border-radius: 8px;
    margin-bottom: 10px;
    padding: 14px 18px;
}
.game-list a {
    color: var(--brown);
    font-weight: 600;
    text-decoration: none;
    font-size: 1.1em;
}
.game-list .publisher { color: #777; font-size: 0.9em; }
.errata-item {
    background: #fff;
    border-left: 4px solid var(--accent);
    border-radius: 4px;
    padding: 14px 18px;
    margin-bottom: 14px;
}
.errata-item .meta { color: #777; font-size: 0.85em; margin-top: 6px; }
.btn {
    display: inline-block;
    background: var(--accent);
    color: #fff;
    padding: 10px 18px;
    border-radius: 6px;
    text-decoration: none;
    border: none;
    font-size: 1em;
    cursor: pointer;
}
.btn:hover { opacity: 0.9; }
form label { display: block; margin-top: 14px; font-weight: 600; }
form input[type=text], form input[type=email], form textarea, form select {
    width: 100%;
    padding: 8px;
    border: 1px solid var(--border);
    border-radius: 6px;
    font-size: 1em;
    margin-top: 4px;
}
form textarea { min-height: 100px; }
.flash-success { background: #e2f4e2; border: 1px solid #a3d3a3; padding: 12px; border-radius: 6px; margin-bottom: 16px; }
.flash-error { background: #fbe2e2; border: 1px solid #e3a3a3; padding: 12px; border-radius: 6px; margin-bottom: 16px; }
.back-link { display: inline-block; margin-bottom: 16px; color: var(--brown); }
table { width: 100%; border-collapse: collapse; margin-top: 14px; }
th, td { text-align: left; padding: 8px; border-bottom: 1px solid var(--border); }
nav.admin-nav a { margin-right: 16px; color: #fff; }
footer { text-align: center; color: #999; padding: 20px; font-size: 0.85em; }