@font-face{font-family:CocoRounded;src:url(/g/MPLUSRounded1c-ExtraBold.woff2)format("woff2");font-weight:800;font-display:swap}:root{--cream:#fff9ec;--brown:#60381f;--brown-soft:#8a5a3c;--mint:#d6f2e8;--shadow:#d8c3a2;--p1:#d96352;--p2:#3c8fa8;--p3:#5f9a4c;--p4:#8a62b8;color:var(--brown);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font-family:CocoRounded,Hiragino Maru Gothic ProN,Hiragino Sans,Yu Gothic,sans-serif;font-weight:800}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#f8eedb url(/g/extra/bg_leaves.webp) 50%/cover fixed}img{-webkit-user-drag:none}.stage{background:var(--cream);width:min(100vw,62dvh,680px);height:100dvh;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 0 40px #60381f1f;container-type:size}.screen{padding:max(env(safe-area-inset-top), 3cqw) 4cqw max(env(safe-area-inset-bottom), 3cqw);-webkit-overflow-scrolling:touch;flex-direction:column;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden auto}.bg-leaves{background:var(--cream) url(/g/extra/bg_leaves.webp) center / cover no-repeat}.bg-plain{background:var(--cream) url(/g/assets/backgrounds/empty_1080x2340.webp) center / cover no-repeat}.sprite-btn{cursor:pointer;touch-action:manipulation;background:0 0;border:0;flex:none;min-height:44px;padding:0;line-height:0;display:inline-block;position:relative}.sprite-btn img{width:100%;height:auto;display:block}.sprite-btn .sb-pressed{opacity:0;position:absolute;inset:0}.sprite-btn:active:not(:disabled) .sb-pressed{opacity:1}.sprite-btn:disabled{cursor:default}.sprite-btn:focus-visible{outline:3px solid var(--p2);outline-offset:2px;border-radius:12px}.label{object-fit:contain;width:auto;max-width:100%;display:block}.heading{letter-spacing:.04em;color:var(--brown);text-shadow:0 0 1.2cqw #fff,.4cqw .4cqw #fff,-.4cqw -.4cqw #fff,.4cqw -.4cqw #fff,-.4cqw .4cqw #fff;text-align:center;margin:4cqw 0 2cqw;font-size:11cqw;line-height:1.15}.panel{background:var(--cream);border:max(2px, .75cqw) solid var(--brown);box-shadow:0 1.1cqw 0 var(--shadow);border-radius:5cqw}.row{justify-content:center;gap:3cqw;display:flex}.row3{justify-content:center;gap:2.2cqw;display:flex}.grid2{grid-template-columns:repeat(2,auto);justify-content:center;gap:2.4cqw 3cqw;display:grid}.hint{color:var(--brown-soft);text-align:center;margin:1.5cqw 0 0;font-size:3.4cqw;line-height:1.5}.note{color:var(--brown-soft);margin:2cqw 0;font-size:3.6cqw}.title-screen{justify-content:space-evenly}.title-logo{width:86cqw;margin-top:2cqw}.title-friends{object-fit:contain;width:88cqw;max-height:46cqh}.title-buttons{flex-direction:column;align-items:center;gap:3.5cqw;margin-bottom:4cqw;display:flex}.menu-screen{gap:2cqw}.mode-tiles{flex-direction:column;gap:3.6cqw;width:86cqw;margin:2cqw 0 4cqw;display:flex}.mode-tile{cursor:pointer;font:inherit;color:inherit;text-align:left;touch-action:manipulation;align-items:center;gap:2cqw;padding:3cqw;display:flex}.mode-tile:active{box-shadow:0 .5cqw 0 var(--shadow);transform:translateY(.6cqw)}.faces{flex:none;justify-content:center;align-items:center;width:28cqw;height:24cqw;display:flex;position:relative}.faces img{width:auto;height:22cqw}.faces-2 img{height:18cqw}.faces-2 img+img{align-self:flex-end;height:14cqw;margin-left:-5cqw}.faces-4{flex-wrap:wrap;width:28cqw}.faces-4 img{height:12.5cqw;margin:-.6cqw -.4cqw}.mode-text{flex-direction:column;flex:1;align-items:center;gap:1cqw;display:flex}.mode-btn{width:50cqw}.sub{color:var(--brown-soft);font-size:3.6cqw}.back-btn{margin-top:auto}.setup-faces{justify-content:center;align-items:center;gap:2cqw;margin:0 0 1cqw;display:flex}.face-lg{height:30cqw}.face-md{height:26cqw}.face-sm{height:20cqw;margin:0 -1.5cqw;transition:opacity .2s,filter .2s}.face-sm.off{opacity:.35;filter:grayscale(.8)}.vs-text{color:var(--brown-soft);font-size:9cqw}.picker{flex-direction:column;align-items:center;gap:2cqw;margin:1.5cqw 0;display:flex}.setup-actions{flex-direction:column;align-items:center;gap:2.4cqw;margin-top:auto;padding-top:3cqw;display:flex}.best-box{text-align:center;flex-direction:column;align-items:center;gap:1cqw;width:80cqw;padding:2.4cqw 4cqw;font-size:3.6cqw;display:flex}.best-title{color:var(--brown-soft)}.rules{width:88cqw;padding:4cqw 5cqw;font-size:3.9cqw;line-height:1.6}.rules ol{margin:0 0 3cqw;padding-left:5.5cqw}.rules li{margin-bottom:1.2cqw}.rules b{color:var(--p1)}.rules dl{margin:0}.rules dt{color:var(--p2);margin-top:1.6cqw}.rules dd{margin:0}.settings{flex-direction:column;gap:2cqw;width:86cqw;padding:5cqw;display:flex}.sound-rows{flex-direction:column;gap:4cqw;display:flex}.sound-row{align-items:center;gap:4cqw;display:flex}.slider{flex-direction:column;flex:1;gap:1cqw;font-size:4cqw;display:flex}.slider input{accent-color:#6cbfa0;width:100%;height:32px}.sound-icons{justify-content:center;gap:5cqw;display:flex}.game{padding-left:3cqw;padding-right:3cqw;overflow:hidden}.game-header{z-index:21;flex:none;justify-content:center;align-items:center;width:100%;min-height:12cqw;display:flex;position:relative}.pause-btn{position:absolute;top:50%;right:0;transform:translateY(-50%)}.counters{flex:none;justify-content:center;gap:2cqw;width:100%;margin:1.5cqw 0 2cqw;display:flex}.counter{background:var(--cream);border:max(2px, .6cqw) solid var(--brown);box-shadow:0 .8cqw 0 var(--shadow);border-radius:4cqw;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.6cqw;padding:1.6cqw 1cqw;display:flex}.counter .num{font-variant-numeric:tabular-nums;font-size:6.4cqw;line-height:1}.counter small{color:var(--brown-soft);font-size:4cqw}.scores{flex:none;grid-template-columns:repeat(2,1fr);gap:1.6cqw 2.4cqw;width:100%;margin:1cqw 0 2cqw;display:grid}.scores.n3>.score:last-child{grid-column:1/span 2;justify-self:center;width:calc(50% - 1.2cqw)}.score{line-height:0;transition:transform .2s;position:relative}.score.active{transform:scale(1.04)}.score-panel{width:100%;height:auto}.score-num{width:34%;position:absolute;top:70%;left:50%;transform:translate(-50%,-50%)}.board-wrap{flex:auto;justify-content:center;align-items:flex-start;width:100%;min-height:0;padding:1cqw 0;display:flex;overflow:hidden auto}.board{place-content:start center;margin:auto 0;display:grid}.board.hidden-board{visibility:hidden}.card{perspective:800px;cursor:default;touch-action:manipulation;background:0 0;border:0;padding:0;position:relative}.board.can-tap .card:not(.up):not(.slot){cursor:pointer}.board.can-tap .card:not(.up):not(.slot):active .card-inner{transform:scale(.95)}.card-inner{transform-style:preserve-3d;transition:transform .18s ease-out;position:absolute;inset:0}.card.up .card-inner{transform:rotateY(180deg)}.face{object-fit:contain;backface-visibility:hidden;filter:drop-shadow(0 .4cqw #60381f2e);width:100%;height:100%;position:absolute;inset:0}.face.front{transform:rotateY(180deg)}.card .frame{pointer-events:none;width:112%;height:112%;position:absolute;inset:-6%}.card.slot img{opacity:.6;width:100%;height:100%;position:absolute;inset:0}.card.slot .paw{opacity:.5;width:56%;height:56%;inset:22%}.turn-banner{flex:none;justify-content:center;width:100%;min-height:16cqw;padding-top:1.5cqw;display:flex}.tb-img{width:76cqw;height:auto}.blank-banner{width:74cqw;line-height:0;position:relative}.blank-banner>img{width:100%}.blank-banner .on-banner{position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.practice-msg{color:var(--brown-soft);align-self:center;font-size:4.6cqw}.overlay{z-index:20;flex-direction:column;justify-content:center;align-items:center;padding:6cqw;display:flex;position:absolute;inset:0}.overlay.dim{z-index:30;background:#3121168c}.overlay.privacy{background:#fff9ecf5}.modal{flex-direction:column;align-items:center;gap:3.2cqw;width:80cqw;padding:7cqw 6cqw 6cqw;display:flex}.modal.small{gap:2cqw;width:86cqw;padding:6cqw 4cqw 5cqw}.confirm-text{white-space:nowrap;text-align:center;margin:0;font-size:4.8cqw}.confirm-sub{color:var(--brown-soft);margin:0 0 2cqw;font-size:3.6cqw}.handoff{margin-top:14cqw;padding-top:18cqw;position:relative}.handoff-face{width:34cqw;position:absolute;top:-16cqw;left:50%;transform:translate(-50%)}.handoff-badge{width:22cqw}.match{cursor:pointer;gap:5cqw;animation:.18s ease-out fadein}.match-banner{background:var(--cream);border:max(2px, .75cqw) solid var(--brown);box-shadow:0 1cqw 0 var(--shadow);border-radius:6cqw;padding:2.6cqw 6cqw;animation:.35s cubic-bezier(.2,1.6,.4,1) pop}.match-cards{gap:4cqw;display:flex}.match-card{aspect-ratio:1;width:42cqw;animation:.4s cubic-bezier(.2,1.4,.4,1) pop;position:relative}.match-card img{width:100%;height:100%;position:absolute;inset:0}.match-card .frame{width:110%;height:110%;inset:-5%}.tap-hint{color:#fff;opacity:.85;margin:0;font-size:3.8cqw}@keyframes pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes fadein{0%{opacity:0}}.result-screen{justify-content:center;gap:4cqw}.result-panel{flex-direction:column;align-items:center;gap:2.4cqw;width:90cqw;padding:5cqw;display:flex}.result-face{width:36cqw;animation:.45s cubic-bezier(.2,1.5,.4,1) pop}.result-faces{justify-content:center;display:flex}.result-faces img{width:22cqw;margin:0 -1cqw}.tie-names{color:var(--brown-soft);margin:0;font-size:3.8cqw}.result-scores{grid-template-columns:repeat(2,1fr);gap:2cqw;width:100%;display:grid}.result-scores.n3>.score:last-child{grid-column:1/span 2;justify-self:center;width:calc(50% - 1cqw)}.practice-result{flex-direction:column;align-items:center;gap:1.8cqw;width:100%;display:flex}.stat{border:max(2px, .5cqw) solid var(--shadow);background:#fff;border-radius:4cqw;justify-content:space-between;align-items:center;width:70cqw;padding:1.6cqw 4cqw;display:flex}.stat b{font-variant-numeric:tabular-nums;font-size:6cqw}.best-label{animation:.5s cubic-bezier(.2,1.6,.4,1) .2s both pop}.prev{color:var(--brown-soft);margin:0;font-size:3.4cqw}.result-actions{flex-direction:column;align-items:center;gap:2.4cqw;display:flex}@media (prefers-reduced-motion:reduce){.card-inner,.match,.match-banner,.match-card,.result-face,.best-label{transition:none;animation:none}}.blank-btn{border-style:solid;border-width:3.4cqw;border-image:var(--bb) 70 fill / 3.4cqw stretch;color:var(--brown);cursor:pointer;touch-action:manipulation;white-space:nowrap;background:0 0;justify-content:center;align-items:center;min-height:44px;padding:0 0 .8cqw;font-family:inherit;font-weight:800;display:inline-flex}.blank-btn>*{margin:-3.4cqw}.blank-btn:active{border-image-source:var(--bbp)}.blank-btn[aria-pressed=true]{color:#3b2312}.sprite-btn[aria-pressed=true],.blank-btn[aria-pressed=true]{filter:drop-shadow(0 0 1.2cqw #f0bc3cd9)}.mode-tiles,.menu-screen .back-btn{margin-top:auto}.compact-scores{flex:none;justify-content:center;gap:2cqw;width:100%;margin:1cqw 0 1.5cqw;display:flex}.chip{background:var(--cream);border:max(2px, .5cqw) solid var(--shadow);border-radius:99px;align-items:center;gap:.6cqw;min-width:21cqw;padding:.8cqw 2cqw .8cqw 1cqw;display:flex}.chip.active{border-color:#e3b13f;box-shadow:0 0 0 .6cqw #f0bc3c59}.chip-badge{width:9cqw;height:9cqw}.chip-badge.robot{width:9cqw}.chip-num{width:auto;height:8cqw;margin:-1cqw -1.5cqw}