.camera-object{position:absolute;left:3%;top:24%;width:47%;aspect-ratio:3/2}.camera-object>img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 17px 20px #000a)}.camera-shutter{position:absolute;left:73.1315%;top:18.8574%;width:10.4883%;height:5.9277%;padding:0;border:0;background:transparent;cursor:pointer;transform-origin:center bottom}.camera-shutter img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 3px #000)}.camera-shutter:hover img,.camera-shutter:focus-visible img{filter:brightness(1.2) drop-shadow(0 0 5px #fff)}.camera-shutter.pressing{animation:shutter-press .18s ease-in-out}.live-viewfinder{position:absolute;z-index:3;left:7%;top:64%;width:40%;aspect-ratio:16/9;padding:1.1%;background:#d9d0bc;border:3px solid #776a57;box-shadow:5px 8px 15px #0009}.live-viewfinder video{width:100%;height:100%;object-fit:cover;display:block;background:#0a0a0a;transform:scaleX(-1)}.viewfinder-label{position:absolute;left:7%;right:7%;bottom:7%;padding:3px;background:#111b;color:#f4e6c7;text-align:center;font:clamp(5px,.5vw,12px) "DM Mono",monospace;letter-spacing:.06em}.camera-flash{position:absolute;z-index:9;inset:0;pointer-events:none;background:#fff;opacity:0}.camera-flash.flash{animation:camera-flash .38s ease-out}.captured-photo{display:none;position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.captured-photo.show{display:block}.photo:has(.captured-photo.show){background:#111}.photo:has(.captured-photo.show):after{display:none}@keyframes shutter-press{50%{transform:translateY(10%) scaleY(.88)}}@keyframes camera-flash{0%{opacity:0}16%{opacity:1}100%{opacity:0}}@media(max-width:700px){.camera-object{left:1%;top:28%;width:51%}.live-viewfinder{left:4%;top:62%;width:48%}}
.shutter-hint{position:absolute;z-index:2;left:calc(68% + 80px);top:7%;width:29%;color:#f5e6c1;text-align:center;font:clamp(8px,.85vw,18px) "DM Mono",monospace;letter-spacing:.08em;text-shadow:0 2px 4px #000;pointer-events:none}.shutter-hint:after{content:"↙";display:block;margin:0 0 0 calc(42% - 200px);color:#f7d36d;font:clamp(16px,1.7vw,32px) "Patrick Hand",cursive;line-height:.65;transform:translate(12px,-14px) rotate(8deg)}