:root{--bg-secondary:var(--color-surface);--bg-tertiary:var();--text-primary:var(--color-text);--text-secondary:var(--color-text-muted);--accent-gold:var(--gold);--accent-gold-light:var(--gold-light);--accent-red:var(--color-danger);--accent-green:var(--color-info);--shadow-colour:var(--color-shadow)}.dice-display-area{display:flex;flex-wrap:wrap;justify-content:center;gap:1.25rem;padding:1.75rem 1rem;min-height:160px;background:#f8f9fa;border-radius:.75rem;border:1px solid #dee2e6;margin:1rem 0}.roll-history{max-height:280px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--gold-dim) transparent}.roll-history::-webkit-scrollbar{width:5px}.roll-history::-webkit-scrollbar-thumb{background:var(--gold-dim);border-radius:3px}.roll-history-item,.history-entry{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;border-bottom:1px solid rgba(201,162,39,.08);font-size:.875rem;transition:background .15s}.roll-history-item:hover,.history-entry:hover{background:rgba(201,162,39,.05)}.roll-history-item .roll-values,.history-entry .roll-values{color:var(--color-text-muted)}.roll-history-item .roll-total,.history-entry .roll-total{color:var(--gold);font-weight:700}.info-section{background:var(--bg-secondary);border-radius:16px;padding:2rem;box-shadow:0 8px 32px var(--shadow-colour);width:100%}.info-section h2{color:var(--accent-gold);margin-bottom:1rem;font-size:1.5rem;border-bottom:2px solid var(--bg-tertiary);padding-bottom:.5rem}.faces-list{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.faces-list li{background:var(--bs-card-cap-bg);padding:1rem;border-radius:8px;display:flex;align-items:center;gap:.75rem}.face-icon{width:40px;height:40px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:bold;font-size:.8rem;flex-shrink:0;color:var(--text-primary)}.face-icon.put{background:linear-gradient(135deg,#c0392b,#e74c3c)}.face-icon.take{background:linear-gradient(135deg,#27ae60,#2ecc71)}.face-text strong{display:block;color:var(--text-primary)}.face-text span{font-size:.9rem;color:var(--text-secondary)}.how-to-play p{margin-bottom:1rem;color:var(--text-secondary)}.how-to-play p:last-child{margin-bottom:0}@media(max-width:600px){.info-section{padding:1.5rem}.faces-list{grid-template-columns:1fr}}