@layer components{.pw-btn{font-size:1.125rem}.pw-btn.w-btn--small{font-size:1rem}.pw-btn__icon{flex:none;width:1.15em;height:1.15em}.w-btn.pw-btn:is(:disabled,[aria-disabled=true]){opacity:.5;cursor:not-allowed;box-shadow:2px 2px 0 var(--w-shadow);transform:none}.w-btn.pw-btn[aria-pressed=true]{--w-fill:var(--color-gold);box-shadow:1px 1px 0 var(--w-shadow);transform:translate(2px,3px)}.w-btn.pw-btn:focus-visible{outline:4px solid var(--color-ink);outline-offset:4px;box-shadow:var(--w-up) 0 var(--w-shadow)}.w-link.pw-quiet:focus-visible,.study-flip.pw-flip:focus-visible{outline:4px solid var(--color-ink);outline-offset:4px;box-shadow:none}.study-flip.pw-flip:focus-visible{outline-offset:6px}.pw-quiet{min-height:44px;-webkit-text-decoration-color:var(--color-gold-deep);text-decoration-color:var(--color-gold-deep);align-items:center;display:inline-flex}.pw-select{border:var(--outline-thin) solid var(--color-ink);background:var(--color-cream);min-height:44px;color:var(--color-ink);border-radius:12px;padding:6px 12px;font-weight:700}.pw-select:focus-visible{outline:4px solid var(--color-ink);outline-offset:3px}.pw-meta{font-family:var(--font-atkinson-mono), ui-monospace, monospace;color:var(--color-cocoa);font-size:.9375rem}.practice-progress{appearance:none;border:var(--outline-thin) solid var(--color-ink);background:var(--color-cream);width:100%;height:16px;accent-color:var(--color-gold);border-radius:8px;display:block;overflow:hidden}.practice-progress::-webkit-progress-bar{background:var(--color-cream)}.practice-progress::-webkit-progress-value{background:var(--color-gold);box-shadow:3px 0 0 var(--color-ink)}.practice-progress::-moz-progress-bar{background:var(--color-gold)}.practice-actions{flex-wrap:wrap;gap:.875rem;display:flex}.practice-actions>button{flex:10rem}.practice-disclosure{cursor:pointer;min-height:44px;font-family:var(--font-nunito), system-ui, sans-serif;padding-block:.65rem;font-size:1.0625rem;font-weight:850;display:list-item}.practice-disclosure:focus-visible{outline:4px solid var(--color-ink);outline-offset:3px;border-radius:8px}@media (hover:hover) and (pointer:fine){.practice-disclosure:hover{color:var(--color-cardinal-deep)}}.pw-card-face{border:var(--outline) solid var(--color-ink);border-radius:var(--radius-chunk);background:var(--color-cream);min-height:15rem;box-shadow:var(--shadow-hard-lg);color:var(--color-ink);flex-direction:column;gap:1.1rem;padding:0 1.5rem 1.25rem;display:flex;position:relative}.pw-card-back{background:var(--color-gold-light)}.pw-card-head{border-bottom:var(--outline-thin) solid var(--color-action);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 16px;margin-inline:-1.5rem;padding:.85rem 1.5rem .6rem;display:flex}.pw-card-label{font-family:var(--font-atkinson-mono), ui-monospace, monospace;color:var(--color-cardinal-deep);font-size:.9375rem;font-weight:700}.pw-card-q{font-family:var(--font-nunito), system-ui, sans-serif;letter-spacing:-.01em;font-size:clamp(1.375rem,1.1rem + 1.2vw,1.875rem);font-weight:850;line-height:1.2}.pw-card-a{font-size:var(--type-lead);line-height:1.5}.pw-card-hint{font-family:var(--font-nunito), system-ui, sans-serif;color:var(--color-cardinal-deep);align-items:center;gap:8px;margin-top:auto;font-size:1rem;font-weight:850;display:flex}.pw-card-hint svg{flex:none;width:22px;height:22px}.study-flip{border-radius:var(--radius-chunk)}@media (min-width:761px){.pw-card-face{min-height:17rem;padding:0 2.25rem 1.5rem}.pw-card-head{margin-inline:-2.25rem;padding-inline:2.25rem}}.pw-deck{isolation:isolate;margin:0 14px 22px 0;position:relative}.pw-deck:before,.pw-deck:after{content:"";z-index:-1;border:var(--outline) solid var(--color-ink);border-radius:var(--radius-chunk);background:var(--color-cream);visibility:hidden;position:absolute;inset:0;transform:translate(10px,12px)rotate(1.8deg)}.pw-deck:after{z-index:-2;background:var(--color-action);transform:translate(4px,22px)rotate(-1.6deg)}.pw-deck:not([data-left="0"]):before,.pw-deck:not([data-left="0"],[data-left="1"]):after{visibility:visible}.pw-tally{flex-wrap:wrap;gap:8px;display:flex}.pw-tally>span{border:2px solid var(--color-ink);background:var(--color-cream);border-radius:10px;align-items:center;gap:6px;padding:3px 10px;font-size:.9375rem;font-weight:700;display:inline-flex}.pw-tally>span:first-child{background:var(--color-gold-light)}.pw-piles{isolation:isolate;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:28px 20px;margin:0;padding:0 12px 12px 0;list-style:none;display:grid}.pw-pile{border:var(--outline) solid var(--color-ink);background:var(--color-cream);min-height:7.5rem;box-shadow:var(--shadow-hard);border-radius:14px;align-content:end;gap:2px;padding:.9rem 1rem;display:grid;position:relative}.pw-pile[data-pile=known]{background:var(--color-gold-light)}.pw-pile[data-pile=none]{box-shadow:none;background:0 0;border-style:dashed}.pw-pile:before,.pw-pile:after{content:"";z-index:-1;border:var(--outline) solid var(--color-ink);background:inherit;visibility:hidden;border-radius:14px;position:absolute;inset:-4px;transform:translate(8px,9px)rotate(3deg)}.pw-pile:after{z-index:-2;transform:translate(-4px,16px)rotate(-3deg)}.pw-pile:not([data-count="0"],[data-pile=none]):before,.pw-pile:not([data-count="0"],[data-count="1"],[data-pile=none]):after{visibility:visible}.pw-pile__n{font-family:var(--font-nunito), system-ui, sans-serif;font-size:2.75rem;font-weight:900;line-height:1}.pw-pile__label{font-weight:700}.pw-sheet-tab{background:var(--color-ink);color:var(--color-cream);font-family:var(--font-atkinson-mono), ui-monospace, monospace;border-radius:12px 12px 0 0;margin:0 0 -4px 14px;padding:6px 14px 8px;font-size:.9375rem;font-weight:700;display:inline-block}.pw-sheet-tab:focus-visible{outline:4px solid var(--color-gold-deep);outline-offset:3px}.practice-question{border:var(--outline) solid var(--color-ink);border-radius:var(--radius-chunk);background:var(--color-surface);width:100%;box-shadow:var(--shadow-hard-lg);margin:0;padding:clamp(1.1rem,3vw,1.75rem)}.practice-question legend{float:left;width:100%;font-family:var(--font-nunito), system-ui, sans-serif;letter-spacing:-.01em;padding:0;font-size:clamp(1.25rem,1.1rem + .6vw,1.5rem);font-weight:850;line-height:1.25}.practice-question legend+*{clear:both}.practice-answer{border:var(--outline-thin) solid var(--color-ink);background:var(--color-cream);min-height:60px;box-shadow:3px 4px 0 var(--color-ink);cursor:pointer;overflow-wrap:anywhere;border-radius:14px;align-items:center;gap:.9rem;padding:.8rem 1rem;font-weight:700;line-height:1.35;display:flex;position:relative}.practice-answer input{width:1.35rem;height:1.35rem;accent-color:var(--color-ink);flex-shrink:0;margin:0}.practice-answer:has(input:checked){background:var(--color-gold)}.practice-answer:has(input:focus-visible){outline:4px solid var(--color-ink);outline-offset:4px}.practice-answer:is(label,button):not(:disabled,[aria-disabled=true],[aria-pressed=true],:has(input:disabled,input:checked)):is(:focus-visible,:has(input:focus-visible)){box-shadow:3px 6px 0 var(--color-ink)}.practice-answer input:focus-visible{box-shadow:none;outline:none}.practice-answer:has(input:disabled){cursor:default;box-shadow:1px 2px 0 var(--color-ink)}.practice-answer[data-key=correct]{background:var(--color-gold-light);box-shadow:3px 4px 0 var(--color-ink)}.practice-answer[data-key=correct]:has(input:checked){background:var(--color-gold-light)}.practice-answer[data-key=wrong]{background:var(--color-cream);border-style:dashed}.practice-answer:has(input:disabled):not([data-key]){opacity:.7}.pw-answer-note{font-family:var(--font-atkinson-mono), ui-monospace, monospace;margin-top:4px;font-size:.875rem;font-weight:400;display:block}.pw-answer-stamp{color:var(--color-status-ok);font-family:var(--font-nunito), system-ui, sans-serif;text-transform:uppercase;letter-spacing:.04em;border:2px solid;border-radius:6px;margin-top:6px;padding:1px 8px;font-size:.9375rem;font-weight:900;display:table;transform:rotate(-2deg)}@media (forced-colors:active){.w-btn.pw-btn[aria-pressed=true]{border-color:highlight}.practice-answer:has(input:checked){border-color:highlight}}.pw-feedback{border:var(--outline-thin) solid var(--color-ink);background:var(--color-cream);border-radius:14px;flex-wrap:wrap;align-items:flex-start;gap:.75rem 1.1rem;padding:1rem 1.25rem;line-height:1.6;display:flex}.pw-feedback>p{flex:16rem;margin:0}.pw-stamp{font-family:var(--font-nunito), system-ui, sans-serif;text-transform:uppercase;letter-spacing:.05em;color:var(--color-status-ok);background:var(--color-surface);border:3px solid;border-radius:8px;flex:none;padding:4px 12px;font-size:1.125rem;font-weight:900;line-height:1.2;transform:rotate(-5deg)}.pw-feedback[data-result=wrong] .pw-stamp{color:var(--color-cardinal-deep)}.pw-clipboard{border:var(--outline) solid var(--color-ink);border-radius:var(--radius-chunk);background:var(--color-surface);box-shadow:var(--shadow-hard-lg);margin-top:22px;padding:2.5rem clamp(1.1rem,3vw,2rem) clamp(1.1rem,3vw,1.75rem);position:relative}.pw-clipboard:before{content:"";border:var(--outline) solid var(--color-ink);background:var(--color-gold-deep);border-radius:12px;width:112px;height:38px;position:absolute;top:-20px;left:50%;translate:-50%;box-shadow:inset 0 -8px #1e14162e}.pw-title{font-family:var(--font-nunito), system-ui, sans-serif;letter-spacing:-.02em;font-size:clamp(1.5rem,1.2rem + 1.2vw,2.125rem);font-weight:900;line-height:1.1}.pw-title:focus-visible{outline:4px solid var(--color-ink);outline-offset:4px;border-radius:8px}.pw-score{border:5px solid var(--color-action);width:6.5rem;height:6.5rem;color:var(--color-action);text-align:center;line-height:1;font-family:var(--font-nunito), system-ui, sans-serif;box-shadow:inset 0 0 0 4px var(--color-surface), inset 0 0 0 6px var(--color-action);border-radius:50%;flex:none;place-items:center;font-size:1.875rem;font-weight:900;display:grid;transform:rotate(-10deg)}.pw-score small{font-size:.875rem;font-weight:850;display:block}.pw-best{border:2px solid var(--color-ink);background:var(--color-gold-light);font-family:var(--font-atkinson-mono), ui-monospace, monospace;border-radius:10px;padding:4px 12px;font-size:.9375rem;font-weight:700;display:inline-flex}.pw-review-group+.pw-review-group{margin-top:1.75rem}.pw-review-title{font-family:var(--font-nunito), system-ui, sans-serif;align-items:center;gap:10px;font-size:1.25rem;font-weight:900;display:flex}.pw-review-title:before{content:"";border:3px solid var(--color-ink);background:var(--color-action);flex:none;width:14px;height:14px}.pw-review-group[data-correct=true] .pw-review-title:before{background:var(--color-gold)}.pw-review{border-bottom:var(--outline-thin) solid var(--color-ink);margin:.75rem 0 0;padding:0;list-style:none}.pw-review>li{border-top:var(--outline-thin) solid var(--color-ink);gap:.4rem;padding:1rem 0;display:grid}.practice-step-controls{border-top:var(--outline-thin) solid var(--color-ink);padding-top:1.25rem}.pw-dots{flex-wrap:wrap;gap:6px;display:flex}.pw-dots>span{border:2px solid var(--color-ink);background:var(--color-cream);width:14px;height:14px}.pw-dots>span[data-on=true]{background:var(--color-ink)}.pw-dots>span[data-current=true]{background:var(--color-gold)}.pw-notes{gap:0;margin:0;padding:0;list-style:none;display:grid}.pw-note{border-top:2px solid var(--color-sand-deep);grid-template-columns:2.25rem minmax(0,1fr);column-gap:1rem;padding:1.1rem 0;display:grid}.pw-note:first-child{border-top:0;padding-top:.25rem}.pw-note__mark{border:var(--outline-thin) solid var(--color-ink);width:2.25rem;height:2.25rem;box-shadow:2px 3px 0 var(--color-ink);background:radial-gradient(circle at 34% 30%, #ffffffbf 0 16%, transparent 18%), var(--tone);font-family:var(--font-nunito), system-ui, sans-serif;color:var(--color-ink);border-radius:50%;place-items:center;margin-top:2px;font-size:1.0625rem;font-weight:900;display:grid}.pw-note__mark:not(:empty){background:var(--color-surface);box-shadow:2px 3px 0 var(--color-ink), inset 0 -6px 0 var(--tone)}.pw-note__title{font-family:var(--font-nunito), system-ui, sans-serif;color:var(--color-ink);margin-bottom:.35rem;font-size:1.25rem;font-weight:900;line-height:1.2}@media (max-width:480px){.pw-note{grid-template-columns:1.875rem minmax(0,1fr);align-items:center;column-gap:.75rem;padding:1rem 0}.pw-note>div{display:contents}.pw-note__mark{width:1.875rem;height:1.875rem;margin-top:0;font-size:.9375rem}.pw-note__title{margin-bottom:0;font-size:1.1875rem}.pw-note>div>p{grid-column:1/-1;margin-top:.5rem}}.pw-checks{border-bottom:var(--outline-thin) solid var(--color-ink);margin:0;padding:0;list-style:none}.pw-checks>li{border-top:var(--outline-thin) solid var(--color-ink);padding:.5rem 0}.pw-checks>li+li{border-top:2px solid var(--color-sand-deep)}.pw-tick{appearance:none;border:var(--outline-thin) solid var(--color-ink);background:var(--color-surface);width:1.6rem;height:1.6rem;box-shadow:2px 2px 0 var(--color-ink);cursor:pointer;border-radius:6px;flex-shrink:0;place-items:center;margin:0;display:grid}.pw-tick:after{content:"";border:solid var(--color-ink);border-width:0 4px 4px 0;width:.5rem;height:.85rem;margin-top:-3px;transform:rotate(45deg)scale(0)}.pw-tick:checked{background:var(--color-gold)}.pw-tick:checked:after{transform:rotate(45deg)scale(1)}.pw-tick:focus-visible{outline:4px solid var(--color-ink);outline-offset:3px}.pw-tick:disabled{cursor:default;opacity:.7}.pw-step{border:var(--outline) solid var(--color-ink);border-radius:var(--radius-chunk);background:var(--color-surface);box-shadow:var(--shadow-hard-lg);padding:clamp(1.1rem,3vw,1.75rem)}.pw-sticker{border:var(--outline) solid var(--color-ink);background:var(--tone);width:4rem;height:4rem;color:var(--color-ink);box-shadow:3px 4px 0 var(--color-ink);border-radius:46% 54% 50% 50%/52% 46% 54% 48%;flex:none;place-items:center;display:grid;transform:rotate(-4deg)}.match-summary{border:var(--outline) solid var(--color-ink);border-radius:var(--radius-chunk);background:var(--color-gold-light);box-shadow:var(--shadow-hard);padding:1.25rem 1.4rem}@media (prefers-reduced-motion:no-preference){.practice-answer{transition:transform .2s var(--ease-pop), box-shadow .2s var(--ease-pop), background-color .15s}.practice-answer:is(label,button):not(:disabled,[aria-disabled=true],[aria-pressed=true],:has(input:disabled,input:checked)):is(:focus-visible,:has(input:focus-visible)){transform:translateY(calc(-1 * var(--lift-card)))}.pw-tick:after{transition:transform .22s var(--ease-pop)}.pw-stamp,.pw-score{animation:pw-stamp .42s var(--ease-pop) both}.pw-piles{animation:pw-drop .42s var(--ease-pop) both}}@media (hover:hover) and (pointer:fine){.practice-answer:is(label,button):not(:disabled,[aria-disabled=true],[aria-pressed=true],:has(input:disabled,input:checked)):hover{box-shadow:3px 6px 0 var(--color-ink)}.study-flip:hover .pw-card-face{box-shadow:6px 10px 0 var(--color-ink)}}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.practice-answer:is(label,button):not(:disabled,[aria-disabled=true],[aria-pressed=true],:has(input:disabled,input:checked)):hover{transform:translateY(calc(-1 * var(--lift-card)))}.study-flip-inner{transition:translate .22s var(--ease-pop)}.study-flip:hover .study-flip-inner{translate:0 calc(-1 * var(--lift-card))}}@keyframes pw-stamp{0%{opacity:0;scale:1.8}to{opacity:1;scale:1}}@keyframes pw-drop{0%{opacity:0;translate:0 -18px}}@media (prefers-reduced-motion:reduce){.study-flip-inner{transition:none!important;transform:none!important}.study-flip-face{transform:none!important}.study-flip-face[aria-hidden=true]{visibility:hidden}}@media print{.study-flip-inner{transform:none!important}.study-flip-face{box-shadow:none;grid-area:auto;backface-visibility:visible!important;visibility:visible!important;transform:none!important}.pw-deck:before,.pw-deck:after,.pw-clipboard:before,.pw-card-hint{display:none}.practice-question,.pw-clipboard,.pw-step{box-shadow:none}}}