:root{--bg:#0d1020;--card:#171c35;--muted:#9ea8d1;--accent:#8f7cff;--text:#f7f8ff}
*{box-sizing:border-box}body{font-family:Inter,Arial,sans-serif;margin:0;background:radial-gradient(circle at top,#1b2142,#0d1020 55%);color:var(--text)}
header{display:flex;gap:12px;align-items:center;padding:14px 18px;background:rgba(9,12,24,.85);border-bottom:1px solid #2a3157;position:sticky;top:0;backdrop-filter:blur(4px)}
a{color:#b8c6ff;text-decoration:none}a:hover{text-decoration:underline}
main{padding:18px;max-width:1100px;margin:0 auto}input,button{margin:4px;padding:10px 12px;border-radius:10px;border:1px solid #323b67;background:#121731;color:#fff}
button{cursor:pointer;background:linear-gradient(180deg,#6b5cf5,#4f44bf);border:none}button:hover{filter:brightness(1.08)}button:disabled{opacity:.5;cursor:not-allowed}
.cards{display:grid;grid-template-columns:1fr 2fr;gap:12px}.muted{color:var(--muted)}
pre,article,.question-card,.pill,.chat-box,#answersBox,#hand{background:var(--card);border:1px solid #2a3157;border-radius:12px;padding:10px}
.pill{display:inline-block;margin-right:8px}
.game-wrap .hud{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.question-card{font-size:1.1rem;margin-bottom:12px}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.answers-grid,.hand-grid{display:grid;grid-template-columns:1fr;gap:8px}
.card-btn,.answer-option{width:100%;text-align:left}
ul{padding-left:18px}
@media(max-width:800px){.cards,.grid-2{grid-template-columns:1fr}}

.error-box{color:#ffb4b4;background:#3a1f2a;border:1px solid #7a304b;padding:8px 10px;border-radius:10px;min-height:22px;margin:8px 0}.disabled{opacity:.6}