.pet-match{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(ellipse at 10% 10%,#d2e8d3,transparent 65%),radial-gradient(ellipse at 90% 80%,#e5d8ec,transparent 65%),#eff1df;overflow:hidden;color:#6c624b}.match-frame{position:relative;isolation:isolate;width:min(100vw,55dvh,30rem);height:100%;max-height:960px;display:flex;flex-direction:column;align-items:stretch;gap:1.2dvh;padding:max(1.5dvh,env(safe-area-inset-top)) 1.1rem max(1.6dvh,env(safe-area-inset-bottom));box-sizing:border-box;background:linear-gradient(145deg,#fffdf1,#f2f6e6 52%,#e7f1e7);box-shadow:0 0 5rem #64796520}.match-top{position:static;display:flex;align-items:center;justify-content:space-between;padding:0;gap:.6rem}.match-top>span{font-size:.65rem;letter-spacing:.12em;color:#8b967c}.match-top button{padding:.5rem .75rem;font-size:.72rem;min-height:44px}.match-top button:last-child{min-width:44px}.match-title{text-align:center;padding:.5dvh 0}.match-title>span{font-size:.66rem;letter-spacing:.2em;color:#94a38a}.match-title h1{font-size:clamp(1.8rem,3.6dvh,2.4rem);margin:.35rem 0;color:#756444;font-weight:900;letter-spacing:.04em}.match-title h1 span{color:#289e91}.match-title i{font-style:normal;color:#e6bb5d;margin-left:.5rem}.match-stations{display:flex;list-style:none;justify-content:space-between;position:relative;padding:0;margin:0 .1rem .35rem}.match-stations:before{content:'';position:absolute;left:8%;right:8%;top:1rem;border-top:2px dashed #ced9bc;z-index:-1}.match-stations li{display:flex;flex-direction:column;align-items:center;gap:.35rem;font-size:.58rem;color:#949d85}.match-stations b{background:#e8eadb;border:3px solid #fffbed;border-radius:50%;width:2rem;height:2rem;display:grid;place-items:center;font-size:.85rem}.match-stations .current{color:#238f81;font-weight:bold}.match-stations .current b,.match-stations .done b{background:#2ca994;color:#fffbed;box-shadow:0 2px 0 #a5c4aa}.match-stats{display:flex;justify-content:space-between;padding:.75rem 1rem .55rem;background:#fffef4;border:1px solid #dedfc7;border-radius:1.2rem;box-shadow:0 3px 0 #d9ddca66}.match-stats>div{display:flex;flex-wrap:wrap;align-items:baseline;gap:.3rem .6rem}.match-stats small{width:100%;font-size:.65rem;color:#8b967e}.match-stats b{font-size:1.8rem;color:#2b9687;line-height:1}.match-stats span{font-size:.6rem;color:#939580}.match-stats .match-steps{justify-content:flex-end;text-align:right;max-width:45%}.match-steps b{color:#c48d4b}.match-steps span{width:100%}.match-progress{height:.55rem;min-height:.55rem;background:#dce4cf;border:2px solid white;border-radius:1rem;overflow:hidden}.match-progress i{display:block;height:100%;background:linear-gradient(90deg,#79c5a5,#e0c878);border-radius:1rem;transition:width .25s}.match-notice{text-align:center;min-height:2.1em;display:grid;place-items:center;font-size:.72rem;line-height:1.5;color:#758565}.match-board{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));aspect-ratio:1;width:min(100%,47dvh);align-self:center;gap:1.1%;padding:2%;box-sizing:border-box;background:#c9ddcb;border:3px solid #fffef2;border-radius:1.3rem;box-shadow:0 5px 0 #a9c0a9,0 10px 24px #63846720;flex-shrink:0}.pet-match .match-board button{min-height:0!important;min-width:0;position:relative;padding:7%;border-radius:22%!important;border:1px solid #fffef4!important;background:#ecf4d7!important;box-shadow:0 3px 0 #95ad8d!important;aspect-ratio:1;transition:transform .17s,opacity .2s;touch-action:manipulation;overflow:hidden}.pet-match .match-board button[data-type="1"]{background:#fff0bf!important}.pet-match .match-board button[data-type="2"]{background:#f4d2bd!important}.pet-match .match-board button[data-type="3"]{background:#d6e4f4!important}.match-board .pet-portrait{border-radius:18%;mix-blend-mode:multiply}.pet-match .match-board button:disabled{opacity:1!important;filter:none!important;cursor:default}.pet-match .match-board .match-picked,.pet-match .match-board .match-hint{outline:3px solid #e9ab40;outline-offset:-2px;z-index:1}.pet-match .match-board .match-picked{transform:translateY(-2px);outline-color:#159b8a}.pet-match .match-board .match-cursor:focus-visible{outline:3px solid #168c7f!important;outline-offset:1px!important}.pet-match[data-phase="clearing"] .match-board .match-cleared{transform:scale(.35) rotate(12deg);opacity:.05!important}.pet-match[data-phase="falling"] .match-board .match-moved{transform:translateY(-8%)}.pet-match[data-phase="shuffling"] .match-board{opacity:.6;transform:scale(.97);transition:transform .3s,opacity .3s}.match-bottom{display:flex;align-items:center;gap:.75rem;justify-content:space-between;margin-top:auto;padding-top:1dvh}.match-bottom button{padding:.55rem .9rem;min-height:48px;font-size:.8rem;flex-shrink:0}.match-bottom button small{display:block;font-size:.55rem;color:#96a186;margin-top:.25rem}.match-bottom>div{font-size:.63rem;text-align:right;line-height:1.6}.match-bottom>div small{display:block;color:#969e85;font-size:.55rem}.match-overlay{position:absolute;inset:0;z-index:5;display:grid;place-items:center;padding:1rem;background:#e8f0d8a8;backdrop-filter:blur(7px);border-radius:inherit}.match-paper{width:100%;box-sizing:border-box;padding:1.6rem 1.2rem;text-align:center;border:2px solid #fffef3;border-radius:1.7rem;background:#fffbed;box-shadow:0 6px 0 #d1cbb5,0 20px 60px #5a735a25}.match-friends{display:flex;gap:.5rem;justify-content:center;margin-bottom:1.3rem}.match-friends .pet-portrait{width:20%;aspect-ratio:1;height:auto;border:3px solid white;box-shadow:0 3px 0 #d2dec4;background-color:#eaf0dd}.match-friends .pet-portrait:nth-child(even){transform:translateY(.4rem)}.match-overline{font-size:.62rem;letter-spacing:.15em;color:#90977e}.match-paper h2{font-size:1.5rem;color:#2e9a87;margin:.8rem 0}.match-paper p{white-space:pre-line;font-size:.78rem;line-height:1.9;margin:.7rem 0 1.3rem}.match-paper>button{display:block;width:100%;min-height:46px;margin:.75rem 0;padding:.6rem}.pet-match .match-paper .match-primary{background:#d8f0db!important;border-color:#8fc7aa!important;color:#287f6b!important;box-shadow:0 4px 0 #a4c5a7!important}.match-session{font-size:.6rem;line-height:1.6;display:block;color:#a09983;margin-top:1rem}
.arcade-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.arcade-choices button:nth-child(4){background:#e4f2e8}.arcade-art.matching{display:flex;justify-content:center;align-items:center;gap:.3rem}.arcade-art.matching .pet-portrait{width:3rem;height:3rem;border:2px solid white;box-shadow:0 3px 0 #bfd0af}.arcade-art.matching .pet-portrait:nth-child(2){transform:translateY(-.5rem)}
@media(max-aspect-ratio:4/5){.arcade-menu{padding:1.1rem;width:92vw}.arcade-choices{gap:.7rem}.arcade-choices button{padding:.7rem}.arcade-art{height:3rem;font-size:2.5rem}.arcade-choices small{margin:.3rem 0 .65rem;font-size:.64rem}.arcade-choices b{font-size:1.1rem}.arcade-choices em{font-size:.73rem;padding-top:.55rem}.arcade-help{float:none;display:block;margin:.8rem 0 0}.arcade-menu h2{font-size:1.7rem}.arcade-art.matching .pet-portrait{width:2.6rem;height:2.6rem}.match-frame{width:min(100vw,57dvh);gap:.9dvh;padding-inline:.85rem}.match-title h1{font-size:2rem}.match-bottom>div{max-width:46%}}
@media(max-height:650px){.match-frame{width:min(100vw,59dvh);gap:.5dvh;padding-top:.5dvh;padding-bottom:.7dvh}.match-title{display:none}.match-stations span{display:none}.match-stats{padding:.5rem .75rem}.match-stats b{font-size:1.3rem}.match-notice{font-size:.65rem}.match-bottom{padding-top:.3rem}.match-bottom>div{display:none}.match-bottom button{width:100%;padding:.4rem}.match-bottom button small{display:inline;margin-left:.5rem}.match-paper{padding:1rem}.match-paper h2{font-size:1.2rem}.match-paper p{font-size:.7rem}}
@media(prefers-reduced-motion:reduce){.pet-match *{transition:none!important}}