/* A glimpse into the existing tea house; the seaside world stays intact. */
.tea-entrance{position:fixed;z-index:2;right:max(var(--edge),env(safe-area-inset-right));top:112px;width:168px;text-align:center;text-decoration:none;color:#fff1cc;border:1px solid #e8c887;border-radius:90px 90px 18px 18px;background:#294b42;box-shadow:0 8px 30px #183d3c30,0 0 0 4px #fff8de40;isolation:isolate;transition:box-shadow .45s,transform .45s}
.tea-entrance-window{position:relative;display:block;height:150px;overflow:hidden;border-radius:88px 88px 0 0;margin:5px 5px 0;border:1px solid #f4d39480;border-bottom:0;background:#594429}
.tea-entrance-window img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;display:block;transform:scale(1.04);transition:transform 1.4s cubic-bezier(.2,.7,.2,1),filter 1.4s}
.tea-entrance-light{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 12%,#ffcf6940,transparent 65%);box-shadow:inset 0 -18px 22px -12px #294b42;animation:tea-welcome-glow 7s ease-in-out infinite alternate}
.tea-entrance-copy{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;padding:9px 9px 12px}
.tea-entrance-title{font:23px/1.2 Georgia,serif;letter-spacing:-.4px}
.tea-entrance-note{font:12px/1.4 system-ui,sans-serif;color:#e6d1a9}
.tea-entrance-action{display:flex;align-items:center;justify-content:center;gap:14px;font:14px/1.4 Georgia,serif;color:#ffe3a6;margin-top:4px;padding-top:6px;border-top:1px solid #e9c58245;width:calc(100% - 16px)}
.tea-entrance-action>span:last-child{transition:transform .4s}
.tea-entrance:hover,.tea-entrance:focus-visible{box-shadow:0 10px 35px #173d3e40,0 0 0 4px #ffe7a967,0 0 35px #ffe29c80;transform:translateY(-2px)}
.tea-entrance:hover img,.tea-entrance:focus-visible img{transform:scale(1.18);filter:brightness(1.1)}
.tea-entrance:hover .tea-entrance-action>span:last-child{transform:translate(2px,-2px)}
@keyframes tea-welcome-glow{to{opacity:.45}}
@media(max-width:1000px){.tea-entrance{width:140px;top:115px}.tea-entrance-window{height:118px}.tea-entrance-title{font-size:21px}}
@media(max-width:700px),(max-height:600px){
 .tea-entrance{top:max(65px,calc(env(safe-area-inset-top) + 57px));width:auto;max-width:calc(100% - 32px);display:flex;align-items:center;border-radius:30px 13px 13px 30px;text-align:left;box-shadow:0 4px 18px #183d3c20,0 0 0 2px #fff8de30;background:#294b42ed}
 .tea-entrance-window{flex:none;width:44px;height:48px;margin:3px;border-radius:25px 25px 7px 7px;border-bottom:1px solid #f4d39480}
 .tea-entrance-copy{align-items:start;padding:6px 12px 6px 7px;gap:2px}.tea-entrance-title{font-size:18px;line-height:1.15}.tea-entrance-note{display:none}.tea-entrance-action{font:12px/1.3 system-ui,sans-serif;border:0;padding:0;margin:0;width:auto;gap:9px}
}
@media(prefers-reduced-motion:reduce){.tea-entrance,.tea-entrance *{animation:none!important;transition:none!important}.tea-entrance:hover,.tea-entrance:focus-visible{transform:none}}