.match-page{--match-card-ink:hsl(var(--card-foreground));--match-card-muted:color-mix(in srgb, hsl(var(--card-foreground)) 68%, hsl(var(--card)))}.match-page #match-root{scroll-margin-top:6.5rem}.game-playing [data-game-chrome]{display:none}.match-page-hero{margin-bottom:1.3rem}.match-page-back{color:var(--bts-accent-ink);align-items:center;gap:.35rem;margin-bottom:.9rem;font-size:.8rem;font-weight:850;display:inline-flex}.match-page-heading{border-bottom:2px solid var(--ink);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:1.5rem;padding-bottom:1.15rem;display:grid}.match-page-kicker,.match-kicker{color:var(--bts-accent-ink);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:.35rem;font-size:.68rem;font-weight:900;display:inline-flex}.match-page-heading h1{margin-top:.45rem;font-size:clamp(2.8rem,8vw,5.4rem);line-height:.9}.match-page-heading>div:first-child>p{max-width:42rem;color:var(--ink-2);margin-top:.75rem;line-height:1.55}.match-page-facts{grid-template-columns:repeat(2,auto);gap:.55rem;display:grid}.match-page-facts span,.match-page-facts a{border:2px solid var(--ink);background:hsl(var(--card));min-height:3.2rem;color:var(--match-card-ink);box-shadow:3px 3px 0 var(--ink);border-radius:.8rem;align-items:center;gap:.4rem;padding:.55rem .75rem;font-size:.7rem;font-weight:800;display:flex}.match-page-facts strong{font-family:Black Han Sans,sans-serif;font-size:1.2rem}.match-page-facts a{background:var(--bts-accent);color:var(--bts-accent-foreground);grid-column:1/-1;justify-content:center}.match-panel{border:2px solid var(--ink);background:hsl(var(--card));color:var(--match-card-ink);box-shadow:7px 7px 0 var(--ink);border-radius:1.5rem}.match-intro{overflow:hidden}.match-intro-art{border-bottom:2px solid var(--ink);background:radial-gradient(circle at 50% 115%, color-mix(in srgb, var(--bts-accent) 68%, transparent), transparent 56%), color-mix(in srgb, var(--bts-accent) 10%, hsl(var(--card)));justify-content:center;align-items:end;min-height:11rem;display:flex;position:relative;overflow:hidden}.match-intro-art span{width:min(14%,7.5rem);transform:rotate(calc((var(--card-index) - 3) * 1.4deg));transform-origin:bottom;margin-inline:-.7%}.match-intro-art img{aspect-ratio:.78;border:2px solid var(--ink);object-fit:cover;object-position:top;background:hsl(var(--card));border-radius:.7rem .7rem 0 0;width:100%}.match-intro-copy{text-align:center;max-width:48rem;margin:0 auto;padding:1.7rem 1.2rem 1rem}.match-intro-copy h2{margin-top:.35rem;font-family:Black Han Sans,sans-serif;font-size:clamp(2rem,6vw,3.8rem);line-height:.98}.match-intro-copy>p:last-child{max-width:42rem;color:var(--match-card-muted);margin:.75rem auto 0;line-height:1.55}.match-modes{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;padding:.7rem 1.2rem 1.2rem;display:grid}.match-modes button{border:2px solid var(--ink);background:hsl(var(--card));min-height:6.5rem;color:var(--match-card-ink);text-align:left;box-shadow:4px 4px 0 var(--ink);transition:transform .15s var(--ease-out);border-radius:1rem;grid-template-columns:auto 1fr auto;align-items:center;gap:.35rem .7rem;padding:1rem;display:grid}.match-modes button:hover{transform:translate(-2px,-2px)}.match-modes button>span{border-right:2px solid var(--ink);color:var(--bts-accent-ink);grid-row:1/span 2;align-self:stretch;padding-right:.7rem;font-family:Space Mono,monospace;font-size:.68rem;font-weight:900}.match-modes strong{font-family:Black Han Sans,sans-serif;font-size:1.25rem}.match-modes small{color:var(--match-card-muted);grid-column:2/-1;font-size:.7rem}.match-modes button>b{grid-area:1/3;font-size:.7rem}.match-modes .is-ranked{background:var(--ink);color:var(--bts-accent)}.match-modes .is-ranked>span{border-color:var(--bts-accent);color:var(--bts-accent)}.match-modes .is-ranked small{color:inherit;opacity:.78}.match-trust{border-top:1px dashed var(--ink);flex-wrap:wrap;justify-content:center;gap:.45rem;padding:1rem;display:flex}.match-trust span{background:color-mix(in srgb, var(--bts-accent) 15%, hsl(var(--card)));border-radius:999px;padding:.35rem .65rem;font-size:.65rem;font-weight:800}.match-notice{min-height:1.2rem;color:var(--match-card-muted);text-align:center;padding:0 1rem 1rem;font-size:.74rem}.match-stage-intro{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1.5rem;padding:clamp(1.2rem,4vw,2.2rem);display:grid}.match-stage-intro>.match-stage-rail{grid-column:1/-1}.match-stage-intro h2{margin-top:.3rem;font-family:Black Han Sans,sans-serif;font-size:clamp(2.3rem,7vw,4.5rem);line-height:.95}.match-stage-intro>div>p:last-child{max-width:34rem;color:var(--match-card-muted);margin-top:.6rem}.match-stage-intro .match-stage-rail li{color:var(--match-card-muted)}.match-stage-intro .match-stage-rail li.is-current,.match-stage-intro .match-stage-rail li.is-done{color:var(--match-card-ink)}.match-stage-stamp{border:2px solid var(--ink);background:var(--bts-accent);width:9.5rem;height:9.5rem;color:var(--bts-accent-foreground);box-shadow:inset 0 0 0 .5rem color-mix(in srgb, hsl(var(--card)) 26%, transparent), 5px 5px 0 var(--ink);border-radius:50%;align-content:center;place-items:center;display:grid;transform:rotate(4deg)}.match-stage-stamp span,.match-stage-stamp small{letter-spacing:.08em;text-transform:uppercase;font-size:.58rem;font-weight:900}.match-stage-stamp strong{font-family:Black Han Sans,sans-serif;font-size:3.6rem;line-height:.95}.match-stage-rules{flex-wrap:wrap;grid-column:1/-1;gap:.5rem;display:flex}.match-stage-rules span{border:1px solid var(--ink);background:color-mix(in srgb, var(--bts-accent) 12%, hsl(var(--card)));border-radius:.6rem;padding:.4rem .65rem;font-size:.68rem;font-weight:800}.match-stage-actions{flex-wrap:wrap;grid-column:1/-1;gap:.65rem;display:flex}.match-secondary,.match-retry{border:2px solid var(--ink);background:hsl(var(--card));min-height:2.75rem;color:var(--match-card-ink);box-shadow:3px 3px 0 var(--ink);border-radius:.75rem;padding:.55rem .9rem;font-size:.76rem;font-weight:850}.match-stage-rail{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;list-style:none;display:grid}.match-stage-rail.is-single{grid-template-columns:1fr}.match-stage-rail li{border-bottom:3px solid color-mix(in srgb, var(--ink) 20%, transparent);min-width:0;color:var(--ink-muted);align-items:center;gap:.45rem;padding:.4rem .1rem;display:flex}.match-stage-rail li.is-current,.match-stage-rail li.is-done{border-color:var(--bts-accent);color:var(--ink)}.match-stage-rail span{border:1px solid var(--ink);background:hsl(var(--card));border-radius:50%;flex:none;place-items:center;width:1.65rem;height:1.65rem;font-family:Space Mono,monospace;font-size:.55rem;font-weight:900;display:grid}.match-stage-rail .is-current span,.match-stage-rail .is-done span{background:var(--bts-accent);color:var(--bts-accent-foreground)}.match-stage-rail b{text-overflow:ellipsis;white-space:nowrap;font-size:.66rem;overflow:hidden}.match-game{max-width:58rem;margin:0 auto;position:relative}.match-hud{z-index:25;border:2px solid var(--ink);background:hsl(var(--card));color:var(--match-card-ink);box-shadow:4px 4px 0 var(--ink);border-radius:1rem;grid-template-columns:repeat(5,minmax(0,1fr)) repeat(3,auto);gap:.4rem;margin-bottom:.8rem;padding:.45rem;display:grid;position:sticky;top:.45rem}.match-hud>div,.match-hud button{border:1px solid color-mix(in srgb, var(--ink) 35%, transparent);background:color-mix(in srgb, var(--bts-accent) 8%, hsl(var(--card)));min-height:2.7rem;color:var(--match-card-ink);border-radius:.65rem;place-items:center;padding:.25rem .5rem;display:grid}.match-hud small{color:var(--match-card-muted);letter-spacing:.06em;text-transform:uppercase;font-size:.52rem;font-weight:850}.match-hud strong,.match-hud button{font-size:.68rem;font-weight:900}.match-hud button{padding-inline:.7rem;display:block}.match-play-heading{grid-template-columns:auto minmax(16rem,1fr);align-items:end;gap:1rem;margin:1rem 0 .7rem;display:grid}.match-play-heading p{color:var(--bts-accent-ink);letter-spacing:.08em;text-transform:uppercase;font-size:.62rem;font-weight:900}.match-play-heading h2{font-family:Black Han Sans,sans-serif;font-size:1.8rem}.match-collection{border:2px solid var(--ink);background:color-mix(in srgb, var(--bts-accent) 10%, hsl(var(--card)));border-radius:.8rem;align-items:center;gap:.7rem;min-height:2.9rem;margin-bottom:.7rem;padding:.45rem .7rem;display:flex}.match-collection>span{color:var(--bts-accent-ink);letter-spacing:.08em;text-transform:uppercase;flex:none;font-size:.6rem;font-weight:900}.match-collection p{min-width:0;color:var(--match-card-muted);flex-wrap:wrap;gap:.3rem;font-size:.66rem;display:flex}.match-collection b{background:var(--bts-accent);color:var(--bts-accent-foreground);border-radius:999px;padding:.2rem .45rem;font-weight:850}.match-grid{grid-template-columns:repeat(var(--match-cols), minmax(0, 1fr));perspective:1100px;gap:clamp(.35rem,1.3vw,.65rem);max-width:54rem;margin:0 auto;display:grid}.match-card{aspect-ratio:.74;color:var(--ink);perspective:900px;background:0 0;border:0;border-radius:.85rem;position:relative}.match-card:focus-visible{outline:4px solid var(--bts-accent);outline-offset:3px}.match-card-inner{transform-style:preserve-3d;transition:transform .36s var(--ease-out), opacity .18s var(--ease-out);display:block;position:absolute;inset:0}.match-card.is-open .match-card-inner{transform:rotateY(180deg)}.match-card.is-matched .match-card-inner{opacity:.68;transform:rotateY(180deg)translateY(-3px)}.match-card-back,.match-card-front{border:2px solid var(--ink);backface-visibility:hidden;box-shadow:3px 3px 0 var(--ink);border-radius:.85rem;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.match-card-back{background:linear-gradient(145deg, color-mix(in srgb, var(--bts-accent) 78%, hsl(var(--card))), var(--bts-accent))}.match-card-back:before{border:1px solid color-mix(in srgb, var(--bts-accent-foreground) 55%, transparent);content:"";border-radius:.55rem;position:absolute;inset:.45rem}.match-card-back img{object-fit:contain;width:35%;height:35%}.match-card-back i{color:var(--bts-accent-foreground);font-family:Space Mono,monospace;font-size:.55rem;font-style:normal;font-weight:900;position:absolute;bottom:.45rem;right:.55rem}.match-card-front{background:hsl(var(--card));color:var(--match-card-ink);transform:rotateY(180deg)}.match-card-front img{object-fit:cover;object-position:top;flex:1;width:100%;min-height:0}.match-card-front img.is-crop{transform-origin:var(--crop-x) var(--crop-y);transform:scale(2.15)}.match-card-front b{border-top:2px solid var(--ink);background:hsl(var(--card));text-overflow:ellipsis;white-space:nowrap;width:100%;padding:.34rem .28rem .12rem;font-size:clamp(.52rem,1.3vw,.72rem);line-height:1.1;overflow:hidden}.match-card-front small{background:hsl(var(--card));width:100%;color:var(--match-card-muted);padding:0 .28rem .32rem;font-size:clamp(.42rem,1vw,.55rem)}.match-pause-overlay{z-index:80;background:color-mix(in srgb, var(--ink) 80%, transparent);place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.match-pause-overlay[hidden]{display:none}.match-pause-overlay>div{border:2px solid var(--ink);background:hsl(var(--card));width:min(28rem,100%);color:var(--match-card-ink);box-shadow:7px 7px 0 var(--bts-accent);text-align:center;border-radius:1.3rem;padding:2rem}.match-pause-overlay h2{margin-top:.35rem;font-family:Black Han Sans,sans-serif;font-size:2.5rem}.match-pause-overlay p:not(.match-kicker){color:var(--match-card-muted);margin:.5rem 0 1.2rem}.match-stage-clear,.match-result{text-align:center;max-width:42rem;margin:0 auto;padding:clamp(1.3rem,5vw,2.7rem)}.match-clear-burst{color:var(--bts-accent-ink);letter-spacing:.15em;font-size:2rem}.match-stage-clear h2,.match-result h2{margin-top:.35rem;font-family:Black Han Sans,sans-serif;font-size:clamp(3.4rem,11vw,6.5rem);line-height:.9}.match-stage-clear h2 span,.match-result h2 span{font-family:Space Mono,monospace;font-size:.95rem}.match-stage-clear>p:not(.match-kicker),.match-result-verdict{color:var(--match-card-muted);margin:.8rem auto 1.2rem}.match-clear-stats,.match-result-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin:1.2rem 0;display:grid}.match-clear-stats div,.match-result-stats div{border:2px solid var(--ink);background:color-mix(in srgb, var(--bts-accent) 9%, hsl(var(--card)));border-radius:.8rem;padding:.7rem}.match-clear-stats span,.match-result-stats span{color:var(--match-card-muted);letter-spacing:.06em;text-transform:uppercase;font-size:.58rem;font-weight:850;display:block}.match-clear-stats strong,.match-result-stats strong{margin-top:.15rem;font-size:1rem;display:block}.match-stage-clear>button{margin:.25rem}.match-result-burst{border:2px solid var(--ink);background:var(--bts-accent);width:6.5rem;height:6.5rem;box-shadow:4px 4px 0 var(--ink);border-radius:50%;place-items:center;margin:-4.8rem auto 1.2rem;display:grid;transform:rotate(-4deg)}.match-result-burst span{font-size:3rem}.match-save{background:color-mix(in srgb, var(--bts-accent) 10%, hsl(var(--card)));color:var(--match-card-muted);border-radius:.7rem;margin:1rem 0 .55rem;padding:.7rem;font-size:.72rem;font-weight:750}.match-save.is-saving{animation:.9s ease-in-out infinite alternate match-save-pulse}.match-save.is-saved{background:color-mix(in srgb, var(--success) 18%, hsl(var(--card)))}.match-save.is-error{background:color-mix(in srgb, var(--destructive) 16%, hsl(var(--card)))}@keyframes match-save-pulse{to{opacity:.55}}.match-retry{margin-bottom:.8rem}.match-result-actions{flex-wrap:wrap;justify-content:center;gap:.55rem;margin-top:1rem;display:flex}.match-share-status{min-height:1.2rem;color:var(--match-card-muted);margin-top:.75rem;font-size:.7rem}@media (width<=760px){.match-page-heading{grid-template-columns:1fr}.match-page-facts{grid-template-columns:repeat(3,minmax(0,1fr))}.match-page-facts a{grid-column:auto}.match-page-facts span,.match-page-facts a{text-align:center;flex-direction:column;justify-content:center}.match-intro-art{min-height:8rem}.match-modes{grid-template-columns:1fr}.match-stage-intro{text-align:center;grid-template-columns:1fr}.match-stage-stamp{grid-row:2;justify-self:center}.match-stage-rules,.match-stage-actions{justify-content:center}.match-play-heading{grid-template-columns:1fr}.match-hud{grid-template-columns:repeat(5,minmax(0,1fr));top:.2rem}.match-hud button{grid-row:2}.match-hud button[data-mute]{grid-column:1/3}.match-hud button[data-pause]{grid-column:3/5}.match-hud button[data-exit]{grid-column:5}.match-game[data-pairs="5"] .match-grid,.match-game[data-pairs="6"] .match-grid{--match-cols:3!important}}@media (width<=430px){.match-page-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.match-page-facts a{flex-direction:row;grid-column:1/-1}.match-intro-art span{width:17%;margin-inline:-2%}.match-intro-copy{padding-inline:.8rem}.match-modes{padding-inline:.7rem}.match-stage-rail b{display:none}.match-stage-rail li{justify-content:center}.match-hud{gap:.25rem;padding:.3rem}.match-hud>div,.match-hud button{min-height:2.35rem;padding:.15rem}.match-hud strong,.match-hud button{font-size:.58rem}.match-card-back,.match-card-front{box-shadow:2px 2px 0 var(--ink);border-radius:.65rem}.match-grid{gap:.32rem}}@media (prefers-reduced-motion:reduce){.match-card-inner{transition:opacity .1s linear;transform:none!important}.match-card-front{opacity:0;transform:none}.match-card.is-open .match-card-front,.match-card.is-matched .match-card-front{opacity:1}.match-card.is-open .match-card-back,.match-card.is-matched .match-card-back{opacity:0}.match-modes button:hover{transform:none}}