.match-game{--match-ink: #2c2336;--match-muted: #716477;--match-plum: #693c7d;--match-deep-plum: #4c275d;--match-berry: #d91379;--match-aqua: #168c82;--match-sky: #dff3ff;--match-gold: #d49700;--match-cream: #fffdf8;--match-lilac: #f2eaff;--match-border: rgba(85, 53, 99, .16);--match-shadow: 0 24px 60px rgba(73, 46, 92, .13);position:relative;isolation:isolate;min-height:100vh;overflow:hidden;color:var(--match-ink)}.match-game [hidden]{display:none!important}.match-game button,.match-game a{min-height:2.75rem}.match-game button{border:0;cursor:pointer}.match-game button:disabled{cursor:not-allowed}.match-game a{color:inherit;text-decoration:none}.match-game h1,.match-game h2,.match-game h3,.match-game p{margin-top:0}.match-game h1,.match-game h2,.match-game h3,.match-game strong{text-wrap:balance}.match-game :focus-visible{outline:3px solid #186fd2;outline-offset:3px}.match-skip{position:fixed;z-index:100;top:.75rem;left:.75rem;display:inline-flex;align-items:center;padding:.55rem .8rem;border-radius:.65rem;color:#fff!important;background:var(--match-deep-plum);font-size:.8rem;font-weight:800;transform:translateY(-6rem);transition:transform .15s ease}.match-skip:focus{transform:translateY(0)}.match-atmosphere{position:absolute;z-index:-1;inset:0;overflow:hidden;pointer-events:none}.match-orbit{position:absolute;border:1px solid rgba(105,60,125,.09);border-radius:50%}.match-orbit--one{top:7rem;left:-10rem;width:30rem;height:21rem;transform:rotate(-18deg)}.match-orbit--two{top:18rem;right:-12rem;width:34rem;height:24rem;transform:rotate(22deg)}.match-spark{position:absolute;color:#693c7d33;font-size:1.15rem}.match-spark--one{top:9rem;left:5%}.match-spark--two{top:14rem;right:7%;color:#d913792e}.match-spark--three{top:42rem;left:3%}.match-header{position:relative;z-index:5;display:grid;width:min(100% - 2.5rem,76rem);min-height:6.4rem;grid-template-columns:minmax(11rem,1fr) auto minmax(11rem,1fr);align-items:center;gap:1.25rem;margin:0 auto;border-bottom:1px solid rgba(87,53,104,.12)}.match-brand{display:inline-flex;width:fit-content;min-width:44px;min-height:44px;align-items:center;justify-content:center;gap:.7rem;color:var(--match-deep-plum)!important;font-family:Nunito,ui-rounded,sans-serif;font-size:1.05rem;font-weight:900}.match-brand__mark{position:relative;width:2.35rem;height:1.8rem}.match-brand__mark span{position:absolute;top:.2rem;width:1.6rem;height:1.35rem;border:.28rem solid var(--match-berry);border-radius:50%;transform:rotate(-14deg)}.match-brand__mark span:first-child{left:0}.match-brand__mark span:last-child{right:0;border-color:var(--match-plum);transform:rotate(14deg)}.match-heading{text-align:center}.match-heading p{margin-bottom:.15rem;color:var(--match-muted);font-size:.58rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.match-heading h1{margin-bottom:0;color:var(--match-deep-plum);font-family:Nunito,ui-rounded,sans-serif;font-size:clamp(1.4rem,2.5vw,2rem);font-weight:900;letter-spacing:-.04em}.match-nav{display:flex;justify-self:end;gap:.25rem;padding:.25rem;border:1px solid rgba(89,55,104,.13);border-radius:999px;background:#ffffff94;box-shadow:0 6px 20px #56376512}.match-nav a,.match-nav>span{display:inline-flex;min-width:44px;min-height:44px;align-items:center;justify-content:center;gap:.3rem;padding:.35rem .65rem;border-radius:999px;color:#62546a;font-size:.67rem;font-weight:800}.match-nav a:hover{color:var(--match-deep-plum);background:#fff}.match-nav>span[aria-current=page]{color:#fff;background:linear-gradient(135deg,var(--match-plum),#8654a0);box-shadow:0 6px 14px #693c7d38}.match-main{position:relative;z-index:1;width:min(100% - 2.5rem,76rem);margin:0 auto}.match-eyebrow{margin-bottom:.35rem;color:var(--match-plum);font-size:.64rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.match-intro{display:grid;min-height:calc(100vh - 9rem);grid-template-columns:minmax(0,1.08fr) minmax(21rem,.82fr);align-items:center;gap:clamp(2rem,6vw,6.5rem);padding:3.75rem 0 5rem}.match-intro__copy{position:relative}.match-intro__copy>h2{max-width:12ch;margin-bottom:1.2rem;color:var(--match-deep-plum);font-family:Nunito,ui-rounded,sans-serif;font-size:clamp(2.9rem,7vw,5.4rem);font-weight:900;letter-spacing:-.065em;line-height:.92}.match-intro__copy>h2 em{color:var(--match-berry);font-style:normal}.match-intro__lede{max-width:39rem;margin-bottom:1.7rem;color:#5f5265;font-size:clamp(.95rem,1.7vw,1.1rem);line-height:1.65}.match-how-to{display:grid;max-width:40rem;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin:0 0 1.35rem;padding:0;list-style:none}.match-how-to li{display:grid;min-width:0;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.55rem;padding:.75rem;border:1px solid var(--match-border);border-radius:.95rem;background:#ffffffa3}.match-how-to li>span{display:grid;width:1.65rem;height:1.65rem;place-items:center;border-radius:50%;color:#fff;background:var(--match-plum);font-family:Nunito,ui-rounded,sans-serif;font-size:.72rem;font-weight:900}.match-how-to div{display:grid;gap:.1rem;min-width:0}.match-how-to strong{font-size:.7rem;line-height:1.25}.match-how-to small{color:var(--match-muted);font-size:.6rem;line-height:1.35}.rotation-rule{display:grid;width:min(100%,36rem);grid-template-columns:4.8rem 2.2rem 4.8rem minmax(0,1fr) auto;align-items:center;gap:.55rem;padding:.7rem .85rem;border:1px solid rgba(22,140,130,.22);border-radius:1.1rem;background:#eefdfbc2}.rotation-rule__loop{position:relative;width:4.6rem;height:3.15rem;border:2px solid rgba(76,39,93,.22);border-radius:50%}.rotation-rule__loop--turned{transform:rotate(90deg)}.demo-bead{position:absolute;width:.85rem;height:.85rem;border:2px solid rgba(58,32,67,.2);border-radius:50%;box-shadow:inset .15rem .15rem #ffffff8c}.demo-bead:nth-child(1){top:-.35rem;left:1.8rem}.demo-bead:nth-child(2){top:1.1rem;right:-.35rem}.demo-bead:nth-child(3){bottom:-.35rem;left:1.8rem}.demo-bead:nth-child(4){top:1.1rem;left:-.35rem}.demo-bead--pink{background:#ff5aa5}.demo-bead--aqua{background:#20c997}.demo-bead--gold{background:#f4bd18}.demo-bead--purple{background:#9254c8}.rotation-rule__arrow{color:var(--match-plum);font-size:1.45rem;font-weight:900;text-align:center}.rotation-rule p{display:grid;gap:.05rem;margin:0;font-size:.7rem}.rotation-rule p span{color:var(--match-muted);font-size:.62rem}.rotation-rule__check{display:grid;width:1.8rem;height:1.8rem;place-items:center;border-radius:50%;color:#fff;background:var(--match-aqua);font-weight:900}.match-start-card{position:relative;overflow:hidden;padding:clamp(1.35rem,3vw,2rem);border:1px solid rgba(98,60,116,.16);border-radius:1.65rem;background:radial-gradient(circle at 100% 0,rgba(97,190,215,.22),transparent 15rem),#fffdf9f0;box-shadow:var(--match-shadow)}.match-start-card__shine{position:absolute;top:-4rem;right:-4rem;width:11rem;height:11rem;border:1px solid rgba(255,255,255,.65);border-radius:50%;box-shadow:0 0 0 1.7rem #ffffff2e,0 0 0 3.4rem #ffffff1a;pointer-events:none}.match-start-card h3{position:relative;margin-bottom:1rem;color:var(--match-deep-plum);font-family:Nunito,ui-rounded,sans-serif;font-size:clamp(1.35rem,3vw,1.8rem);font-weight:900;letter-spacing:-.035em}.match-mode-picker{display:grid;gap:.65rem;margin:0;padding:0;border:0}.match-mode-card{position:relative;display:grid;min-height:4.6rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.75rem;border:1px solid var(--match-border);border-radius:1rem;background:#ffffffc7;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.match-mode-card:hover{transform:translateY(-1px);border-color:#693c7d5c}.match-mode-card:has(input:checked){border-color:var(--match-plum);background:#fbf7ff;box-shadow:0 0 0 3px #693c7d17}.match-mode-card input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0}.match-mode-card:has(input:focus-visible){outline:3px solid #186fd2;outline-offset:3px}.match-mode-card__icon{display:grid;width:2.7rem;height:2.7rem;place-items:center;border-radius:.85rem;color:var(--match-plum);background:var(--match-lilac);font-size:1.2rem}.match-mode-card:nth-of-type(2) .match-mode-card__icon{color:#116c76;background:#e1f8fa}.match-mode-card>span:nth-of-type(2){display:grid;gap:.12rem}.match-mode-card strong{font-family:Nunito,ui-rounded,sans-serif;font-size:.88rem;font-weight:900}.match-mode-card small{color:var(--match-muted);font-size:.64rem;line-height:1.4}.match-mode-check{display:grid;width:1.55rem;height:1.55rem;place-items:center;border:1px solid rgba(91,58,107,.22);border-radius:50%;color:transparent;font-size:.75rem}.match-mode-card:has(input:checked) .match-mode-check{border-color:var(--match-plum);color:#fff;background:var(--match-plum)}.match-primary-button{display:inline-flex;min-height:3rem!important;align-items:center;justify-content:center;gap:.55rem;padding:.75rem 1.15rem;border-radius:.9rem;color:#fff;background:linear-gradient(135deg,var(--match-berry),var(--match-plum));box-shadow:0 10px 22px #86266b38;font-size:.78rem;font-weight:900;transition:box-shadow .15s ease,filter .15s ease,transform .15s ease}.match-primary-button:hover:not(:disabled){filter:saturate(1.08);box-shadow:0 13px 26px #86266b45;transform:translateY(-1px)}.match-primary-button:active:not(:disabled){transform:translateY(1px)}.match-primary-button:disabled{color:#847987;background:#e6dfe8;box-shadow:none}.match-start-button{width:100%;margin-top:.9rem}.match-local-bests{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin-top:1rem;padding:.75rem;border-radius:.9rem;background:#f2eaff99}.match-local-bests>span{width:1px;height:2.2rem;background:#693c7d24}.match-local-bests p{display:grid;gap:.08rem;margin:0;text-align:center}.match-local-bests p span{color:var(--match-muted);font-size:.58rem;font-weight:700}.match-local-bests strong{color:var(--match-plum);font-family:Nunito,ui-rounded,sans-serif;font-size:1.05rem;font-weight:900}.match-start-tools{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.65rem}.match-start-tools button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.55rem;border:1px solid var(--match-border);border-radius:.8rem;color:#615168;background:#ffffffad;font-size:.62rem;font-weight:800}.match-start-tools button:hover{color:var(--match-deep-plum);background:#fff}.match-local-note{margin:.65rem 0 0;color:var(--match-muted);font-size:.58rem;text-align:center}.match-play{padding:1.4rem 0 4rem}.match-hud{display:grid;grid-template-columns:minmax(11rem,1fr) auto minmax(11rem,1fr);align-items:center;gap:1rem;margin-bottom:1rem;padding:.8rem 1rem;border:1px solid var(--match-border);border-radius:1.1rem;background:#ffffffc7;box-shadow:0 10px 28px #48305814;backdrop-filter:blur(12px)}.match-hud__round>span{display:block;margin-bottom:.12rem;color:var(--match-plum);font-size:.58rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.match-hud__round p{display:flex;align-items:baseline;gap:.5rem;margin:0}.match-hud__round strong{font-family:Nunito,ui-rounded,sans-serif;font-size:1rem;font-weight:900}.match-hud__round small{padding:.18rem .45rem;border-radius:999px;color:var(--match-plum);background:var(--match-lilac);font-size:.55rem;font-weight:900;text-transform:uppercase}.match-hud__numbers{display:flex;align-items:stretch}.match-hud__numbers p{display:grid;min-width:5.2rem;gap:.05rem;margin:0;padding:.1rem .9rem;border-left:1px solid rgba(93,61,108,.13);text-align:center}.match-hud__numbers p:first-child{border-left:0}.match-hud__numbers span{color:var(--match-muted);font-size:.53rem;font-weight:700}.match-hud__numbers strong{color:var(--match-deep-plum);font-family:Nunito,ui-rounded,sans-serif;font-size:1rem;font-variant-numeric:tabular-nums;font-weight:900}.match-hud__timer strong{color:var(--match-aqua)}.match-game[data-timer-urgent=true] .match-hud__timer strong{color:#b71e62}.match-hud__actions{display:flex;justify-self:end;gap:.4rem}.match-hud__actions button{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.55rem .7rem;border:1px solid var(--match-border);border-radius:.75rem;color:#5f5067;background:#fff;font-size:.6rem;font-weight:800}.match-hud__actions button:hover{border-color:#693c7d61}.match-workspace{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(18rem,.72fr);align-items:start;gap:1rem}.memory-case,.match-piece-tray{border:1px solid var(--match-border);border-radius:1.4rem;background:#fffdf9e6;box-shadow:var(--match-shadow)}.memory-case{position:relative;min-height:43rem;overflow:hidden;padding:1rem}.memory-case:before{position:absolute;inset:0;background:radial-gradient(circle at 50% 15%,rgba(255,255,255,.95),transparent 15rem),linear-gradient(180deg,rgba(226,242,255,.65),transparent 45%);content:"";pointer-events:none}.memory-case__topline{position:relative;z-index:1;display:flex;min-height:2.25rem;align-items:center;justify-content:space-between;gap:1rem;padding:0 .25rem .75rem;border-bottom:1px solid rgba(91,57,108,.11)}.memory-case__topline p{margin:0}.memory-case__mode{padding:.3rem .55rem;border:1px solid rgba(105,60,125,.17);border-radius:999px;color:var(--match-plum);background:#f2eaffb3;font-size:.56rem;font-weight:900}.match-panel{position:relative;z-index:1;display:grid;justify-items:center;padding:1.2rem 1rem .6rem}.match-panel__heading{display:grid;width:min(100%,34rem);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.75rem;margin-bottom:.25rem;text-align:left}.match-panel__icon{display:grid;width:2.7rem;height:2.7rem;place-items:center;border-radius:50%;color:var(--match-gold);background:#fff8d9;box-shadow:inset 0 0 0 1px #d497002e;font-size:1.1rem}.match-panel__icon--closed{color:var(--match-plum);background:var(--match-lilac)}.match-panel__icon--compare{color:#a7175b;background:#fff0f6}.match-panel__heading p{margin-bottom:.1rem}.match-panel__heading h2{margin-bottom:.15rem;color:var(--match-deep-plum);font-family:Nunito,ui-rounded,sans-serif;font-size:clamp(1.3rem,3vw,1.75rem);font-weight:900;letter-spacing:-.035em}.match-panel__heading div>p:last-child{color:var(--match-muted);font-size:.7rem;line-height:1.4}.match-display-case,.match-build-mat{position:relative;display:grid;width:min(100%,40rem);min-height:24rem;place-items:center;overflow:hidden;border:1px solid rgba(101,66,117,.14);border-radius:48% 48% 1.2rem 1.2rem/13% 13% 1.2rem 1.2rem;background:radial-gradient(ellipse at 50% 7%,rgba(255,255,255,.98),transparent 47%),linear-gradient(180deg,#edf6ff,#f6f0ff 57%,#eadff5);box-shadow:inset 0 -1.2rem 2.8rem #59366914}.match-display-case:after{position:absolute;right:8%;bottom:1.25rem;left:8%;height:.6rem;border-radius:50%;background:#492d561c;filter:blur(.5rem);content:""}.case-spotlight{position:absolute;top:-5rem;width:24rem;height:24rem;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.95),rgba(255,252,221,.24) 52%,transparent 70%)}.match-ring{position:relative;z-index:1;width:min(92%,32rem);aspect-ratio:500 / 340}.match-ring>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.match-ring>svg ellipse:first-child{fill:none;stroke:#9b749e;stroke-linecap:round;stroke-width:8;filter:drop-shadow(0 5px 5px rgba(70,42,81,.15))}.match-ring>svg .match-string-shine{fill:none;stroke:#ffffffc7;stroke-width:2}.match-ring-slots{position:absolute;inset:0;margin:0;padding:0;list-style:none}.match-ring-slot{position:absolute;z-index:2;width:clamp(2.75rem,7vw,4rem);height:clamp(2.75rem,7vw,4rem);margin:0;padding:0;transform:translate(-50%,-50%)}.match-ring-slot[data-index="0"]{top:13.5%;left:50%}.match-ring-slot[data-index="1"]{top:24%;left:78%}.match-ring-slot[data-index="2"]{top:50%;left:89.5%}.match-ring-slot[data-index="3"]{top:76%;left:78%}.match-ring-slot[data-index="4"]{top:86.5%;left:50%}.match-ring-slot[data-index="5"]{top:76%;left:22%}.match-ring-slot[data-index="6"]{top:50%;left:10.5%}.match-ring-slot[data-index="7"]{top:24%;left:22%}.match-slot-art,.match-slot-art>.match-piece-art{display:block;width:100%;height:100%}.match-ring__center{position:absolute;top:50%;left:50%;display:grid;justify-items:center;gap:.08rem;width:11rem;color:var(--match-muted);text-align:center;transform:translate(-50%,-50%)}.match-ring__center>span{color:#693c7d70;font-size:1rem;letter-spacing:.15em}.match-ring__center strong{color:var(--match-deep-plum);font-family:Nunito,ui-rounded,sans-serif;font-size:.9rem;font-weight:900}.match-ring__center small{font-size:.58rem}.match-target-text{display:grid;width:min(100%,40rem);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.9rem;margin-top:.65rem;padding:.7rem .8rem;border:1px solid rgba(105,60,125,.14);border-radius:.9rem;background:#ffffffbd}.match-target-text>p{display:grid;grid-template-columns:auto auto;gap:0 .35rem;margin:0;font-size:.65rem}.match-target-text>p>span{grid-row:1 / 3;align-self:center;color:var(--match-plum);font-size:1rem}.match-target-text>p small{grid-column:2;color:var(--match-muted);font-size:.55rem}.match-target-text ol{display:flex;flex-wrap:wrap;gap:.3rem;margin:0;padding:0;counter-reset:target-piece;list-style:none}.match-target-text li{display:inline-flex;min-height:1.75rem;align-items:center;gap:.28rem;padding:.2rem .45rem;border-radius:999px;color:#54455b;background:#f4edf9;font-size:.55rem;font-weight:800;counter-increment:target-piece}.match-target-text li:before{display:grid;width:1rem;height:1rem;place-items:center;border-radius:50%;color:#fff;background:var(--match-plum);content:counter(target-piece);font-size:.48rem}.match-hide-button{width:min(100%,22rem);margin-top:.75rem}.pattern-curtain{display:flex;width:min(100%,28rem);height:1rem;justify-content:center;margin:-1.2rem auto .8rem;overflow:hidden;border-radius:0 0 1rem 1rem;background:linear-gradient(180deg,#60306f,#7a4388);box-shadow:0 5px 12px #49275533}.pattern-curtain span{width:33.333%;border-right:1px solid rgba(255,255,255,.12)}.pattern-curtain span:last-child{border:0}.match-panel__heading--build{margin-bottom:.5rem}.match-build-mat{min-height:25.5rem;border-radius:1.2rem;background:radial-gradient(circle at 10% 14%,rgba(255,255,255,.58),transparent 12rem),linear-gradient(145deg,#f4e9ff,#e8f7fb 62%,#fbeef5)}.match-mat-spark{position:absolute;color:#693c7d33}.match-mat-spark--one{top:1.3rem;right:1.7rem}.match-mat-spark--two{bottom:1.4rem;left:1.7rem}.match-build-slot{border:2px solid transparent;border-radius:50%;background:transparent}.match-build-slot:not(:disabled):hover{border-color:#d9137961}.match-build-slot[data-filled=true]{cursor:pointer}.match-slot-number{position:absolute;z-index:1;top:-.3rem;left:-.25rem;display:grid;width:1.15rem;height:1.15rem;place-items:center;border:1px solid rgba(80,49,94,.2);border-radius:50%;color:var(--match-plum);background:#fff;font-size:.48rem;font-weight:900}.match-slot-empty{position:absolute;inset:16%;border:2px dashed rgba(105,60,125,.32);border-radius:50%;background:#ffffff73}.match-build-slot[data-filled=true] .match-slot-empty{display:none}.match-build-slot[data-next=true] .match-slot-empty{border-style:solid;border-color:var(--match-berry);box-shadow:0 0 0 4px #d913791a}.match-slot-mismatch{position:absolute;z-index:4;right:-.15rem;bottom:-.15rem;display:none;width:1.35rem;height:1.35rem;place-items:center;border:2px solid #fff;border-radius:50%;color:#fff;background:#b4175b;font-size:.65rem;font-weight:900}.match-build-slot[data-mismatch=true]{border-color:#b4175b;box-shadow:0 0 0 3px #b4175b21}.match-build-slot[data-mismatch=true] .match-slot-mismatch{display:grid}.match-build-status{display:flex;width:min(100%,40rem);min-height:2.7rem;align-items:center;justify-content:center;gap:.5rem;margin:.65rem 0 0;padding:.55rem .75rem;border:1px solid rgba(105,60,125,.13);border-radius:.8rem;color:#62546a;background:#ffffffb8;font-size:.64rem;text-align:center}.match-build-status>span{color:var(--match-plum);font-size:.9rem}.match-comparison-panel{align-content:start;padding-top:1.4rem}.match-comparison-grid{display:grid;width:min(100%,38rem);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.65rem;margin-top:.6rem}.match-comparison-grid section{padding:.75rem;border:1px solid var(--match-border);border-radius:1rem;background:#ffffffb8}.match-comparison-grid h3{margin-bottom:.25rem;color:var(--match-deep-plum);font-family:Nunito,ui-rounded,sans-serif;font-size:.75rem;font-weight:900;text-align:center}.match-comparison-divider{color:var(--match-plum);font-size:1.4rem;font-weight:900}.match-mini-ring{position:relative;width:100%;aspect-ratio:1.3;border:3px solid rgba(105,60,125,.28);border-radius:50%}.match-mini-slot{position:absolute;width:clamp(1.8rem,5vw,2.75rem);height:clamp(1.8rem,5vw,2.75rem);transform:translate(-50%,-50%)}.match-mini-slot[data-index="0"]{top:2%;left:50%}.match-mini-slot[data-index="1"]{top:17%;left:83%}.match-mini-slot[data-index="2"]{top:50%;left:99%}.match-mini-slot[data-index="3"]{top:83%;left:83%}.match-mini-slot[data-index="4"]{top:98%;left:50%}.match-mini-slot[data-index="5"]{top:83%;left:17%}.match-mini-slot[data-index="6"]{top:50%;left:1%}.match-mini-slot[data-index="7"]{top:17%;left:17%}.match-mini-ring__center{position:absolute;top:50%;left:50%;color:#693c7d59;font-size:1.35rem;transform:translate(-50%,-50%)}.match-mini-mismatch{position:absolute;right:-.25rem;bottom:-.25rem;display:none;width:1.1rem;height:1.1rem;place-items:center;border:2px solid #fff;border-radius:50%;color:#fff;background:#b4175b;font-size:.55rem;font-weight:900}.match-mini-slot[data-mismatch=true] .match-mini-mismatch{display:grid}.match-mismatch-list{display:flex;width:min(100%,38rem);flex-wrap:wrap;justify-content:center;gap:.4rem;margin:.75rem 0;padding:0;list-style:none}.match-mismatch-list li{display:inline-flex;min-height:1.9rem;align-items:center;gap:.3rem;padding:.25rem .5rem;border:1px solid rgba(180,23,91,.23);border-radius:999px;color:#8f154c;background:#fff1f6;font-size:.58rem;font-weight:800}.match-result-panel{align-content:center;min-height:37rem;text-align:center}.match-result-sparkles,.match-summary__sparkles{display:flex;align-items:center;justify-content:center;gap:.9rem;margin-bottom:.4rem;color:var(--match-gold)}.match-result-sparkles span:nth-child(2),.match-summary__sparkles span:nth-child(2){color:var(--match-berry);font-size:1.25rem}.match-result-badge{display:grid;width:4rem;height:4rem;place-items:center;margin-bottom:.7rem;border:.35rem solid rgba(255,255,255,.85);border-radius:50%;color:#fff;background:var(--match-aqua);box-shadow:0 9px 25px #168c8238;font-family:Nunito,ui-rounded,sans-serif;font-size:1.7rem;font-weight:900}.match-result-panel[data-result=missed] .match-result-badge,.match-result-panel[data-result=timeout] .match-result-badge{background:var(--match-plum)}.match-result-panel h2{margin-bottom:.4rem;color:var(--match-deep-plum);font-family:Nunito,ui-rounded,sans-serif;font-size:clamp(1.8rem,4vw,2.6rem);font-weight:900;letter-spacing:-.045em}.match-result-panel>p:not(.match-eyebrow){max-width:30rem;margin-bottom:.7rem;color:var(--match-muted);font-size:.78rem;line-height:1.55}.match-answer-reveal{display:grid;width:min(100%,30rem);grid-template-columns:minmax(8rem,12rem) minmax(0,1fr);align-items:center;gap:1rem;margin:0 0 1rem;padding:.8rem 1rem;border:1px solid var(--match-border);border-radius:1rem;background:#ffffffb8}.match-answer-reveal__copy{grid-column:2;grid-row:1;text-align:left}.match-answer-reveal__copy p{margin-bottom:.2rem}.match-answer-reveal__copy strong,.match-answer-reveal__copy small{display:block}.match-answer-reveal__copy strong{color:var(--match-deep-plum);font-family:Nunito,ui-rounded,sans-serif;font-size:.78rem;font-weight:900}.match-answer-reveal__copy small{margin-top:.2rem;color:var(--match-muted);font-size:.62rem;line-height:1.45}.match-answer-ring{grid-column:1;grid-row:1;width:min(100%,12rem);margin:0 auto}.match-result-points{margin-bottom:.75rem;color:var(--match-aqua);font-family:Nunito,ui-rounded,sans-serif;font-size:1.4rem;font-weight:900}.match-points-breakdown{display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem;margin:0 0 1rem}.match-points-breakdown div{min-width:5rem;padding:.45rem .6rem;border:1px solid var(--match-border);border-radius:.7rem;background:#ffffffad}.match-points-breakdown dt{color:var(--match-muted);font-size:.5rem}.match-points-breakdown dd{margin:.08rem 0 0;color:var(--match-deep-plum);font-size:.72rem;font-weight:900}.match-piece-tray{position:sticky;top:1rem;overflow:hidden;padding:1rem}.match-tray__heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(91,57,108,.11)}.match-tray__heading p{margin-bottom:.05rem}.match-tray__heading h2{margin-bottom:0;color:var(--match-deep-plum);font-family:Nunito,ui-rounded,sans-serif;font-size:1.35rem;font-weight:900;letter-spacing:-.035em}.match-tray__heading>span{color:var(--match-plum);font-size:1.8rem}.match-tray__helper{min-height:2.5rem;margin:.65rem 0;color:var(--match-muted);font-size:.63rem;line-height:1.45}.match-piece-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.match-piece-button{position:relative;display:grid;min-width:0;min-height:5.4rem!important;place-items:center;align-content:center;gap:.28rem;padding:.55rem .25rem .45rem;border:1px solid var(--match-border);border-radius:.9rem;color:var(--match-ink);background:#ffffffc7;transition:border-color .14s ease,box-shadow .14s ease,transform .14s ease}.match-piece-button:hover:not(:disabled){border-color:#d913796b;box-shadow:0 7px 17px #5933641a;transform:translateY(-2px)}.match-piece-button:active:not(:disabled){transform:translateY(1px)}.match-piece-button:disabled{opacity:.48}.match-piece-new{position:absolute;z-index:2;top:.3rem;right:.3rem;padding:.12rem .3rem;border-radius:999px;color:#fff;background:var(--match-berry);font-size:.43rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.match-piece-name{max-width:100%;overflow:hidden;font-size:.54rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.match-piece-art{--piece-color: #ff5aa5;--piece-accent: #7a184b;position:relative;display:grid;width:3rem;height:3rem;place-items:center;filter:drop-shadow(0 4px 4px rgba(62,38,70,.2))}.match-piece-art--bead{overflow:hidden;border:2px solid color-mix(in srgb,var(--piece-accent),#332038 20%);border-radius:50%;background:radial-gradient(circle at 30% 23%,rgba(255,255,255,.82) 0 8%,transparent 9%),radial-gradient(circle at 38% 34%,rgba(255,255,255,.35),transparent 31%),var(--piece-color);box-shadow:inset -.35rem -.42rem .55rem #3a193d2e,inset .2rem .22rem .25rem #ffffff42}.match-piece-art--bead:before,.match-piece-art--bead:after{position:absolute;content:"";pointer-events:none}.match-piece-art[data-piece-id=bubblegum]:before{top:50%;left:50%;width:.35rem;height:.35rem;border-radius:50%;background:var(--piece-accent);box-shadow:-.75rem .3rem 0 -.05rem var(--piece-accent),.65rem -.45rem 0 -.05rem var(--piece-accent);transform:translate(-50%,-50%)}.match-piece-art[data-piece-id=aqua-pop]:before{top:50%;left:50%;width:1.15rem;height:1.15rem;border:.2rem solid var(--piece-accent);border-radius:50%;transform:translate(-50%,-50%)}.match-piece-art--swirl:before{inset:.45rem;border:.18rem solid var(--piece-accent);border-right-color:transparent;border-radius:50%;transform:rotate(25deg)}.match-piece-art--swirl:after{inset:.85rem;border:.16rem solid var(--piece-accent);border-left-color:transparent;border-radius:50%}.match-piece-art--facet{border-radius:38%;clip-path:polygon(50% 0,86% 15%,100% 50%,82% 87%,50% 100%,16% 85%,0 50%,16% 15%)}.match-piece-art--facet:before{inset:.35rem;border:1px solid var(--piece-accent);clip-path:inherit;opacity:.5}.match-piece-art--stripe:before{inset:-.5rem;background:repeating-linear-gradient(115deg,transparent 0 .48rem,var(--piece-accent) .5rem .72rem);opacity:.78}.match-piece-art--confetti:before{top:.7rem;left:.7rem;width:.35rem;height:.18rem;border-radius:999px;background:var(--piece-accent);box-shadow:1rem .3rem var(--piece-accent),.35rem 1rem var(--piece-accent),1.15rem 1.2rem var(--piece-accent),-.05rem 1.45rem var(--piece-accent);transform:rotate(28deg)}.match-piece-art--crystal{border-radius:34%;clip-path:polygon(50% 0,94% 30%,82% 88%,50% 100%,14% 86%,4% 31%)}.match-piece-art--crystal:before{inset:0;background:linear-gradient(135deg,transparent 44%,var(--piece-accent) 45% 50%,transparent 51%),linear-gradient(45deg,transparent 47%,rgba(255,255,255,.7) 48% 52%,transparent 53%);opacity:.55}.match-piece-art--pearl{border-color:#cfafd0;background:radial-gradient(circle at 31% 25%,#fff 0 8%,transparent 9%),radial-gradient(circle at 40% 36%,#fff 0,var(--piece-color) 43%,#dfc4df 100%)}.match-piece-art--charm{width:3.15rem;height:3.35rem}.match-piece-art--charm svg{width:100%;height:100%;overflow:visible;fill:var(--piece-color);stroke:var(--piece-accent);stroke-linejoin:round;stroke-width:2}.match-piece-art--charm .match-charm-loop{fill:none;stroke-width:2.5}.match-daisy-petals{fill:var(--piece-color)}.match-daisy-center{fill:var(--piece-accent)}.match-piece-code{position:absolute;z-index:3;right:-.18rem;bottom:-.12rem;display:grid;min-width:1.1rem;height:1.1rem;place-items:center;padding:0 .12rem;border:2px solid rgba(255,255,255,.94);border-radius:999px;color:#352239;background:#fff;box-shadow:0 2px 5px #36233b2e;font-size:.55rem;font-weight:900;line-height:1}.match-tray-actions{margin-top:.8rem;padding-top:.75rem;border-top:1px solid rgba(91,57,108,.11)}.match-edit-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem}.match-edit-actions button{display:inline-flex;min-width:0;min-height:2.75rem;align-items:center;justify-content:center;gap:.25rem;padding:.45rem .25rem;border:1px solid var(--match-border);border-radius:.7rem;color:#5d5063;background:#fff;font-size:.55rem;font-weight:800}.match-edit-actions button:hover:not(:disabled){border-color:#693c7d66;color:var(--match-deep-plum)}.match-edit-actions button:disabled{color:#9c939f;background:#f0ecef}.match-check-button{width:100%;margin-top:.5rem}.match-check-helper{margin:.35rem 0 0;color:var(--match-muted);font-size:.52rem;line-height:1.4;text-align:center}.match-summary{position:relative;display:grid;width:min(100%,46rem);min-height:calc(100vh - 9rem);justify-items:center;align-content:center;margin:0 auto;padding:3rem 0 5rem;text-align:center}.match-summary__glow{position:absolute;z-index:-1;top:13%;width:30rem;height:30rem;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.88),transparent 68%)}.match-summary h2{max-width:15ch;margin-bottom:.5rem;color:var(--match-deep-plum);font-family:Nunito,ui-rounded,sans-serif;font-size:clamp(2rem,5vw,3.4rem);font-weight:900;letter-spacing:-.05em;line-height:1}.match-summary>p:not(.match-eyebrow){max-width:33rem;margin-bottom:.8rem;color:var(--match-muted);font-size:.78rem;line-height:1.55}.match-summary-stars{display:grid;grid-template-columns:repeat(3,auto);align-items:center;justify-content:center;gap:.35rem;margin-bottom:.85rem}.match-summary-stars span{color:var(--match-gold);font-size:2rem;filter:drop-shadow(0 4px 5px rgba(176,122,0,.2))}.match-summary-stars span[data-earned=false]{color:#d9d1dc;filter:none}.match-summary-stars strong{grid-column:1 / -1;color:var(--match-plum);font-size:.62rem}.match-memory-card{width:min(100%,28rem);overflow:hidden;border:1px solid var(--match-border);border-radius:1.2rem;background:#fffdf9f2;box-shadow:var(--match-shadow);text-align:left}.match-memory-card__top{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem .9rem;color:#fff;background:linear-gradient(135deg,var(--match-deep-plum),var(--match-plum));font-size:.55rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.match-memory-card dl{margin:0;padding:.75rem 1rem .4rem}.match-memory-card dl>div{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:.45rem 0;border-bottom:1px dashed rgba(91,57,108,.16)}.match-memory-card dt{color:var(--match-muted);font-size:.64rem}.match-memory-card dd{margin:0;color:var(--match-deep-plum);font-family:Nunito,ui-rounded,sans-serif;font-size:.8rem;font-weight:900}.match-memory-card__best{border-bottom:0!important;color:var(--match-berry)}.match-memory-card__best dd{color:var(--match-berry);font-size:1rem}.match-memory-card>p{margin:0;padding:.55rem 1rem .75rem;color:var(--match-muted);font-size:.55rem;text-align:center}.match-summary-actions{display:grid;width:min(100%,28rem);grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.75rem}.match-summary-actions>*{display:inline-flex;min-height:2.85rem;align-items:center;justify-content:center;padding:.6rem;border:1px solid var(--match-border);border-radius:.8rem;color:#5d4d64;background:#ffffffc7;font-size:.62rem;font-weight:800}.match-summary-actions .match-primary-button{grid-column:1 / -1;border:0;color:#fff}.match-summary-actions>*:not(.match-primary-button):hover{border-color:#693c7d66;color:var(--match-deep-plum);background:#fff}.match-footer{position:relative;z-index:1;display:flex;min-height:3rem;align-items:center;justify-content:center;gap:.45rem;padding:.75rem 1rem;color:var(--match-muted);font-size:.55rem}.match-pause-overlay{position:fixed;z-index:50;inset:0;display:grid;place-items:center;padding:1rem;background:#301f3994;backdrop-filter:blur(7px)}.match-pause-overlay>div{display:grid;width:min(100%,24rem);justify-items:center;padding:2rem;border:1px solid rgba(255,255,255,.4);border-radius:1.4rem;background:var(--match-cream);box-shadow:0 25px 70px #22152a52;text-align:center}.match-pause-icon,.match-reset-icon{display:grid;width:3.4rem;height:3.4rem;place-items:center;margin-bottom:.6rem;border-radius:50%;color:#fff;background:var(--match-plum);font-family:Nunito,ui-rounded,sans-serif;font-size:1.2rem;font-weight:900}.match-pause-overlay h2,.match-reset-dialog h2{margin-bottom:.45rem;color:var(--match-deep-plum);font-family:Nunito,ui-rounded,sans-serif;font-size:1.75rem;font-weight:900;letter-spacing:-.04em}.match-pause-overlay p:not(.match-eyebrow),.match-reset-dialog p:not(.match-eyebrow){margin-bottom:1rem;color:var(--match-muted);font-size:.72rem;line-height:1.55}.match-reset-dialog{width:min(calc(100% - 2rem),28rem);padding:0;border:0;border-radius:1.35rem;color:var(--match-ink);background:transparent;box-shadow:0 25px 70px #22152a52}.match-reset-dialog::backdrop{background:#301f3994;backdrop-filter:blur(7px)}.match-reset-dialog>div{display:grid;justify-items:center;padding:1.75rem;border-radius:1.35rem;background:var(--match-cream);text-align:center}.match-reset-icon{color:var(--match-plum);background:var(--match-lilac)}.match-reset-actions{display:grid;width:100%;grid-template-columns:1fr 1fr;gap:.55rem}.match-reset-actions button{min-height:2.9rem;padding:.6rem;border:1px solid var(--match-border);border-radius:.8rem;color:#5f5067;background:#fff;font-size:.65rem;font-weight:900}.match-reset-actions button:last-child{border-color:#a9195a;color:#fff;background:#a9195a}.match-confetti{position:fixed;z-index:40;inset:0;overflow:hidden;pointer-events:none}.match-confetti span{position:absolute;top:-2rem;width:.55rem;height:.8rem;border-radius:.15rem;background:var(--confetti-color, var(--match-berry));animation:match-confetti-fall 1.45s cubic-bezier(.2,.7,.3,1) forwards}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;border:0!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important}@keyframes match-confetti-fall{to{opacity:0;transform:translate3d(var(--confetti-drift, 0),105vh,0) rotate(540deg)}}@media(max-width:62rem){.match-header{grid-template-columns:1fr auto}.match-heading{display:none}.match-intro{grid-template-columns:minmax(0,1fr) minmax(20rem,.78fr);gap:2.5rem}.match-intro__copy>h2{font-size:clamp(2.8rem,7vw,4.3rem)}.match-hud{grid-template-columns:minmax(0,1fr) auto}.match-hud__numbers{grid-row:2;grid-column:1 / -1;justify-self:center;padding-top:.6rem;border-top:1px solid rgba(91,57,108,.11)}.match-hud__actions{grid-column:2}.match-workspace{grid-template-columns:minmax(0,1fr) minmax(17rem,.64fr)}.match-piece-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:48rem){.match-header,.match-main{width:min(100% - 1.5rem,44rem)}.match-header{min-height:5.4rem}.match-brand>span:last-child{display:none}.match-intro{min-height:auto;grid-template-columns:1fr;gap:2rem;padding:2.8rem 0 4rem}.match-intro__copy{text-align:center}.match-intro__copy>h2,.match-intro__lede,.match-how-to,.rotation-rule{margin-right:auto;margin-left:auto}.match-intro__copy>h2{max-width:none}.match-workspace{grid-template-columns:1fr}.match-piece-tray{position:static}.match-piece-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.match-piece-button{min-height:5rem!important}.match-piece-art{width:2.7rem;height:2.7rem}.match-piece-art--charm{width:2.8rem;height:3rem}.match-piece-name{font-size:.5rem}.memory-case{min-height:auto}}@media(max-width:35rem){.match-header,.match-main{width:min(100% - 1rem,34rem)}.match-header{gap:.45rem}.match-brand__mark{width:2.05rem;transform:scale(.88);transform-origin:left center}.match-nav{gap:0}.match-nav a,.match-nav>span{min-width:3rem;padding:.3rem .45rem;font-size:.58rem}.match-nav a span:first-child,.match-nav>span span:first-child{display:none}.match-intro{padding-top:2rem}.match-intro__copy>h2{font-size:clamp(2.65rem,15vw,4rem)}.match-how-to{grid-template-columns:1fr}.match-how-to li{text-align:left}.rotation-rule{grid-template-columns:4.2rem 1.5rem 4.2rem minmax(0,1fr)}.rotation-rule__loop{width:4rem;height:2.75rem}.rotation-rule p{font-size:.62rem}.rotation-rule p span,.rotation-rule__check{display:none}.match-start-card{padding:1.15rem}.match-hud{grid-template-columns:1fr;gap:.65rem}.match-hud__round{text-align:center}.match-hud__round p{justify-content:center}.match-hud__actions{grid-row:2;grid-column:1;justify-self:center}.match-hud__numbers{grid-row:3;grid-column:1;width:100%}.match-hud__numbers p{flex:1;min-width:0;padding-right:.5rem;padding-left:.5rem}.memory-case{padding:.65rem}.match-panel{padding:1rem .2rem .4rem}.match-panel__heading{padding:0 .35rem}.match-display-case,.match-build-mat{min-height:19rem}.match-ring{width:98%}.match-ring-slot{width:clamp(2.55rem,14vw,3.35rem);height:clamp(2.55rem,14vw,3.35rem)}.match-ring__center{width:8.5rem}.match-target-text{grid-template-columns:1fr;gap:.45rem}.match-target-text>p{justify-self:center}.match-target-text ol{justify-content:center}.match-comparison-grid{gap:.25rem}.match-comparison-grid section{padding:.45rem}.match-comparison-divider{font-size:.9rem}.match-mini-slot{width:clamp(1.35rem,8vw,2rem);height:clamp(1.35rem,8vw,2rem)}.match-piece-tray{padding:.75rem}.match-piece-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.match-piece-button{min-height:5.1rem!important}.match-summary-actions,.match-reset-actions{grid-template-columns:1fr}.match-summary-actions .match-primary-button{grid-column:auto}.match-footer{flex-wrap:wrap}.match-answer-reveal{grid-template-columns:1fr}.match-answer-reveal__copy,.match-answer-ring{grid-column:1}.match-answer-reveal__copy{grid-row:1;text-align:center}.match-answer-ring{grid-row:2;width:min(100%,10rem)}}@media(max-width:21rem){.match-nav a,.match-nav>span{min-width:44px;padding-right:.3rem;padding-left:.3rem}.match-start-tools{grid-template-columns:1fr}.match-ring-slot{width:44px;height:44px}.match-piece-art{width:2.45rem;height:2.45rem}.match-piece-art--charm{width:2.55rem;height:2.7rem}}@media(prefers-reduced-motion:reduce){.match-game *,.match-game *:before,.match-game *:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.match-confetti{display:none}}@media(forced-colors:active){.match-game,.match-start-card,.memory-case,.match-piece-tray,.match-display-case,.match-build-mat,.match-summary,.match-reset-dialog>div,.match-pause-overlay>div{color:CanvasText;background:Canvas}.match-nav>span[aria-current=page],.match-primary-button,.match-result-badge,.match-reset-actions button:last-child{border:2px solid ButtonText;color:ButtonText;background:ButtonFace;forced-color-adjust:none}.match-mode-check{border:1px solid CanvasText;color:transparent;background:Canvas;forced-color-adjust:none}.match-mode-card:has(input:checked) .match-mode-check{border:2px solid ButtonText;color:ButtonText;background:ButtonFace;forced-color-adjust:none}.match-ring>svg ellipse:first-child,.match-mini-ring{stroke:CanvasText;border-color:CanvasText}.match-piece-art{border:2px solid CanvasText;forced-color-adjust:none}.match-piece-code,.match-slot-number,.match-slot-mismatch,.match-mini-mismatch{border:2px solid CanvasText;color:CanvasText;background:Canvas;forced-color-adjust:none}.match-build-slot[data-next=true],.match-build-slot[data-mismatch=true]{outline:3px solid Highlight;outline-offset:2px}.match-mode-card:has(input:checked),.match-piece-button,.match-edit-actions button,.match-hud__actions button{border:2px solid CanvasText}}:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#2c2336;background:#f7f2ff;color-scheme:light;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{min-width:0;min-height:100%;background:#f7f2ff}body{min-width:0;min-height:100vh;margin:0;overflow-x:hidden;background:radial-gradient(circle at 8% 7%,rgba(217,19,121,.1),transparent 25rem),radial-gradient(circle at 92% 18%,rgba(77,184,211,.15),transparent 28rem),linear-gradient(180deg,#f8f2ff,#f4faff 48%,#fffaf5)}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}