.preflop{--pf-surface:rgb(var(--color-neutral));--pf-raised:rgb(var(--color-neutral-100));--pf-line:rgb(var(--color-neutral-200));--pf-ink:rgb(var(--color-neutral-900));--pf-ink-muted:rgb(var(--color-neutral-500));--pf-accent:rgb(var(--color-primary-600));--pf-on-pale:#0f172a;--pf-on-deep:#f8fafc;margin:1.5rem 0;font-size:.95rem;line-height:1.5;color:var(--pf-ink)}.dark .preflop{--pf-surface:rgb(var(--color-neutral-800));--pf-raised:rgb(var(--color-neutral-700));--pf-line:rgb(var(--color-neutral-600));--pf-ink:rgb(var(--color-neutral-100));--pf-ink-muted:rgb(var(--color-neutral-400));--pf-accent:rgb(var(--color-primary-400))}.preflop-controls{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;align-items:flex-end;margin-bottom:1rem}.preflop-control{display:flex;flex-direction:column;gap:.25rem;min-width:0}.preflop-control>span{font-size:.78rem;letter-spacing:.02em;text-transform:uppercase;color:var(--pf-ink-muted)}.preflop-control select{padding:.35rem .5rem;font:inherit;font-size:.9rem;color:var(--pf-ink);background:var(--pf-raised);border:1px solid var(--pf-line);border-radius:.375rem}.preflop-grid{display:grid;grid-template-columns:repeat(13,minmax(0,1fr));gap:2px}.preflop-cell{display:flex;align-items:center;justify-content:center;aspect-ratio:1;padding:0;font:inherit;font-size:clamp(.5rem,1.7vw,.78rem);font-variant-numeric:tabular-nums;line-height:1;border:0;border-radius:2px;cursor:pointer}.preflop-cell:focus-visible{outline:2px solid var(--pf-accent);outline-offset:1px}.preflop-cell[aria-pressed=true]{outline:2px solid var(--pf-accent);outline-offset:1px}.preflop-legend{display:flex;align-items:center;gap:.6rem;margin-top:.75rem;font-size:.8rem;color:var(--pf-ink-muted)}.preflop-legend-bar{flex:auto;height:.5rem;min-width:4rem;border-radius:2px}.preflop-sheet{margin-top:1rem;padding:.9rem 1rem;background:var(--pf-raised);border-radius:.5rem}.preflop-sheet-hand{font-size:1.35rem;font-weight:600;line-height:1.2}.preflop-sheet-note{color:var(--pf-ink-muted);font-size:.85rem}.preflop-figures{display:grid;grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr));gap:.75rem 1.25rem;margin-top:.75rem}.preflop-figure>dt{font-size:.75rem;letter-spacing:.02em;text-transform:uppercase;color:var(--pf-ink-muted)}.preflop-figure>dd{margin:.1rem 0 0;font-size:1.15rem;font-weight:600}.preflop-figure-note{display:block;font-size:.75rem;font-weight:400;color:var(--pf-ink-muted)}.preflop-table-toggle{margin-top:1rem;font-size:.9rem}.preflop-table-toggle>summary{cursor:pointer;color:var(--pf-accent)}.preflop-table-wrap{max-height:24rem;margin-top:.75rem;overflow:auto}.preflop-table{width:100%;border-collapse:collapse;font-size:.85rem;font-variant-numeric:tabular-nums}.preflop-table th,.preflop-table td{padding:.3rem .5rem;text-align:right;border-bottom:1px solid var(--pf-line)}.preflop-table th:first-child,.preflop-table td:first-child{text-align:left}.preflop-table thead th{position:sticky;top:0;background:var(--pf-surface);font-weight:600}.preflop-status{padding:1.5rem 0;color:var(--pf-ink-muted);text-align:center}@media(prefers-reduced-motion:no-preference){.preflop-cell{transition:outline-color 120ms ease}}.preflop-deck{display:flex;flex-direction:column;gap:2px;margin:.75rem 0}.preflop-deck-row{display:grid;grid-template-columns:repeat(13,minmax(0,1fr));gap:2px}.preflop-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-height:2.4rem;padding:.2rem 0;font:inherit;font-size:clamp(.6rem,1.8vw,.8rem);line-height:1;color:var(--pf-ink);background:var(--pf-raised);border:1px solid var(--pf-line);border-radius:.25rem;cursor:pointer}.preflop-card-rank{font-weight:600}.preflop-card[data-suit=h] .preflop-card-suit,.preflop-card[data-suit=d] .preflop-card-suit{color:rgb(var(--color-primary-600))}.dark .preflop-card[data-suit=h] .preflop-card-suit,.dark .preflop-card[data-suit=d] .preflop-card-suit{color:rgb(var(--color-primary-400))}.preflop-card[aria-pressed=true]{color:rgb(var(--color-neutral));background:var(--pf-accent);border-color:var(--pf-accent)}.preflop-card[aria-pressed=true] .preflop-card-suit{color:inherit}.preflop-card:focus-visible{outline:2px solid var(--pf-accent);outline-offset:1px}.preflop-verdict{margin:.75rem 0 0;font-size:1.05rem;font-weight:600}.preflop-verdict[data-good=true]{color:rgb(var(--color-secondary-700))}.preflop-verdict[data-good=false]{color:rgb(var(--color-primary-700))}.dark .preflop-verdict[data-good=true]{color:rgb(var(--color-secondary-400))}.dark .preflop-verdict[data-good=false]{color:rgb(var(--color-primary-400))}.preflop-workings{margin-top:1rem;padding:.9rem 1rem;overflow-x:auto;font-size:.8rem;line-height:1.5;color:var(--pf-ink-muted);background:var(--pf-raised);border-radius:.5rem}.preflop-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin:.75rem 0}.preflop-action{padding:.45rem 1rem;font:inherit;font-size:.9rem;color:var(--pf-ink);background:var(--pf-raised);border:1px solid var(--pf-line);border-radius:.375rem;cursor:pointer}.preflop-action:hover:not(:disabled){border-color:var(--pf-accent)}.preflop-action:disabled{opacity:.45;cursor:default}.preflop-action:focus-visible{outline:2px solid var(--pf-accent);outline-offset:1px}.preflop-feedback{margin:.5rem 0;font-size:.9rem}.preflop-feedback[data-good=true]{color:rgb(var(--color-secondary-700))}.preflop-feedback[data-good=false]{color:rgb(var(--color-primary-700))}.dark .preflop-feedback[data-good=true]{color:rgb(var(--color-secondary-400))}.dark .preflop-feedback[data-good=false]{color:rgb(var(--color-primary-400))}