.bc-layout:has(.compact-picker){display:block}.bc-layout:has(.compact-picker) .bc-picker{position:static;width:auto;max-height:none}.bc-compact-cards .bc-preset-list{max-height:480px;overflow-y:auto}.interactive-panel,.learning-progress,.casino-comparison,.usage-preferences{border:1px solid #ded6c8;border-radius:16px;padding:clamp(16px,3vw,28px);margin:24px 0;background:#fffefa;min-width:0}
.tool-actions,.chart-controls,.progress-actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.interactive-panel button,.learning-progress button,.compare-toggle,.casino-comparison button,.usage-preferences button{min-height:44px;padding:10px 15px;border:1px solid #18272f;border-radius:8px;background:#18272f;color:#fff;font:inherit;cursor:pointer}.interactive-panel button:disabled{opacity:.5;cursor:default}.interactive-panel :focus-visible,.learning-progress :focus-visible,.casino-comparison :focus-visible,.usage-preferences :focus-visible,.compare-toggle:focus-visible{outline:3px solid #f16a2b;outline-offset:3px}.practice-felt{background:#18272f;color:white;border-radius:12px;padding:20px}.practice-felt h3{color:white}.playing-card{display:inline-flex;align-items:center;justify-content:center;width:43px;height:60px;margin:4px;border-radius:6px;background:#fffefa;color:#18272f;font-size:24px;font-weight:750;box-shadow:0 2px 2px #0003}.card-back{background:#b6c9bf}.practice-hand{padding:10px;margin:10px 0;border:2px solid transparent;border-radius:8px}.active-hand{border-color:#ff995e}.tool-feedback{padding:16px;border-left:4px solid #ed6328;background:#f6f0e6}.chart-controls label,.compact-picker label{display:grid;gap:8px;flex:1 1 180px}.chart-controls select,.compact-picker select,.compact-picker input{width:100%;min-height:44px;font:inherit;padding:9px;border:1px solid #9dabae;border-radius:6px;background:white;color:#18272f}.chart-scroll,.comparison-scroll{overflow-x:auto;max-width:100%;margin:14px 0}.chart-scroll table{border-collapse:collapse;min-width:530px;width:100%}.chart-scroll th,.chart-scroll td{border:1px solid #ded6c8;padding:9px;text-align:center}.chart-scroll th{background:#f2eddf}.chart-selected{background:#ffdbc4;font-weight:bold;outline:2px solid #bd4514;outline-offset:-2px}.chart-scroll abbr{text-decoration:none}.comparison-scroll table{width:100%;min-width:600px;border-collapse:collapse}.comparison-scroll td,.comparison-scroll th{padding:14px;border:1px solid #ded6c8;vertical-align:top;text-align:left;min-width:170px}.comparison-scroll th:first-child{min-width:135px;background:#f2eddf}.comparison-scroll a{display:block;margin:8px 0}.compare-toggle{background:#fffefa;color:#18272f}.compare-toggle[aria-pressed=true]{background:#f8dfcc}.compact-picker{display:grid;grid-template-columns:1fr 2fr;gap:12px;background:#f4efe5;border-radius:12px;padding:16px;margin:16px 0}.compact-picker p{grid-column:1/-1;margin:0}.bc-compact-cards{margin:16px 0}.bc-compact-cards>summary{min-height:44px;cursor:pointer;font-weight:700}.learning-progress input,.usage-preferences input{width:20px;height:20px;vertical-align:middle;margin-right:8px}.learning-progress li.done:after{content:' — completed';font-weight:700}.usage-preferences{font-size:14px}.usage-preferences summary{cursor:pointer;min-height:44px;font-weight:700}.comparison-hint{font-size:14px}.compare-feedback{scroll-margin-top:130px}.reading-body .casino-comparison h3{margin-top:0}
@media(max-width:620px){.compact-picker{grid-template-columns:1fr}.tool-actions button{flex:1 1 110px}.practice-felt{padding:12px}.chart-controls{display:grid;grid-template-columns:1fr}.casino-comparison{padding:14px}.comparison-scroll{scroll-snap-type:x proximity}.comparison-scroll td{scroll-snap-align:center}.comparison-scroll th:first-child{min-width:105px}.playing-card{width:37px;height:54px}.usage-preferences{margin:16px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}
.usage-preferences,.usage-preferences summary,.usage-preferences label{color:#18272f}.comparison-scroll{scroll-snap-type:none}.compact-picker label{min-width:0}
.bc-compact-terms summary{min-height:44px;padding:10px 0;cursor:pointer;font-weight:700}
.comparison-scroll td,.comparison-scroll th{white-space:normal;overflow-wrap:anywhere}.comparison-scroll table{table-layout:fixed}