.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{--track:.75rem;--thumb:1.75rem;width:100%;height:var(--thumb);appearance:none;cursor:pointer;touch-action:pan-y;background:0 0;margin:0}.poker-slider::-webkit-slider-runnable-track{height:var(--track);background:linear-gradient(to right, var(--poker-color) var(--poker-value), var(--well) var(--poker-value));box-shadow:inset 0 0 0 1px var(--line);border-radius:999px}.poker-slider::-moz-range-track{height:var(--track);background:linear-gradient(to right, var(--poker-color) var(--poker-value), var(--well) var(--poker-value));box-shadow:inset 0 0 0 1px var(--line);border-radius:999px}.poker-slider::-webkit-slider-thumb{width:var(--thumb);height:var(--thumb);margin-top:calc((var(--track) - var(--thumb)) / 2);appearance:none;background:var(--surface);border-radius:999px;box-shadow:0 0 0 1px #0000002e,0 1px 3px #0003}.poker-slider::-moz-range-thumb{width:var(--thumb);height:var(--thumb);background:var(--surface);border:0;border-radius:999px;box-shadow:0 0 0 1px #0000002e,0 1px 3px #0003}.poker-slider:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:999px}.poker-mixbar{background:var(--poker-fill);height:1rem;box-shadow:inset 0 0 0 1px var(--line);border-radius:999px}.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-grid button{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-grid button:hover{outline:2px solid var(--focus);z-index:1}.poker-practice .poker-grid button[aria-pressed=true]{outline:2px solid var(--ink);outline-offset:1px;z-index:2}.poker-practice .poker-grid button:focus-visible{z-index:3}.poker-grid button[aria-disabled=true]{opacity:.35}.poker-layer{background:var(--poker-fill);pointer-events:none;position:absolute;inset:0}.poker-layer[data-top]{filter:invert();opacity:var(--poker-overlay,.5)}.poker-grid[data-view=Mistakes] button[data-missed=false] .poker-layer{opacity:.18}.poker-grid[data-view=Mistakes] button[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-grid button[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{background:linear-gradient(to right, var(--poker-color) var(--poker-value), var(--well) var(--poker-value));border-radius:999px;height:.5rem;margin-bottom:.25rem;display:block}.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}