/* Footer'daki bağımsız müzik cihazı; sağdaki oynatıcıya stil uygulamaz. */
.pet-home{display:flex;justify-content:center;align-items:center;padding:24px 8px 16px;min-height:416px}
.pet-device{position:relative;width:286px;max-width:100%;isolation:isolate;transform:rotate(6deg);transition:transform .6s cubic-bezier(.2,.8,.2,1);color:#26261d}
.pet-device:hover,.pet-device:focus-within{transform:rotate(1deg)}
.pet-loop{position:absolute;left:calc(50% - 23px);top:-22px;width:46px;height:52px;border:7px solid #8f8d81;border-radius:50%;box-shadow:inset 1px 1px 2px #f3eee2,1px 2px 2px #161410;z-index:-1}
.pet-shell{position:relative;overflow:hidden;min-height:370px;padding:36px 29px 23px;border:1px solid #c2bbad;border-radius:49% 49% 44% 44% / 36% 36% 59% 59%;background:radial-gradient(ellipse at 24% 11%,#fffaf0 0%,#e3ddce 38%,#bdb7a8 80%,#a8a293 100%);box-shadow:inset 3px 4px 4px #fff8ec,inset -5px -7px 9px #918b7e,inset 0 0 0 5px #ddd6c6,10px 19px 28px -13px rgba(0,0,0,.65)}
.pet-shell::before{content:'';position:absolute;inset:8px;border:1px solid rgba(97,89,75,.2);border-radius:inherit;pointer-events:none}
.pet-brand{display:flex;align-items:center;justify-content:center;gap:5px;margin:0 0 13px;font:500 17px var(--font);letter-spacing:-.07em;color:#962f26}
.pet-brand>span{font-family:serif;font-size:16px;letter-spacing:0}
.pet-brand i{font:8px var(--font-mono);font-style:normal;letter-spacing:.02em;color:#797364;margin-left:8px}
.pet-bezel{background:#343730;padding:9px;border-radius:22px 22px 28px 28px;border-top:2px solid #20231c;box-shadow:0 2px 0 #f7f0df,inset 0 -2px 1px #565c4c}
.pet-screen{position:relative;overflow:hidden;padding:10px 11px 8px;background:#a3ad7d;border:1px solid #68714e;border-radius:12px 12px 18px 18px;color:#303e26;box-shadow:inset 2px 3px 6px #606d43;font-family:var(--font-mono);text-align:left}
.pet-screen::after{content:'';position:absolute;inset:0;pointer-events:none;opacity:.15;background-image:repeating-linear-gradient(0deg,transparent 0 3px,#394928 3px 4px),repeating-linear-gradient(90deg,transparent 0 3px,#394928 3px 4px)}
.pet-screen-top,.pet-screen-bottom{display:flex;align-items:center;justify-content:space-between;font-size:8px;line-height:1.6;letter-spacing:.02em;position:relative;z-index:1}
.pet-screen-top{border-bottom:1px solid rgba(50,64,35,.3);padding-bottom:3px;opacity:.85}
.pet-battery{font-size:8px;letter-spacing:-2px}
.pet-world{height:75px;position:relative}
.pet-world svg{display:block;width:100%;height:100%;fill:#38492a}
.pet-scale{fill:#748455}.pet-eye{fill:#b7c290}.pet-water{opacity:.4}
.pet-fish{transform-origin:50% 50%;transform:translateY(3px)}
.pet-sleep{position:absolute;top:3px;right:22px;font:10px var(--font-mono);letter-spacing:3px}
.pet-track{font:500 11px/1.5 var(--font-mono);letter-spacing:-.04em;margin:0 0 4px!important;color:#27371e}
.pet-screen-bottom{font-size:8px;min-height:13px}
.pet-bars{display:flex;align-items:center;justify-content:center;gap:2px;height:12px;margin-top:5px;overflow:hidden}
.pet-bars i{height:11px;width:3px;flex:1;background:#40532d;transform:scaleY(.12);transform-origin:center}
.pet-keys{display:flex;justify-content:center;align-items:center;gap:18px;margin-top:17px}
.pet-key{display:inline-flex;justify-content:center;align-items:center;border:1px solid #701e18;border-radius:50%;width:44px;height:44px;padding:0;background:linear-gradient(135deg,#c64c3b,#9f3026);color:#f2d2b6;box-shadow:inset 1px 2px 2px #e0755e,inset -1px -2px 2px #771e17,0 3px 0 #7f7566,0 4px 5px #9a9281;font:22px/1 var(--font);transition:transform .15s,box-shadow .15s;cursor:pointer}
.pet-key--play{width:50px;height:50px;transform:translateY(6px);font-size:16px}
.pet-key:active{transform:translateY(2px);box-shadow:inset 1px 2px 3px #75231c,0 1px 0 #7f7566}
.pet-key--play:active{transform:translateY(8px)}
.pet-pause-icon{display:none}.pet-device[data-playing=true] .pet-play-icon{display:none}.pet-device[data-playing=true] .pet-pause-icon{display:inline}
.pet-device[data-playing=true] .pet-sleep{display:none}
.pet-device[data-playing=true][data-visible=true] .pet-fish{animation:petSwim 1.8s steps(4,end) infinite}
.pet-device[data-playing=true][data-visible=true] .pet-bubbles{animation:petBubble 1.2s steps(3,end) infinite}
.pet-volume{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:16px;font:7px var(--font-mono);color:#62594a}
.pet-volume meter{width:64px;height:5px;appearance:none;border:0;background:#aaa48f;border-radius:0}
.pet-volume meter::-webkit-meter-bar{height:5px;background:#aaa48f;border:0;border-radius:0}
.pet-volume meter::-webkit-meter-optimum-value{background:#726344;border-radius:0}
.pet-volume meter::-moz-meter-bar{background:#726344}
.pet-playlist{display:flex;align-items:center;justify-content:center;gap:13px;min-height:38px;margin-top:1px;font:9px var(--font-mono);color:#514b3e;text-decoration:none;text-underline-offset:4px}
.pet-playlist:hover{text-decoration:underline;color:#8e2c23}
.pet-speaker{text-align:center;font:11px var(--font-mono);letter-spacing:5px;color:#7a7467;margin-top:-4px}
.pet-device [role=status]{max-width:120px}
@keyframes petSwim{0%,100%{transform:translate(0,2px)}50%{transform:translate(-4px,-2px)}}
@keyframes petBubble{0%{transform:translateY(4px);opacity:.2}66%{opacity:.8}100%{transform:translateY(-5px);opacity:0}}
@media(max-width:600px){
 .pet-home{justify-content:flex-end;min-height:0;padding:26px 8px 12px}
 .pet-device{width:210px}
 .pet-shell{min-height:0;padding:26px 19px 14px}
 .pet-brand{font-size:15px;margin-bottom:9px}
 .pet-brand i{font-size:6px;margin-left:3px}
 .pet-bezel{padding:6px;border-radius:17px 17px 23px 23px}
 .pet-screen{padding:8px 8px 6px}
 .pet-world{height:49px}
 .pet-track{font-size:9px}
 .pet-screen-top,.pet-screen-bottom{font-size:7px}
 .pet-bars{height:8px;margin-top:3px;gap:1px}
 .pet-keys{gap:8px;margin-top:12px}
 .pet-key--play{width:46px;height:46px}
 .pet-volume{margin-top:13px;gap:6px}
 .pet-playlist{font-size:8px;min-height:35px}
 .pet-speaker{font-size:9px}
 #contact .foot-right{position:relative}
 #contact .foot-right .lily-bloom{left:-8px;top:12px;width:clamp(96px,30vw,138px);height:270px;transform:none;opacity:.9;margin:0}
 #contact .foot-right .lily-bloom .lPetal{stroke:#cb4236;stroke-width:1.1;vector-effect:non-scaling-stroke}
 #contact .foot-right .lily-bloom .lStamen{stroke:#cf4a3b;stroke-width:.7;vector-effect:non-scaling-stroke}
 #contact .foot-right .lily-bloom #lStem{stroke-width:.7;vector-effect:non-scaling-stroke}
}
@media(prefers-reduced-motion:reduce){.pet-device,.pet-key{transition:none}.pet-device[data-playing=true][data-visible=true] .pet-fish,.pet-device[data-playing=true][data-visible=true] .pet-bubbles{animation:none}}
/* Klasik yumurta kabuğu ve LCD içinde ses göstergesi. */
.pet-device{width:270px}.pet-home{min-height:375px}
.pet-shell{min-height:338px;padding:42px 29px 26px;border-radius:50% 50% 47% 47% / 40% 40% 60% 60%;background:radial-gradient(ellipse at 28% 16%,#fff9e9 0%,#e6dfca 48%,#c5bca5 85%,#aaa089 100%)}
.pet-brand{margin-bottom:15px;font-size:21px;transform:rotate(-5deg);font-style:italic}.pet-brand i{display:none}
.pet-bezel{padding:12px;background:#9c392f;border:0;border-radius:27% 23% 25% 21% / 22% 26% 22% 25%;box-shadow:inset 1px 2px 2px #67251f,0 2px 0 #fff4d9;position:relative}
.pet-screen{border-radius:7px;padding:9px}.pet-world{height:68px}
.pet-volume{position:relative;z-index:1;justify-content:space-between;gap:6px;margin-top:5px;padding-top:5px;border-top:1px solid #39492844;color:#303e26;font-size:7px}
.pet-volume meter{flex:1;max-width:90px;background:#829064}.pet-volume meter::-webkit-meter-bar{background:#829064}.pet-volume meter::-webkit-meter-optimum-value{background:#38492a}.pet-volume meter::-moz-meter-bar{background:#38492a}
.pet-keys{gap:13px;margin-top:20px}.pet-key,.pet-key--play{width:44px;height:44px;font-size:17px}.pet-key--play{transform:translateY(8px);font-size:13px}.pet-speaker{margin-top:20px;font-size:8px;opacity:.6}
.pet-device .pet-playlist{position:absolute;right:4px;top:32px;z-index:3;width:44px;height:44px;min-height:44px;margin:0;border-radius:50%;border:1px solid #70251f;background:linear-gradient(135deg,#c95443,#922d25);box-shadow:inset 1px 2px 2px #e8886b,2px 3px 0 #776c58;color:#f5ddbb;transform:rotate(24deg);transition:transform .15s}
.pet-playlist svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.pet-device .pet-playlist:hover{transform:rotate(24deg) translateY(-2px)}.pet-device .pet-playlist:active{transform:rotate(24deg) translateY(2px)}
.pet-device a:focus-visible,.pet-device button:focus-visible{outline:2px solid #fff2d3;outline-offset:4px}
@media(max-width:600px){.pet-device{width:210px}.pet-home{min-height:0}.pet-shell{min-height:0;padding:34px 19px 19px}.pet-brand{font-size:18px;margin-bottom:11px}.pet-bezel{padding:8px}.pet-screen{padding:7px}.pet-world{height:46px}.pet-volume{margin-top:4px;padding-top:4px}.pet-keys{gap:8px;margin-top:15px}.pet-speaker{margin-top:16px}.pet-device .pet-playlist{right:-3px;top:23px}}