:root{--poker-action-0:#9caac0;--poker-action-1:#69c5ad;--poker-action-2:#f3a479;--poker-action-3:#c4a4ed;--poker-action-4:#ead17d;--poker-action-5:#83c9e3;--poker-action-6:#e599b2;--poker-action-7:#b6c879}[data-action="0"]{--poker-color:var(--poker-action-0)}[data-action="1"]{--poker-color:var(--poker-action-1)}[data-action="2"]{--poker-color:var(--poker-action-2)}[data-action="3"]{--poker-color:var(--poker-action-3)}[data-action="4"]{--poker-color:var(--poker-action-4)}[data-action="5"]{--poker-color:var(--poker-action-5)}[data-action="6"]{--poker-color:var(--poker-action-6)}[data-action="7"]{--poker-color:var(--poker-action-7)}.poker-practice{text-align:left;font-variant-numeric:tabular-nums;gap:1rem;min-width:0;font-size:1rem;display:grid}.poker-practice p{color:var(--muted);text-wrap:pretty;margin:0}.poker-practice button{border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface);min-height:3rem;color:var(--ink);cursor:pointer;padding:.5rem .75rem}.poker-practice button:hover{background:var(--well)}.poker-practice button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.poker-practice button[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent-text)}.poker-practice button:disabled{opacity:.45;cursor:default}.poker-toolbar{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.poker-toolbar button{align-items:center;gap:.5rem;display:flex}.poker-swatch{background:var(--poker-color);border-radius:.2rem;flex-shrink:0;width:.875rem;height:.875rem;box-shadow:inset 0 0 0 1px #00000026}.poker-legend{color:var(--muted);flex-wrap:wrap;gap:.5rem 1.25rem;margin:0;padding:0;list-style:none;display:flex}.poker-legend li{align-items:center;gap:.5rem;display:flex}.poker-views{border-radius:calc(var(--radius-control) + .25rem);background:var(--well);grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem;padding:.25rem;display:grid}.poker-practice .poker-views button{min-height:2.75rem;color:var(--muted);background:0 0;border-color:#0000;font-weight:500}.poker-practice .poker-views button[aria-pressed=true]{border-color:var(--line);background:var(--surface);color:var(--ink)}.poker-actions{display:grid}.poker-action-row{border-bottom:1px solid var(--line);gap:.75rem;padding-block:1rem;display:grid}.poker-action-title{align-items:center;gap:.5rem;display:flex}.poker-action-title :is(strong,label){min-width:0;color:var(--ink);flex:1;font-weight:500}.poker-action-title output{color:var(--ink);font-weight:500}.poker-slider[data-action]{--slider-color:var(--poker-color)}.poker-meter[data-action]{--progress-color:var(--poker-color)}.poker-stripe{fill:var(--poker-color)}.poker-mixbar{background:var(--well);width:100%;height:1rem;box-shadow:inset 0 0 0 1px var(--line);border-radius:999px;display:block}.poker-grid-section{gap:.75rem;min-width:0;display:grid}.poker-grid{touch-action:none;-webkit-user-select:none;user-select:none;grid-template-columns:repeat(13,minmax(0,1fr));gap:2px;padding:3px;display:grid}.poker-practice .poker-cell{aspect-ratio:1;background:var(--well);letter-spacing:-.02em;border:0;border-radius:3px;place-items:center;min-width:0;min-height:0;padding:0;font-size:clamp(.5rem,2.2vw,.8rem);font-weight:500;display:grid;position:relative;overflow:hidden}.poker-practice .poker-cell:hover{outline:2px solid var(--focus);z-index:1}.poker-practice .poker-cell[aria-current=true]{outline:2px solid var(--ink);outline-offset:1px;z-index:2}.poker-practice .poker-cell:focus-visible{z-index:3}.poker-cell[aria-disabled=true]{opacity:.35}.poker-layer{background:var(--well);pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.poker-layer[data-top=true]{filter:invert();background:0 0}.poker-grid[data-view=Mistakes] .poker-cell[data-missed=false] .poker-layer{opacity:.18}.poker-grid[data-view=Mistakes] .poker-cell[data-missed=false] .poker-hand-label{color:var(--muted);text-shadow:none}.poker-hand-label{color:#222220;text-shadow:0 0 3px #ffffffb3;pointer-events:none;position:relative}.poker-cell[data-empty=true] .poker-hand-label{color:var(--muted);text-shadow:none}.poker-cell-detail{min-height:3rem}.poker-breakdown{border-collapse:collapse;text-align:left;width:100%}.poker-breakdown caption{text-align:left;color:var(--ink);padding-bottom:.5rem;font-weight:500}.poker-breakdown th,.poker-breakdown td{border-top:1px solid var(--line);vertical-align:middle;padding:.625rem 0;font-weight:400}.poker-breakdown thead th{color:var(--muted);border-top:0;padding-top:0}.poker-breakdown :is(th,td):not(:last-child){padding-right:1rem}.poker-breakdown tbody th{color:var(--ink)}.poker-breakdown tbody th .poker-swatch{vertical-align:-.1em;margin-right:.5rem;display:inline-block}.poker-breakdown td{width:32%;color:var(--ink);white-space:nowrap}.poker-breakdown td[data-off=true]{color:var(--danger);font-weight:500}.poker-meter{margin-bottom:.25rem}.poker-score{align-items:baseline;gap:.75rem;display:flex}.poker-score strong{letter-spacing:-.04em;font-size:2rem;font-weight:500}@media (width>=640px){.poker-views{grid-template-columns:repeat(4,minmax(0,1fr))}.poker-practice{font-size:.875rem}}.study-card[data-poker=true] .prompt-block{text-align:left;min-height:0}.study-card[data-poker=true] .prompt-block h1{font-size:1.5rem}.study-card[data-poker=true] .exercise-block{padding:0 1rem 1.5rem}.study-card[data-poker=true] .answer-block{padding:1.5rem 1rem}.study-card[data-poker=true] .answer-block h2{font-size:1rem;font-weight:400}.study-column:has(.study-card[data-drawing=true]){gap:var(--space-3);padding-block:var(--space-2)}.study-card[data-drawing=true] .prompt-block{min-height:0;padding-block:var(--space-3);gap:var(--space-2)}.study-card[data-drawing=true] .prompt-block h1{font-size:1.25rem;line-height:1.3}.study-card[data-drawing=true] .exercise-block{padding:var(--space-2);margin-block:0}.drawing-respond,.drawing-compare{justify-items:center;gap:var(--space-2);width:100%;display:grid}.drawing-paper{background:var(--surface);width:min(100%,36dvh,22rem)}.drawing-controls{gap:var(--space-2);display:flex}.drawing-controls button,.drawing-compare>button{min-height:2.75rem}.drawing-help,.drawing-comparison figcaption{color:var(--muted);text-align:center;font-size:.8125rem}.drawing-comparison{gap:var(--space-3);width:min(100%,22rem);display:grid}.drawing-comparison[data-paired=true]{grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,44rem)}.drawing-comparison figure{min-width:0}