/* Escritorio: madera, luz y objetos con parallax */
/* ---------- Escritorio ---------- */
#wood{position:fixed;inset:0;width:100%;height:100%;z-index:0}
.light{position:fixed;inset:0;z-index:0;pointer-events:none;background:
  radial-gradient(ellipse 52% 48% at 50% 56%, rgba(255,200,130,.20), rgba(255,190,120,.06) 55%, transparent 75%),
  radial-gradient(ellipse 85% 80% at 50% 55%, transparent 35%, rgba(0,0,0,.78) 100%)}
.objs{position:fixed;inset:0;z-index:0;pointer-events:none}
.obj{position:absolute;transform:translate(var(--ox,0px),var(--oy,0px));transition:transform .6s ease-out}
.cup{right:1%;top:44%;width:240px;height:220px}
.cup canvas{display:block;width:100%;height:100%}
.steam{position:absolute;left:43%;top:49%;width:0;height:0}
.steam b{position:absolute;width:28px;height:70px;left:-14px;top:-80px;border-radius:50%;background:radial-gradient(ellipse,rgba(255,255,255,.16),transparent 70%);filter:blur(6px);animation:steam 4.5s ease-in infinite;opacity:0}
.steam b:nth-child(2){left:-26px;animation-delay:1.5s}.steam b:nth-child(3){left:0;animation-delay:3s}
@keyframes steam{0%{transform:translateY(20px) scale(.6);opacity:0}30%{opacity:.9}100%{transform:translateY(-70px) translateX(12px) scale(1.4);opacity:0}}
.pen{left:8%;bottom:16%;width:200px;height:10px;border-radius:5px;background:linear-gradient(180deg,#625c54,#1d1b18 55%,#0b0a09);rotate:-36deg;box-shadow:12px 16px 18px rgba(0,0,0,.6)}
.pen::before{content:"";position:absolute;right:-15px;top:2.5px;border-left:17px solid #c2b9ac;border-top:2.5px solid transparent;border-bottom:2.5px solid transparent}
.pen::after{content:"";position:absolute;left:24px;top:-3px;width:50px;height:4px;border-radius:2px;background:#b89a62}