:root{--app-background-color: #000;--app-foreground-color: #fff;--mc-primary-color: #3F46F5;--mc-secondary-color: #0006A3;--rhy-primary-color: #EB1C24;--rhy-secondary-color: #A20C11;--biege-color: #FFFEFA;--biege-dark-color: #C2C0BF;--white-color: #FFFFFF;--white-optional-color: #FFFEFA;--black-color: #000}:root{--card-backing-design: url(/images/card-backing.svg);--card-design-cheers: url(/images/card-designs/cheers.svg);--card-design-confetti: url(/images/card-designs/confetti.svg);--card-design-dreidel: url(/images/card-designs/dreidel.svg);--card-design-menorah: url(/images/card-designs/menorah.svg);--card-design-ornament: url(/images/card-designs/ornament.svg);--card-design-present: url(/images/card-designs/present.svg);--card-design-slope: url(/images/card-designs/slope.svg);--card-design-snowflake: url(/images/card-designs/snowflake.svg);--card-focus-outline-color: #fff}[data-card]{padding:0;border:none;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;font-size:clamp(1.5rem,4vw,2rem);border-radius:8px;color:#fff;cursor:pointer;background:inherit;transition:transform .3s;perspective:1000px}[data-card=default]:focus-visible{outline:.25rem solid var(--card-focus-outline-color)}[data-card=matched]{color:#fff;cursor:default}[data-card] .inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;pointer-events:none;transition:transform .6s}[data-card=matched] .inner,[data-card=flipped] .inner{transform:rotateY(180deg)}[data-card] .front,[data-card] .back{pointer-events:none;position:absolute;width:100%;height:100%;backface-visibility:hidden;display:flex;align-items:center;justify-content:center;font-size:clamp(1.5rem,4vw,2rem);border-radius:8px;transition:background-color .6s}[data-card] .back{background-color:transparent;background-image:var(--card-backing-design);background-repeat:no-repeat;background-size:cover}[data-card] .front{background-color:var(--card-front-color, #fff);background-image:var(--card-design);background-position:center;background-size:80%;background-repeat:no-repeat;color:#000;transform:rotateY(180deg)}[data-card=matched] .front{--card-front-color: #2ecc71;color:#fff}[data-card][data-option=cheers]{--card-design: var(--card-design-cheers)}[data-card][data-option=confetti]{--card-design: var(--card-design-confetti)}[data-card][data-option=dreidel]{--card-design: var(--card-design-dreidel)}[data-card][data-option=menorah]{--card-design: var(--card-design-menorah)}[data-card][data-option=ornament]{--card-design: var(--card-design-ornament)}[data-card][data-option=present]{--card-design: var(--card-design-present)}[data-card][data-option=slope]{--card-design: var(--card-design-slope)}[data-card][data-option=snowflake]{--card-design: var(--card-design-snowflake)}@media(hover:hover){[data-card]:not([data-card=matched]):hover{transform:scale(1.05)}}[data-game]>footer{--footer-flex-direction: column;--footer-actions-display: flex;--footer-align-items: normal;--footer-group-last-flex-direction: column;--footer-justify-content: flex-start;--footer-gap: 1rem;--footer-group-last-gap: 1rem;--footer-actions-place-self: center;--footer-stat-justify-content: center;margin-block:1rem;display:flex;flex-direction:var(--footer-flex-direction);justify-content:var(--footer-justify-content);gap:var(--footer-gap);align-items:var(--footer-align-items);font-size:1rem}@media(min-width:40rem){[data-game]>footer{--footer-flex-direction: row;--footer-actions-display: contents;--footer-align-items: unset;--footer-group-last-flex-direction: row;--footer-justify-content: space-between;--footer-gap: 0;--footer-group-last-gap: .5rem;--footer-actions-place-self: unset;--footer-stat-justify-content: unset}}[data-game]>footer .stat{padding:1rem 1.5rem;border-radius:2.5rem;border:2px solid var(--mc-primary-color)}[data-game]>footer .stat{display:flex;flex-direction:row;gap:.25rem;justify-content:var(--footer-stat-justify-content)}[data-game]>footer .group{display:flex;flex-direction:row;justify-content:var(--footer-group-justify-content);gap:.5rem}[data-game]>footer .group:first-child{--footer-group-justify-content: flex-start}[data-game]>footer .group:last-child{--footer-group-justify-content: flex-end;display:flex;flex-direction:var(--footer-group-last-flex-direction);gap:var(--footer-group-last-gap)}[data-game]>footer .actions{display:var(--footer-actions-display);place-self:var(--footer-actions-place-self)}[data-game]>footer [data-action]{--footer-action-background-color: var(--mc-primary-color);--footer-action-foreground-color: white;border-radius:50%;aspect-ratio:1;height:100%;display:block;border:none;background-color:var(--footer-action-background-color);flex:auto 1 0;cursor:pointer;transition:background-color .5s}[data-game]>footer [data-action]:before{content:"";mask:var(--footer-action-image-url) center / cover no-repeat;background-color:var(--footer-action-foreground-color);display:block;width:100%;height:100%;transition:inherit}[data-game]>footer [data-action]:focus-visible,[data-game]>footer [data-action]:hover{--footer-action-background-color: white;--footer-action-foreground-color: black}[data-game]>footer [data-action=mute]{--footer-action-image-url: url(/images/mute-button.svg)}[data-game]>footer [data-action=mute][data-state=muted]{--footer-action-image-url: url(/images/unmute-button.svg)}[data-game]>footer [data-action=mute][data-state=muted]:not(:focus-visible,:hover){--footer-action-background-color: var(--rhy-primary-color)}[data-game]>footer [data-action=pause]{--footer-action-image-url: url(/images/pause-button.svg)}[data-game]>footer [data-action=help]{--footer-action-image-url: url(/images/help-button.svg)}@media(max-width:40rem){[data-game]>footer .stat{width:100%;padding:1rem 1.5rem}[data-game]>footer .actions{gap:.5rem}[data-game]>footer [data-action]{width:3rem;height:3rem}}:root{--gameboard-columns: 4;--gameboard-gaps: 3;--gameboard-gap-size: .75rem;--gameboard-max-width: 34.5rem;--gameboard-margin-block: 1.5rem}[data-game-board]{display:grid;grid-template-columns:repeat(var(--gameboard-columns),minmax(0,calc((100% - (var(--gameboard-gaps) * var(--gameboard-gap-size))) / var(--gameboard-columns))));gap:var(--gameboard-gap-size);width:auto}@media(max-width:40rem){:root{--gameboard-gap-size: .5rem;--gameboard-max-width: 22.5rem}}:root{--primary-button-bg-color: var(--mc-secondary-color);--primary-button-border-color: var(--mc-secondary-color);--primary-button-text-color: var(--white-color);--primary-outline-button-bg-color: transparent;--primary-outline-button-border-color: var(--mc-primary-color);--primary-outline-button-text-color: var(--mc-primary-color);--secondary-button-bg-color: var(--rhy-primary-color);--secondary-button-text-color: var(--white-color);--secondary-button-border-color: var(--rhy-primary-color);--secodnary-outline-button-bg-color: transparent;--secondary-outline-button-border-color: var(--rhy-primary-color);--secondary-outline-button-text-color: var(--rhy-primary-color);--main-button-padding: 1rem 1.5rem;--main-button-border-radius: 49px}dialog .action{--button-border: 2px solid var(--button-border-color);background-color:var(--button-background-color);border:var(--button-border);border-radius:var(--main-button-border-radius);color:var(--button-text-color);padding:var(--main-button-padding);cursor:pointer;font-weight:700}dialog .action.primary{--button-background-color: var(--primary-button-bg-color);--button-border-color: var(--primary-button-border-color);--button-text-color: var(--primary-button-text-color)}dialog .action.primary:hover{--button-background-color: var(--black-color);--button-border-color: var(--secondary-button-border-color);--button-text-color: var(--white-color)}dialog .action.primary-outline{--button-background-color: var(--primary-outline-button-bg-color);--button-border-color: var(--primary-outline-button-border-color);--button-text-color: var(--primary-outline-button-text-color)}dialog .action.primary-outline:hover{--button-background-color: var(--mc-primary-color);--button-border-color: var(--mc-primary-color);--button-text-color: var(--white-color)}dialog .action.secondary{--button-background-color: var(--secondary-button-bg-color);--button-border-color: var(--secondary-button-border-color);--button-text-color: var(--secondary-button-text-color)}dialog .action.secondary:hover{--button-background-color: var(--black-color);--button-border-color: var(--secondary-button-border-color);--button-text-color: var(--white-color)}dialog .action.secondary-outline{--button-background-color: var(--secodnary-outline-button-bg-color);--button-border-color: var(--secondary-outline-button-border-color);--button-text-color: var(--secondary-outline-button-text-color)}dialog .action.secondary-outline:hover{--button-background-color: var(--secondary-button-border-color);--button-border-color: var(--secondary-outline-button-border-color);--button-text-color: var(--white-color)}.help-for{display:inherit;gap:1rem;flex-direction:inherit;align-items:center}@media(hover:none){.help-for.keyboard{display:none}}@media(hover:hover){.help-for.touch-only{display:none}}kbd{-webkit-user-select:none;user-select:none;font-family:inherit}kbd:not(:has(kbd)){font-size:var(--font-size-body-small);padding:.625rem;min-width:4.25rem;border-radius:.625rem;border:2px solid var(--black-color);text-align:left}kbd:has(kbd){display:flex;gap:.5rem;align-items:center}kbd>*:not(kbd){--font-size-body-value: var(--font-size-body-small);font-weight:700}:root{--modal-background-color: var(--white-optional-color);--modal-foreground-color: var(--white-color);--modal-border-radius: 1.25rem;--modal-padding: 2rem;--modal-box-shadow: 0 0 80px 0 rgba(255, 255, 255, .4);--modal-width: min(100%, 513px);--modal-backdrop-background-color: var(--app-background-color);--modal-backdrop-opacity: .79;--modal-logo-height: 2.5rem;--modal-logo-url: url(/images/rhyxmc-logo.svg);--modal-stat-border-color: currentColor;--modal-stat-color: var(--mc-primary-color);--modal-stat-padding: 1rem 1.5rem;--modal-stat-border-radius: 2.5rem;--modal-stat-font-weight: 700;--modal-stat-gap: .25rem;--modal-background-image: url(/images/snowflake.svg);--modal-background-image-color: rgba(0, 0, 0, .3)}dialog{background-color:var(--modal-background-color);border-radius:var(--modal-border-radius);padding:var(--modal-padding);box-shadow:var(--modal-box-shadow);border:none;width:var(--modal-width);display:flex;flex-direction:column;align-items:center;gap:1rem;overflow-x:hidden}dialog#complete,dialog#help{gap:3.0625rem}dialog#start h2{line-height:0}dialog.background:after{content:"";position:absolute;background-color:var(--modal-background-image-color);-webkit-mask-image:var(--background-image);mask-image:var(--background-image);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;width:33.75rem;height:28.875rem;top:-10px;right:-40%;max-width:100%}dialog#sharing{gap:1.5rem}dialog::backdrop{background-color:var(--modal-backdrop-background-color);opacity:var(--modal-backdrop-opacity);cursor:pointer}dialog:before{content:"" / "Rhythm x Mediacurrent Logo";width:100%;height:var(--modal-logo-height);background:var(--modal-logo-url) center / contain no-repeat}dialog:not([open]){display:none}dialog .actions{display:flex;flex-direction:column;width:100%;gap:1rem}dialog .stats{display:flex;flex-direction:column;align-items:center;gap:1.25rem}dialog .stat{background-color:transparent;border:2px solid var(--modal-stat-border-color);border-radius:var(--modal-stat-border-radius);color:var(--modal-stat-color);padding:var(--modal-stat-padding);font-weight:var(--modal-stat-font-weight);margin:0;display:flex;flex-direction:row;gap:var(--modal-stat-gap);-webkit-user-select:all;user-select:all}dialog .stat>*{margin:0;padding:0}dialog img{max-width:100%;height:auto}dialog button[data-action=share]{display:flex;align-items:center;padding:0;height:1.5rem;font-size:var(--font-size-body-medium);gap:.5rem}@media(max-width:40rem){:root{--modal-padding: 1.25rem;--modal-width: min(100%, 22rem);--modal-logo-height: 2rem;--modal-stat-padding: .75rem 1rem;--modal-stat-border-radius: 2rem}}.scores h3{margin-bottom:1.5rem}.scores .scores__list{border-collapse:separate;border-spacing:1rem .5rem;width:100%}.scores .score__list thead tr{font-weight:700}.scores .score__list tr>*{font-size:var(--font-size-body)}@font-face{font-family:ResistSansText;src:url(../fonts/ResistSansText-Regular.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap;text-box-trim:trim-both}@font-face{font-family:ResistSansText;src:url(../fonts/ResistSansText-Bold.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap;text-box-trim:trim-both}:root{--font-family-primary: "ResistSansText", Arial, Helvetica, sans-serif;--font-size-body-small: .875rem;--font-size-body: 1rem;--font-size-body-medium: 1.125rem;--font-size-body-large: 1.25rem;--font-size-actions: 1.125rem;--font-size-heading-2: 3rem;--font-size-heading-2-mobile: 2rem;--font-color-primary: var(--black-color);--font-color-warning: var(--rhy-primary-color);--font-color-secondary: var(--mc-primary-color);--font-color-light: var(--white-optional-color)}body,p{--font-size-body-value: var(--font-size-body);--font-color: var(--font-color-primary);font-family:var(--font-family-primary);font-size:var(--font-size-body-value, 1rem);color:var(--font-color)}:is(body,p) .font-medium{--font-size-body-value: var(--font-size-body-medium)}:is(body,p) .font-large{--font-size-body-value: var(--font-size-body-large)}:is(body,p) .font-color-warning{--font-color: var(--font-color-warning)}:is(body,p) .font-color-secondary{--font-color: var(--font-color-secondary)}:is(body,p) .font-color-light{--font-color: var(--font-color-light)}h2{font-family:var(--font-family-primary);font-size:var(--font-size-heading-2)}@media(max-width:768px){h2{font-size:var(--font-size-heading-2-mobile)}}button{font-family:var(--font-family-primary);font-size:var(--font-size-actions)}.bg-snowflakes{position:fixed;inset:0;width:100%;height:100dvh;pointer-events:none;overflow:hidden;z-index:0}.bg-snowflakes .snow{position:absolute;overflow:visible}.bg-snowflakes .snow:before{content:"";position:absolute;inset:0;display:block;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;will-change:transform,opacity;background-color:var(--background-image-color, rgba(255,255,255,.95));-webkit-mask-image:var(--background-image);-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain;mask-image:var(--background-image);mask-repeat:no-repeat;mask-position:center;mask-size:contain;transform-origin:50% 50%}.bg-snowflakes .snow:nth-child(odd):before{animation:spin-360-reverse 200s linear infinite;animation-delay:0s,.9s}.bg-snowflakes .snow:nth-child(2n):before{animation:spin-360 200s linear infinite;animation-delay:0s,0s}.bg-snowflakes .snow.large{width:33.75rem;height:28.875rem;object-fit:contain}.bg-snowflakes .snow.small{width:13.9375rem;height:13.3125rem;object-fit:contain}.bg-snowflakes .snow.xs{width:7.375rem;height:7rem;object-fit:contain}.bg-snowflakes .top-right{top:0;right:0;transform:translate(38%)}.bg-snowflakes .bottom-left{bottom:0;left:0;transform:translateY(20%) translate(-40%)}.bg-snowflakes .top-left{top:calc(113 / 823 * 100vh);left:9.375vw}.bg-snowflakes .bottom-right{bottom:calc(76 / 823 * 100vh);right:8.125vw}@media(max-width:768px){.bg-snowflakes .top-left,.bg-snowflakes .bottom-right{display:none}}@media(max-width:500px){.bg-snowflakes .snow.large{transform:scale(.55)}}@keyframes spin-360{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin-360-reverse{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@media(prefers-reduced-motion:reduce){.bg-snowflakes .snow:before{animation:none}}:root{--logo-footer: url(/images/rhyxmc-logo.svg);--background-image: url(/images/snowflake.svg);--background-image-color: rgba(255, 255, 255, .9)}body{display:flex;flex-direction:column}body>h1{margin:2.625rem 0 1.125rem;z-index:1}body>main{z-index:1}body>footer{position:relative;background-color:var(--mc-primary-color);height:3.1875rem;width:100%;display:flex;align-items:center;margin-top:auto;z-index:1}body>footer:before{content:"";display:block;width:100%;height:1.875rem;-webkit-mask-image:var(--logo-footer);mask-image:var(--logo-footer);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;color:var(--white-color);background-color:var(--white-color);margin:.625rem 0}*,:after,:before,::backdrop{box-sizing:border-box}html{font-family:Arial,Helvetica,sans-serif}html,body{height:100dvh;margin:0;padding:0;overflow-x:hidden}button{font-family:inherit}body{text-align:center;background:var(--app-background-color);color:var(--app-foreground-color);padding:0;margin:0;opacity:0;transition:opacity .5s ease-in}body.js-loaded{opacity:1}h1{text-align:center;margin-top:1rem}[data-game]{width:min(calc(100% - var(--gameboard-margin-block)),var(--gameboard-max-width));margin:0 auto}h1,h2,h3,h4,h5,h6,p{margin:0;padding:0}button{border:none;background:none;cursor:pointer}