.catch-cat-play-home{background:#e7f7f2;height:100dvh;margin:0;overflow:hidden;width:100%}.catch-cat-game{--catch-cat-bg:#e7f7f2;--catch-cat-ink:#08213e;--catch-cat-coral:#f35a4f;--catch-cat-mint:#2bbfa8;--catch-cat-gold:#f7b913;align-content:start;background:linear-gradient(180deg,rgba(255,255,255,.28),rgba(255,255,255,0) 40%),var(--catch-cat-bg);color:var(--catch-cat-ink);display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto auto;height:100dvh;isolation:isolate;justify-items:center;margin:0 auto;overflow:hidden;padding:0 max(10px,env(safe-area-inset-right)) max(13px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));row-gap:clamp(6px,1dvh,10px);position:relative;width:min(100%,941px)}.catch-cat-game:after,.catch-cat-game:before{content:"";inset:0;pointer-events:none;position:absolute;z-index:0}.catch-cat-game:before{background:none;opacity:0}.catch-cat-game:after{background:url(/games/catch-the-cat/cutouts/backgrounds/cat-theme-pattern.svg);background-position:50% 50%;background-repeat:no-repeat;background-size:100% 100%;opacity:.68}.catch-cat-actions,.catch-cat-board,.catch-cat-hud,.catch-cat-shell-safe{position:relative;z-index:1}.catch-cat-shell-safe{border-bottom:0;justify-self:stretch;min-height:clamp(86px,12dvh,218px);width:100%}.catch-cat-hud{align-items:start;column-gap:clamp(38px,11.2vw,362px);display:grid;grid-template-columns:repeat(2,clamp(98px,20.8vw,133px));justify-content:space-between;max-width:min(619px,calc(80dvw - 22px));width:min(80%,calc(80dvw - 22px))}.catch-cat-counter{align-content:center;background:radial-gradient(circle at 50% 12%,rgba(255,255,255,.98),rgba(255,255,255,0) 42%),linear-gradient(180deg,rgba(255,255,255,.96),rgba(250,246,236,.91));border:2px solid rgba(8,33,62,.13);border-radius:clamp(19px,3.2vw,27px);box-shadow:inset 0 2px 0 rgba(255,255,255,.72),0 4px 0 rgba(8,33,62,.12),0 11px 22px rgba(8,33,62,.1);color:var(--catch-cat-ink);display:grid;grid-template-rows:auto auto;height:clamp(69px,12.64vw,118px);justify-items:center;overflow:visible;padding:clamp(9px,1.6dvh,14px) clamp(8px,1.44vw,14px) clamp(7px,1.36dvh,13px);position:relative;row-gap:clamp(2px,.56dvh,6px);width:100%}.catch-cat-counter-label{font-size:clamp(.84rem,1.92dvh,1.36rem);font-weight:900;letter-spacing:0;line-height:1}.catch-cat-counter-value{color:var(--catch-cat-coral);font-size:clamp(1.88rem,4.48dvh,3rem);font-weight:950;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:0;line-height:.82}.catch-cat-counter.is-best .catch-cat-counter-value{color:var(--catch-cat-mint)}.catch-cat-best-crown{color:var(--catch-cat-gold);fill:#ffd457;filter:drop-shadow(0 3px 0 rgba(170,104,0,.28));height:clamp(24px,4.64vw,42px);left:50%;position:absolute;stroke:#cf8700;top:clamp(-28px,-3.6vw,-16px);transform:translateX(-50%) rotate(-2deg);width:clamp(24px,4.64vw,42px)}.catch-cat-board{align-self:start;aspect-ratio:1078/912;display:block;justify-self:center;margin-top:clamp(4px,.8dvh,10px);max-width:1078px;overflow:visible;touch-action:manipulation;width:min(100%,calc(100dvw - 20px),calc(min(60dvh, 912px) * 1078 / 912))}.catch-cat-board .gamekit-canvas-host,.catch-cat-board .gamekit-canvas-mount{height:100%;overflow:hidden;width:100%}.catch-cat-board canvas{display:block;filter:drop-shadow(0 8px 10px rgba(8,33,62,.08));height:100%!important;touch-action:none;width:100%!important}.catch-cat-actions{align-self:start;display:flex;gap:clamp(30px,6.2vw,61px);margin-top:clamp(10px,2.2dvh,22px);padding-bottom:0;width:min(100%,430px)}.catch-cat-action,.catch-cat-actions{align-items:center;justify-content:center}.catch-cat-action{border:2px solid rgba(255,255,255,.78);border-radius:8px;box-shadow:0 6px 0 rgba(8,33,62,.16),inset 0 0 0 3px rgba(8,33,62,.08);color:#ffffff;cursor:pointer;display:inline-flex;height:clamp(58px,13.4vw,126px);padding:0;transition:filter .12s ease,transform .12s ease;width:clamp(58px,13.4vw,126px)}.catch-cat-action:focus-visible,.catch-cat-action:hover{filter:brightness(1.04);outline:0;transform:translateY(-1px)}.catch-cat-action:active{box-shadow:0 3px 0 rgba(8,33,62,.16),inset 0 0 0 3px rgba(8,33,62,.08);transform:translateY(2px)}.catch-cat-action:disabled{cursor:default;filter:grayscale(.28) opacity(.62);transform:none}.catch-cat-action.is-restart{background:linear-gradient(180deg,#ff6f62,#f04f45)}.catch-cat-action.is-undo{background:linear-gradient(180deg,#31cdb3,#16a58f)}.catch-cat-action.is-hint{background:linear-gradient(180deg,#ffc832,#efaa08)}.catch-cat-result-overlay{-webkit-backdrop-filter:var(--game-overlay-blur);backdrop-filter:var(--game-overlay-blur);background:var(--game-overlay-bg);inset:0;padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(22px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));pointer-events:auto;position:fixed;z-index:40}.catch-cat-result-overlay,.catch-cat-result-panel{align-items:center;display:grid;justify-items:center}.catch-cat-result-panel{background:radial-gradient(circle at 50% 0,rgba(255,255,255,.98),rgba(255,255,255,0) 42%),linear-gradient(180deg,#fff9ea,#f4efdf);border:2px solid rgba(8,33,62,.13);border-radius:8px;box-shadow:0 12px 0 rgba(8,33,62,.16),0 24px 46px rgba(8,33,62,.22),inset 0 2px 0 rgba(255,255,255,.9);color:var(--catch-cat-ink);max-width:min(340px,calc(100dvw - 44px));padding:22px 22px 24px;row-gap:10px;width:100%}.catch-cat-result-panel.is-won{background:radial-gradient(circle at 50% 0,rgba(255,255,255,.98),rgba(255,255,255,0) 40%),linear-gradient(180deg,#fff7d4,#f3efdf);border-color:rgba(247,185,19,.34)}.catch-cat-result-panel.is-lost{animation:catch-cat-result-panel-lost-pop .42s cubic-bezier(.19,1,.22,1) both}@keyframes catch-cat-result-panel-lost-pop{0%{opacity:0;transform:translateY(72px) scale(.94)}68%{opacity:1;transform:translateY(-8px) scale(1.015)}to{opacity:1;transform:translateY(0) scale(1)}}.catch-cat-result-badge{align-items:center;background:linear-gradient(180deg,#ff725f,#ef4f45);border-radius:50%;box-shadow:0 5px 0 rgba(8,33,62,.14);color:#ffffff;display:inline-flex;font-size:1.65rem;font-weight:950;height:48px;justify-content:center;line-height:1;width:48px}.catch-cat-result-panel.is-won .catch-cat-result-badge{background:linear-gradient(180deg,#ffd65c,#f7a812);color:#ffffff}.catch-cat-result-title{color:var(--catch-cat-ink);font-size:clamp(2.2rem,8dvw,3.55rem);font-weight:950;letter-spacing:0;line-height:.9;margin:2px 0 0}.catch-cat-result-copy{color:rgba(8,33,62,.72);font-size:.98rem;font-weight:800;line-height:1.25;margin:0;text-align:center}.catch-cat-result-stats{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;width:100%}.catch-cat-result-stat{align-items:center;background:rgba(43,191,168,.12);border:1px solid rgba(43,191,168,.2);border-radius:8px;color:var(--catch-cat-ink);display:flex;gap:18px;justify-content:center;min-height:54px;padding:8px 18px;width:min(100%,220px)}.catch-cat-result-stats .catch-cat-result-stat{flex:1 1 132px;max-width:220px}.catch-cat-result-stat span{font-size:.88rem;font-weight:900}.catch-cat-result-stat strong{color:var(--catch-cat-coral);font-size:2rem;font-weight:950;line-height:.9}.catch-cat-result-actions{display:grid;gap:10px;margin-top:4px;width:min(100%,236px)}.catch-cat-result-action{align-items:center;border:2px solid rgba(255,255,255,.78);border-radius:8px;box-shadow:0 6px 0 rgba(8,33,62,.16),inset 0 0 0 3px rgba(8,33,62,.08);color:#ffffff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:950;gap:8px;height:52px;justify-content:center;letter-spacing:0;padding:0 24px}.catch-cat-result-action svg{flex:0 0 auto}.catch-cat-result-action.is-share{background:linear-gradient(180deg,#31cdb3,#16a58f);min-height:56px}.catch-cat-result-action.is-restart{background:linear-gradient(180deg,#ff725f,#ef4f45)}.catch-cat-result-action:focus-visible,.catch-cat-result-action:hover{filter:brightness(1.04);outline:0}@media (max-height:740px){.catch-cat-game{row-gap:6px}.catch-cat-shell-safe{min-height:clamp(78px,11.5dvh,104px)}.catch-cat-hud{grid-template-columns:repeat(2,clamp(93px,20.8vw,120px))}.catch-cat-counter{height:clamp(62px,12.16vw,90px)}.catch-cat-action{height:clamp(56px,13vw,70px);width:clamp(56px,13vw,70px)}}@media (max-width:380px){.catch-cat-game{padding-inline:8px}.catch-cat-hud{column-gap:11px}.catch-cat-counter{padding-inline:5px}.catch-cat-counter-label{font-size:.66rem}}