@layer reset{*,:before,:after{box-sizing:border-box}body,h1,h2,h3,p,ol,ul,dl,dd,figure{margin:0}svg{display:block}button,input,textarea{font:inherit}}@layer tokens{:root{color-scheme:light dark;--jy-hue:285;--jy-surface:light-dark(oklch(98.5% .006 var(--jy-hue)),oklch(17% .02 var(--jy-hue)));--jy-surface-raised:light-dark(oklch(100% 0 0),oklch(22% .025 var(--jy-hue)));--jy-text:light-dark(oklch(22% .03 var(--jy-hue)),oklch(94% .012 var(--jy-hue)));--jy-text-muted:color-mix(in oklch, var(--jy-text) 68%, var(--jy-surface));--jy-border:color-mix(in oklch, var(--jy-text) 16%, var(--jy-surface));--jy-accent:light-dark(oklch(50% .2 var(--jy-hue)),oklch(76% .13 var(--jy-hue)));--jy-accent-hover:light-dark(oklch(44% .2 var(--jy-hue)),oklch(82% .11 var(--jy-hue)));--jy-on-accent:light-dark(oklch(99% .005 var(--jy-hue)),oklch(18% .03 var(--jy-hue)));--jy-focus-ring:light-dark(oklch(55% .22 var(--jy-hue)),oklch(80% .15 var(--jy-hue)));--jy-danger:light-dark(oklch(50% .19 25),oklch(75% .14 25));--jy-success:light-dark(oklch(50% .13 150),oklch(78% .13 150));--jy-font-sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--jy-font-mono:ui-monospace, "SF Mono", "Cascadia Code", Menlo, monospace;--jy-step--1:clamp(.875rem, .85rem + .1vw, .94rem);--jy-step-0:clamp(1rem, .95rem + .25vw, 1.125rem);--jy-step-1:clamp(1.25rem, 1.1rem + .7vw, 1.62rem);--jy-step-2:clamp(1.56rem, 1.3rem + 1.3vw, 2.33rem);--jy-step-3:clamp(1.95rem, 1.5rem + 2.2vw, 3.35rem);--jy-space-3xs:.25rem;--jy-space-2xs:.5rem;--jy-space-xs:.75rem;--jy-space-s:clamp(1rem, .9rem + .4vw, 1.25rem);--jy-space-m:clamp(1.5rem, 1.3rem + .8vw, 2rem);--jy-space-l:clamp(2rem, 1.6rem + 1.6vw, 3rem);--jy-radius-s:.5rem;--jy-radius-m:.75rem;--jy-radius-pill:999px;--jy-shadow:0 1px 2px oklch(20% .03 var(--jy-hue) / .08), 0 8px 24px oklch(20% .03 var(--jy-hue) / .1);--jy-target-min:2.75rem;--jy-duration-fast:.12s;--jy-duration:.2s;--jy-ease-out:cubic-bezier(.2, .8, .2, 1)}@media (prefers-reduced-motion:reduce){:root{--jy-duration-fast:0s;--jy-duration:0s}}:root{--jy-arcade-magenta:light-dark(oklch(50% .22 350),oklch(74% .19 350));--jy-arcade-cyan:light-dark(oklch(47% .1 220),oklch(83% .13 210));--jy-arcade-yellow:light-dark(oklch(50% .11 75),oklch(88% .16 95));--jy-arcade-ink:oklch(19% .03 285);--jy-shell-max:76rem;--jy-gutter:clamp(1rem, .6rem + 1.6vw, 2rem)}}@layer base{body{background:var(--jy-surface);color:var(--jy-text);font-family:var(--jy-font-sans);font-size:var(--jy-step-0);line-height:1.5}:focus-visible{outline:2px solid var(--jy-focus-ring);outline-offset:2px}html{scrollbar-gutter:stable}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{-webkit-font-smoothing:antialiased;min-block-size:100dvh}h1,h2,h3{text-wrap:balance;line-height:1.15}h1{font-size:var(--jy-step-3);letter-spacing:-.01em}h2{font-size:var(--jy-step-2)}h3{font-size:var(--jy-step-1)}p,li,dd{text-wrap:pretty}p{max-inline-size:65ch}a{color:inherit;text-underline-offset:.2em;text-decoration-thickness:.08em}a:hover{text-decoration-thickness:.16em}::selection{background:color-mix(in oklch, var(--jy-arcade-magenta) 35%, transparent)}[tabindex="-1"]:focus:not(:focus-visible){outline:none}}@layer layout{jy-app{flex-direction:column;min-block-size:100dvh;display:flex;container:shell/inline-size}.masthead,jy-app>main,.site-footer{inline-size:100%;max-inline-size:var(--jy-shell-max);padding-inline:var(--jy-gutter);margin-inline:auto}jy-app>main{padding-block:var(--jy-space-s) var(--jy-space-l);flex:1}.with-rail{gap:var(--jy-space-l);grid-template-columns:minmax(0,1fr);display:grid}.column,.categories,.game-page{grid-template-columns:minmax(0,1fr)}.column{gap:var(--jy-space-l);align-content:start;min-inline-size:0;display:grid}.rail{display:none}@container shell (inline-size>=60rem){.with-rail{grid-template-columns:minmax(0,1fr) 160px}.rail{align-self:start;display:block;position:sticky;inset-block-start:var(--jy-space-s)}}}@layer components{:root[data-offline] ad-slot:not(:state(online)){display:none}[data-category]{--accent:var(--jy-accent)}[data-category=arcade]{--accent:var(--jy-arcade-magenta)}[data-category=cards]{--accent:var(--jy-arcade-cyan)}[data-category=dice]{--accent:var(--jy-arcade-yellow)}.visually-hidden,.skip-link:not(:focus){clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.skip-link:focus{z-index:10;padding:var(--jy-space-2xs) var(--jy-space-s);border-radius:var(--jy-radius-s);background:var(--jy-surface-raised);box-shadow:var(--jy-shadow);position:fixed;inset-block-start:var(--jy-space-2xs);inset-inline-start:var(--jy-space-2xs)}.wordmark,.kicker,.cta,.badges,.crumbs,.score-table,.cabinet>h2,.facts dt{font-family:var(--jy-font-mono)}.wordmark{letter-spacing:.14em;text-transform:uppercase;color:var(--jy-arcade-magenta);font-weight:800}@supports (background-clip:text){.wordmark{background:linear-gradient(in oklch 90deg, var(--jy-arcade-magenta), var(--jy-arcade-cyan));color:#0000;background-clip:text}}.kicker{font-size:var(--jy-step--1);letter-spacing:.16em;text-transform:uppercase;color:var(--accent,var(--jy-arcade-magenta));font-weight:700}.masthead{justify-content:space-between;align-items:center;gap:var(--jy-space-2xs) var(--jy-space-m);padding-block:var(--jy-space-s);flex-wrap:wrap;display:flex}.brand{align-items:center;gap:var(--jy-space-2xs);min-block-size:var(--jy-target-min);font-size:var(--jy-step-1);text-decoration:none;display:inline-flex}.logo{block-size:2rem;inline-size:2rem}.logo-base{fill:var(--jy-text)}.logo-stick{fill:var(--jy-text-muted)}.logo-ball{fill:var(--jy-arcade-magenta)}.logo-button{fill:var(--jy-arcade-cyan)}.main-nav ul{gap:0 var(--jy-space-s);flex-wrap:wrap;padding:0;list-style:none;display:flex}.main-nav a{min-block-size:var(--jy-target-min);align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.main-nav a:hover,.main-nav a[aria-current=page]{text-decoration:underline .16em;text-decoration-color:var(--jy-arcade-magenta)}.site-footer{gap:var(--jy-space-3xs);padding-block:0 var(--jy-space-l);color:var(--jy-text-muted);display:grid}.site-footer:before{content:"";border-block-start:2px dashed var(--jy-border);margin-block-end:var(--jy-space-s)}.wordmark.small{margin-inline-end:.5em}.footer-nav ul{gap:0 var(--jy-space-s);flex-wrap:wrap;padding:0;list-style:none;display:flex}.footer-nav a{min-block-size:var(--jy-target-min);color:var(--jy-text);align-items:center;display:inline-flex}.screen,.score-screen,.cabinet{color-scheme:dark;background:var(--jy-surface);color:var(--jy-text);border-radius:var(--jy-radius-m);position:relative;overflow:clip}.screen:after,.score-screen:after{content:"";pointer-events:none;background:repeating-linear-gradient(oklch(100% 0 0/.035) 0 1px,#0000 1px 3px),radial-gradient(#0000 55%,oklch(0% 0 0/.35));position:absolute;inset:0}@media (prefers-contrast:more){.screen:after,.score-screen:after{display:none}}.hero{margin-block-end:var(--jy-space-l)}.hero .screen{gap:var(--jy-space-s);border:3px solid color-mix(in oklch, var(--jy-arcade-magenta) 55%, transparent);box-shadow:0 0 0 6px var(--jy-arcade-ink), 0 18px 40px oklch(20% .05 285/.25);background:radial-gradient(ellipse at 20% 0%, oklch(40% .15 350/.35), transparent 60%), radial-gradient(ellipse at 90% 100%, oklch(45% .12 210/.3), transparent 55%), var(--jy-surface);padding:clamp(1.5rem,1rem + 4cqi,4rem) clamp(1.25rem,.5rem + 4cqi,4rem);display:grid}.hero h1{max-inline-size:22ch;font-size:var(--jy-step-3);text-shadow:0 0 24px oklch(74% .19 350/.45)}.hero .lede{font-size:var(--jy-step-1);color:var(--jy-text-muted)}.hero .kicker{color:var(--jy-arcade-yellow)}.blink:after{content:"";vertical-align:-.12em;background:currentColor;block-size:1em;inline-size:.6em;margin-inline-start:.35em;display:inline-block}@media (prefers-reduced-motion:no-preference){.blink:after{animation:1.1s step-end infinite jy-blink}}@keyframes jy-blink{50%{opacity:0}}.hero-actions{margin-block-start:var(--jy-space-2xs)}.cta{min-block-size:var(--jy-target-min);border-radius:var(--jy-radius-s);background:var(--jy-arcade-yellow);color:var(--jy-arcade-ink);box-shadow:0 .3em 0 color-mix(in oklch, var(--jy-arcade-yellow) 50%, black);letter-spacing:.12em;text-transform:uppercase;align-items:center;padding:.6em 1.5em;font-weight:800;text-decoration:none;display:inline-flex}.cta:hover{background:color-mix(in oklch, var(--jy-arcade-yellow) 85%, white)}@media (prefers-reduced-motion:no-preference){.cta{transition:translate var(--jy-duration-fast) var(--jy-ease-out)}.cta:active{translate:0 .2em}}.featured>h2,.section-head h2,.lineup>h2,.more>h2,.game-page section>h2{align-items:center;gap:.5em;margin-block-end:var(--jy-space-s);display:flex}.featured>h2:before,.section-head h2:before,.lineup>h2:before{content:"";background:var(--accent,var(--jy-arcade-magenta));clip-path:polygon(0 0,100% 50%,0 100%);flex:none;block-size:.7em;inline-size:.55em}.section-head{gap:var(--jy-space-3xs);margin-block-end:var(--jy-space-s);display:grid}.section-head h2{margin-block-end:0}.section-head h2 a{text-decoration:none}.section-head h2 a:hover{text-decoration:underline}.section-head p,.lede{color:var(--jy-text-muted)}.categories{gap:var(--jy-space-l);display:grid}.game-grid{gap:var(--jy-space-m) var(--jy-space-s);grid-template-columns:repeat(auto-fill,minmax(min(100%,16rem),1fr));padding:0;list-style:none;display:grid}.game-grid>li{grid-row:span 3;grid-template-rows:subgrid;row-gap:0;display:grid}.game-card{grid-row:span 3;grid-template-rows:subgrid;row-gap:var(--jy-space-2xs);padding:var(--jy-space-s);border:2px solid var(--jy-border);border-block-start:6px solid var(--accent);border-radius:var(--jy-radius-s);background:var(--jy-surface-raised);box-shadow:5px 5px 0 color-mix(in oklch, var(--accent) 22%, transparent);display:grid;position:relative;container-type:inline-size}.game-card h2,.game-card h3{font-size:var(--jy-step-1)}.game-card a{text-decoration:none}.game-card a:after{content:"";position:absolute;inset:0}.game-card a:focus-visible{outline:none}.game-card:has(a:focus-visible){outline:3px solid var(--jy-focus-ring);outline-offset:3px}.game-card:hover{border-color:var(--accent)}.game-card:hover a{text-decoration:underline}@media (hover:hover) and (prefers-reduced-motion:no-preference){.game-card{transition:translate var(--jy-duration) var(--jy-ease-out), box-shadow var(--jy-duration) var(--jy-ease-out)}.game-card:hover{box-shadow:7px 7px 0 color-mix(in oklch, var(--accent) 30%, transparent);translate:-2px -2px}}.card-summary{color:var(--jy-text-muted)}.badges{align-content:start;gap:var(--jy-space-3xs);letter-spacing:.04em;text-transform:uppercase;flex-wrap:wrap;padding:0;font-size:.78rem;list-style:none;display:flex}.badges li{border:1px solid var(--jy-border);background:color-mix(in oklch, var(--jy-text) 4%, transparent);border-radius:.25rem;padding:.2em .55em}.badges .badge-status{border-color:var(--accent,var(--jy-border));font-weight:700}@container (inline-size<15rem){.badges li:not(.badge-status){font-size:.72rem}}.score-screen{padding:var(--jy-space-s) var(--jy-space-s) var(--jy-space-2xs);border:3px solid color-mix(in oklch, var(--jy-arcade-cyan) 45%, transparent);overflow-x:auto}.score-screen:focus-visible{outline:3px solid var(--jy-focus-ring);outline-offset:3px}.score-table{border-collapse:collapse;inline-size:100%;font-size:var(--jy-step--1);letter-spacing:.04em}.score-table caption{caption-side:bottom;padding-block:var(--jy-space-2xs);color:var(--jy-text-muted);text-align:start}.score-table th,.score-table td{text-align:start;white-space:nowrap;padding:.55em .75em}@container shell (inline-size<34rem){.score-screen{padding-inline:var(--jy-space-2xs)}.score-table{letter-spacing:0;font-size:.8rem}.score-table th,.score-table td{white-space:normal;padding-inline:.35em}}.score-table thead th{color:var(--jy-arcade-yellow);text-transform:uppercase;border-block-end:2px solid color-mix(in oklch, var(--jy-arcade-yellow) 50%, transparent)}.score-table tbody tr+tr>*{border-block-start:1px dotted color-mix(in oklch, var(--jy-text) 25%, transparent)}.score-table tbody th{font-weight:700}.score-table tbody th a{color:var(--jy-arcade-magenta)}.score-table .rank{color:var(--jy-arcade-cyan);font-variant-numeric:tabular-nums}.score-table .num{text-align:end;font-variant-numeric:tabular-nums}.crumbs ol{font-size:var(--jy-step--1);flex-wrap:wrap;gap:0 .5em;padding:0;list-style:none;display:flex}.crumbs li+li:before{content:"/" / "";color:var(--jy-text-muted);margin-inline-end:.5em}.crumbs a{min-block-size:var(--jy-target-min);align-items:center;display:inline-flex}.crumbs a[aria-current=page]{color:var(--jy-text-muted);text-decoration:none}.page-head{gap:var(--jy-space-2xs);margin-block:var(--jy-space-2xs) var(--jy-space-l);display:grid}.page-head .lede{font-size:var(--jy-step-1)}.game-page{gap:var(--jy-space-l);display:grid;container-type:inline-size}.game-page>.crumbs,.game-page>.page-head{margin-block:0}.facts{gap:var(--jy-space-2xs);flex-wrap:wrap;margin-block-start:var(--jy-space-2xs);display:flex}.facts>div{border:1px solid var(--jy-border);border-inline-start:4px solid var(--accent);background:var(--jy-surface-raised);border-radius:.25rem;padding:.45em .8em}.facts dt{letter-spacing:.08em;text-transform:uppercase;color:var(--jy-text-muted);font-size:.75rem}.facts dd{font-weight:600}.cabinet{gap:var(--jy-space-s);padding:var(--jy-space-m);border:3px solid color-mix(in oklch, var(--accent) 60%, transparent);box-shadow:0 0 0 6px var(--jy-arcade-ink);background:radial-gradient(ellipse at 100% 0%, color-mix(in oklch, var(--accent) 22%, transparent), transparent 60%), var(--jy-surface);display:grid}.cabinet>h2{font-size:var(--jy-step-0);letter-spacing:.14em;text-transform:uppercase;color:var(--jy-arcade-yellow);margin:0}jy-offline-toggle{min-block-size:var(--jy-target-min);display:block}@container (inline-size>=44rem){.game-page>section:not(.cabinet){gap:0 var(--jy-space-l);grid-template-columns:14rem minmax(0,1fr);align-items:start;display:grid}.game-page>section:not(.cabinet)>h2{font-size:var(--jy-step-1);grid-row:span 3}}.rules{gap:var(--jy-space-2xs);padding-inline-start:1.5em;display:grid}.rules li::marker{font-family:var(--jy-font-mono);color:var(--accent);font-weight:700}.note{color:var(--jy-text-muted);margin-block-end:var(--jy-space-2xs);font-style:italic}.more ul{gap:var(--jy-space-2xs);padding-inline-start:1.25em;display:grid}.more .count{color:var(--jy-text-muted)}.not-found{gap:var(--jy-space-s);padding-block:var(--jy-space-l);justify-items:start;display:grid}.not-found .kicker{font-size:var(--jy-step-1);color:var(--jy-arcade-magenta)}.advertise-page{gap:var(--jy-space-l);display:grid;container-type:inline-size}.advertise-page>.page-head,.advertise-page>.crumbs{margin-block:0}.advertise-section{gap:var(--jy-space-s);align-content:start;display:grid}.advertise-section>h2{align-items:center;gap:.5em;display:flex}.advertise-section>h2:before{content:"";background:var(--jy-arcade-magenta);clip-path:polygon(0 0,100% 50%,0 100%);flex:none;block-size:.7em;inline-size:.55em}.points,.steps{gap:var(--jy-space-2xs);max-inline-size:70ch;padding-inline-start:1.25em;display:grid}.steps li::marker{font-family:var(--jy-font-mono);color:var(--jy-arcade-magenta);font-weight:700}.slot-gallery{gap:var(--jy-space-s);grid-template-columns:repeat(auto-fill,minmax(min(100%,19rem),1fr));padding:0;list-style:none;display:grid}.slot-card{gap:var(--jy-space-2xs);block-size:100%;padding:var(--jy-space-s);border:2px solid var(--jy-border);border-block-start:6px solid var(--jy-arcade-cyan);border-radius:var(--jy-radius-s);background:var(--jy-surface-raised);align-content:start;display:grid}.slot-card h3{font-size:var(--jy-step-1)}.slot-preview{min-block-size:9rem;padding:var(--jy-space-2xs);border-radius:var(--jy-radius-s);background:color-mix(in oklch, var(--jy-text) 5%, transparent);place-items:center;display:grid}.slot-shape{max-inline-size:100%}.slot-shape rect{fill:color-mix(in oklch, var(--jy-arcade-cyan) 25%, transparent);stroke:var(--jy-arcade-cyan);stroke-width:2px;stroke-dasharray:6 4}.slot-facts{gap:var(--jy-space-3xs) var(--jy-space-s);font-size:var(--jy-step--1);grid-template-columns:max-content minmax(0,1fr);display:grid}.slot-facts>div{grid-column:span 2;grid-template-columns:subgrid;display:grid}.slot-facts dt,.policy-list dt{font-weight:700}.policy-list{gap:var(--jy-space-2xs);max-inline-size:70ch;display:grid}.policy-list>div{border-inline-start:4px solid var(--jy-border);padding-inline-start:var(--jy-space-xs)}.table-scroll{max-inline-size:100%;overflow-x:auto}.table-scroll:focus-visible{outline:3px solid var(--jy-focus-ring);outline-offset:3px}.spec-table{border-collapse:collapse;font-size:var(--jy-step--1)}.spec-table caption{caption-side:bottom;padding-block:var(--jy-space-2xs);color:var(--jy-text-muted);text-align:start}.spec-table th,.spec-table td{border-block-end:1px solid var(--jy-border);text-align:start;padding:.5em .75em}.spec-table thead th{border-block-end-width:2px}.contact-form{gap:var(--jy-space-s);max-inline-size:40rem;display:grid}.field{gap:var(--jy-space-3xs);border:0;min-inline-size:0;margin:0;padding:0;display:grid}.field>label,.field>legend{padding:0;font-weight:700}.optional,.hint{color:var(--jy-text-muted);font-weight:400}.contact-form input:not([type=checkbox]),.contact-form textarea{inline-size:100%;min-block-size:var(--jy-target-min);border:2px solid color-mix(in oklch, var(--jy-text) 45%, var(--jy-surface));border-radius:var(--jy-radius-s);background:var(--jy-surface-raised);color:var(--jy-text);padding:.5em .65em}.contact-form textarea{resize:vertical;field-sizing:content;min-block-size:8lh}.contact-form input[type=date]{inline-size:auto;max-inline-size:100%}.contact-form :is(input,textarea):focus-visible{outline:3px solid var(--jy-focus-ring);outline-offset:2px}.contact-form :is(input,textarea)[aria-invalid=true],.contact-form :is(input,textarea):user-invalid{border-color:var(--jy-danger)}.field>legend+.hint,.field>legend+.field-error{margin-block-start:var(--jy-space-3xs)}.choices{gap:0 var(--jy-space-s);grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr));padding:0;list-style:none;display:grid}.choice{align-items:center;gap:var(--jy-space-2xs);min-block-size:var(--jy-target-min);display:flex}.choice input{block-size:1.25rem;inline-size:1.25rem;accent-color:var(--jy-arcade-magenta);flex:none}.date-pair{gap:var(--jy-space-s);flex-wrap:wrap;margin-block-start:var(--jy-space-2xs);display:flex}.field-error{color:var(--jy-danger);font-weight:700}.form-errors{gap:var(--jy-space-2xs);padding:var(--jy-space-s);border:3px solid var(--jy-danger);border-radius:var(--jy-radius-s);background:var(--jy-surface-raised);display:grid}.form-errors h3{font-size:var(--jy-step-1)}.form-errors ul{gap:var(--jy-space-3xs);padding-inline-start:1.25em;display:grid}.form-errors a{color:var(--jy-danger);font-weight:700}.trap{display:none}.form-note{color:var(--jy-text-muted);font-size:var(--jy-step--1)}.contact-form .cta,.leaving .cta{cursor:pointer;background:oklch(88% .16 95);border:0;box-shadow:0 .3em oklch(62% .13 85)}.contact-form .cta:hover,.leaving .cta:hover{background:oklch(93% .11 95)}.contact-form .cta:focus-visible,.leaving .cta:focus-visible{outline:3px solid var(--jy-focus-ring);outline-offset:3px}.sent{gap:var(--jy-space-s);padding-block:var(--jy-space-l);justify-items:start;display:grid}.sent-links{gap:0 var(--jy-space-m);flex-wrap:wrap;padding:0;list-style:none;display:flex}.sent-links a{min-block-size:var(--jy-target-min);align-items:center;display:inline-flex}.leaving{gap:var(--jy-space-s);padding-block:var(--jy-space-l);justify-items:start;display:grid}.leaving-domain{overflow-wrap:anywhere}.leaving-links{align-items:center;gap:var(--jy-space-s) var(--jy-space-m);flex-wrap:wrap;padding:0;list-style:none;display:flex}.leaving-links .cta{overflow-wrap:anywhere}.leaving-links .back{min-block-size:var(--jy-target-min);align-items:center;font-weight:700;display:inline-flex}.leaving-links .back:focus-visible{outline:3px solid var(--jy-focus-ring);outline-offset:3px}.loading{padding-block:var(--jy-space-l);color:var(--jy-text-muted)}@media (forced-colors:active){.game-card,.facts>div,.badges li,.slot-card{border-color:canvastext}.slot-shape rect{fill:canvas;stroke:canvastext}.wordmark{color:linktext;background:0 0}}.game-page:has(jy-launcher:state(playing))>ad-slot{display:none}jy-offline-availability:not([hidden]){font-size:var(--jy-font-small,.875rem);color:var(--jy-text-muted);display:block}a[aria-disabled=true]{cursor:not-allowed}}@layer utilities;
