/* Existing Bonushanhi dark editorial palette; local to the guide tool. */
.disclaimer-box a { color: #a8e6ba; text-decoration: underline; text-underline-offset: .2em; }
.disclaimer-box a:hover { color: #f4d67e; }
.review-header-info .casino-rating, .review-score-final .casino-rating { flex-wrap: wrap; justify-content: center; }
.rating-note { flex-basis: 100%; font-size: .8rem; line-height: 1.5; color: #c3cfdd; font-weight: 400; text-align: center; }
.wagering-tool { margin-block: 1.5rem 3rem; padding: clamp(1rem, 3vw, 2rem); background: #12243a; border: 1px solid #52647a; border-radius: 12px; color: #edf2f7; }
.wagering-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem 1.5rem; margin-block: 1.5rem; }
.wagering-fields label { display: grid; align-content: start; gap: .5rem; font-weight: 600; min-width: 0; }
.wagering-fields input, .wagering-fields select { width: 100%; min-width: 0; min-height: 48px; border: 1px solid #788da6; border-radius: 6px; padding: .7rem .8rem; background: #0b192b; color: #f7fafc; font: inherit; font-size: 1rem; font-variant-numeric: tabular-nums; caret-color: #f4d67e; }
.wagering-fields input:disabled { color: #b8c6d5; background: #1b2d41; cursor: not-allowed; }
.wagering-fields small { color: #c3cfdd; font-size: .85rem; font-weight: 400; line-height: 1.5; }
.wagering-fields [aria-invalid="true"] { border-color: #ffb4b4; }
.wagering-tool :is(input, select, button):focus-visible { outline: 3px solid #f4d67e; outline-offset: 3px; }
.wagering-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem; }
.wagering-actions button { min-height: 48px; white-space: normal; }
.wagering-reset { background: transparent; border: 0; color: #e4edf5; text-decoration: underline; text-underline-offset: .25em; font: inherit; cursor: pointer; padding: .5rem; }
.wagering-reset:hover { color: #f4d67e; }
.wagering-actions button:active { opacity: .85; }
.wagering-result { margin-top: 1.5rem; padding-top: 1.5rem; border-top: 1px solid #52647a; }
.wagering-result output { display: block; margin-block: .4rem; font-size: clamp(1.5rem, 4vw, 2.5rem); font-weight: 700; color: #f4d67e; line-height: 1.3; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.wagering-result p, .wagering-tool .wagering-note { font-size: .95rem; line-height: 1.65; color: #c3cfdd; }
.wagering-tool .wagering-error { color: #ffb4b4; font-size: 1rem; }
.wagering-tool [hidden] { display: none; }
@media (max-width: 600px) { .wagering-fields { grid-template-columns: 1fr; } .wagering-actions { align-items: stretch; flex-direction: column; } }