main:has(>form)>h1{margin:0 0 1rem;text-align:center}main:has(>form)>h1 span{display:inline-block;transform-origin:70% 70%;-webkit-user-select:none;user-select:none}main:has(>form)>h1 span:hover{animation:waving-hand 2.5s infinite}main:has(>form)>form{display:flex;flex-direction:column;align-items:stretch;gap:.5rem;width:100%;max-width:32rem;margin-inline:auto}main:has(>form)>form>button{align-self:center;margin-top:.75rem;background:var(--ink);color:var(--paper);padding:.5rem 1.5rem;font-size:1.125rem;font-weight:700;text-transform:uppercase;border:0;cursor:pointer}main:has(>form)>strong{display:block;color:#b91c1c;text-align:center;font-size:.875rem;font-weight:400;margin:.5rem 0}main:has(>form)>output{display:block;margin:1rem auto 0;max-width:32rem;text-align:center}main:has(>form) small{color:var(--color-neutral-400)}main:has(>form)>form>fieldset{display:flex;flex-direction:column;gap:.75rem;width:100%;margin:0;padding:0;border:0;min-width:0}main:has(>form)>form>fieldset:disabled{opacity:.6}main:has(>form)>form>fieldset button{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.375rem .25rem;padding:.625rem 0;background:none;border:0;font:inherit;color:inherit;cursor:pointer;transition:border-color .1s,opacity .1s}main:has(>form)>form>fieldset b{flex-basis:100%;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-neutral-400)}main:has(>form)>form>fieldset ul{display:flex;gap:.5rem;overflow-x:auto;scroll-snap-type:x mandatory;list-style:none;margin:0;padding:0 0 .5rem}main:has(>form)>form>fieldset li{flex:0 0 min(11rem,45%);scroll-snap-align:start;display:flex}main:has(>form)>form>fieldset li button{display:grid;justify-items:center;width:100%;padding:.5rem;background:var(--color-neutral-100);color:var(--ink)}main:has(>form)>form>fieldset li button>span{grid-area:2 / 1;display:flex;gap:.25rem}main:has(>form)>form>fieldset li button:has([data-blank]){opacity:.75}main:has(>form)>form>fieldset li button:hover,main:has(>form)>form>fieldset li button:focus-visible{opacity:1;border-color:var(--ink);outline:none}main:has(>form) dialog[open]{display:flex;flex-direction:column;gap:.5rem;border:0;padding:.75rem;background:var(--paper);color:var(--ink);width:min(100vw,42rem);max-width:100vw;max-height:90vh;overflow-y:auto}main:has(>form) dialog[open]:has(menu){width:min(100vw,32rem)}main:has(>form) dialog::backdrop{background:#00000080}main:has(>form) dialog h3{display:flex;align-items:center;gap:.5rem;margin:0;font-size:1rem}main:has(>form) dialog h3:not(:has(output)){justify-content:center}main:has(>form) dialog h3 output{margin-left:auto;font-family:ui-monospace,monospace;font-weight:700}main:has(>form) dialog h3 output[data-invalid]{color:#b91c1c}main:has(>form) dialog>output{display:flex;justify-content:center;gap:.25rem;flex-wrap:wrap}main:has(>form) dialog details{font-size:.875rem}main:has(>form) dialog summary{cursor:pointer;color:var(--color-neutral-400)}main:has(>form) dialog details input{width:100%;padding:.25rem;border:1px solid #d1d5db;margin-top:.25rem;font-family:ui-monospace,monospace}main:has(>form) dialog footer{display:flex;gap:.5rem;justify-content:center}main:has(>form) dialog footer button{background:#000;color:#fff;border:0;padding:.5rem 1.5rem;font-weight:700;text-transform:uppercase;cursor:pointer}main:has(>form) [data-danger]{background:#b91c1c}main:has(>form) dialog fieldset{margin:0;padding:.25rem;border:0;min-width:0}main:has(>form) dialog fieldset:has(input[type=checkbox]){display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.375rem;overflow-y:auto}@media (min-width: 640px){main:has(>form) dialog fieldset:has(input[type=checkbox]){grid-template-columns:repeat(8,minmax(0,1fr));gap:.5rem}}main:has(>form) dialog menu{display:flex;flex-wrap:wrap;justify-content:center;gap:.25rem;list-style:none;margin:0;padding:0}main:has(>form) dialog menu li{display:contents}main:has(>form) dialog menu button{background:#1f2937;color:#fff;padding:.25rem .5rem;font-size:.75rem;font-weight:600;text-transform:uppercase;border:0;cursor:pointer}main:has(>form) dialog fieldset:has(button){display:grid;grid-template-columns:repeat(13,minmax(0,1fr));gap:2px;width:min(100%,26rem);margin-inline:auto;aspect-ratio:1 / 1;-webkit-user-select:none;user-select:none;touch-action:none}main:has(>form) dialog fieldset button{display:flex;align-items:center;justify-content:center;aspect-ratio:1 / 1;border:1px solid #d1d5db;background:#f9fafb;color:#111827;font-size:.55rem;font-weight:700;padding:0;cursor:pointer;transition:background-color 75ms}main:has(>form) dialog fieldset button[data-kind=pair]{background:#fef3c7}main:has(>form) dialog fieldset button[data-kind=suited]{background:#ecfdf5}main:has(>form) dialog fieldset button[data-kind=offsuit]{background:#f3f4f6}main:has(>form) dialog fieldset button[aria-pressed=true]{color:#fff;border-color:#c2410c;background:#f97316}main:has(>form) dialog fieldset button[data-kind=pair][aria-pressed=true]{background:#ea580c}main:has(>form) dialog fieldset button[data-kind=suited][aria-pressed=true]{background:#16a34a}main:has(>form) dialog fieldset button[data-kind=offsuit][aria-pressed=true]{background:#2563eb}@media (min-width: 480px){main:has(>form) dialog fieldset button{font-size:.7rem}}@media (min-width: 768px){main:has(>form) dialog fieldset button{font-size:.85rem}}main:has(>form) [data-card]{display:block;aspect-ratio:2 / 2.5;width:3.5rem;border-radius:.275rem;padding:.075rem;background-color:#e5e7eb}@media (min-width: 512px){main:has(>form) [data-card]{width:4rem;border-radius:.375rem;padding:.125rem}}main:has(>form) [data-card] input{display:none}main:has(>form) [data-card]>span{position:relative;display:flex;height:100%;width:100%;-webkit-user-select:none;user-select:none;align-items:center;justify-content:center;overflow:hidden;border-radius:.375rem;border:1px solid #d1d5db;background-color:#f3f4f6;color:#1f2937;transition:background-color .15s,transform .15s}main:has(>form) label[data-card]:has(:checked)>span{background-color:#fed7aa;transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a}main:has(>form) [data-card]>[data-suit=♦],main:has(>form) [data-card]>[data-suit=♥]{color:#ef4444}main:has(>form) [data-card]>[data-blank]:after{position:absolute;top:0;right:0;bottom:0;left:0;content:"";color:#000c;background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,currentColor 10px,currentColor 20px)}main:has(>form) [data-card] b{position:absolute;top:.25rem;left:.25rem;line-height:1;z-index:1;font-weight:bolder}main:has(>form) [data-card] i{font-size:1.5rem;font-style:normal}@media (min-width: 768px){main:has(>form) [data-card] i{font-size:2.25rem}}main:has(>form) [data-card] img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;pointer-events:none}main:has(>form) [data-card][data-high]{position:relative;overflow:hidden;isolation:isolate;background-color:transparent}main:has(>form) [data-card][data-high]:before{position:absolute;z-index:-10;animation:rotate 4s linear infinite;filter:blur(8px);content:"";left:-50%;top:-50%;width:200%;height:200%;background-repeat:no-repeat;background-size:50% 50%,50% 50%;background-position:0 0,100% 0,100% 100%,0 100%;background-image:linear-gradient(#399953,#399953),linear-gradient(#fbb300,#fbb300),linear-gradient(#d53e33,#d53e33),linear-gradient(#377af5,#377af5)}main:has(>form) progress{position:relative;width:100%;overflow:hidden;border-radius:9999px;height:.75rem;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}main:has(>form) progress::-webkit-progress-bar{background-color:#e5e7eb}main:has(>form) progress::-webkit-progress-value,main:has(>form) progress::-moz-progress-bar{background-color:#60a5fa}main:has(>form) progress::-webkit-progress-bar,main:has(>form) progress::-webkit-progress-value,main:has(>form) progress::-moz-progress-bar{transition:all .5s}main:has(>form) progress:not([max]):after{position:absolute;top:0;right:0;bottom:0;left:0;width:25%;background-color:#60a5fa;content:"";animation:pingpong 1s infinite alternate ease-in-out}main:has(>form) progress:indeterminate::-moz-progress-bar{position:absolute;top:0;right:0;bottom:0;left:0;width:25%;background-color:#60a5fa;animation:pingpong-absolute 1s infinite alternate ease-in-out}main:has(>form)>output section{display:flex;flex-direction:column;align-items:stretch;gap:.75rem;width:100%;max-width:28rem;margin:0 auto}main:has(>form)>output h3{margin:0;font-size:.875rem;font-weight:400;color:var(--color-neutral-400);text-transform:uppercase;letter-spacing:.05em}main:has(>form)>output hgroup p{margin:0;font-size:2.5rem;font-weight:800;font-family:ui-monospace,monospace;line-height:1.1}main:has(>form)>output ul:has([data-outcome]){display:flex;width:100%;height:1.75rem;overflow:hidden;list-style:none;margin:0;padding:0;gap:0}main:has(>form) [data-outcome]{display:flex;align-items:center;justify-content:center;color:#fff;font-size:.75rem;font-weight:700;white-space:nowrap;overflow:hidden}main:has(>form) [data-outcome=win]{background:#16a34a}main:has(>form) [data-outcome=tie]{background:#2563eb}main:has(>form) [data-outcome=lose]{background:#dc2626}main:has(>form)>output ul:has(meter){display:flex;flex-direction:column;gap:.375rem;list-style:none;margin:0;padding:0}main:has(>form)>output ul:has(meter) li{display:grid;grid-template-columns:3.5rem 1fr 3.5rem;align-items:center;gap:.5rem;text-align:left}main:has(>form)>output meter{width:100%;height:.625rem}main:has(>form)>output li data{text-align:right;font-family:ui-monospace,monospace;font-size:.875rem}main:has(>form)>output small{display:block;text-align:center;font-size:.875rem;line-height:1.5;margin-top:.5rem}main:has(>form)>output em{font-style:italic;font-weight:600}@keyframes waving-hand{0%{transform:rotate(0)}10%{transform:rotate(20deg)}20%{transform:rotate(-10deg)}30%{transform:rotate(10deg)}40%{transform:rotate(-10deg)}50%{transform:rotate(0)}}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes pingpong{0%{left:-25%}to{left:100%}}@keyframes pingpong-absolute{0%{transform:translate(-100%)}to{transform:translate(400%)}}