:root{--sand:#e7dcc4;--sand-d:#d6c8a9}.gen{background:var(--white);border:var(--border);border-radius:var(--radius);max-width:760px;box-shadow:var(--shadow);text-align:center;margin:0 auto 40px;padding:26px 22px 24px}.gen__heading{font-family:var(--Bungee), monospace;color:var(--black);margin:0;font-size:clamp(20px,4vw,27px)}.gen__intro{max-width:460px;color:var(--black-40);margin:10px auto 20px;font-size:14px}.gen__wrap[hidden]{display:none}.scoreline{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:0 0 16px;display:flex}.score{font-family:var(--Bungee), monospace;color:var(--black);background:var(--white);border:2.5px solid var(--black);box-shadow:var(--shadow-sm);border-radius:999px;align-items:center;gap:8px;padding:5px 14px;font-size:15px;display:inline-flex}.score__dot{border:2px solid var(--black);border-radius:50%;flex:none;width:13px;height:13px}.score--red .score__dot{background:var(--red)}.score--blue .score__dot{background:var(--medium)}.score.is-first{background:var(--yellow)}.score.is-done{opacity:.45}.bgrid{grid-template-columns:repeat(5,1fr);gap:clamp(5px,1.4vw,10px);margin:0 0 18px;display:grid}.bcard{aspect-ratio:5/3.4;font-family:var(--SpaceMono), monospace;text-align:center;text-transform:uppercase;overflow-wrap:anywhere;color:var(--black);background:var(--white);border:2.5px solid var(--black);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);cursor:pointer;animation:pop-in .4s var(--ease-bounce) both;animation-delay:calc(var(--i,0) * 22ms);transition:transform .12s var(--ease-bounce), box-shadow .12s ease, background .18s ease, color .18s ease;justify-content:center;align-items:center;padding:4px;font-size:clamp(8px,2vw,15px);font-weight:700;line-height:1.15;display:flex;position:relative}.bcard:hover{box-shadow:6px 6px 0 var(--black);transform:translate(-2px,-2px)}.bcard:active{box-shadow:var(--shadow-press);transform:translate(2px,2px)}.bcard:focus-visible{outline:3px solid var(--dark);outline-offset:3px}.bcard.is-revealed,.bcard.is-revealed:hover{box-shadow:var(--shadow-press);transform:translate(2px,2px)}.bcard.is-revealed[data-role=r]{background:var(--red);color:var(--white)}.bcard.is-revealed[data-role=b]{background:var(--medium);color:var(--white)}.bcard.is-revealed[data-role=n]{background:var(--sand);color:var(--black)}.bcard.is-revealed[data-role=x]{background:var(--black);color:var(--white);background-image:repeating-linear-gradient(45deg,#0000 0 9px,#ff6b6b61 9px 18px)}.bcard__mark{top:5px;border:2px solid var(--black);background:var(--white);opacity:0;width:13px;height:13px;transition:opacity .18s ease, transform .18s var(--ease-bounce);border-radius:4px;position:absolute;inset-inline-end:5px;transform:scale(.5)}.bgrid.is-spy .bcard__mark{opacity:1;transform:scale(1)}.bgrid.is-spy .bcard[data-role=r] .bcard__mark{background:var(--red)}.bgrid.is-spy .bcard[data-role=b] .bcard__mark{background:var(--medium)}.bgrid.is-spy .bcard[data-role=n] .bcard__mark{background:var(--sand)}.bgrid.is-spy .bcard[data-role=x] .bcard__mark{background:var(--black);border-radius:50%}.bgrid.is-spy .bcard:not(.is-revealed)[data-role=r]{background:color-mix(in srgb, var(--red) 20%, var(--white))}.bgrid.is-spy .bcard:not(.is-revealed)[data-role=b]{background:color-mix(in srgb, var(--medium) 20%, var(--white))}.bgrid.is-spy .bcard:not(.is-revealed)[data-role=n]{background:color-mix(in srgb, var(--sand) 45%, var(--white))}.bgrid.is-spy .bcard:not(.is-revealed)[data-role=x]{background:color-mix(in srgb, var(--black) 22%, var(--white))}.gen__toolbar{flex-wrap:wrap;justify-content:center;gap:9px;display:flex}.btn--sm{box-shadow:var(--shadow-sm);padding:10px 18px;font-size:13px}.btn--sm:hover{box-shadow:6px 6px 0 var(--black)}.btn--ghost{background:var(--white)}.btn--ghost:hover{background:var(--light)}.btn--ghost[aria-pressed=true]{background:var(--black);color:var(--white)}.btn--ghost[aria-pressed=true]:hover{background:var(--dark)}.gen__seed{color:var(--black-40);margin:14px 0 0;font-size:12px}.gen__seed code{font-family:var(--SpaceMono), monospace;color:var(--black-40);font-weight:700}.gen__note{color:var(--black-40);margin:0;font-size:13px}@media (width<=560px){.gen{border-radius:var(--radius-sm);padding:20px 12px 18px}.bcard{aspect-ratio:5/4}.gen__toolbar .btn--sm{flex:44%}}@media print{.gen{box-shadow:none;break-inside:avoid}.gen__toolbar,.gen__intro,.gen__seed,.controls,.words,.back,.foot{display:none!important}.bcard{box-shadow:none;animation:none}.bgrid.is-spy .bcard__mark{-webkit-print-color-adjust:exact;print-color-adjust:exact}}#dealBtn{margin-bottom:24px}main{max-width:760px;margin:0 auto}.back{color:var(--black);background:var(--white);border:var(--border);box-shadow:var(--shadow-sm);transition:transform .12s var(--ease-bounce), box-shadow .12s ease;border-radius:999px;margin-bottom:22px;padding:6px 14px;font-size:13px;font-weight:700;text-decoration:none;display:inline-block}.back:hover{box-shadow:5px 5px 0 var(--black);color:var(--black);transform:translate(-1px,-1px)}.title{letter-spacing:-.5px;text-shadow:3px 3px 0 var(--medium), 6px 6px 0 var(--light);margin:0;font-size:clamp(32px,7vw,60px)}.title-above{font-family:var(--SpaceMono), monospace;letter-spacing:.25em;text-transform:uppercase;color:var(--dark);text-shadow:none;margin-bottom:12px;font-size:12px;font-weight:700;display:block}.meta{flex-wrap:wrap;justify-content:center;gap:9px;margin-top:18px;display:flex}.chip{color:var(--black);background:var(--white);border:2.5px solid var(--black);box-shadow:var(--shadow-sm);text-transform:capitalize;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:700}.board-desc{max-width:560px;color:var(--black-40);margin:18px auto 0;font-size:14px}.controls{flex-direction:column;align-items:center;gap:10px;margin:0 0 34px;display:flex}.btn{font-family:var(--Bungee), monospace;color:var(--black);background:var(--yellow);border:var(--border);cursor:pointer;box-shadow:var(--shadow);transition:transform .14s var(--ease-bounce), box-shadow .14s ease, background .14s ease;border-radius:999px;padding:14px 30px;font-size:16px}.btn:hover{box-shadow:9px 9px 0 var(--black);filter:brightness(1.05);transform:translate(-2px,-2px)}.btn:active{box-shadow:var(--shadow-press);transform:translate(3px,3px)}.btn:focus-visible{outline:3px solid var(--dark);outline-offset:3px}.btn.is-copied{background:var(--green)}.hint{color:var(--black-40);margin:0;font-size:13px}.words{counter-reset:w;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.word{counter-increment:w;background:var(--white);border:2.5px solid var(--black);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);animation:pop-in .45s var(--ease-bounce) both;animation-delay:calc(var(--i,0) * 18ms);transition:transform .12s var(--ease-bounce), box-shadow .12s ease;align-items:center;gap:10px;padding:11px 14px;display:flex}.word:hover{box-shadow:6px 6px 0 var(--black);transform:translate(-2px,-2px)}.word-num{color:var(--white);background:var(--medium);border:2px solid var(--black);border-radius:6px;flex:none;justify-content:center;align-items:center;min-width:26px;height:22px;font-size:11px;font-weight:700;display:inline-flex}.word-num:before{content:counter(w)}.word-text{font-size:15px;font-weight:700}.toast{font-family:var(--SpaceMono), monospace;color:var(--white);background:var(--black);border:2.5px solid var(--black);box-shadow:var(--shadow);opacity:0;pointer-events:none;z-index:80;transition:opacity .2s ease, transform .25s var(--ease-bounce);border-radius:999px;padding:11px 22px;font-size:14px;font-weight:700;position:fixed;bottom:28px;left:50%;transform:translate(-50%,16px)}.toast.is-show{opacity:1;transform:translate(-50%)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}@keyframes pop-in{0%{opacity:0;transform:translateY(14px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}:focus-visible{outline:3px solid var(--dark);outline-offset:2px}@media (width<=560px){.nav,.site,.foot{padding-left:16px;padding-right:16px}.searchbar{flex-direction:column}.searchbar__random{justify-content:center;padding:12px 20px}.grid{grid-template-columns:1fr}.hero__title{text-shadow:3px 3px 0 var(--medium), 6px 6px 0 var(--light)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}