#cat-game .catg-copy{min-width:0}
#cat-game .catg-stats{display:flex;align-items:center;gap:21px;margin-top:24px;flex-wrap:wrap}
#cat-game .catg-stats p{display:flex;align-items:center;gap:9px}
#cat-game .catg-stats p>span{font:33px/1 var(--serif);color:#b67c88;min-width:23px}
#cat-game .catg-stats small{font-size:10px;line-height:1.7;color:#9a8377}
#cat-game .catg-stat-heart{font:23px/1 var(--serif);color:#c79ba5}
#cat-game .catg-status{min-height:72px}
#cat-game .catg-whisper{font:italic 14px/1.8 var(--serif);color:#aa9380;max-width:310px;margin-top:17px}
#cat-game .catg-stage{position:relative;min-width:0;padding:25px;background:#f4f0e4;border:1px solid #e4dac7;border-radius:12px;box-shadow:0 8px 25px #866b4c08}
#cat-game .catg-tape{position:absolute;left:40%;top:-12px;width:90px;height:26px;transform:rotate(-5deg);background:repeating-linear-gradient(90deg,#c4cba578 0 2px,#e0e4c798 2px 5px)}
#cat-game .catg-board-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:21px}
#cat-game .catg-board-heading>span:first-child{font:italic 16px/1.5 var(--serif);color:#9c8c71;max-width:230px}
#cat-game .catg-board-heading .game-pill{white-space:nowrap;font-size:9px}
#cat-game .catg-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#cat-game .catg-box{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-width:0;min-height:118px;padding:12px 6px 9px;background:#fffcf4;border:1px solid #e4d8c8;border-radius:8px;transition:transform .2s,border-color .2s,background .2s;position:relative;touch-action:manipulation}
#cat-game .catg-box:not(:disabled):hover{transform:translateY(-3px);border-color:#cfa4af;background:#fff7f2}
#cat-game .catg-box:focus-visible{outline:3px solid #a4629c;outline-offset:3px;z-index:1}
#cat-game .catg-box-caption{font-size:9px;line-height:1.6;color:#a38a7c;text-align:center;max-width:100%;overflow-wrap:anywhere}
#cat-game .catg-box-drawing{display:block;position:relative;width:70px;height:65px;max-width:100%}
#cat-game .catg-box-base{position:absolute;left:11%;right:11%;top:26%;bottom:8%;border-radius:3px 3px 7px 7px;background:#efc8c9;border:1px solid #d7a7ae}
#cat-game .catg-box-lid{position:absolute;left:4%;right:4%;height:19%;top:20%;z-index:2;border-radius:4px;background:#f7dadd;border:1px solid #d7a7ae;transform-origin:13% 100%;transition:transform .3s,opacity .3s}
#cat-game .catg-box-ribbon{position:absolute;left:43%;width:15%;top:20%;bottom:8%;z-index:3;background:#f9eee1aa;border-inline:1px solid #edd9cc}
#cat-game .catg-box-heart{position:absolute;top:28%;left:0;right:0;text-align:center;font:27px/1.4 var(--serif);color:#ad7281;z-index:4}
#cat-game .catg-surprise{display:none;position:absolute;inset:0;align-items:center;justify-content:center;font:42px/1 var(--serif);color:#bb8490;z-index:5}
#cat-game .catg-box:nth-child(3n+2) .catg-box-base{background:#d8dfc9;border-color:#b7c3a4}
#cat-game .catg-box:nth-child(3n+2) .catg-box-lid{background:#e5eadb;border-color:#b7c3a4}
#cat-game .catg-box:nth-child(3n) .catg-box-base{background:#ddd1e4;border-color:#c0aaca}
#cat-game .catg-box:nth-child(3n) .catg-box-lid{background:#e9e0ed;border-color:#c0aaca}
#cat-game .catg-open{background:#f9f4e9;border-style:dashed}
#cat-game .catg-open .catg-box-lid{transform:translate(-3px,-11px) rotate(-12deg);opacity:0}
#cat-game .catg-open .catg-box-base,#cat-game .catg-open .catg-box-ribbon,#cat-game .catg-open .catg-box-heart{opacity:0}
#cat-game .catg-open .catg-surprise{display:flex;animation:catg-arrive .32s ease-out both}
#cat-game .catg-found{background:#fcece9;border:1px solid #c98d9d;box-shadow:0 0 0 3px #f2d8dc75}
#cat-game .catg-found .catg-box-caption{color:#ab6e80;font-weight:600}
#cat-game .catg-cat-art{display:block;width:78px;height:70px;max-width:110%;overflow:visible}
#cat-game .catg-board-note{font:italic 13px/1.7 var(--serif);color:#a09178;text-align:center;margin-top:18px}
#cat-game .catg-board-note>span{color:#b6b58c;margin-right:5px;font-size:17px}
@keyframes catg-arrive{from{opacity:0;transform:translateY(8px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:900px){#cat-game .catg-stage{padding:21px}#cat-game .catg-board{gap:9px}#cat-game .catg-box{min-height:108px}#cat-game .catg-board-heading>span:first-child{font-size:14px}}
@media(max-width:760px){#cat-game .catg-status{min-height:0}#cat-game .catg-whisper{font-size:13px;max-width:100%}#cat-game .catg-stats{margin-top:19px}#cat-game .catg-stage{padding:22px 18px 18px}#cat-game .catg-board-heading{margin-bottom:17px}#cat-game .catg-board-heading>span:first-child{font-size:15px}#cat-game .catg-box{min-height:111px;padding:11px 5px 9px}#cat-game .catg-box-caption{font-size:9px}#cat-game .catg-board-note{font-size:12px}#cat-game .catg-tape{width:80px;height:24px;left:38%}}
@media(max-width:370px){#cat-game .catg-stage{padding-inline:12px}#cat-game .catg-board{gap:7px}#cat-game .catg-box{min-height:98px;padding-inline:3px}#cat-game .catg-box-drawing{width:58px;height:56px}#cat-game .catg-box-caption{font-size:8px}#cat-game .catg-board-heading>span:first-child{font-size:13px;max-width:150px}#cat-game .catg-surprise{font-size:35px}#cat-game .catg-cat-art{width:65px;height:59px}#cat-game .catg-stats{gap:16px}}
@media(prefers-reduced-motion:reduce){#cat-game .catg-box,#cat-game .catg-box-lid{transition:none}#cat-game .catg-open .catg-surprise{animation:none}#cat-game .catg-box:not(:disabled):hover{transform:none}}