.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:#55356329;--match-shadow:0 24px 60px #492e5c21;isolation:isolate;min-height:100vh;color:var(--match-ink);position:relative;overflow:hidden}.match-game [hidden]{display:none!important}.match-game button,.match-game a{min-height:2.75rem}.match-game button{cursor:pointer;border:0}.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-offset:3px;outline:3px solid #186fd2}.match-skip{z-index:100;background:var(--match-deep-plum);border-radius:.65rem;align-items:center;padding:.55rem .8rem;font-size:.8rem;font-weight:800;transition:transform .15s;display:inline-flex;position:fixed;top:.75rem;left:.75rem;transform:translateY(-6rem);color:#fff!important}.match-skip:focus{transform:translateY(0)}.match-atmosphere{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.match-orbit{border:1px solid #693c7d17;border-radius:50%;position:absolute}.match-orbit--one{width:30rem;height:21rem;top:7rem;left:-10rem;transform:rotate(-18deg)}.match-orbit--two{width:34rem;height:24rem;top:18rem;right:-12rem;transform:rotate(22deg)}.match-spark{color:#693c7d33;font-size:1.15rem;position:absolute}.match-spark--one{top:9rem;left:5%}.match-spark--two{color:#d913792e;top:14rem;right:7%}.match-spark--three{top:42rem;left:3%}.match-header{z-index:5;border-bottom:1px solid #5735681f;grid-template-columns:minmax(11rem,1fr) auto minmax(11rem,1fr);align-items:center;gap:1.25rem;width:min(100% - 2.5rem,76rem);min-height:6.4rem;margin:0 auto;display:grid;position:relative}.match-brand{justify-content:center;align-items:center;gap:.7rem;width:fit-content;min-width:44px;min-height:44px;font-family:Nunito,ui-rounded,sans-serif;font-size:1.05rem;font-weight:900;display:inline-flex;color:var(--match-deep-plum)!important}.match-brand__mark{width:2.35rem;height:1.8rem;position:relative}.match-brand__mark span{border:.28rem solid var(--match-berry);border-radius:50%;width:1.6rem;height:1.35rem;position:absolute;top:.2rem;transform:rotate(-14deg)}.match-brand__mark span:first-child{left:0}.match-brand__mark span:last-child{border-color:var(--match-plum);right:0;transform:rotate(14deg)}.match-heading{text-align:center}.match-heading p{color:var(--match-muted);letter-spacing:.12em;text-transform:uppercase;margin-bottom:.15rem;font-size:.58rem;font-weight:800}.match-heading h1{color:var(--match-deep-plum);letter-spacing:-.04em;margin-bottom:0;font-family:Nunito,ui-rounded,sans-serif;font-size:clamp(1.4rem,2.5vw,2rem);font-weight:900}.match-nav{background:#ffffff94;border:1px solid #59376821;border-radius:999px;justify-self:end;gap:.25rem;padding:.25rem;display:flex;box-shadow:0 6px 20px #56376512}.match-nav a,.match-nav>span{color:#62546a;border-radius:999px;justify-content:center;align-items:center;gap:.3rem;min-width:44px;min-height:44px;padding:.35rem .65rem;font-size:.67rem;font-weight:800;display:inline-flex}.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{z-index:1;width:min(100% - 2.5rem,76rem);margin:0 auto;position:relative}.match-eyebrow{color:var(--match-plum);letter-spacing:.11em;text-transform:uppercase;margin-bottom:.35rem;font-size:.64rem;font-weight:900}.match-intro{grid-template-columns:minmax(0,1.08fr) minmax(21rem,.82fr);align-items:center;gap:clamp(2rem,6vw,6.5rem);min-height:calc(100vh - 9rem);padding:3.75rem 0 5rem;display:grid}.match-intro__copy{position:relative}.match-intro__copy>h2{max-width:12ch;color:var(--match-deep-plum);letter-spacing:-.065em;margin-bottom:1.2rem;font-family:Nunito,ui-rounded,sans-serif;font-size:clamp(2.9rem,7vw,5.4rem);font-weight:900;line-height:.92}.match-intro__copy>h2 em{color:var(--match-berry);font-style:normal}.match-intro__lede{color:#5f5265;max-width:39rem;margin-bottom:1.7rem;font-size:clamp(.95rem,1.7vw,1.1rem);line-height:1.65}.match-how-to{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;max-width:40rem;margin:0 0 1.35rem;padding:0;list-style:none;display:grid}.match-how-to li{border:1px solid var(--match-border);background:#ffffffa3;border-radius:.95rem;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.55rem;min-width:0;padding:.75rem;display:grid}.match-how-to li>span{color:#fff;background:var(--match-plum);border-radius:50%;place-items:center;width:1.65rem;height:1.65rem;font-family:Nunito,ui-rounded,sans-serif;font-size:.72rem;font-weight:900;display:grid}.match-how-to div{gap:.1rem;min-width:0;display:grid}.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{background:#eefdfbc2;border:1px solid #168c8238;border-radius:1.1rem;grid-template-columns:4.8rem 2.2rem 4.8rem minmax(0,1fr) auto;align-items:center;gap:.55rem;width:min(100%,36rem);padding:.7rem .85rem;display:grid}.rotation-rule__loop{border:2px solid #4c275d38;border-radius:50%;width:4.6rem;height:3.15rem;position:relative}.rotation-rule__loop--turned{transform:rotate(90deg)}.demo-bead{border:2px solid #3a204333;border-radius:50%;width:.85rem;height:.85rem;position:absolute;box-shadow:inset .15rem .15rem #ffffff8c}.demo-bead:first-child{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);text-align:center;font-size:1.45rem;font-weight:900}.rotation-rule p{gap:.05rem;margin:0;font-size:.7rem;display:grid}.rotation-rule p span{color:var(--match-muted);font-size:.62rem}.rotation-rule__check{color:#fff;background:var(--match-aqua);border-radius:50%;place-items:center;width:1.8rem;height:1.8rem;font-weight:900;display:grid}.match-start-card{box-shadow:var(--match-shadow);background:radial-gradient(circle at 100% 0,#61bed738,#0000 15rem),#fffdf9f0;border:1px solid #623c7429;border-radius:1.65rem;padding:clamp(1.35rem,3vw,2rem);position:relative;overflow:hidden}.match-start-card__shine{pointer-events:none;border:1px solid #ffffffa6;border-radius:50%;width:11rem;height:11rem;position:absolute;top:-4rem;right:-4rem;box-shadow:0 0 0 1.7rem #ffffff2e,0 0 0 3.4rem #ffffff1a}.match-start-card h3{color:var(--match-deep-plum);letter-spacing:-.035em;margin-bottom:1rem;font-family:Nunito,ui-rounded,sans-serif;font-size:clamp(1.35rem,3vw,1.8rem);font-weight:900;position:relative}.match-mode-picker{border:0;gap:.65rem;margin:0;padding:0;display:grid}.match-mode-card{border:1px solid var(--match-border);cursor:pointer;background:#ffffffc7;border-radius:1rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;min-height:4.6rem;padding:.75rem;transition:border-color .15s,box-shadow .15s,transform .15s;display:grid;position:relative}.match-mode-card:hover{border-color:#693c7d5c;transform:translateY(-1px)}.match-mode-card:has(input:checked){border-color:var(--match-plum);background:#fbf7ff;box-shadow:0 0 0 3px #693c7d17}.match-mode-card input{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.match-mode-card:has(input:focus-visible){outline-offset:3px;outline:3px solid #186fd2}.match-mode-card__icon{width:2.7rem;height:2.7rem;color:var(--match-plum);background:var(--match-lilac);border-radius:.85rem;place-items:center;font-size:1.2rem;display:grid}.match-mode-card:nth-of-type(2) .match-mode-card__icon{color:#116c76;background:#e1f8fa}.match-mode-card>span:nth-of-type(2){gap:.12rem;display:grid}.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{color:#0000;border:1px solid #5b3a6b38;border-radius:50%;place-items:center;width:1.55rem;height:1.55rem;font-size:.75rem;display:grid}.match-mode-card:has(input:checked) .match-mode-check{border-color:var(--match-plum);color:#fff;background:var(--match-plum)}.match-primary-button{color:#fff;background:linear-gradient(135deg, var(--match-berry), var(--match-plum));border-radius:.9rem;justify-content:center;align-items:center;gap:.55rem;padding:.75rem 1.15rem;font-size:.78rem;font-weight:900;transition:box-shadow .15s,filter .15s,transform .15s;display:inline-flex;box-shadow:0 10px 22px #86266b38;min-height:3rem!important}.match-primary-button:hover:not(:disabled){filter:saturate(1.08);transform:translateY(-1px);box-shadow:0 13px 26px #86266b45}.match-primary-button:active:not(:disabled){transform:translateY(1px)}.match-primary-button:disabled{color:#847987;box-shadow:none;background:#e6dfe8}.match-start-button{width:100%;margin-top:.9rem}.match-local-bests{background:#f2eaff99;border-radius:.9rem;grid-template-columns:1fr auto 1fr;align-items:center;margin-top:1rem;padding:.75rem;display:grid}.match-local-bests>span{background:#693c7d24;width:1px;height:2.2rem}.match-local-bests p{text-align:center;gap:.08rem;margin:0;display:grid}.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{grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.65rem;display:grid}.match-start-tools button{border:1px solid var(--match-border);color:#615168;background:#ffffffad;border-radius:.8rem;justify-content:center;align-items:center;gap:.4rem;padding:.55rem;font-size:.62rem;font-weight:800;display:inline-flex}.match-start-tools button:hover{color:var(--match-deep-plum);background:#fff}.match-local-note{color:var(--match-muted);text-align:center;margin:.65rem 0 0;font-size:.58rem}.match-play{padding:1.4rem 0 4rem}.match-hud{border:1px solid var(--match-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffc7;border-radius:1.1rem;grid-template-columns:minmax(11rem,1fr) auto minmax(11rem,1fr);align-items:center;gap:1rem;margin-bottom:1rem;padding:.8rem 1rem;display:grid;box-shadow:0 10px 28px #48305814}.match-hud__round>span{color:var(--match-plum);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.12rem;font-size:.58rem;font-weight:900;display:block}.match-hud__round p{align-items:baseline;gap:.5rem;margin:0;display:flex}.match-hud__round strong{font-family:Nunito,ui-rounded,sans-serif;font-size:1rem;font-weight:900}.match-hud__round small{color:var(--match-plum);background:var(--match-lilac);text-transform:uppercase;border-radius:999px;padding:.18rem .45rem;font-size:.55rem;font-weight:900}.match-hud__numbers{align-items:stretch;display:flex}.match-hud__numbers p{text-align:center;border-left:1px solid #5d3d6c21;gap:.05rem;min-width:5.2rem;margin:0;padding:.1rem .9rem;display:grid}.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-variant-numeric:tabular-nums;font-family:Nunito,ui-rounded,sans-serif;font-size:1rem;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{justify-self:end;gap:.4rem;display:flex}.match-hud__actions button{border:1px solid var(--match-border);color:#5f5067;background:#fff;border-radius:.75rem;justify-content:center;align-items:center;gap:.35rem;padding:.55rem .7rem;font-size:.6rem;font-weight:800;display:inline-flex}.match-hud__actions button:hover{border-color:#693c7d61}.match-workspace{grid-template-columns:minmax(0,1.45fr) minmax(18rem,.72fr);align-items:start;gap:1rem;display:grid}.memory-case,.match-piece-tray{border:1px solid var(--match-border);box-shadow:var(--match-shadow);background:#fffdf9e6;border-radius:1.4rem}.memory-case{min-height:43rem;padding:1rem;position:relative;overflow:hidden}.memory-case:before{content:"";pointer-events:none;background:radial-gradient(circle at 50% 15%,#fffffff2,#0000 15rem),linear-gradient(#e2f2ffa6,#0000 45%);position:absolute;inset:0}.memory-case__topline{z-index:1;border-bottom:1px solid #5b396c1c;justify-content:space-between;align-items:center;gap:1rem;min-height:2.25rem;padding:0 .25rem .75rem;display:flex;position:relative}.memory-case__topline p{margin:0}.memory-case__mode{color:var(--match-plum);background:#f2eaffb3;border:1px solid #693c7d2b;border-radius:999px;padding:.3rem .55rem;font-size:.56rem;font-weight:900}.match-panel{z-index:1;justify-items:center;padding:1.2rem 1rem .6rem;display:grid;position:relative}.match-panel__heading{text-align:left;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.75rem;width:min(100%,34rem);margin-bottom:.25rem;display:grid}.match-panel__icon{width:2.7rem;height:2.7rem;color:var(--match-gold);background:#fff8d9;border-radius:50%;place-items:center;font-size:1.1rem;display:grid;box-shadow:inset 0 0 0 1px #d497002e}.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{color:var(--match-deep-plum);letter-spacing:-.035em;margin-bottom:.15rem;font-family:Nunito,ui-rounded,sans-serif;font-size:clamp(1.3rem,3vw,1.75rem);font-weight:900}.match-panel__heading div>p:last-child{color:var(--match-muted);font-size:.7rem;line-height:1.4}.match-display-case,.match-build-mat{background:radial-gradient(at 50% 7%,#fffffffa,#0000 47%),linear-gradient(#edf6ff 0%,#f6f0ff 57%,#eadff5 100%);border:1px solid #65427524;border-radius:48% 48% 1.2rem 1.2rem/13% 13% 1.2rem 1.2rem;place-items:center;width:min(100%,40rem);min-height:24rem;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 -1.2rem 2.8rem #59366914}.match-display-case:after{filter:blur(.5rem);content:"";background:#492d561c;border-radius:50%;height:.6rem;position:absolute;bottom:1.25rem;left:8%;right:8%}.case-spotlight{background:radial-gradient(circle,#fffffff2,#fffcdd3d 52%,#0000 70%);border-radius:50%;width:24rem;height:24rem;position:absolute;top:-5rem}.match-ring{z-index:1;aspect-ratio:500/340;width:min(92%,32rem);position:relative}.match-ring>svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.match-ring>svg ellipse:first-child{fill:none;stroke:#9b749e;stroke-linecap:round;stroke-width:8px;filter:drop-shadow(0 5px 5px #462a5126)}.match-ring>svg .match-string-shine{fill:none;stroke:#ffffffc7;stroke-width:2px}.match-ring-slots{margin:0;padding:0;list-style:none;position:absolute;inset:0}.match-ring-slot{z-index:2;width:clamp(2.75rem,7vw,4rem);height:clamp(2.75rem,7vw,4rem);margin:0;padding:0;position:absolute;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{width:100%;height:100%;display:block}.match-ring__center{width:11rem;color:var(--match-muted);text-align:center;justify-items:center;gap:.08rem;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.match-ring__center>span{color:#693c7d70;letter-spacing:.15em;font-size:1rem}.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{background:#ffffffbd;border:1px solid #693c7d24;border-radius:.9rem;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.9rem;width:min(100%,40rem);margin-top:.65rem;padding:.7rem .8rem;display:grid}.match-target-text>p{grid-template-columns:auto auto;gap:0 .35rem;margin:0;font-size:.65rem;display:grid}.match-target-text>p>span{color:var(--match-plum);grid-row:1/3;align-self:center;font-size:1rem}.match-target-text>p small{color:var(--match-muted);grid-column:2;font-size:.55rem}.match-target-text ol{counter-reset:target-piece;flex-wrap:wrap;gap:.3rem;margin:0;padding:0;list-style:none;display:flex}.match-target-text li{color:#54455b;counter-increment:target-piece;background:#f4edf9;border-radius:999px;align-items:center;gap:.28rem;min-height:1.75rem;padding:.2rem .45rem;font-size:.55rem;font-weight:800;display:inline-flex}.match-target-text li:before{color:#fff;background:var(--match-plum);content:counter(target-piece);border-radius:50%;place-items:center;width:1rem;height:1rem;font-size:.48rem;display:grid}.match-hide-button{width:min(100%,22rem);margin-top:.75rem}.pattern-curtain{background:linear-gradient(#60306f,#7a4388);border-radius:0 0 1rem 1rem;justify-content:center;width:min(100%,28rem);height:1rem;margin:-1.2rem auto .8rem;display:flex;overflow:hidden;box-shadow:0 5px 12px #49275533}.pattern-curtain span{border-right:1px solid #ffffff1f;width:33.333%}.pattern-curtain span:last-child{border:0}.match-panel__heading--build{margin-bottom:.5rem}.match-build-mat{background:radial-gradient(circle at 10% 14%,#ffffff94,#0000 12rem),linear-gradient(145deg,#f4e9ff,#e8f7fb 62%,#fbeef5);border-radius:1.2rem;min-height:25.5rem}.match-mat-spark{color:#693c7d33;position:absolute}.match-mat-spark--one{top:1.3rem;right:1.7rem}.match-mat-spark--two{bottom:1.4rem;left:1.7rem}.match-build-slot{background:0 0;border:2px solid #0000;border-radius:50%}.match-build-slot:not(:disabled):hover{border-color:#d9137961}.match-build-slot[data-filled=true]{cursor:pointer}.match-slot-number{z-index:1;width:1.15rem;height:1.15rem;color:var(--match-plum);background:#fff;border:1px solid #50315e33;border-radius:50%;place-items:center;font-size:.48rem;font-weight:900;display:grid;position:absolute;top:-.3rem;left:-.25rem}.match-slot-empty{background:#ffffff73;border:2px dashed #693c7d52;border-radius:50%;position:absolute;inset:16%}.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{z-index:4;color:#fff;background:#b4175b;border:2px solid #fff;border-radius:50%;place-items:center;width:1.35rem;height:1.35rem;font-size:.65rem;font-weight:900;display:none;position:absolute;bottom:-.15rem;right:-.15rem}.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{color:#62546a;text-align:center;background:#ffffffb8;border:1px solid #693c7d21;border-radius:.8rem;justify-content:center;align-items:center;gap:.5rem;width:min(100%,40rem);min-height:2.7rem;margin:.65rem 0 0;padding:.55rem .75rem;font-size:.64rem;display:flex}.match-build-status>span{color:var(--match-plum);font-size:.9rem}.match-comparison-panel{align-content:start;padding-top:1.4rem}.match-comparison-grid{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.65rem;width:min(100%,38rem);margin-top:.6rem;display:grid}.match-comparison-grid section{border:1px solid var(--match-border);background:#ffffffb8;border-radius:1rem;padding:.75rem}.match-comparison-grid h3{color:var(--match-deep-plum);text-align:center;margin-bottom:.25rem;font-family:Nunito,ui-rounded,sans-serif;font-size:.75rem;font-weight:900}.match-comparison-divider{color:var(--match-plum);font-size:1.4rem;font-weight:900}.match-mini-ring{aspect-ratio:1.3;border:3px solid #693c7d47;border-radius:50%;width:100%;position:relative}.match-mini-slot{width:clamp(1.8rem,5vw,2.75rem);height:clamp(1.8rem,5vw,2.75rem);position:absolute;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{color:#693c7d59;font-size:1.35rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.match-mini-mismatch{color:#fff;background:#b4175b;border:2px solid #fff;border-radius:50%;place-items:center;width:1.1rem;height:1.1rem;font-size:.55rem;font-weight:900;display:none;position:absolute;bottom:-.25rem;right:-.25rem}.match-mini-slot[data-mismatch=true] .match-mini-mismatch{display:grid}.match-mismatch-list{flex-wrap:wrap;justify-content:center;gap:.4rem;width:min(100%,38rem);margin:.75rem 0;padding:0;list-style:none;display:flex}.match-mismatch-list li{color:#8f154c;background:#fff1f6;border:1px solid #b4175b3b;border-radius:999px;align-items:center;gap:.3rem;min-height:1.9rem;padding:.25rem .5rem;font-size:.58rem;font-weight:800;display:inline-flex}.match-result-panel{text-align:center;align-content:center;min-height:37rem}.match-result-sparkles,.match-summary__sparkles{color:var(--match-gold);justify-content:center;align-items:center;gap:.9rem;margin-bottom:.4rem;display:flex}.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{color:#fff;background:var(--match-aqua);border:.35rem solid #ffffffd9;border-radius:50%;place-items:center;width:4rem;height:4rem;margin-bottom:.7rem;font-family:Nunito,ui-rounded,sans-serif;font-size:1.7rem;font-weight:900;display:grid;box-shadow:0 9px 25px #168c8238}.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{color:var(--match-deep-plum);letter-spacing:-.045em;margin-bottom:.4rem;font-family:Nunito,ui-rounded,sans-serif;font-size:clamp(1.8rem,4vw,2.6rem);font-weight:900}.match-result-panel>p:not(.match-eyebrow){max-width:30rem;color:var(--match-muted);margin-bottom:.7rem;font-size:.78rem;line-height:1.55}.match-answer-reveal{border:1px solid var(--match-border);background:#ffffffb8;border-radius:1rem;grid-template-columns:minmax(8rem,12rem) minmax(0,1fr);align-items:center;gap:1rem;width:min(100%,30rem);margin:0 0 1rem;padding:.8rem 1rem;display:grid}.match-answer-reveal__copy{text-align:left;grid-area:1/2}.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{color:var(--match-muted);margin-top:.2rem;font-size:.62rem;line-height:1.45}.match-answer-ring{grid-area:1/1;width:min(100%,12rem);margin:0 auto}.match-result-points{color:var(--match-aqua);margin-bottom:.75rem;font-family:Nunito,ui-rounded,sans-serif;font-size:1.4rem;font-weight:900}.match-points-breakdown{flex-wrap:wrap;justify-content:center;gap:.35rem;margin:0 0 1rem;display:flex}.match-points-breakdown div{border:1px solid var(--match-border);background:#ffffffad;border-radius:.7rem;min-width:5rem;padding:.45rem .6rem}.match-points-breakdown dt{color:var(--match-muted);font-size:.5rem}.match-points-breakdown dd{color:var(--match-deep-plum);margin:.08rem 0 0;font-size:.72rem;font-weight:900}.match-piece-tray{padding:1rem;position:sticky;top:1rem;overflow:hidden}.match-tray__heading{border-bottom:1px solid #5b396c1c;justify-content:space-between;align-items:center;gap:1rem;padding-bottom:.75rem;display:flex}.match-tray__heading p{margin-bottom:.05rem}.match-tray__heading h2{color:var(--match-deep-plum);letter-spacing:-.035em;margin-bottom:0;font-family:Nunito,ui-rounded,sans-serif;font-size:1.35rem;font-weight:900}.match-tray__heading>span{color:var(--match-plum);font-size:1.8rem}.match-tray__helper{min-height:2.5rem;color:var(--match-muted);margin:.65rem 0;font-size:.63rem;line-height:1.45}.match-piece-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;display:grid}.match-piece-button{border:1px solid var(--match-border);min-width:0;color:var(--match-ink);background:#ffffffc7;border-radius:.9rem;align-content:center;place-items:center;gap:.28rem;padding:.55rem .25rem .45rem;transition:border-color .14s,box-shadow .14s,transform .14s;display:grid;position:relative;min-height:5.4rem!important}.match-piece-button:hover:not(:disabled){border-color:#d913796b;transform:translateY(-2px);box-shadow:0 7px 17px #5933641a}.match-piece-button:active:not(:disabled){transform:translateY(1px)}.match-piece-button:disabled{opacity:.48}.match-piece-new{z-index:2;color:#fff;background:var(--match-berry);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:.12rem .3rem;font-size:.43rem;font-weight:900;position:absolute;top:.3rem;right:.3rem}.match-piece-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.54rem;font-weight:800;overflow:hidden}.match-piece-art{--piece-color:#ff5aa5;--piece-accent:#7a184b;filter:drop-shadow(0 4px 4px #3e264633);place-items:center;width:3rem;height:3rem;display:grid;position:relative}.match-piece-art--bead{border:2px solid color-mix(in srgb, var(--piece-accent), #332038 20%);background:radial-gradient(circle at 30% 23%, #ffffffd1 0 8%, transparent 9%), radial-gradient(circle at 38% 34%, #ffffff59, transparent 31%), var(--piece-color);border-radius:50%;overflow:hidden;box-shadow:inset -.35rem -.42rem .55rem #3a193d2e,inset .2rem .22rem .25rem #ffffff42}.match-piece-art--bead:before,.match-piece-art--bead:after{content:"";pointer-events:none;position:absolute}.match-piece-art[data-piece-id=bubblegum]:before{background:var(--piece-accent);width:.35rem;height:.35rem;box-shadow:-.75rem .3rem 0 -.05rem var(--piece-accent), .65rem -.45rem 0 -.05rem var(--piece-accent);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.match-piece-art[data-piece-id=aqua-pop]:before{border:.2rem solid var(--piece-accent);border-radius:50%;width:1.15rem;height:1.15rem;top:50%;left:50%;transform:translate(-50%,-50%)}.match-piece-art--swirl:before{border:.18rem solid var(--piece-accent);border-right-color:#0000;border-radius:50%;inset:.45rem;transform:rotate(25deg)}.match-piece-art--swirl:after{border:.16rem solid var(--piece-accent);border-left-color:#0000;border-radius:50%;inset:.85rem}.match-piece-art--facet{clip-path:polygon(50% 0,86% 15%,100% 50%,82% 87%,50% 100%,16% 85%,0 50%,16% 15%);border-radius:38%}.match-piece-art--facet:before{border:1px solid var(--piece-accent);clip-path:inherit;opacity:.5;inset:.35rem}.match-piece-art--stripe:before{background:repeating-linear-gradient(115deg, transparent 0 .48rem, var(--piece-accent) .5rem .72rem);opacity:.78;inset:-.5rem}.match-piece-art--confetti:before{background:var(--piece-accent);width:.35rem;height:.18rem;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);border-radius:999px;top:.7rem;left:.7rem;transform:rotate(28deg)}.match-piece-art--crystal{clip-path:polygon(50% 0,94% 30%,82% 88%,50% 100%,14% 86%,4% 31%);border-radius:34%}.match-piece-art--crystal:before{background:linear-gradient(135deg, transparent 44%, var(--piece-accent) 45% 50%, transparent 51%), linear-gradient(45deg, transparent 47%, #ffffffb3 48% 52%, transparent 53%);opacity:.55;inset:0}.match-piece-art--pearl{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%);border-color:#cfafd0}.match-piece-art--charm{width:3.15rem;height:3.35rem}.match-piece-art--charm svg{width:100%;height:100%;fill:var(--piece-color);stroke:var(--piece-accent);stroke-linejoin:round;stroke-width:2px;overflow:visible}.match-piece-art--charm .match-charm-loop{fill:none;stroke-width:2.5px}.match-daisy-petals{fill:var(--piece-color)}.match-daisy-center{fill:var(--piece-accent)}.match-piece-code{z-index:3;color:#352239;background:#fff;border:2px solid #fffffff0;border-radius:999px;place-items:center;min-width:1.1rem;height:1.1rem;padding:0 .12rem;font-size:.55rem;font-weight:900;line-height:1;display:grid;position:absolute;bottom:-.12rem;right:-.18rem;box-shadow:0 2px 5px #36233b2e}.match-tray-actions{border-top:1px solid #5b396c1c;margin-top:.8rem;padding-top:.75rem}.match-edit-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;display:grid}.match-edit-actions button{border:1px solid var(--match-border);color:#5d5063;background:#fff;border-radius:.7rem;justify-content:center;align-items:center;gap:.25rem;min-width:0;min-height:2.75rem;padding:.45rem .25rem;font-size:.55rem;font-weight:800;display:inline-flex}.match-edit-actions button:hover:not(:disabled){color:var(--match-deep-plum);border-color:#693c7d66}.match-edit-actions button:disabled{color:#9c939f;background:#f0ecef}.match-check-button{width:100%;margin-top:.5rem}.match-check-helper{color:var(--match-muted);text-align:center;margin:.35rem 0 0;font-size:.52rem;line-height:1.4}.match-summary{text-align:center;align-content:center;justify-items:center;width:min(100%,46rem);min-height:calc(100vh - 9rem);margin:0 auto;padding:3rem 0 5rem;display:grid;position:relative}.match-summary__glow{z-index:-1;background:radial-gradient(circle,#ffffffe0,#0000 68%);border-radius:50%;width:30rem;height:30rem;position:absolute;top:13%}.match-summary h2{max-width:15ch;color:var(--match-deep-plum);letter-spacing:-.05em;margin-bottom:.5rem;font-family:Nunito,ui-rounded,sans-serif;font-size:clamp(2rem,5vw,3.4rem);font-weight:900;line-height:1}.match-summary>p:not(.match-eyebrow){max-width:33rem;color:var(--match-muted);margin-bottom:.8rem;font-size:.78rem;line-height:1.55}.match-summary-stars{grid-template-columns:repeat(3,auto);justify-content:center;align-items:center;gap:.35rem;margin-bottom:.85rem;display:grid}.match-summary-stars span{color:var(--match-gold);filter:drop-shadow(0 4px 5px #b07a0033);font-size:2rem}.match-summary-stars span[data-earned=false]{color:#d9d1dc;filter:none}.match-summary-stars strong{color:var(--match-plum);grid-column:1/-1;font-size:.62rem}.match-memory-card{border:1px solid var(--match-border);width:min(100%,28rem);box-shadow:var(--match-shadow);text-align:left;background:#fffdf9f2;border-radius:1.2rem;overflow:hidden}.match-memory-card__top{color:#fff;background:linear-gradient(135deg, var(--match-deep-plum), var(--match-plum));letter-spacing:.04em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:1rem;padding:.7rem .9rem;font-size:.55rem;font-weight:900;display:flex}.match-memory-card dl{margin:0;padding:.75rem 1rem .4rem}.match-memory-card dl>div{border-bottom:1px dashed #5b396c29;justify-content:space-between;align-items:baseline;gap:1rem;padding:.45rem 0;display:flex}.match-memory-card dt{color:var(--match-muted);font-size:.64rem}.match-memory-card dd{color:var(--match-deep-plum);margin:0;font-family:Nunito,ui-rounded,sans-serif;font-size:.8rem;font-weight:900}.match-memory-card__best{color:var(--match-berry);border-bottom:0!important}.match-memory-card__best dd{color:var(--match-berry);font-size:1rem}.match-memory-card>p{color:var(--match-muted);text-align:center;margin:0;padding:.55rem 1rem .75rem;font-size:.55rem}.match-summary-actions{grid-template-columns:1fr 1fr;gap:.5rem;width:min(100%,28rem);margin-top:.75rem;display:grid}.match-summary-actions>*{border:1px solid var(--match-border);color:#5d4d64;background:#ffffffc7;border-radius:.8rem;justify-content:center;align-items:center;min-height:2.85rem;padding:.6rem;font-size:.62rem;font-weight:800;display:inline-flex}.match-summary-actions .match-primary-button{color:#fff;border:0;grid-column:1/-1}.match-summary-actions>:not(.match-primary-button):hover{color:var(--match-deep-plum);background:#fff;border-color:#693c7d66}.match-footer{z-index:1;min-height:3rem;color:var(--match-muted);justify-content:center;align-items:center;gap:.45rem;padding:.75rem 1rem;font-size:.55rem;display:flex;position:relative}.match-pause-overlay{z-index:50;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#301f3994;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.match-pause-overlay>div{background:var(--match-cream);text-align:center;border:1px solid #fff6;border-radius:1.4rem;justify-items:center;width:min(100%,24rem);padding:2rem;display:grid;box-shadow:0 25px 70px #22152a52}.match-pause-icon,.match-reset-icon{color:#fff;background:var(--match-plum);border-radius:50%;place-items:center;width:3.4rem;height:3.4rem;margin-bottom:.6rem;font-family:Nunito,ui-rounded,sans-serif;font-size:1.2rem;font-weight:900;display:grid}.match-pause-overlay h2,.match-reset-dialog h2{color:var(--match-deep-plum);letter-spacing:-.04em;margin-bottom:.45rem;font-family:Nunito,ui-rounded,sans-serif;font-size:1.75rem;font-weight:900}.match-pause-overlay p:not(.match-eyebrow),.match-reset-dialog p:not(.match-eyebrow){color:var(--match-muted);margin-bottom:1rem;font-size:.72rem;line-height:1.55}.match-reset-dialog{width:min(100% - 2rem,28rem);color:var(--match-ink);background:0 0;border:0;border-radius:1.35rem;padding:0;box-shadow:0 25px 70px #22152a52}.match-reset-dialog::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#301f3994}.match-reset-dialog>div{background:var(--match-cream);text-align:center;border-radius:1.35rem;justify-items:center;padding:1.75rem;display:grid}.match-reset-icon{color:var(--match-plum);background:var(--match-lilac)}.match-reset-actions{grid-template-columns:1fr 1fr;gap:.55rem;width:100%;display:grid}.match-reset-actions button{border:1px solid var(--match-border);color:#5f5067;background:#fff;border-radius:.8rem;min-height:2.9rem;padding:.6rem;font-size:.65rem;font-weight:900}.match-reset-actions button:last-child{color:#fff;background:#a9195a;border-color:#a9195a}.match-confetti{z-index:40;pointer-events:none;position:fixed;inset:0;overflow:hidden}.match-confetti span{background:var(--confetti-color,var(--match-berry));border-radius:.15rem;width:.55rem;height:.8rem;animation:1.45s cubic-bezier(.2,.7,.3,1) forwards match-confetti-fall;position:absolute;top:-2rem}.visually-hidden{clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}@keyframes match-confetti-fall{to{opacity:0;transform:translate3d(var(--confetti-drift,0), 105vh, 0) rotate(540deg)}}@media (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{border-top:1px solid #5b396c1c;grid-area:2/1/auto/-1;justify-self:center;padding-top:.6rem}.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 (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{grid-template-columns:1fr;gap:2rem;min-height:auto;padding:2.8rem 0 4rem}.match-intro__copy{text-align:center}.match-intro__copy>h2,.match-intro__lede,.match-how-to,.rotation-rule{margin-left:auto;margin-right: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 (width<=35rem){.match-header,.match-main{width:min(100% - 1rem,34rem)}.match-header{gap:.45rem}.match-brand__mark{transform-origin:0;width:2.05rem;transform:scale(.88)}.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-area:2/1;justify-self:center}.match-hud__numbers{grid-area:3/1;width:100%}.match-hud__numbers p{flex:1;min-width:0;padding-left:.5rem;padding-right:.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{text-align:center;grid-row:1}.match-answer-ring{grid-row:2;width:min(100%,10rem)}}@media (width<=21rem){.match-nav a,.match-nav>span{min-width:44px;padding-left:.3rem;padding-right:.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;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!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{color:buttontext;forced-color-adjust:none;background:buttonface;border:2px solid buttontext}.match-mode-check{color:#0000;forced-color-adjust:none;background:canvas;border:1px solid canvastext}.match-mode-card:has(input:checked) .match-mode-check{color:buttontext;forced-color-adjust:none;background:buttonface;border:2px solid buttontext}.match-ring>svg ellipse:first-child,.match-mini-ring{stroke:canvastext;border-color:canvastext}.match-piece-art{forced-color-adjust:none;border:2px solid canvastext}.match-piece-code,.match-slot-number,.match-slot-mismatch,.match-mini-mismatch{color:canvastext;forced-color-adjust:none;background:canvas;border:2px solid canvastext}.match-build-slot[data-next=true],.match-build-slot[data-mismatch=true]{outline-offset:2px;outline:3px solid highlight}.match-mode-card:has(input:checked),.match-piece-button,.match-edit-actions button,.match-hud__actions button{border:2px solid canvastext}}:root{color:#2c2336;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;background:#f7f2ff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#f7f2ff;min-width:0;min-height:100%}body{background:radial-gradient(circle at 8% 7%,#d913791a,#0000 25rem),radial-gradient(circle at 92% 18%,#4db8d326,#0000 28rem),linear-gradient(#f8f2ff 0%,#f4faff 48%,#fffaf5 100%);min-width:0;min-height:100vh;margin:0;overflow-x:hidden}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}