@import"https://fonts.googleapis.com/css2?family=Bevan&family=Archivo:wght@400;500;600;700;800&display=swap";#whiff-match-root{--wm-ink: #17150f;--wm-panel: #fffdf6;--wm-well: #f6f2e4;--wm-green: #5f7f3e;--wm-green-hi: #6b8f45;--wm-green-pale: #eef5e2;--wm-yellow: #f2cf55;--wm-orange: #e8782a;--wm-muted: #6b6558;--wm-line: #ddd7c4;--wm-slab: Bevan, Georgia, serif;--wm-sans: Archivo, system-ui, -apple-system, sans-serif;box-sizing:border-box;max-width:1040px;width:100%;margin:0 auto;font-family:var(--wm-sans);color:var(--wm-ink);background:var(--wm-panel);border:3px solid var(--wm-ink);box-shadow:0 6px 0 var(--wm-ink);-webkit-font-smoothing:antialiased}#whiff-match-root p,#whiff-match-root legend,#whiff-match-root h3,#whiff-match-root q{color:inherit}#whiff-match-root *,#whiff-match-root *:before,#whiff-match-root *:after{box-sizing:border-box}#whiff-match-root button,#whiff-match-root select{font-family:inherit}.wm-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;padding:14px 16px;background:var(--wm-ink);color:var(--wm-panel)}.wm-title{margin:0;font:400 clamp(24px,17.6px + 1.6vw,36px)/1 var(--wm-slab);letter-spacing:.01em;color:var(--wm-yellow)}.wm-purse{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0;padding:0;list-style:none}.wm-chip{display:inline-flex;align-items:center;gap:7px;padding:5px 11px 5px 8px;font-size:14px;font-weight:700;background:#2a271d;border:1px solid #4a4533;border-radius:99px}.wm-chip b{font-size:16px}.wm-coin,.wm-brownie{flex:none;width:16px;height:16px}.wm-coin{border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffe98a,var(--wm-yellow) 55%,#c9a022);box-shadow:inset 0 0 0 2px #8a6c0f}.wm-brownie{border-radius:4px;background:linear-gradient(135deg,#8a5a36,#5a3820);box-shadow:inset 0 0 0 2px #3b2314}.wm-chip small{font-size:13px;font-weight:500;color:#ddd7c4}.wm-body{padding:18px 16px 22px}.wm-lede{margin:0 0 16px;font-size:17px;line-height:1.45;max-width:64ch;text-wrap:balance}.wm-note{margin:0 0 16px;padding:10px 12px;font-size:15px;line-height:1.4;background:var(--wm-well);border-left:4px solid var(--wm-orange)}.wm-note a{color:var(--wm-green);font-weight:700}.wm-step{margin:0 0 18px;padding:0;border:0}.wm-step legend{padding:0;margin:0 0 8px;font:400 18px/1.2 var(--wm-slab)}.wm-choices{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.wm-choice{position:relative;display:block;cursor:pointer}#whiff-match-root .wm-choice input[type=radio]{position:absolute!important;opacity:0!important;inset:0;width:100%;height:100%;margin:0;cursor:pointer;appearance:none;-webkit-appearance:none}.wm-choice>span{display:block;height:100%;padding:11px 13px;background:var(--wm-panel);border:2px solid var(--wm-ink);box-shadow:0 3px 0 var(--wm-ink);transition:transform .08s,box-shadow .08s,background .12s}@media(max-width:559px){.wm-choices.levels{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.wm-choices.levels .wm-choice>span{padding:9px 8px;text-align:center}.wm-choices.levels .wm-more{display:none}}.wm-choice strong{display:block;font-size:17px}.wm-choice em{display:block;margin-top:3px;font-style:normal;font-size:14px;color:var(--wm-muted);line-height:1.35}.wm-choice:hover>span{background:var(--wm-well)}.wm-choice input:checked+span{background:var(--wm-green-pale);border-color:var(--wm-green);box-shadow:0 3px 0 var(--wm-green)}.wm-choice input:focus-visible+span{outline:3px solid var(--wm-orange);outline-offset:2px}.wm-choice input:active+span{transform:translateY(2px);box-shadow:0 1px 0 var(--wm-ink)}.wm-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 20px;font-size:16px;font-weight:800;color:var(--wm-ink);background:var(--wm-yellow);border:2px solid var(--wm-ink);box-shadow:0 4px 0 var(--wm-ink);cursor:pointer;transition:transform .08s,box-shadow .08s}.wm-btn:hover{background:#f7da72}.wm-btn:active{transform:translateY(3px);box-shadow:0 1px 0 var(--wm-ink)}.wm-btn:focus-visible{outline:3px solid var(--wm-orange);outline-offset:2px}.wm-btn.plain{background:var(--wm-panel)}.wm-btn.plain:hover{background:var(--wm-well)}.wm-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}.wm-rows{display:grid;gap:8px;margin:0 0 16px;padding:0;list-style:none;grid-template-columns:repeat(auto-fill,minmax(min(100%,440px),1fr))}.wm-row{display:grid;grid-template-columns:56px 1fr;gap:4px 12px;align-items:start;padding:8px;background:var(--wm-well);border:2px solid var(--wm-line)}.wm-row img{grid-row:span 2;width:56px;height:56px;object-fit:cover;border:2px solid var(--wm-ink);background:var(--wm-ink)}.wm-row select{width:100%;min-height:36px;padding:4px 6px;font-size:15px;font-weight:700;color:var(--wm-ink);background:var(--wm-panel);border:2px solid var(--wm-ink)}.wm-row select:focus-visible,.wm-row button:focus-visible{outline:3px solid var(--wm-orange);outline-offset:1px}.wm-line{display:flex;gap:8px;align-items:flex-start;justify-content:space-between;font-size:15px;line-height:1.35}.wm-line q{quotes:"“" "”";font-style:italic}.wm-line button{flex:none;min-height:32px;padding:3px 10px;font-size:13px;font-weight:700;color:var(--wm-ink);background:var(--wm-panel);border:2px solid var(--wm-ink);cursor:pointer}.wm-line button:hover{background:var(--wm-yellow)}.wm-hud{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px 0 10px;background:var(--wm-panel)}@media(max-width:559px){.wm-hud{position:sticky;top:0;z-index:5}}.wm-player{display:flex;align-items:center;gap:10px;padding:8px 10px;background:var(--wm-well);border:2px solid var(--wm-line);min-width:0}.wm-player.turn{background:var(--wm-green-pale);border-color:var(--wm-green);box-shadow:0 3px 0 var(--wm-green)}.wm-player img{flex:none;width:36px;height:36px;object-fit:cover;border:2px solid var(--wm-ink);background:var(--wm-ink)}.wm-player .who{min-width:0;line-height:1.15}.wm-player .who b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px}.wm-player .who small{font-size:13px;color:#55503f}.wm-player .score{margin-left:auto;font:400 24px/1 var(--wm-slab)}.wm-status{min-height:1.5em;margin:2px 0 10px;font-size:16px;font-weight:600}.wm-tools{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:14px 0 0}.wm-tools .wm-btn{min-height:40px;padding:6px 14px;font-size:15px}.wm-grid{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}@media(min-width:560px){.wm-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}}@media(max-width:559px){.wm-grid[data-pairs="8"] .wm-card:last-child{grid-column:2}}@media(min-width:1100px){.wm-grid[data-pairs="6"],.wm-grid[data-pairs="12"]{grid-template-columns:repeat(6,minmax(0,1fr))}.wm-grid[data-pairs="8"]{max-width:760px;margin-inline:auto}}.wm-card{color:var(--wm-ink);container-type:inline-size;position:relative;display:block;width:100%;aspect-ratio:4 / 5;padding:0;border:0;background:none;cursor:pointer;perspective:700px;-webkit-tap-highlight-color:transparent}.wm-card:disabled{cursor:default}.wm-card:focus-visible{outline:3px solid var(--wm-orange);outline-offset:3px}.wm-flip{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .45s cubic-bezier(.3,.7,.3,1)}.wm-card.up .wm-flip{transform:rotateY(180deg)}.wm-face{position:absolute;inset:0;display:flex;flex-direction:column;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;border:2px solid var(--wm-ink);box-shadow:0 3px 0 var(--wm-ink)}.wm-card:not(:disabled):hover .wm-back{filter:brightness(1.12)}.wm-back{align-items:center;justify-content:center;background:repeating-linear-gradient(45deg,rgba(0,0,0,.16) 0 6px,transparent 6px 12px),linear-gradient(160deg,#4a7a2a,#2c4a1d);box-shadow:0 3px 0 var(--wm-ink),inset 0 0 0 4px var(--wm-ink),inset 0 0 0 6px var(--wm-yellow)}.wm-back:after{content:"?";font:400 clamp(28px,28cqw,48px)/1 var(--wm-slab);color:var(--wm-yellow);text-shadow:0 3px 0 var(--wm-ink)}.wm-front{transform:rotateY(180deg);background:var(--wm-panel)}.wm-front.face{background:var(--wm-ink)}.wm-front.face img{flex:1;min-height:0;width:100%;object-fit:cover}.wm-front.face figcaption{flex:none;padding:5px 6px;font:400 clamp(12px,11cqw,16px)/1.1 var(--wm-slab);text-align:center;color:var(--wm-yellow);background:var(--wm-ink)}.wm-front.line{justify-content:center;padding:7%;background:linear-gradient(180deg,#fffdf6,#f6f2e4)}.wm-front.line:before{content:"“";position:absolute;top:2%;left:7%;font:400 clamp(32px,30cqw,56px)/1 var(--wm-slab);color:var(--wm-orange);opacity:.55}.wm-front.line p{margin:0;padding-top:12%;font-size:clamp(12px,11cqw,17px);font-weight:700;line-height:1.2;text-wrap:balance;overflow-wrap:anywhere}.wm-card.done .wm-face{border-color:var(--wm-green);box-shadow:0 3px 0 var(--wm-green)}.wm-card.done .wm-front.line{background:var(--wm-green-pale)}.wm-card.done:after{content:"✓";position:absolute;top:-6px;right:-6px;z-index:2;width:22px;height:22px;display:grid;place-items:center;font-size:13px;font-weight:800;color:#fff;background:var(--wm-green);border:2px solid var(--wm-ink);border-radius:50%}@media(prefers-reduced-motion:reduce){.wm-flip{transition:none}.wm-choice>span,.wm-btn{transition:none}}.wm-result{margin:16px 0 0;padding:16px;background:var(--wm-green-pale);border:3px solid var(--wm-green);box-shadow:0 4px 0 var(--wm-green)}.wm-result h3{margin:0 0 6px;font:400 clamp(22px,17.6px + 1vw,30px)/1.1 var(--wm-slab)}.wm-result p{margin:0 0 8px;font-size:17px;line-height:1.4}.wm-earned{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 14px;padding:0;list-style:none}.wm-earned .wm-chip{background:var(--wm-panel);border-color:var(--wm-ink);color:var(--wm-ink)}.wm-result.lost{background:var(--wm-well);border-color:var(--wm-ink);box-shadow:0 4px 0 var(--wm-ink)}@media(max-width:559px){.wm-card{aspect-ratio:2 / 3}.wm-front.line p{font-size:clamp(13px,12.5cqw,17px)}.wm-hud{gap:6px}.wm-player{gap:7px;padding:6px 8px}.wm-player img{width:30px;height:30px}.wm-player .who b{font-size:15px}.wm-player .score{font-size:22px}}@media(max-width:379px){.wm-front.line p{font-size:clamp(12px,12.5cqw,17px)}}@media(max-width:339px){.wm-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wm-grid .wm-card:last-child{grid-column:auto}}@media(max-width:379px){.wm-player img{display:none}}