.new-sprite{background-image:var(--pixel-new-props,url('assets/tea-computer-atlas.png'));background-repeat:no-repeat}
.tea-sprite{background-size:264.88% 100%;background-position:0 0}
.pot-sprite{background-size:342.59% 100%;background-position:53.97% 0}
.computer-sprite{background-size:306.78% 100%;background-position:100% 0}
.tea .tea-pot{position:absolute;left:9%;top:2%;width:44%;height:44%;transform-origin:50% 60%;transition:transform .65s cubic-bezier(.25,.1,.35,1)}
.tea.arrived .tea-pot{transform:rotate(22deg)}
.tea-stream{position:absolute;left:50.7%;top:26%;width:1%;height:8.2%;background:linear-gradient(90deg,#d1ad64aa,#f0db9ccc,#b4975eaa);border-radius:40%;opacity:0;transform:scaleY(0);transform-origin:top;filter:drop-shadow(0 0 2px #d9b77377)}
.tea.arrived .tea-stream{opacity:1;animation:tea-pouring 1.18s .16s both}
.tea-liquid{position:absolute;left:40%;top:31.2%;width:23.6%;height:4.9%;border-radius:50%;background:radial-gradient(ellipse at 40% 30%,#d8b56eaa,#a46b258c 65%,#614b3180);box-shadow:inset 0 1px 1px #ecd39099,0 0 7px #d6b26844;opacity:0;transform:translateY(3px) scale(.3);transition:opacity .2s .3s,transform .85s .3s}
.tea.arrived .tea-liquid{opacity:1;transform:translateY(0) scale(1)}
.tea-steam{position:absolute;left:45%;top:19%;width:14%;height:13%;opacity:0;transition:opacity .5s .65s}
.tea.arrived .tea-steam{opacity:.7}
.tea-steam i{position:absolute;bottom:0;left:10%;width:4px;height:16px;border-left:1px solid #d9d9ba80;border-radius:50%;filter:blur(.6px);animation:tea-steam 2.2s ease-out infinite}
.tea-steam i:nth-child(2){left:45%;height:20px;animation-delay:-1.3s}.tea-steam i:nth-child(3){left:80%;height:14px;animation-delay:-.7s}
.crt-display{position:absolute;left:20.2%;top:20.7%;width:49.2%;height:32.6%;overflow:hidden;border-radius:7% 7% 8% 8%;background:#111b17;box-shadow:inset 0 0 10px #000;transform:rotate(-.3deg)}
.crt-display:after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,#03090550 0,#03090550 1px,transparent 1px,transparent 3px);box-shadow:inset 0 0 7px #000c}
.computer-screen-noise{width:100%;height:100%;image-rendering:pixelated;opacity:.56;transition:opacity .45s}
.screen-smile{position:absolute;left:10%;top:5%;width:80%;height:90%;fill:#c7d3a8;filter:drop-shadow(0 0 3px #d0e4ab77);opacity:0;transform:scale(.9);transition:opacity .35s .12s,transform .4s .12s}
.computer.arrived .computer-screen-noise{opacity:.10}
.computer.arrived .screen-smile{opacity:1;transform:scale(1)}
.computer.arrived .crt-display{box-shadow:0 0 13px #a5c48633,inset 0 0 10px #000}
.tea .portal-name,.computer .portal-name{max-width:280px}
.tea:hover .portal-art,.computer:hover .portal-art{filter:drop-shadow(0 0 10px #bbcca016)}
@keyframes tea-pouring{0%{transform:scaleY(0);opacity:0}15%{transform:scaleY(1);opacity:.9}82%{transform:scaleY(1);opacity:.9}100%{transform:scaleY(.3);opacity:0}}
@keyframes tea-steam{0%{opacity:0;transform:translate(0,3px)}30%{opacity:.7}100%{opacity:0;transform:translate(3px,-10px)}}
@media(max-width:1100px) and (min-width:701px){.portal.tea{width:145px;height:156px;left:31%;top:66%}.portal.computer{width:140px;height:151px}}
@media(max-width:700px){#dream{min-height:1210px}.intro{top:9%}.side-note{top:13%}.portal.mirror{left:20%;top:66%}.portal.cage{left:76%;top:70%}.portal.door{left:21%;top:47%}.portal.flower{left:78%;top:88%}.portal.hourglass{left:78%;top:49%}.portal.frame{left:21%;top:83%}.portal.cabinet{left:79%;top:29%}.portal.tea{left:45%;top:59%}.portal.computer{left:48%;top:40%}.traveler{top:83%}.scene-caption{bottom:9.5%}.site-footer>div{gap:8px}.site-footer{font-size:6px;gap:5px}.site-footer .footer-divider{display:none}.site-footer button{font-size:8px;letter-spacing:0}.sound-bars{margin-right:1px;gap:1px}.portal.computer .portal-name{max-width:210px}.tea .tea-steam i{width:3px;height:12px}}
.static-mode .tea-pot,.static-mode .tea-liquid,.static-mode .tea-steam,.static-mode .screen-smile,.static-mode .computer-screen-noise{transition:none!important}
@media(prefers-reduced-motion:reduce){.tea-pot,.tea-liquid,.tea-steam,.screen-smile,.computer-screen-noise{transition:none!important}}