@import"https://fonts.googleapis.com/css2?family=Jua&family=Mali:wght@400;500;600;700&display=swap";*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root{font-family:Jua,Mali,system-ui,sans-serif;color:#fff8f1;background:#2d1823;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}:lang(th){font-family:Mali,system-ui,sans-serif}html,body,#root{min-width:320px;min-height:100%}body{margin:0;min-height:100dvh;overflow:hidden}button{font:inherit}.app-shell{width:100dvw;min-height:100dvh;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 0%,#8a5a55,#4b2a3a 52%,#241421)}.game-frame{position:relative;width:100%;height:100dvh;overflow:hidden;border:0;border-radius:0;box-shadow:none;isolation:isolate}.game-backdrop{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,#ffe5bf0d,#2f161e33),url(/background.png) center / cover;background-image:linear-gradient(180deg,#ffe5bf0d,#2f161e33),-webkit-image-set(url(/optimized/background-941.webp) type("image/webp"),url(/background.png) type("image/png"));background-image:linear-gradient(180deg,#ffe5bf0d,#2f161e33),image-set(url(/optimized/background-941.webp) type("image/webp"),url(/background.png) type("image/png"))}.game-content{position:relative;display:flex;flex-direction:column;height:100%;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));background:linear-gradient(180deg,#ffefd814,#4f262d14 32%,#1c0d164d)}.hud{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(2px,.8vw,5px)}.hud-stat{display:grid;align-content:center;min-width:0;aspect-ratio:347 / 171;padding:clamp(3px,1.2dvh,9px) 6px clamp(4px,1.4dvh,10px) 29%;text-align:center;background-repeat:no-repeat;background-position:center;background-size:contain;filter:drop-shadow(0 4px 3px rgba(76,39,36,.2))}.hud-round{background-image:url(/hud-round.png)}.hud-score{position:relative;background-image:url(/hud-score.png)}.hud-time{background-image:url(/hud-time.png)}.hud-round{background-image:-webkit-image-set(url(/optimized/hud-round-347.webp) type("image/webp"),url(/hud-round.png) type("image/png"));background-image:image-set(url(/optimized/hud-round-347.webp) type("image/webp"),url(/hud-round.png) type("image/png"))}.hud-score{background-image:-webkit-image-set(url(/optimized/hud-score-347.webp) type("image/webp"),url(/hud-score.png) type("image/png"));background-image:image-set(url(/optimized/hud-score-347.webp) type("image/webp"),url(/hud-score.png) type("image/png"))}.hud-time{background-image:-webkit-image-set(url(/optimized/hud-time-347.webp) type("image/webp"),url(/hud-time.png) type("image/png"));background-image:image-set(url(/optimized/hud-time-347.webp) type("image/webp"),url(/hud-time.png) type("image/png"))}.hud-time.is-warning{animation:pulse-warning .85s ease-in-out infinite alternate}.hud-time.is-critical{animation:pulse-warning-critical .45s ease-in-out infinite alternate}.hud-label{display:block;margin-bottom:2px;color:#5b4058;font-size:clamp(.55rem,1.7vw,.74rem);font-weight:800;letter-spacing:.12em;line-height:1;text-transform:uppercase;text-shadow:0 1px rgba(255,255,255,.7)}.hud-value{display:block;color:#4d2d3c;font-size:clamp(1.08rem,4.8vw,1.65rem);line-height:1;text-shadow:0 2px rgba(255,255,255,.72)}.score-value{transform-origin:center;animation:score-pop .65s ease both}.golden-timer{width:min(100%,340px);margin:-7px auto 0;padding:5px 11px 7px;color:#fff4cf;border:1px solid rgba(255,214,112,.7);border-radius:999px;background:#5b3126db;box-shadow:0 5px 13px #2d0e1233,inset 0 1px #ffffff26}.golden-timer-heading{display:flex;align-items:center;gap:6px;font-size:clamp(.58rem,1.8vw,.72rem);font-weight:900;letter-spacing:.08em;text-transform:uppercase}.golden-timer-heading picture{display:contents}.golden-timer-heading strong{margin-left:auto;color:#ffe28a;font-size:clamp(.82rem,2.8vw,1rem);letter-spacing:.03em}.golden-timer-icon{width:19px;height:19px;-o-object-fit:contain;object-fit:contain;border-radius:5px;filter:drop-shadow(0 0 4px rgba(255,213,84,.7))}.golden-timer-track{height:4px;margin-top:4px;overflow:hidden;border-radius:999px;background:#ffecb133}.golden-timer-progress{display:block;width:100%;height:100%;transform-origin:left center;border-radius:inherit;background:#ffdc72;box-shadow:0 0 8px #ffcb41e6;transition:transform .1s linear,background-color .12s ease}.golden-timer[data-timer-level=warning] .golden-timer-heading strong{color:#ffb86b}.golden-timer[data-timer-level=warning] .golden-timer-progress{background:#ff9f56}.golden-timer[data-timer-level=critical] .golden-timer-heading strong{color:#ff8174}.golden-timer[data-timer-level=critical] .golden-timer-progress{background:#ff6e63}.board-wrap{display:grid;flex:1;place-items:center;min-height:0;padding:clamp(12px,4vw,28px) 0}.board-layout{display:grid;width:min(92%,360px);max-height:100%;gap:clamp(3px,1vw,7px)}.board-layout[data-board-layout="4x2"]{width:min(86%,262px);gap:1px}.board-layout[data-board-layout="4x3"],.board-layout[data-board-layout="4x4"],.board-layout[data-board-layout="5x4"]{width:min(calc(100% + 24px),440px)}.card-button{position:relative;width:100%;aspect-ratio:1152 / 1365;padding:0;border:0;border-radius:15%;background:transparent;perspective:900px;cursor:pointer;transition:transform .13s ease,filter .13s ease}.card-button:not(:disabled):hover{transform:translateY(-2px) scale(1.015);filter:brightness(1.08)}.card-button:not(:disabled):active{transform:scale(.97)}.card-button:focus-visible{outline:3px solid #ffe28d;outline-offset:3px}.card-button.is-matched{cursor:default;filter:saturate(.94) brightness(.9) drop-shadow(0 0 7px rgba(255,222,143,.42));animation:match-card-pop .72s cubic-bezier(.2,.9,.25,1.15) both}.card-button.is-matched:after{position:absolute;inset:4%;z-index:2;border:3px solid rgba(255,226,150,.8);border-radius:inherit;box-shadow:0 0 18px #ffcb718f,inset 0 0 12px #ffffff47;content:"";pointer-events:none;animation:match-card-glow .72s ease both}.card-button.is-mismatch{animation:mismatch-shake .62s ease both}.mismatch-mark{position:absolute;top:3%;left:50%;z-index:3;display:grid;place-items:center;width:32px;height:32px;color:#fff1dc;border:2px solid rgba(255,184,167,.9);border-radius:50%;background:#893741eb;box-shadow:0 5px 10px #2d0c1947;transform:translate(-50%,-50%) rotate(-9deg);animation:mismatch-mark-pop .62s ease both;font-size:.86rem;font-weight:900;letter-spacing:-.1em;line-height:1}.card-face{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden;border-radius:inherit;backface-visibility:hidden;transition:transform .22s ease,opacity .22s ease}.card-face img{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.card-face picture{display:contents}.card-back{transform:rotateY(0)}.golden-cover{z-index:2;transform:rotateY(0);filter:drop-shadow(0 0 9px rgba(255,207,82,.94))}.golden-cover img{-o-object-fit:cover;object-fit:cover}.card-button.is-golden{filter:drop-shadow(0 0 8px rgba(255,198,66,.9))}.card-button.is-golden:after{position:absolute;inset:3%;z-index:3;border:3px solid rgba(255,225,126,.96);border-radius:inherit;box-shadow:0 0 18px #ffc23fb8,inset 0 0 12px #fff5b361;content:"";pointer-events:none;animation:golden-card-pulse 1.1s ease-in-out infinite alternate}.card-front{transform:rotateY(180deg)}.card-button.is-revealed .card-back{transform:rotateY(-180deg)}.card-button.is-revealed .card-front{transform:rotateY(0)}.game-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px}.sound-button{display:inline-grid;place-items:center;width:52px;height:52px;flex:0 0 52px;padding:0;color:#fff;border:0;border-radius:26%;background:url(/sound-button.png) center / contain no-repeat;filter:drop-shadow(0 4px 3px rgba(58,38,84,.28));cursor:pointer;transition:filter .14s ease,transform .14s ease}.sound-button:hover{filter:drop-shadow(0 5px 5px rgba(58,38,84,.34)) brightness(1.07);transform:translateY(-1px)}.sound-button{background-image:-webkit-image-set(url(/optimized/sound-button-256.webp) type("image/webp"),url(/sound-button.png) type("image/png"));background-image:image-set(url(/optimized/sound-button-256.webp) type("image/webp"),url(/sound-button.png) type("image/png"))}.sound-button:active{filter:drop-shadow(0 2px 2px rgba(58,38,84,.26)) brightness(.97);transform:translateY(2px)}.sound-icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.1;filter:drop-shadow(0 1px 1px rgba(57,43,102,.45))}.footer-hint{display:inline-flex;align-items:center;gap:6px;max-width:calc(100% - 64px);padding:6px 10px 7px;color:#ffe8d3e6;border:1px solid rgba(255,225,180,.28);border-radius:999px;background:#421d2b61;box-shadow:inset 0 1px #ffffff1a,0 4px 12px #1f0c1829;font-size:clamp(.57rem,1.6vw,.7rem);letter-spacing:.03em}.footer-hint .paw-icon{width:15px;height:15px;flex:0 0 15px;fill:currentColor;color:#ffd98e}.overlay{position:absolute;inset:0;z-index:4;display:grid;place-items:center;padding:22px;background:#170a137a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.overlay picture,.round-celebration-card picture{display:contents}.overlay-card{width:min(100%,330px);padding:clamp(22px,6vw,36px) 22px;text-align:center;border:2px solid rgba(255,235,211,.58);border-radius:27px;background:linear-gradient(145deg,#592d39f7,#2b1624fa);box-shadow:0 20px 50px #0006}.eyebrow{margin:0 0 8px;color:#f7c986;font-size:.68rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.overlay h2{margin:0;color:#fff6e8;font-size:clamp(1.7rem,7vw,2.55rem);line-height:.98;letter-spacing:-.045em}.overlay-copy{margin:16px auto 22px;max-width:24ch;color:#f8e1d5;font-size:.92rem;line-height:1.45}.primary-button{min-width:160px;padding:12px 18px;color:#3d2024;border:0;border-radius:999px;background:linear-gradient(180deg,#ffd68a,#ed9a60);box-shadow:0 5px #a9544b;cursor:pointer;font-weight:900;letter-spacing:.03em}.primary-button:hover{filter:brightness(1.08);transform:translateY(-1px)}.primary-button:active{transform:translateY(3px);box-shadow:0 2px #a9544b}.primary-button:focus-visible,.sound-button:focus-visible,.start-prompt:focus-visible{outline:3px solid #ffe28d;outline-offset:5px}.overlay-start{background:linear-gradient(180deg,#13081038,#1308106b);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.start-floating-copy{position:relative;z-index:1;display:grid;justify-items:center;width:min(100%,330px);padding:18px 18px 20px;text-align:center;animation:start-text-in .55s cubic-bezier(.2,.8,.25,1.05) both}.start-floating-copy:before,.start-floating-copy:after{position:absolute;color:#ffdc8ee0;content:"✦";pointer-events:none;text-shadow:0 4px 12px rgba(68,25,38,.55)}.start-floating-copy:before{top:8px;left:2px;font-size:.92rem;transform:rotate(-15deg)}.start-floating-copy:after{right:4px;bottom:11px;color:#f6a99de6;font-size:1.2rem;transform:rotate(13deg)}.start-floating-copy .eyebrow{margin-bottom:8px;color:#ffdc94;text-shadow:0 3px 10px rgba(55,19,31,.75)}.start-subtitle{margin:0 0 19px;color:#fff5e5;font-size:clamp(.78rem,3.3vw,.98rem);font-weight:700;letter-spacing:.03em;text-shadow:0 3px 10px rgba(40,14,27,.9)}.start-cat{position:absolute;top:calc(50% - 190px);right:clamp(12px,8vw,38px);z-index:2;width:clamp(96px,29vw,130px);filter:drop-shadow(0 8px 6px rgba(34,10,20,.5));transform:rotate(8deg);animation:start-cat-in .55s cubic-bezier(.2,.9,.25,1.12) .08s both;pointer-events:none}.start-prompt{display:inline-block;min-width:178px;padding:5px 15px 8px;color:#ffd47f;border:0;background:transparent;cursor:pointer;font-size:clamp(1.2rem,5.7vw,1.7rem);font-weight:900;letter-spacing:.02em;text-shadow:0 4px 0 rgba(105,45,49,.76),0 8px 16px rgba(42,11,23,.6);transition:color .15s ease,transform .15s ease,text-shadow .15s ease}.start-prompt:hover{color:#fff0b0;transform:translateY(-3px);text-shadow:0 4px 0 rgba(105,45,49,.7),0 10px 20px rgba(42,11,23,.68)}.start-prompt:active{transform:translateY(2px)}.overlay-countdown{background:#13081080}.countdown-number{color:#ffe29b;font-size:clamp(6rem,35vw,12rem);font-weight:900;line-height:.8;text-shadow:0 9px 0 rgba(124,59,58,.62),0 20px 30px rgba(0,0,0,.28);animation:countdown-pop .9s ease both}.overlay-first-turn-hint{background:#1308104d}.first-turn-hint{margin:0;color:#fff3d4;font-size:clamp(2rem,11vw,4.4rem);font-weight:700;letter-spacing:.08em;text-shadow:0 5px 0 rgba(102,49,57,.7),0 12px 25px rgba(0,0,0,.3);animation:hint-pop 2s ease both}.overlay-golden-alert{background:#111820ad}.golden-alert-card{position:relative;width:min(100%,330px);min-height:0;aspect-ratio:1 / 1;overflow:hidden;padding:30px 29px;border:0;border-radius:34px;background:url(/ui/golden-alert-panel.png) center / 100% 100% no-repeat;box-shadow:0 20px 50px #00000057,0 0 32px #ffbe4147;background-image:-webkit-image-set(url(/optimized/ui/golden-alert-panel-512.webp) 1x type("image/webp"),url(/optimized/ui/golden-alert-panel-1024.webp) 2x type("image/webp"),url(/optimized/ui/golden-alert-panel-1254.webp) 3x type("image/webp"),url(/ui/golden-alert-panel.png) 1x type("image/png"));background-image:image-set(url(/optimized/ui/golden-alert-panel-512.webp) 1x type("image/webp"),url(/optimized/ui/golden-alert-panel-1024.webp) 2x type("image/webp"),url(/optimized/ui/golden-alert-panel-1254.webp) 3x type("image/webp"),url(/ui/golden-alert-panel.png) 1x type("image/png"))}.golden-alert-card .eyebrow{color:#b45f2a;text-shadow:0 1px rgba(255,255,255,.8)}.golden-alert-card h2{margin:0;color:#5b4058;font-size:clamp(1.45rem,7vw,2.1rem);text-shadow:0 2px rgba(255,255,255,.86)}.golden-alert-instruction{margin:10px auto 0;max-width:21ch;color:#704348;font-size:clamp(.82rem,3.4vw,.98rem);font-weight:700;line-height:1.4;text-shadow:0 1px rgba(255,255,255,.58)}.golden-alert-cat{position:relative;top:auto;right:auto;display:block;width:clamp(64px,20vw,80px);margin:0 auto 2px;filter:drop-shadow(0 5px 5px rgba(34,10,20,.28));transform:rotate(4deg);animation:golden-alert-cat-in .55s cubic-bezier(.2,.9,.25,1.12) both}.round-celebration{position:absolute;inset:0;z-index:3;display:grid;place-items:center;pointer-events:none}.round-celebration-card{position:relative;display:flex;align-items:center;width:min(86%,300px);min-height:88px;padding:15px 22px 15px 102px;border:2px solid rgba(255,225,158,.78);border-radius:26px;background:linear-gradient(145deg,#703940f5,#3a1d2af5);box-shadow:0 15px 32px #220c1857,inset 0 1px #ffffff2e;transform:translateY(-3%);animation:round-celebration-in .8s cubic-bezier(.2,.85,.3,1) both}.round-celebration-copy{display:grid;gap:3px;text-align:left}.round-celebration-copy .eyebrow{margin:0}.round-celebration-copy strong{color:#fff4dd;font-size:clamp(1.35rem,6vw,1.8rem);line-height:1;text-shadow:0 2px rgba(99,45,49,.58)}.round-celebration-cat{position:absolute;bottom:-8px;left:-7px;width:104px;filter:drop-shadow(0 7px 5px rgba(35,12,20,.35));transform:rotate(-7deg);animation:round-cat-pop .8s cubic-bezier(.2,.85,.3,1.15) both}.round-confetti{position:absolute;inset:0;overflow:hidden}.round-confetti-piece{position:absolute;display:block;width:18px;height:18px;color:#ffd98e;opacity:0;animation:round-confetti-fall .8s ease-out both}.round-confetti-piece .paw-icon{width:100%;height:100%;fill:currentColor}.round-confetti-piece:nth-child(2n){color:#f6a99d}.round-confetti-piece:nth-child(3n){color:#fff1ce}.round-confetti-piece-1{top:26%;left:12%;--confetti-x: -21px;--confetti-y: 50px;--confetti-rotate: -30deg;animation-delay:.02s}.round-confetti-piece-2{top:21%;left:23%;--confetti-x: -9px;--confetti-y: 70px;--confetti-rotate: 24deg;animation-delay:.05s}.round-confetti-piece-3{top:16%;right:23%;--confetti-x: 13px;--confetti-y: 70px;--confetti-rotate: -26deg;animation-delay:.1s}.round-confetti-piece-4{top:28%;right:12%;--confetti-x: 24px;--confetti-y: 49px;--confetti-rotate: 35deg;animation-delay:.06s}.round-confetti-piece-5{top:41%;left:7%;--confetti-x: -32px;--confetti-y: 35px;--confetti-rotate: 18deg;animation-delay:.12s}.round-confetti-piece-6{top:44%;right:7%;--confetti-x: 33px;--confetti-y: 32px;--confetti-rotate: -20deg;animation-delay:.15s}.round-confetti-piece-7{top:62%;left:17%;--confetti-x: -18px;--confetti-y: -16px;--confetti-rotate: 28deg;animation-delay:.08s}.round-confetti-piece-8{top:65%;right:18%;--confetti-x: 20px;--confetti-y: -16px;--confetti-rotate: -28deg;animation-delay:.12s}.round-confetti-piece-9{top:32%;left:34%;--confetti-x: -9px;--confetti-y: 45px;--confetti-rotate: 34deg;animation-delay:.15s}.round-confetti-piece-10{top:34%;right:34%;--confetti-x: 9px;--confetti-y: 45px;--confetti-rotate: -34deg;animation-delay:.18s}.overlay-result{background:#180b1457;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.result-card{position:relative;width:min(100%,334px);min-height:0;aspect-ratio:1 / 1;overflow:visible;padding:40px 27px 26px;border:0;border-radius:34px;background:url(/ui/result-panel.png) center / 100% 100% no-repeat;box-shadow:0 22px 46px #1a081257;animation:result-card-in .45s cubic-bezier(.2,.8,.25,1.05) both;background-image:-webkit-image-set(url(/optimized/ui/result-panel-512.webp) 1x type("image/webp"),url(/optimized/ui/result-panel-1024.webp) 2x type("image/webp"),url(/optimized/ui/result-panel-1254.webp) 3x type("image/webp"),url(/ui/result-panel.png) 1x type("image/png"));background-image:image-set(url(/optimized/ui/result-panel-512.webp) 1x type("image/webp"),url(/optimized/ui/result-panel-1024.webp) 2x type("image/webp"),url(/optimized/ui/result-panel-1254.webp) 3x type("image/webp"),url(/ui/result-panel.png) 1x type("image/png"))}.result-card:before,.result-card:after{position:absolute;z-index:0;color:#ffdc8eb8;content:"✦";pointer-events:none}.result-card:before{top:18px;left:20px;font-size:1rem;transform:rotate(-16deg)}.result-card:after{right:19px;bottom:23px;color:#f6a99db3;font-size:1.3rem;transform:rotate(14deg)}.result-card-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;width:100%}.result-card .eyebrow{margin:0 0 9px;color:#a85b51;font-size:clamp(.58rem,1.9vw,.7rem);line-height:1;letter-spacing:.17em;text-shadow:0 1px rgba(255,255,255,.78)}.result-card h2{margin:0;color:#563b53;font-size:clamp(1.65rem,7.4vw,2.2rem);line-height:1;letter-spacing:-.04em;text-shadow:0 2px rgba(255,255,255,.86)}.result-sparkles{position:absolute;inset:0;z-index:2;pointer-events:none}.result-sparkles span{position:absolute;color:#ffe39f;text-shadow:0 2px 8px rgba(255,176,90,.5);animation:result-sparkle 1.4s ease-in-out infinite alternate}.result-sparkles span:nth-child(1){top:68px;left:30px;font-size:.9rem}.result-sparkles span:nth-child(2){top:90px;right:34px;color:#f6a99d;font-size:.7rem;animation-delay:.2s}.result-sparkles span:nth-child(3){right:22px;bottom:91px;font-size:.72rem;animation-delay:.35s}.result-cat-card{position:absolute;top:-50px;right:-16px;z-index:3;width:104px;filter:drop-shadow(0 7px 5px rgba(34,10,20,.34));transform:rotate(9deg);animation:result-cat-in .55s cubic-bezier(.2,.9,.25,1.12) .08s both}.new-high-score{display:inline-flex;align-items:center;gap:6px;margin:12px 0 0;padding:5px 12px 6px;color:#995331;border:1px solid rgba(214,139,78,.72);border-radius:999px;background:#fff7dce6;box-shadow:0 4px 10px #924b3629;font-size:clamp(.58rem,1.8vw,.68rem);font-weight:900;letter-spacing:.1em;line-height:1;text-transform:uppercase}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);width:100%;gap:8px;margin:20px 0 19px}.result-stat{position:relative;min-width:0;padding:10px 4px 9px;border:1px solid rgba(219,139,126,.64);border-radius:14px;background:linear-gradient(180deg,#fffbeff0,#ffe0dae0);box-shadow:inset 0 1px #ffffffdb,0 3px 8px #a4524d1f}.result-stat:before{position:absolute;top:-6px;left:50%;width:10px;height:10px;color:#fff2c8;background:#e58a65;border:1px solid rgba(255,247,203,.9);border-radius:50%;content:"";transform:translate(-50%)}.result-label{display:block;color:#925768;font-size:clamp(.5rem,1.55vw,.64rem);font-weight:900;letter-spacing:.08em;line-height:1.1;text-transform:uppercase}.result-stat strong{display:block;margin-top:6px;color:#563b53;font-size:clamp(1.22rem,5.4vw,1.5rem);line-height:1;text-shadow:0 1px rgba(255,255,255,.86)}.result-replay-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:170px;padding:10px 18px 11px;color:#4d2932}.result-button-paw{display:inline-grid;place-items:center;width:22px;height:22px;color:#6e3541}.result-button-paw .paw-icon{width:100%;height:100%;fill:currentColor}.feedback-toast{position:absolute;top:calc(100% + 7px);left:50%;z-index:5;display:flex;align-items:baseline;gap:8px;padding:5px 11px 6px;color:#fff;border:1px solid rgba(255,239,208,.45);border-radius:999px;background:#2e1420e0;box-shadow:0 6px 16px #1b081247,inset 0 1px #ffffff29;transform:translate(-50%);animation:feedback-pop .85s ease both;pointer-events:none;text-shadow:0 2px 0 rgba(88,35,38,.65);white-space:nowrap}.feedback-toast strong{font-size:clamp(.84rem,4vw,1.15rem);letter-spacing:.05em}.feedback-toast span{font-size:clamp(1.12rem,5vw,1.55rem);font-weight:900}.feedback-match{border-color:#ffe296b8}.feedback-match strong,.feedback-match span{color:#ffe296}.feedback-mismatch{border-color:#ffb0a9b8}.feedback-mismatch strong,.feedback-mismatch span{color:#ffb0a9}.feedback-golden-match{border-color:#ffe06bf2;background:#5e3a1bf0}.feedback-golden-match strong,.feedback-golden-match span{color:#ffe47b}.feedback-golden-missed{border-color:#ff9070e6}.feedback-golden-missed strong,.feedback-golden-missed span{color:#ff9d7b}.match-effect-layer{position:absolute;inset:0;z-index:3;overflow:hidden;pointer-events:none}.match-effect-burst{position:absolute;top:var(--match-y);left:var(--match-x);display:block;width:20px;height:20px;color:#ffe39e;transform:translate(-50%,-50%);animation:match-burst .72s cubic-bezier(.15,.8,.25,1) both}.match-spark{position:absolute;display:block;color:inherit;font-size:1.2rem;line-height:1;text-shadow:0 2px 8px rgba(255,185,80,.65)}.match-spark-one{top:-14px;left:-14px}.match-spark-two{top:-17px;right:-12px;color:#f6a99d;font-size:.9rem}.match-spark-three{right:-17px;bottom:-11px;color:#fff3cf;font-size:1rem}.match-spark-four{bottom:-10px;left:-15px;color:#f6a99d;font-size:1.5rem}.match-effect-paw{position:absolute;top:var(--match-y);left:var(--match-x);display:grid;place-items:center;width:30px;height:30px;color:#ffe4a2;filter:drop-shadow(0 4px 6px rgba(72,30,36,.34));transform:translate(-50%,-50%);animation:paw-travel .62s cubic-bezier(.28,.74,.3,1) .08s both}.match-effect-paw .paw-icon{width:100%;height:100%;fill:currentColor}.match-effect-impact{position:absolute;top:var(--target-y);left:var(--target-x);width:12px;height:12px;border:2px solid rgba(255,226,150,.9);border-radius:50%;box-shadow:0 0 #ffe296b8;transform:translate(-50%,-50%);animation:score-impact .45s ease .59s both}.match-effect-time-impact{top:var(--time-y);left:var(--time-x);animation-delay:.7s}.match-effect-layer.is-reduced-motion .match-effect-burst,.match-effect-layer.is-reduced-motion .match-effect-paw{animation:reduced-fade .4s ease both}.match-effect-layer.is-reduced-motion .match-effect-impact{animation:reduced-impact .4s ease .1s both}.urgency-vignette{position:absolute;inset:0;z-index:2;pointer-events:none;border-radius:inherit}.urgency-warning{box-shadow:inset 0 0 42px #ffa64e2e;animation:urgency-breathe 1.1s ease-in-out infinite alternate}.urgency-critical{box-shadow:inset 0 0 58px #ff66534d;animation:urgency-critical .45s ease-in-out infinite alternate}@keyframes start-text-in{0%{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes start-cat-in{0%{opacity:0;transform:translate(15px,10px) rotate(15deg) scale(.76)}to{opacity:1;transform:translate(0) rotate(8deg) scale(1)}}@keyframes countdown-pop{0%{opacity:0;transform:scale(1.35)}to{opacity:1;transform:scale(1)}}@keyframes hint-pop{0%{opacity:0;transform:scale(.82)}18%{opacity:1;transform:scale(1.05)}to{opacity:0;transform:scale(1)}}@keyframes score-pop{0%{transform:scale(.88)}35%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes feedback-pop{0%{opacity:0;transform:translate(-50%,12px) scale(.75)}20%{opacity:1;transform:translate(-50%) scale(1.05)}to{opacity:0;transform:translate(-50%,-24px) scale(1)}}@keyframes match-card-pop{0%{transform:scale(1)}28%{transform:scale(1.07) rotate(-1deg)}56%{transform:scale(.98) rotate(1deg)}to{transform:scale(1)}}@keyframes match-card-glow{0%{opacity:0;transform:scale(.84)}28%{opacity:1;transform:scale(1.02)}to{opacity:.45;transform:scale(1)}}@keyframes mismatch-shake{0%,to{transform:translate(0) rotate(0)}18%{transform:translate(-5px) rotate(-1deg)}36%{transform:translate(5px) rotate(1deg)}54%{transform:translate(-4px) rotate(-1deg)}72%{transform:translate(3px) rotate(1deg)}}@keyframes mismatch-mark-pop{0%{opacity:0;transform:translate(-50%,5px) scale(.6) rotate(-20deg)}25%{opacity:1;transform:translate(-50%,-50%) scale(1.1) rotate(-9deg)}to{opacity:.9;transform:translate(-50%,-50%) scale(1) rotate(-9deg)}}@keyframes round-celebration-in{0%{opacity:0;transform:translateY(12px) scale(.84)}24%{opacity:1}to{opacity:1;transform:translateY(-3%) scale(1)}}@keyframes round-cat-pop{0%{opacity:0;transform:translate(-18px,13px) rotate(-16deg) scale(.8)}to{opacity:1;transform:translate(0) rotate(-7deg) scale(1)}}@keyframes round-confetti-fall{0%{opacity:0;transform:translateY(-7px) rotate(0) scale(.5)}24%{opacity:1}to{opacity:.86;transform:translate(var(--confetti-x),var(--confetti-y)) rotate(var(--confetti-rotate)) scale(1)}}@keyframes match-burst{0%{opacity:0;transform:translate(-50%,-50%) scale(.35)}22%{opacity:1;transform:translate(-50%,-50%) scale(1.15)}to{opacity:0;transform:translate(-50%,-50%) scale(1.75)}}@keyframes paw-travel{0%{opacity:0;transform:translate(-50%,-50%) scale(.65) rotate(-15deg)}20%{opacity:1}to{opacity:1;transform:translate(calc(-50% + var(--travel-x)),calc(-50% + var(--travel-y))) scale(.95) rotate(15deg)}}@keyframes score-impact{0%{opacity:0;transform:translate(-50%,-50%) scale(.6)}35%{opacity:1;box-shadow:0 0 0 12px #ffe29642}to{opacity:0;transform:translate(-50%,-50%) scale(2.8);box-shadow:0 0 #ffe29600}}@keyframes result-card-in{0%{opacity:0;transform:translateY(14px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes result-cat-in{0%{opacity:0;transform:translate(14px,8px) rotate(16deg) scale(.74)}to{opacity:1;transform:translate(0) rotate(9deg) scale(1)}}@keyframes result-sparkle{0%{opacity:.42;transform:scale(.86) rotate(-8deg)}to{opacity:1;transform:scale(1.08) rotate(8deg)}}@keyframes reduced-fade{0%{opacity:0}to{opacity:.82}}@keyframes reduced-impact{0%{opacity:0}50%{opacity:1}to{opacity:0}}@keyframes pulse-warning{0%{filter:drop-shadow(0 4px 3px rgba(76,39,36,.2))}to{filter:drop-shadow(0 4px 8px rgba(255,153,40,.88)) saturate(1.12)}}@keyframes pulse-warning-critical{0%{filter:drop-shadow(0 4px 5px rgba(76,39,36,.22)) saturate(1.08)}to{filter:drop-shadow(0 4px 12px rgba(255,91,61,.95)) saturate(1.28)}}@keyframes urgency-breathe{0%{opacity:.6}to{opacity:1}}@keyframes urgency-critical{0%{opacity:.55}to{opacity:1}}@keyframes golden-card-pulse{0%{opacity:.58;transform:scale(.98)}to{opacity:1;transform:scale(1.015)}}@keyframes golden-alert-cat-in{0%{opacity:0;transform:translate(16px,10px) rotate(17deg) scale(.75)}to{opacity:1;transform:translate(0) rotate(8deg) scale(1)}}@media(prefers-reduced-motion:reduce){.card-button,.hud-time,.score-value,.feedback-toast,.round-celebration-card,.round-celebration-cat,.round-confetti-piece,.result-card,.result-cat-card,.start-floating-copy,.start-cat,.result-sparkles span,.urgency-vignette,.mismatch-mark,.golden-alert-cat{animation-duration:.01ms!important;animation-iteration-count:1!important}.card-face{transition-duration:.01ms!important}}.prefers-reduced-motion .card-button.is-matched,.prefers-reduced-motion .card-button.is-mismatch,.prefers-reduced-motion .hud-time,.prefers-reduced-motion .score-value,.prefers-reduced-motion .feedback-toast,.prefers-reduced-motion .round-celebration-card,.prefers-reduced-motion .round-celebration-cat,.prefers-reduced-motion .round-confetti-piece,.prefers-reduced-motion .result-card,.prefers-reduced-motion .result-cat-card,.prefers-reduced-motion .start-floating-copy,.prefers-reduced-motion .start-cat,.prefers-reduced-motion .result-sparkles span,.prefers-reduced-motion .urgency-vignette,.prefers-reduced-motion .mismatch-mark,.prefers-reduced-motion .golden-alert-cat{animation-duration:.01ms!important;animation-iteration-count:1!important}.prefers-reduced-motion .card-button.is-golden:after{animation:none}.prefers-reduced-motion .card-face{transition-duration:.01ms!important}@media(min-width:600px){.app-shell{padding:0}.game-frame{width:min(100dvw,56.25dvh);height:min(100dvh,calc(100dvw * 16 / 9));aspect-ratio:9 / 16;border:0;border-radius:0;box-shadow:none}.game-content{padding:clamp(12px,3.2vw,22px)}.board-layout[data-board-layout="4x2"]{width:min(82%,clamp(240px,33dvh,320px))}.board-layout[data-board-layout="4x3"],.board-layout[data-board-layout="4x4"],.board-layout[data-board-layout="5x4"]{width:min(calc(100% + 44px),460px)}}@media(orientation:landscape)and (max-height:600px){.game-frame{width:min(100dvw,56.25dvh);height:min(100dvh,calc(100dvw * 16 / 9));aspect-ratio:9 / 16}.board-layout{width:min(86%,340px)}.board-layout[data-board-layout="4x2"]{width:min(70%,150px)}.board-layout[data-board-layout="4x3"],.board-layout[data-board-layout="4x4"],.board-layout[data-board-layout="5x4"]{width:min(100%,198px)}}@media(min-width:600px)and (max-height:680px){.app-shell{padding:0}.game-content{padding:9px}.board-wrap{padding:8px 0}.game-footer{min-height:44px}.board-layout[data-board-layout="4x2"]{width:min(70%,240px)}.board-layout[data-board-layout="4x3"],.board-layout[data-board-layout="4x4"],.board-layout[data-board-layout="5x4"]{width:min(calc(100% + 18px),432px)}}@media(min-width:600px)and (orientation:landscape)and (max-height:680px){.board-layout[data-board-layout="4x2"]{width:min(70%,150px)}.board-layout[data-board-layout="4x3"],.board-layout[data-board-layout="4x4"],.board-layout[data-board-layout="5x4"]{width:min(100%,198px)}}.board-layout[data-board-layout="3x2"]{width:min(92%,360px,calc((100dvh - 167px)*.54))}.board-layout[data-board-layout="4x2"]{width:min(86%,290px,calc((100dvh - 167px)*.44))}.board-layout[data-board-layout="4x3"]{width:min(calc(100% + 24px),440px,calc((100dvh - 167px)*.61))}.board-layout[data-board-layout="4x4"]{width:min(calc(100% + 24px),440px,calc((100dvh - 167px)*.8))}.board-layout[data-board-layout="5x4"]{width:min(calc(100% + 24px),440px,calc((100dvh - 167px)*.62))}@media(min-width:600px){.board-layout[data-board-layout="3x2"]{width:min(92%,360px,calc((100dvh - 211px)*.54))}.board-layout[data-board-layout="4x2"]{width:min(86%,290px,calc((100dvh - 211px)*.44))}.board-layout[data-board-layout="4x3"]{width:min(calc(100% + 24px),440px,calc((100dvh - 211px)*.61))}.board-layout[data-board-layout="4x4"]{width:min(calc(100% + 24px),440px,calc((100dvh - 211px)*.8))}.board-layout[data-board-layout="5x4"]{width:min(calc(100% + 24px),440px,calc((100dvh - 211px)*.62))}}@media(min-width:600px)and (max-height:680px){.board-layout[data-board-layout="3x2"]{width:min(92%,360px,calc((100dvh - 137px)*.54))}.board-layout[data-board-layout="4x2"]{width:min(86%,290px,calc((100dvh - 137px)*.44))}.board-layout[data-board-layout="4x3"]{width:min(calc(100% + 24px),440px,calc((100dvh - 137px)*.61))}.board-layout[data-board-layout="4x4"]{width:min(calc(100% + 24px),440px,calc((100dvh - 137px)*.8))}.board-layout[data-board-layout="5x4"]{width:min(calc(100% + 24px),440px,calc((100dvh - 137px)*.62))}}