@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";html,body{min-width:320px}button,a,input{-webkit-tap-highlight-color:transparent}:root{--pink-bg:#f1d9df;--pink-panel:#e6b6c3;--pink-dark:#c58d9d;--cream:#fff3e3;--plum:#674d59;--brown:#90665a;--gold:#f4cf83;--shadow:#b67e8e}*{box-sizing:border-box}#root{width:100%;min-height:100vh}body{background:var(--pink-bg);color:var(--plum);margin:0}button{font:inherit}.game{text-align:center;width:min(1400px,100% - 24px);min-height:100vh;margin:0 auto;padding:20px 16px 32px;font-family:"Press Start 2P",monospace}.game-kicker{letter-spacing:2px;color:var(--brown);margin:0;font-size:9px;line-height:1.8}.game h1{margin:12px 0;font-size:clamp(20px,3vw,32px);line-height:1.5}.game-subtitle{margin:8px 0;font-size:9px;line-height:1.8}.hud{flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:16px;display:flex}.hud-item{background:var(--cream);border:4px solid var(--plum);min-width:150px;box-shadow:5px 5px 0 var(--shadow);flex-direction:column;gap:10px;padding:12px 16px;display:flex}.hud-label{color:var(--brown);font-size:9px}.hud-item strong{font-size:15px;line-height:1.6}.game-status-sticky{z-index:10;background:var(--pink-bg);max-width:760px;margin-inline:auto;padding-bottom:1px;position:sticky;top:8px}.message-box{box-shadow:0 4px 0 var(--shadow);background:var(--gold);color:#483340;border:3px solid #a15470;place-items:center;max-width:780px;min-height:58px;margin:16px auto;padding:14px;font-size:9px;line-height:1.9;display:grid}.message-box.success{color:#304f35;background:#dceccf;border-color:#527c59}.message-cat{color:inherit;text-transform:uppercase;margin-bottom:6px;font-size:8px}.message-box.scratch{color:#642d43;background:#f2bac8;border-color:#a14464}.cat-card,.tool-button,.pixel-button{scroll-margin-top:210px}.challenge-panel{background:var(--cream);border:3px solid var(--plum);max-width:780px;box-shadow:5px 5px 0 var(--shadow);margin:14px auto 20px;padding:14px}.challenge-label{color:var(--brown);margin:0 0 10px;font-size:9px;line-height:1.8}.challenge-goal{max-width:650px;margin:0 auto 12px;font-size:9px;line-height:2}.next-action{color:#a15470;margin:10px 0;font-size:9px;line-height:1.8}.boss-progress{color:#b64d65;font-size:9px;line-height:2}.tool-bar{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.tool-button{border:3px solid var(--plum);min-width:105px;min-height:70px;color:var(--plum);box-shadow:3px 3px 0 var(--shadow);background:#ead6d9;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:8px;font-family:"Press Start 2P",monospace;font-size:8px;line-height:1.7;display:flex}.tool-button:disabled{opacity:.5;cursor:not-allowed}.tool-button.tool-ready{background:var(--gold);opacity:1;cursor:pointer}.tool-button.tool-ready:hover{box-shadow:1px 1px 0 var(--shadow);transform:translate(2px,2px)}.tool-button.tool-repeat{color:#483340;background:#cbbce9}.tool-button.tool-complete:disabled{color:#304f35;opacity:1;background:#dceccf}.tool-progress{font-size:7px;line-height:1.5}.action-steps{flex-wrap:wrap;justify-content:center;gap:6px;margin:10px 0;padding:0;font-size:7px;line-height:1.7;list-style:none;display:flex}.action-steps li{border:2px solid var(--pink-dark);background:var(--cream);color:#483340;padding:4px 6px}.action-steps .action-current{border-color:var(--plum);background:var(--gold)}.action-steps .action-repeat{background:#cbbce9}.action-steps .action-done{color:#304f35;background:#dceccf;border-color:#527c59}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tool-button:focus-visible{outline-offset:4px;outline:4px solid #6a5aa0}.cat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:22px auto;display:grid}.cat-card{background:var(--pink-panel);border:5px solid var(--plum);min-width:0;box-shadow:7px 7px 0 var(--shadow);padding:12px 12px 16px}.cat-active{border-color:#a15470}.cat-locked{background:#d7c1c8}.sprite-frame{background:var(--cream);border:3px solid var(--pink-dark);justify-content:center;align-items:center;height:165px;margin-bottom:14px;display:flex;position:relative;overflow:hidden}.cat-sprite{object-fit:contain;width:145px;height:145px;image-rendering:pixelated}.locked-cat{width:100%;height:100%;color:var(--plum);background:#e7d6d8;flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:20px;display:flex}.lock-icon{font-size:40px}.cat-name{margin:0 0 10px;font-size:12px;line-height:1.8}.cat-personality{min-height:32px;color:var(--brown);margin:0 0 12px;font-size:8px;line-height:1.8}.pixel-button{background:var(--gold);color:var(--plum);border:3px solid var(--plum);box-shadow:4px 4px 0 var(--shadow);cursor:pointer;padding:12px 16px;font-size:9px;line-height:1.6;transition:transform .1s,box-shadow .1s}.pet-button{width:100%}.pixel-button:hover:not(:disabled){box-shadow:2px 2px 0 var(--shadow);transform:translate(2px,2px)}.pixel-button:active:not(:disabled){box-shadow:none;transform:translate(4px,4px)}.pixel-button:focus-visible{outline-offset:5px;outline:4px solid #6a5aa0}.pixel-button:disabled{opacity:.45;cursor:not-allowed}.cat-status{justify-content:center;align-items:center;min-height:46px;font-size:9px;line-height:1.5;display:flex}.completed-status{color:#466b4b;background:#e2eddc;border:3px solid #739879}.locked-status{color:#80666e;background:#ede2e4;border:3px solid #aa949a}.cat-reaction{z-index:2;pointer-events:none;position:absolute;inset:0;overflow:hidden}.swipe-paw{opacity:0;z-index:5;font-size:64px;animation:1.2s steps(8,end) forwards paw-swipe;position:absolute;top:15%;left:70%;transform:translate(70px,-60px)rotate(-35deg)}.claw-marks{color:#d75d76;opacity:0;z-index:6;font-size:72px;font-weight:700;animation:1.5s steps(6,end) forwards claw-flash;position:absolute;top:35%;left:28%;transform:rotate(-25deg)}@keyframes paw-swipe{0%{opacity:0;transform:translate(70px,-60px)rotate(-35deg)}15%{opacity:1}65%{opacity:1;transform:translate(-110px,85px)rotate(25deg)}to{opacity:0;transform:translate(-140px,110px)rotate(45deg)}}@keyframes claw-flash{0%,30%{opacity:0}45%,80%{opacity:1}to{opacity:0}}.floating-hearts{color:#ef7899;letter-spacing:10px;opacity:0;font-size:30px;animation:.9s steps(8,end) forwards hearts-rise;position:absolute;top:48%;left:38%}@keyframes hearts-rise{0%{opacity:0;transform:translateY(15px)scale(.7)}25%{opacity:1}75%{opacity:1}to{opacity:0;transform:translateY(-65px)scale(1.2)}}.result-panel{background:var(--cream);border:4px solid var(--plum);max-width:650px;box-shadow:6px 6px 0 var(--shadow);margin:16px auto 24px;padding:20px}.result-panel h2{margin:0 0 14px;font-size:14px;line-height:1.8}.result-panel p{margin:0 0 18px;font-size:9px;line-height:2}.victory-panel{background:var(--plum);color:var(--cream);border-color:var(--gold)}.victory-panel h2{color:var(--gold)}.game-controls{flex-wrap:wrap;justify-content:center;gap:20px;margin-top:22px;display:flex}.secondary-button{background:var(--cream)}.game-footer-text{color:var(--brown);margin-top:28px;font-size:8px;line-height:2}.visitor-count{color:var(--plum);margin:20px auto 0;font-size:9px;line-height:1.8}.visitor-count strong{color:var(--plum)}.portfolio-note{max-width:760px;color:var(--plum);text-wrap:pretty;margin:16px auto 0;font-size:9px;line-height:1.9}.visitor-count small{color:var(--brown);margin-top:6px;font-size:8px;line-height:1.8;display:block}@media (width<=1000px){.cat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.game{padding:16px 8px 32px}.game-header{margin-bottom:12px}.game h1{font-size:22px}.game-subtitle{font-size:8px}.hud{gap:10px}.hud-item{min-width:105px;padding:10px}.hud-item strong{font-size:12px}.challenge-panel{padding:12px 8px}.challenge-goal{font-size:8px}.tool-button{min-width:75px;min-height:65px;font-size:7px}.cat-grid{gap:12px}.cat-card{padding:8px}.sprite-frame{height:130px}.cat-sprite{width:115px;height:115px}.cat-name{font-size:10px}.cat-personality{font-size:7px}.pixel-button{padding:10px 8px;font-size:8px}}@media (prefers-reduced-motion:reduce){.pixel-button{transition:none}.swipe-paw,.claw-marks,.floating-hearts{animation:none;display:none}}.game{width:min(1240px,100% - 32px);padding:16px 12px 28px}.game-header{margin-bottom:12px}.game h1{margin:6px 0;font-size:clamp(20px,2.5vw,28px)}.game-subtitle{margin:4px 0}.hud{gap:12px;margin-bottom:12px}.hud-item{gap:6px;min-width:135px;padding:10px 14px}.message-box{max-width:760px;min-height:48px;margin:12px auto;padding:10px 14px}.challenge-panel{max-width:760px;margin:12px auto 20px;padding:12px 14px}.challenge-label{margin-bottom:6px}.challenge-goal{margin-bottom:8px}.next-action{margin:8px 0 12px}.tool-bar{gap:10px}.tool-button{min-width:96px;min-height:62px;padding:6px}.tool-button span:first-child{font-size:22px}.cat-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:14px;margin:18px auto}.cat-card{flex-direction:column;min-width:0;padding:12px;display:flex}.sprite-frame{flex-shrink:0;height:155px;margin-bottom:12px}.cat-sprite{width:135px;height:135px}.cat-name{margin-bottom:6px}.cat-personality{min-height:30px;margin-bottom:10px}.pet-button,.cat-status{margin-top:auto}.game-controls{margin-top:16px}.game-footer-text{margin-top:20px}@media (width<=1000px){.cat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.game{width:calc(100% - 16px);padding:16px 4px 28px}.hud-item{min-width:100px;padding:8px}.cat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cat-card{padding:8px}.sprite-frame{height:120px}.cat-sprite{width:108px;height:108px}.tool-button{min-width:75px;min-height:60px}}@media (width>=1001px){.game{grid-template-columns:minmax(0,.9fr) repeat(2,minmax(0,.7fr));align-content:start;gap:16px 28px;width:min(1120px,100% - 48px);padding:20px 12px;display:grid}.game-header{align-self:center;margin:0}.game h1{letter-spacing:1px;font-size:26px}.game-subtitle{margin-top:8px}.game-status-sticky{grid-column:2/-1;width:100%;margin:0;padding:0;position:static}.challenge-panel,.result-panel,.cat-grid,.game-controls,.game-footer-text,.visitor-count{grid-column:1/-1}.hud{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:760px;margin:0 0 10px;display:grid}.hud-item{min-width:0;padding:8px}.message-box{min-height:58px;margin:0;padding:10px 14px;font-size:9px}.challenge-panel{text-align:left;grid-template-columns:minmax(0,1fr) minmax(0,360px);align-items:center;gap:6px 24px;width:100%;max-width:none;margin:0;padding:14px 18px;display:grid}.challenge-panel>p{grid-column:1;margin:0}.challenge-goal{font-size:9px;line-height:1.9}.tool-bar{grid-area:1/2/span 5;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.tool-button{min-width:0;min-height:68px}.action-steps{grid-column:1;justify-content:flex-start;margin:2px 0 0}.cat-grid{gap:18px;width:100%;margin:0}.cat-card{padding:12px}.sprite-frame{height:136px;margin-bottom:10px}.cat-sprite{width:120px;height:120px}.cat-active{box-shadow:7px 7px 0 var(--shadow), inset 0 0 0 2px var(--gold)}.cat-name{font-size:12px}.cat-personality{min-height:20px;margin-bottom:10px}.pet-button{min-height:46px}.game-controls{border:0;grid-column:1;align-self:center;width:100%;max-width:none;margin:0;padding:0}.game-footer-text,.visitor-count{align-self:center;margin:0}.game-footer-text{grid-column:2}.visitor-count{grid-column:3}.portfolio-note{grid-column:1/-1;margin:0 auto}.result-panel{width:100%;margin:0 auto;padding:14px}.result-panel h2{margin-bottom:8px;font-size:12px}.result-panel p{margin-bottom:8px}.cat-card,.tool-button,.pixel-button{scroll-margin-top:16px}}@media (width<=600px){.game{padding-bottom:calc(128px + env(safe-area-inset-bottom,0px))}.hud{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.hud-item{min-width:0;padding:8px 4px}.hud-label{font-size:8px}.hud-item strong{font-size:11px}.message-box{overflow-wrap:anywhere;padding:10px 12px;font-size:10px;line-height:1.8}.challenge-panel,.result-panel{overflow-wrap:anywhere;padding:12px 10px}.challenge-goal,.boss-progress,.result-panel p{font-size:9px}.tool-bar{inset-inline:8px;z-index:20;padding:8px 8px calc(8px + env(safe-area-inset-bottom,0px));border:3px solid var(--plum);background:var(--cream);box-shadow:0 -4px 0 var(--shadow);grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid;position:fixed;bottom:0}.tool-button{min-width:0;min-height:60px;padding:6px 2px}.cat-card{padding:8px 6px}.cat-personality,.cat-status{overflow-wrap:anywhere;font-size:8px}.pixel-button{min-height:44px}.cat-sprite{max-width:100%;height:auto}.cat-card,.pixel-button{scroll-margin-bottom:calc(110px + env(safe-area-inset-bottom,0px))}}