body { margin: 0; font-family: system-ui, sans-serif; background: #fffaf4; color: #241c16; }
.history-shell { width: min(880px, 100%); margin: 0 auto; padding: 24px; }
.policy-note { border: 1px solid #d7c8b7; border-radius: 8px; padding: 12px; background: #fff; font-weight: 700; }
.history-list { display: grid; gap: 12px; padding-left: 24px; }
.history-empty { color: #6f6156; }
@media (max-width: 720px) { .history-shell { padding: 16px; } }

.history-tabs { display: flex; flex-wrap: wrap; gap: 10px; margin-block: 16px; }
.history-tabs span { padding: 4px 0; color: #51465a; }
.history-tabs span[data-active="true"] { font-weight: 700; border-bottom: 2px solid currentColor; }
.guest-history-list, .symbol-timeline-list { display: grid; gap: 12px; padding-left: 24px; }
.final-reel-view { border: 1px solid #cabed1; padding: 16px; border-radius: 8px; }