/* Pocket-pet presentation, shared with the editable Figma specification. */
:root{--paper:#fcf7ed;--ink:#514336;--green:#78614e;--muted:#8b7d6e;--line:#e6dccc;--white:#fffdf6;--radius:20px;background-color:var(--paper);background-image:radial-gradient(#b9a98d2e .85px,transparent .85px);background-size:14px 14px}
.topbar{height:84px}.brand{font-size:20px;color:#6c5748}.brand-mark{background:#dd9986;color:#fff8e4;box-shadow:inset 0 -3px #c48172}.wallet{background:#f4e6b9;color:#7e6544;border:1px solid #e3d1a4}.nav{background:#eee7d9}.nav button.active{background:#fffdf4;color:#a26551}.page{padding-top:8px;animation:none}.page-head h1{font-size:28px}.btn{background:#9b6e54;border-radius:14px}.btn:hover:not(:disabled){background:#805b44}.btn.secondary{background:#e6ebd3;color:#5c684b}.btn.light{background:#f9ecd0;color:#705b40}.btn.outline{color:#80644c}.card{box-shadow:0 3px 0 #e6ddce35}.icon-btn:hover{background:#ede6d7}.race-card{background:#727c59}.race-card .eyebrow{color:#edeedb}.race-card.finished{background:var(--white)}.gacha-box{border-radius:30px}.gacha-scene{background:#f0dfbe}.gacha-reveal .reveal-circle{border-radius:38px;background:#e1e9c8;border:6px solid #c2cba5}.pixel-pony{filter:none!important;image-rendering:pixelated;overflow:visible}.horse-tile .horse-img{height:55px;object-fit:contain}.track{background:#b5c28c}.track::after{background:repeating-linear-gradient(#fff9e7 0 8px,#68764b 8px 16px)}.player-result{background:#f3e9cd!important;border-color:#cdb897!important}
.pet-heading{text-align:center;margin:0 auto 24px}.pet-heading .eyebrow{font-size:9px;letter-spacing:.24em;color:#aa8a6d;margin-bottom:6px}.pet-heading>p:nth-child(2){font-size:22px;font-weight:800;letter-spacing:.05em}.pet-heading>span{display:block;font-size:11px;color:var(--muted);margin-top:5px}.pet-layout{display:grid;grid-template-columns:minmax(0,470px) minmax(280px,345px);justify-content:center;gap:65px;align-items:start}.toy-column{min-width:0}.toy-shell{--shell:#efb5a2;--shell-shadow:#d89282;--shell-edge:#cb8878;position:relative;margin:0 auto;background:var(--shell);border:2px solid var(--shell-edge);border-radius:145px 145px 130px 130px;padding:36px 28px 22px;box-shadow:inset 0 6px #ffe1cb80,inset 0 -9px var(--shell-shadow),0 14px 0 -8px #c6b69c55,0 18px 38px #896c4b13;max-width:420px;color:#725344}.toy-shell::before{content:"";position:absolute;width:54px;height:13px;border:4px solid #d59483;border-radius:100%;top:-7px;left:calc(50% - 27px);background:#fcf7ed;box-shadow:inset 0 2px #b97a68}.toy-brand{text-align:center;font-size:10px;font-weight:800;letter-spacing:.22em;color:#8d5e50;user-select:none}.toy-brand span{color:#c17b6a;font-size:9px;margin:0 4px}.toy-led{width:6px;height:6px;background:#fff1cf;box-shadow:0 0 0 2px #cb8a7755;margin:14px auto 17px;border-radius:50%}.lcd-frame{border-radius:30px;background:#ad8e70;padding:8px;box-shadow:inset 0 3px 3px #80684f48,0 2px #fbe1c5}.pet-lcd{color:#526346;position:relative;background:#e0e7bf;border-radius:22px;padding:13px 14px 12px;overflow:hidden;isolation:isolate;box-shadow:inset 0 3px 7px #5e704126;font-family:"Courier New","Yu Gothic",Meiryo,monospace}.pet-lcd::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:8;background:repeating-linear-gradient(transparent 0 3px,#5b6f3e06 3px 4px);border-radius:inherit}.lcd-header{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:36px}.lcd-name{display:flex;align-items:center;min-width:0;gap:2px}.lcd-name h1{font-size:15px;line-height:1.4;letter-spacing:0;overflow-wrap:anywhere}.lcd-rename{min-width:34px;min-height:44px;display:grid;place-items:center;background:transparent;padding:0}.lcd-rename .icon{width:14px;height:14px;stroke-width:1.5}.stage-tag{font-size:9px;white-space:nowrap;border:1px solid #83946c66;padding:3px 6px;border-radius:4px;flex:none}.pet-speech{min-height:38px;display:flex;align-items:center;justify-content:center;background:#f7f5d9;border:1px solid #bdc99c;border-radius:10px;font-size:11px;line-height:1.55;position:relative;padding:6px;text-align:center;margin:7px 0 0;box-shadow:0 2px #aab78930}.pet-speech::after{content:"";position:absolute;width:7px;height:7px;bottom:-5px;left:50%;background:inherit;border-right:1px solid #bdc99c;border-bottom:1px solid #bdc99c;transform:rotate(45deg)}.pet-room{height:186px;position:relative;margin-top:7px;overflow:hidden}.room-floor{position:absolute;left:-14px;right:-14px;bottom:0;height:31px;background:#c5d5a3;border-top:4px solid #adbf88}.room-floor::after{content:"";position:absolute;inset:9px 0;background-image:radial-gradient(#97ae74 1px,transparent 1px);background-size:19px 12px}.pet-target{position:absolute;bottom:13px;left:calc(50% - 79px);width:158px;height:160px;background:none;padding:0;border-radius:22px;z-index:3;opacity:1!important;transform-origin:center bottom;-webkit-tap-highlight-color:transparent}.pet-target>.pixel-pony{position:absolute;width:133px;height:142px;bottom:5px;left:12px;z-index:2;transform-origin:center bottom;animation:pet-idle 3s steps(2,end) infinite}.pet-target>.stage-young{width:145px;height:155px;left:6px}.pet-target>.stage-adult{width:155px;height:166px;left:2px}.pony-shadow{position:absolute;bottom:0;left:28px;width:108px;height:14px;border-radius:50%;background:#6a825d38;z-index:0}.pixel-cloud{position:absolute;width:27px;height:6px;top:25px;left:12px;background:#f1f3d5;box-shadow:6px -6px #f1f3d5,12px -6px #f1f3d5,18px 0 #f1f3d5}.cloud-two{left:auto;right:20px;top:49px;transform:scale(.65)}.pixel-plant{position:absolute;bottom:22px;left:15px;width:4px;height:15px;background:#8fa870;z-index:1}.pixel-plant::before{content:"";position:absolute;left:-5px;top:2px;width:4px;height:6px;background:#a4b97c;box-shadow:9px 4px #a4b97c}.plant-two{left:auto;right:20px;height:11px}.lcd-caption{font-size:10px;text-align:center;margin-top:8px;min-height:17px;line-height:1.5;color:#6f7d57}.growth-display{display:flex;align-items:center;justify-content:center;gap:9px;font-size:9px;min-height:25px;border-top:1px dashed #8c9c6d66;margin-top:9px;padding-top:8px}.growth-dots{display:flex;gap:3px}.growth-dots i{width:7px;height:7px;display:block;border:1px solid #7b8b60;background:transparent}.growth-dots i.filled{background:#879b65}.toy-needs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:20px 5px 21px}.pet-need>div:first-child{display:flex;align-items:center;justify-content:space-between;font-size:10px;gap:1px}.pet-need b{font-size:9px;font-weight:400;color:#986b57}.need-track{height:6px;background:#ffeacf;border-radius:4px;margin-top:7px;overflow:hidden;box-shadow:0 1px #c6857240}.need-track i{display:block;height:100%;background:#8c775c;border-radius:4px;transition:width .35s}.pet-need.low .need-track i{background:#bd614f}.toy-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:0 -2px}.toy-control{background:none;border:0;padding:0 1px;display:flex;flex-direction:column;align-items:center;border-radius:15px;min-height:93px;gap:8px}.physical-button{width:53px;height:53px;display:grid;place-items:center;background:#fff0cf;border:1px solid #dfb593;border-radius:50%;box-shadow:0 5px #bd806b,0 6px 1px #b3756644,inset 0 3px #fff8e6;transition:transform .12s,box-shadow .12s;color:#84654d}.toy-control:hover:not(:disabled) .physical-button{background:#fff8e2;transform:translateY(-2px);box-shadow:0 7px #bd806b,0 8px 1px #b3756644}.toy-control:active:not(:disabled) .physical-button{transform:translateY(3px);box-shadow:0 2px #bd806b}.physical-button>.icon{width:24px;height:24px;stroke-width:1.7}.toy-control strong{font-size:12px;letter-spacing:.06em;line-height:1.3}.toy-control small{font-size:8px;line-height:1;color:#966f59;margin-top:-3px}.toy-control:disabled{opacity:.45}.toy-bottom{display:flex;justify-content:center;gap:5px;margin-top:14px}.toy-bottom>span{display:block;width:20px;height:3px;border-radius:3px;background:#c78b794d;box-shadow:0 1px #fbd1b9}.toy-hint{font-size:11px;color:#88755e;text-align:center;margin-top:22px}.growth-hint{text-align:center;color:#9c8c76;font-size:9px;margin-top:4px}.pet-sidebar{display:grid;gap:25px;margin-top:16px}.pet-journal{position:relative;padding:27px 23px 20px;background:#f3edda;border:1px solid #e5d9bc;border-radius:5px 20px 20px 20px;box-shadow:3px 4px #e9deca59}.pet-journal .sticker{position:absolute;right:18px;top:-11px;background:#e3ba93;transform:rotate(4deg);font-size:9px;font-weight:700;letter-spacing:.16em;padding:7px 14px;color:#775c47}.pet-journal h2{font-size:18px}.pet-journal .mission{padding:0;background:none;border:0;box-shadow:none;margin:15px 0}.pet-journal .mission-head{display:none}.pet-journal .mission>p{font-size:11px}.pet-journal .checks{margin:13px 0}.pet-journal .check{border-radius:7px;font-size:10px}.pet-journal .check.done{background:#e0e6c8;border-color:#bfc8a2}.pet-journal .meter>span{background:#9da875}.pet-journal>.small{font-size:10px}.pet-collection h2{font-size:17px}.pet-collection .horse-list{grid-template-columns:repeat(2,minmax(0,1fr))}.horse-tile{background:#fffaf0;border-color:#e3d4bc;border-radius:14px;min-width:0}.horse-tile.selected{border-color:#bc8a6f;background:#f9eddb}.horse-tile>span{min-width:0}.horse-tile strong{overflow-wrap:anywhere}.horse-tile .pixel-pony{height:50px;width:48px;flex:none}.pet-profile{border:1px solid #dfd5c0;border-radius:15px;background:#fffaf0}.pet-profile summary{font-size:12px;font-weight:700;min-height:53px;padding:16px;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between}.pet-profile summary:focus-visible{outline:3px solid #a77935;outline-offset:4px}.pet-profile summary .icon{width:16px;height:16px}.profile-inside{padding:0 18px 18px}.profile-inside>.small{margin:9px 0 17px}.profile-inside .stats{margin:15px 0}.pet-note{text-align:center;font-size:12px;color:#a17b64;line-height:2}.pet-note>span{font-size:10px;color:#9b8a74}.first-egg{position:absolute;left:calc(50% - 40px);bottom:25px;width:80px;height:106px;background:#fff0ce;border:5px solid #a5ad80;border-radius:50% 50% 45% 45%;box-shadow:inset -8px -5px #e6d8b3,0 8px #b2c38f;transform:rotate(-7deg)}.first-egg span{font:bold 32px monospace;color:#b58967}.egg-cta{font-size:11px;min-height:37px;padding:7px 14px;background:#a3b17d}.pet-effects{position:absolute;inset:0;pointer-events:none;z-index:5}.pet-effects i{position:absolute;left:calc(30% + var(--i)*22%);bottom:60px;color:#c78375;font-style:normal;font-size:24px;animation:pet-particle 1.25s calc(var(--i)*.12s) ease-out infinite}.react-feed .pet-effects i{font-size:20px}.react-play .pet-effects i{color:#bf875c;font-size:22px;animation:pet-ball .7s calc(var(--i)*.12s) ease-in-out infinite alternate}.react-clean .pet-effects i{font-family:Arial;font-size:35px;color:#fbfff4;text-shadow:1px 0 #92a4aa,-1px 0 #92a4aa,0 1px #92a4aa,0 -1px #92a4aa}.react-feed .pet-target>.pixel-pony,.react-play .pet-target>.pixel-pony,.react-pet .pet-target>.pixel-pony,.react-wake .pet-target>.pixel-pony{animation:pet-hop .4s steps(2,end) infinite alternate}.react-clean .pet-target>.pixel-pony{animation:pet-wiggle .4s steps(2,end) infinite alternate}.sleep-letters{position:absolute;right:35px;top:20px;z-index:4;color:#e6ebbd;letter-spacing:4px;font:14px monospace;animation:pet-sleep 3s steps(3,end) infinite}.sleep-letters span{font-size:20px;position:relative;top:-10px}.sleep-letters b{font-size:26px;position:relative;top:-21px}.is-sleeping .pet-lcd{background:#536669;color:#edf0ce}.is-sleeping .pet-speech{background:#dfe5c2;color:#536466;border-color:#a3b19c}.is-sleeping .lcd-caption,.is-sleeping .growth-display{color:#d3ddbc}.is-sleeping .growth-dots i{border-color:#ced9ae}.is-sleeping .growth-dots i.filled{background:#ced9ae}.is-sleeping .room-floor{background:#435a59;border-color:#3b5150}.is-sleeping .room-floor::after{opacity:.25}.is-sleeping .pixel-cloud{background:#e5e8b8;width:10px;height:10px;box-shadow:4px -3px #e5e8b8;border-radius:0}.is-sleeping .pixel-plant{opacity:.4}.is-sleeping .pet-target>.pixel-pony{animation:pet-doze 3s steps(2,end) infinite;transform:translateY(8px) rotate(-5deg)}.is-sleeping .toy-led{background:#dbe5b6}.dirty-speck{position:absolute;bottom:40px;right:20px;letter-spacing:5px;color:#827051}.mood-tired .pet-target>.pixel-pony,.mood-lonely .pet-target>.pixel-pony{animation-duration:5s}
@keyframes pet-idle{0%,80%,100%{transform:translateY(0)}90%{transform:translateY(-4px)}}@keyframes pet-hop{to{transform:translateY(-9px) rotate(-3deg)}}@keyframes pet-wiggle{to{transform:rotate(4deg)}}@keyframes pet-particle{from{opacity:0;transform:translateY(0) scale(.7)}20%{opacity:1}to{opacity:0;transform:translateY(-90px) scale(1.1)}}@keyframes pet-ball{to{transform:translateY(-45px)}}@keyframes pet-sleep{50%{transform:translateY(-7px);opacity:.6}}@keyframes pet-doze{50%{transform:translateY(6px) rotate(-5deg)}}
@media(max-width:750px){.topbar{height:65px;padding:0 19px}.brand{font-size:18px}.brand-mark{width:29px;height:32px}.brand small{font-size:6px}.wallet{min-width:82px;font-size:15px}.header-right>.icon-btn{width:44px}.page{padding:3px 18px 95px}.pet-heading{margin-bottom:21px}.pet-heading .eyebrow{display:none}.pet-heading>p:nth-child(2){font-size:15px;letter-spacing:.1em}.pet-heading>span{display:none}.pet-layout{grid-template-columns:1fr;gap:25px}.toy-shell{max-width:370px;border-radius:115px 115px 106px 106px;padding:29px 20px 19px}.toy-brand{font-size:9px}.toy-led{margin:10px auto 13px;width:5px;height:5px}.lcd-frame{padding:7px;border-radius:25px}.pet-lcd{padding:9px 10px 10px;border-radius:18px}.lcd-header{min-height:32px}.lcd-name h1{font-size:13px}.pet-speech{font-size:10px;min-height:33px;margin-top:4px}.pet-room{height:162px}.pet-target{height:143px;width:140px;left:calc(50% - 70px)}.pet-target>.pixel-pony{width:117px;height:124px;left:11px}.pet-target>.stage-young{width:130px;height:138px;left:5px}.pet-target>.stage-adult{width:138px;height:147px;left:1px}.pony-shadow{left:22px;width:98px}.lcd-caption{font-size:9px;margin-top:5px}.growth-display{font-size:8px;gap:6px;margin-top:6px;padding-top:6px;min-height:22px}.growth-dots{gap:2px}.growth-dots i{width:6px;height:6px}.toy-needs{margin:17px 0 18px;gap:9px}.pet-need>div:first-child{font-size:9px}.pet-need b{font-size:8px}.need-track{margin-top:5px;height:5px}.physical-button{width:48px;height:48px}.toy-control{min-height:85px;gap:8px}.toy-control strong{font-size:11px}.toy-control small{font-size:8px}.toy-bottom{margin-top:10px}.toy-hint{font-size:10px;margin-top:18px}.growth-hint{font-size:8px}.pet-sidebar{margin-top:0;gap:23px}.pet-journal{padding:22px}.pet-collection .horse-list{grid-template-columns:repeat(2,minmax(0,1fr))}.nav{border-color:#e7dbca;background:#fffaf0f5}.nav button.active{background:#f1ddc9}.page-head h1{font-size:23px}.page-head>.btn{font-size:12px;padding:10px 15px}.foot{margin-top:10px}.foot .row{gap:6px}.foot button{min-height:44px}.pet-lcd .lcd-rename{min-width:32px}.pet-sidebar .horse-tile{min-height:78px}.pet-sidebar .horse-tile .pixel-pony{width:43px;height:47px}}
@media(min-width:751px){.pet-layout{gap:55px}.pet-heading{margin-bottom:30px}.pet-sidebar{padding-top:8px}.nav{margin-bottom:20px}.gacha-layout,.race-layout{max-width:900px;margin:auto}.topbar{max-width:1050px}}
@media(max-width:365px){.page{padding-left:12px;padding-right:12px}.toy-shell{padding-left:18px;padding-right:18px}.toy-brand{font-size:8px}.toy-needs{gap:7px}.pet-need>div:first-child{font-size:8px}.growth-display{gap:5px}.growth-dots i{width:5px;height:5px}.toy-control strong{font-size:10px}}
@media(prefers-reduced-motion:reduce){.toy-shell *, .toy-shell *::after,.toy-shell *::before{animation:none!important;transition:none!important}.pet-effects i{opacity:1;bottom:90px}.is-sleeping .pet-target>.pixel-pony{transform:rotate(-5deg)}}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.life-clock{display:flex;justify-content:space-between;gap:6px;font-size:10px;letter-spacing:.02em;opacity:.85;padding:2px 0 4px}.life-clock time{font-variant-numeric:tabular-nums;margin-left:5px}.growth-caption{font-size:10px;text-align:center;margin:3px 0 0;line-height:1.5;min-height:15px}.growth-display{margin-top:3px;padding-top:6px}.life-card{background:#fffaf0;border:1px solid #e9ddcc;border-radius:24px;padding:24px}.life-card h2{font-size:18px;font-weight:600;letter-spacing:.04em;margin:0}.life-stamp{font-size:11px;color:#856a54;background:#f1e5d0;border-radius:20px;padding:5px 10px}.daily-rhythm{display:flex;align-items:center;margin:24px 0 12px;gap:20px;color:#927257}.daily-rhythm>span{font-size:18px;font-variant-numeric:tabular-nums;text-align:center}.daily-rhythm small{display:block;font-size:10px;margin-top:4px}.daily-rhythm i{height:1px;background:repeating-linear-gradient(to right,#d9cbb5 0 4px,transparent 4px 8px);flex:1}.next-rhythm{font-size:12px;color:#746852;margin:8px 0 22px}.next-rhythm small{color:#877c68}.life-facts{margin:0}.life-facts>div{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-top:1px dashed #e7decd;font-size:12px}.life-facts dt{color:#8b7b66}.life-facts dd{margin:0;text-align:right;font-weight:600}.life-facts dd span{font-size:10px;font-weight:400}.growth-guide{margin-top:12px;font-size:11px;line-height:1.8;color:#796a55}.growth-guide summary,.memories summary{cursor:pointer;min-height:44px;display:flex;align-items:center}.growth-guide summary::before,.memories summary::before{content:'＋';margin-right:8px}.growth-guide[open] summary::before,.memories details[open] summary::before{content:'−'}.memories ol{list-style:none;padding:0;margin:18px 0 0}.memories li{display:flex;align-items:baseline;gap:13px;padding:12px 0;border-bottom:1px dashed #e8decc;font-size:12px;line-height:1.8;overflow-wrap:anywhere}.memories time{font-size:10px;white-space:nowrap;color:#a38a73}.memories summary{font-size:11px;color:#8c745c}.memories>.between>span{font-size:26px;color:#c28e80}.play-choice{display:flex;justify-content:center;align-items:center;gap:8px;margin:22px auto 0;flex-wrap:wrap}.play-choice>span{font-size:11px;color:#927a62}.play-choice button,.sample-tabs button{min-height:44px;border:1px solid #e2d4bd;border-radius:24px;padding:9px 15px;font-size:11px;background:#fff9ec;color:#725f4e}.play-choice [aria-pressed=true],.sample-tabs [aria-pressed=true]{background:#e9c0ac;border-color:#be826b;color:#513e32}.life-preview-link{display:block;margin:12px auto 0;min-height:44px;font-size:12px;color:#846954;background:transparent;text-decoration:underline;text-underline-offset:4px}.poop-pile{position:absolute;bottom:29px;right:13px;display:flex;gap:8px;z-index:4}.poop-pile i{display:block;width:15px;height:7px;background:#877155;box-shadow:0 -4px 0 -1px #877155,0 -8px 0 -4px #877155;border-radius:3px}.phase-evening:not(.is-sleeping) .pet-lcd{background:#e4d6ae}.phase-morning:not(.is-sleeping) .pet-lcd{background:#e6eac5}.phase-night:not(.is-sleeping) .pet-lcd{background:#bdc6c0}.react-full .pet-target>.pixel-pony{animation:pet-no .6s steps(3,end) 3}.react-tired .pet-target>.pixel-pony,.mood-tired .pet-target>.pixel-pony{transform:translateY(7px) rotate(-4deg);animation:pet-doze 4s steps(2,end) infinite}.style-runner:not(.is-sleeping) .pet-target>.pixel-pony{animation:pet-trot 5s steps(2,end) infinite}.style-friendly:not(.is-sleeping) .pet-target>.pixel-pony{animation:pet-affection 5s steps(2,end) infinite}.mood-hungry .pet-target>.pixel-pony{animation:pet-no 4s steps(2,end) infinite}.life-sample-modal{max-width:510px!important}.sample-notice{font-size:11px;color:#856e5a;line-height:1.7;background:#f4ead9;border-radius:12px;padding:12px;margin:0 0 12px}.sample-tabs{display:flex;gap:5px;flex-wrap:wrap}.sample-tabs button{font-size:11px;padding:8px 12px}.sample-explanation{font-size:13px;line-height:1.8;min-height:47px;margin:14px 0}.sample-device .toy-shell{max-width:330px;box-shadow:none}.sample-device .toy-control{opacity:.6}.sample-device .pet-target:disabled{opacity:1}.sample-device .pet-room{height:136px}.sample-device .pet-target{height:136px}.sample-device .growth-caption{font-size:9px}.sample-device .toy-needs{margin:12px 0}.sample-device .toy-controls{gap:4px}.sample-device .physical-button{width:44px;height:44px}.sample-device .toy-control{min-height:75px}.sample-device .toy-brand{font-size:9px}
@keyframes pet-no{20%,60%{transform:translateX(-4px)}40%,80%{transform:translateX(4px)}}@keyframes pet-trot{0%,70%,100%{transform:translateX(0)}20%{transform:translateX(12px) translateY(-5px)}40%{transform:translateX(-12px)}}@keyframes pet-affection{0%,80%,100%{transform:rotate(0)}85%{transform:rotate(5deg) translateY(-3px)}90%{transform:rotate(-5deg)}}
@media(max-width:750px){.life-card{padding:22px}.life-clock{font-size:9px}.growth-caption{font-size:8px}.pet-room{height:145px}.pet-target{height:132px}.life-card h2{font-size:17px}.pet-heading{margin-bottom:16px}.pet-heading>p:nth-child(2){font-size:14px}.play-choice{margin-top:18px}.toy-hint{margin-top:12px}.life-sample-modal{padding:20px!important}.sample-tabs button{padding:8px 11px}.sample-device .toy-shell{padding-top:23px}.sample-explanation{font-size:12px}.toy-column{min-width:0}.pet-sidebar{min-width:0}}
@media(prefers-reduced-motion:reduce){.toy-shell .pixel-pony,.toy-shell .pet-effects i{animation:none!important}}

/* Main race shortcut below the four care controls. */
.toy-race{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:48px;margin:12px 0 6px;padding:11px 18px;border:1px solid #dfb593;border-radius:24px;background:#fff0cf;color:#725344;font-size:13px;font-weight:700;letter-spacing:.12em;box-shadow:0 4px #bd806b,inset 0 2px #fff8e6;transition:transform .12s,box-shadow .12s}.toy-race .icon{width:19px;height:19px;stroke-width:1.8}.toy-race:hover:not(:disabled){background:#fff8e2;transform:translateY(-1px);box-shadow:0 5px #bd806b,inset 0 2px #fff8e6}.toy-race:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px #bd806b}.toy-race:focus-visible{outline:3px solid #725344;outline-offset:5px}.toy-race:disabled{opacity:.45}
/* Distinct, finite care scenes; data-motion always follows the server's result. */
.pony-head,.pony-leg,.pony-tail,.pony-mouth,.pony-snack{transform-box:view-box}
.pony-head{transform-origin:17px 22px}.pony-back-leg{transform-origin:10px 25px}.pony-front-leg{transform-origin:22px 25px}.pony-tail{transform-origin:7px 22px}.pony-mouth{transform-origin:25px 23px}.pony-snack{transform-origin:28px 23px}
.toy-shell[data-motion] .lcd-caption{font-weight:700;color:#566342}
.toy-shell[data-motion] .pet-target>.pixel-pony{animation:none;transform:scale(.9);max-height:88%}
.toy-shell[data-motion=feed] .pet-target>.pixel-pony{animation:pony-eating 1s steps(3,end) 6}
.toy-shell[data-motion=feed] .pony-head{animation:pony-chew-head .65s steps(3,end) 9}
.toy-shell[data-motion=feed] .pony-mouth{animation:pony-chew-mouth .32s steps(2,end) 18}
.toy-shell[data-motion=feed] .pony-snack{animation:pony-nibble 6s steps(4,end) both}
.food-bowl{position:absolute;left:calc(50% + 24px);bottom:10px;width:35px;height:12px;border:3px solid #8c7051;border-top:4px solid #cfaa70;background:#d5bf88;border-radius:0 0 10px 10px}
.food-crumb{position:absolute;left:calc(50% + 34px + var(--i)*6px);bottom:52px;font-size:15px;color:#d38c4d;animation:pony-crumb .7s calc(var(--i)*.15s) steps(3,end) 7 both}
.toy-shell[data-motion=run] .pet-target>.pixel-pony{animation:pony-run-body .46s steps(3,end) 13}
.toy-shell[data-motion=run] .pet-target{animation:pony-run-travel 1.5s ease-in-out 4}
.toy-shell[data-motion=run] .pony-front-leg,.toy-shell[data-motion=ball] .pony-front-leg{animation:pony-leg-front .38s steps(2,end) 15}
.toy-shell[data-motion=run] .pony-back-leg,.toy-shell[data-motion=ball] .pony-back-leg{animation:pony-leg-back .38s steps(2,end) 15}
.toy-shell[data-motion=run] .pony-tail,.toy-shell[data-motion=ball] .pony-tail{animation:pony-tail-wave .38s steps(2,end) 15}
.toy-shell[data-motion=run] .room-floor::after{animation:pony-ground .45s linear 13}
.speed-lines{position:absolute;left:8%;top:45%;width:25px;height:3px;background:#94a976;box-shadow:-8px 9px #94a976,3px 18px #94a976;animation:pony-wind .55s linear 10}
.run-dust{position:absolute;left:calc(25% - var(--i)*7px);bottom:17px;width:8px;height:6px;background:#afbd8b;border-radius:40%;animation:pony-dust .65s calc(var(--i)*.16s) ease-out 8 both}
.toy-shell[data-motion=ball] .pet-target>.pixel-pony{animation:pony-ball-chase .75s steps(3,end) 8}
.practice-ball{position:absolute;left:calc(50% + 36px);bottom:14px;width:21px;height:21px;border:3px solid #a67552;background:linear-gradient(90deg,#e8bf70 45%,#f8e6b4 45% 60%,#e8bf70 60%);border-radius:50%;animation:pony-ball-bounce .75s ease-out 8}
.toy-shell[data-motion=clean] .pet-target>.pixel-pony{animation:pony-clean-joy 6s linear both}
.toy-shell[data-motion=clean] .pony-tail{animation:pony-tail-wave .4s steps(2,end) 15}
.soap-bubble{position:absolute;left:calc(16% + var(--i)*15%);bottom:calc(30px + var(--i)*13px);width:23px;height:23px;border:2px solid #f9ffef;background:#e8f5e0aa;border-radius:50%;box-shadow:inset 3px 3px #fff9;animation:pony-soap 6s ease-in-out both;animation-delay:calc(var(--i)*.04s)}
.clean-heart,.pet-heart{position:absolute;left:calc(20% + var(--i)*25%);top:25px;font-size:22px;color:#bc7c71;animation:pony-clean-heart 6s ease-out both}
.pet-heart{animation:pony-pet-heart 1.4s calc(var(--i)*.18s) ease-out 3 both}
.clean-spark{position:absolute;right:12%;top:44px;color:#fff8cf;font-size:30px;text-shadow:1px 1px #ac995e;animation:pony-clean-heart 6s ease-out both}
.still-spark{animation:none}
.motion-word{position:absolute;top:2px;left:3px;font-size:10px;font-weight:700;color:#5b6b45;background:#f7f5d9e8;border-radius:6px;padding:4px 6px}
.wash-word{animation:pony-wash-word 6s linear both}.clean-word{position:absolute;left:6px;top:4px;white-space:nowrap;animation:pony-clean-word 6s linear both}
.toy-shell[data-motion=full] .pony-head,.toy-shell[data-motion=hungry] .pony-head{animation:pony-no-thanks .65s steps(3,end) 3}
.toy-shell[data-motion=tired] .pet-target>.pixel-pony{animation:pet-doze 3s steps(3,end) 2}
.toy-shell[data-motion=pet] .pet-target>.pixel-pony{animation:pony-happy .8s steps(3,end) 6}
.toy-shell[data-motion=wake] .pet-target>.pixel-pony{animation:pony-stretch 2s ease-in-out 2}
.toy-shell[data-motion=sleep] .pet-target>.pixel-pony{animation:pet-doze 3s steps(3,end) 2}
.toy-shell[data-motion=sleep] .lcd-caption{color:#edf0ce}
@keyframes pony-eating{0%,100%{transform:scale(.9) translateY(0)}50%{transform:scale(.9) translateY(3px)}}
@keyframes pony-chew-head{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(7deg) translateY(1px)}}
@keyframes pony-chew-mouth{50%{transform:scaleY(3) translateY(.4px)}}
@keyframes pony-nibble{0%,20%{transform:scale(1)}40%{transform:scale(.85)}60%{transform:scale(.65)}80%{transform:scale(.4);opacity:1}95%,100%{transform:scale(0);opacity:0}}
@keyframes pony-crumb{0%{opacity:0;transform:translateY(-5px)}25%{opacity:1}100%{opacity:0;transform:translateY(18px)}}
@keyframes pony-run-body{0%,100%{transform:scale(.9) translateY(0) rotate(2deg)}50%{transform:scale(.9) translateY(-9px) rotate(-2deg)}}
@keyframes pony-run-travel{0%,100%{transform:translateX(-8px)}50%{transform:translateX(14px)}}
@keyframes pony-leg-front{0%,100%{transform:rotate(-28deg)}50%{transform:rotate(28deg)}}
@keyframes pony-leg-back{0%,100%{transform:rotate(28deg)}50%{transform:rotate(-28deg)}}
@keyframes pony-tail-wave{50%{transform:rotate(24deg)}}
@keyframes pony-ground{to{background-position:-38px 0}}
@keyframes pony-wind{from{opacity:0;transform:translateX(10px)}20%{opacity:1}to{opacity:0;transform:translateX(-16px)}}
@keyframes pony-dust{from{opacity:.8;transform:translate(0,0) scale(.6)}to{opacity:0;transform:translate(-14px,-12px) scale(1.6)}}
@keyframes pony-ball-chase{0%,100%{transform:scale(.9) translateX(-5px)}50%{transform:scale(.9) translate(8px,-9px) rotate(-3deg)}}
@keyframes pony-ball-bounce{0%,100%{transform:translate(0,0) rotate(0)}50%{transform:translate(9px,-40px) rotate(110deg)}}
@keyframes pony-clean-joy{0%,38%{transform:scale(.9) rotate(-3deg)}12%,28%{transform:scale(.9) rotate(3deg)}44%,60%,76%,100%{transform:scale(.9) translateY(0)}52%,68%,84%{transform:scale(.9) translateY(-16px) rotate(-4deg)}92%{transform:scale(.9) translateY(-6px)}}
@keyframes pony-soap{0%{opacity:0;transform:translateY(14px) scale(.6)}10%,30%{opacity:1;transform:translateY(0) scale(1)}40%{opacity:1;transform:translateY(-14px) scale(1.2)}46%,100%{opacity:0;transform:translateY(-20px) scale(.2)}}
@keyframes pony-clean-heart{0%,42%{opacity:0;transform:translateY(40px) scale(.5)}55%,75%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:0;transform:translateY(-12px) scale(1.1)}}
@keyframes pony-pet-heart{0%{opacity:0;transform:translateY(40px) scale(.5)}30%{opacity:1}100%{opacity:0;transform:translateY(-5px) scale(1)}}
@keyframes pony-wash-word{0%,42%{opacity:1}43%,100%{opacity:0}}
@keyframes pony-clean-word{0%,42%{opacity:0}43%,100%{opacity:1}}
@keyframes pony-no-thanks{25%{transform:rotate(-6deg)}75%{transform:rotate(6deg)}}
@keyframes pony-happy{50%{transform:scale(.9) translateY(-7px) rotate(3deg)}}
@keyframes pony-stretch{50%{transform:scale(.88,1.02) translateY(-3px)}}
@media(prefers-reduced-motion:reduce){
 .toy-shell[data-motion] .pet-target,.toy-shell[data-motion] .pet-target>.pixel-pony,.toy-shell[data-motion] .pet-target g,.toy-shell[data-motion] .pet-effects span,.toy-shell[data-motion] .room-floor::after{animation:none!important;transition:none!important}
 .toy-shell[data-motion] .pet-target{transform:none}.toy-shell[data-motion] .pet-target>.pixel-pony{transform:scale(.9)}
 .soap-bubble,.wash-word,.speed-lines,.run-dust,.food-crumb{display:none}.clean-word{position:static}.clean-heart,.pet-heart,.clean-spark{opacity:1;transform:none}.pony-snack{opacity:1}
}