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