.tavern-opening{position:fixed;z-index:80;left:50%;bottom:32px;transform:translateX(-50%);width:min(560px,calc(100% - 28px));box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:26px;padding:25px 22px;color:#ffebbb;background:linear-gradient(125deg,#221b13f5,#352718f5,#171c18f5);border:1px solid #cba15e;border-radius:5px;box-shadow:0 12px 50px #0009,inset 0 0 28px #c08b3220;pointer-events:none;animation:tavern-welcome 8s ease both}.opening-message{text-align:center}.opening-message strong{display:block;font:clamp(20px,4vw,29px)/1.25 var(--serif,serif);text-shadow:0 0 22px #d99c4060}.opening-message>span{display:block;margin-top:8px;font:italic 14px/1.4 var(--serif,serif);color:#ddc69e}.opening-lantern{position:relative;flex:0 0 25px;height:38px;border:2px solid #ba975b;border-radius:8px 8px 4px 4px;background:linear-gradient(90deg,#271e14,transparent,#271e14);animation:lantern-light 2.2s ease both}.opening-lantern:last-of-type{animation-delay:.5s}.opening-lantern:before{content:'';position:absolute;left:7px;top:-11px;width:8px;height:8px;border:2px solid #ba975b;border-radius:50%}.opening-lantern:after{content:'';position:absolute;left:10px;top:0;bottom:0;border-left:2px solid #ba975b}.opening-lantern i{position:absolute;left:7px;bottom:7px;width:10px;height:19px;border-radius:75% 25% 65% 35%;background:#ffe3a1;box-shadow:0 0 16px 7px #f1ac4680}.opening-particles{position:absolute;inset:0;overflow:visible;pointer-events:none}.opening-particles i{position:absolute;left:var(--x);bottom:10%;width:5px;height:5px;border-radius:50%;background:#efbb63;opacity:0;animation:opening-rise 4.5s var(--delay) ease-out both;box-shadow:0 0 8px currentColor;color:#efbb63}.tavern-opening[data-particles=snow] .opening-particles i{background:#e8f7ff;color:#c2eaff;animation-name:opening-fall}.tavern-opening[data-particles=petals] .opening-particles i{width:9px;height:6px;border-radius:80% 10%;background:#edbbd3;color:#edbbd3;animation-name:opening-fall}.tavern-opening[data-particles=arcane] .opening-particles i{background:#c6a8ff;color:#a687ff;border-radius:0}.tavern-opening[data-particles=sea] .opening-particles i{background:#b4f4ed;color:#7bd8df}.tavern-opening[data-particles=sand] .opening-particles i{background:#ddc588;color:#ddc588}.tavern-opening[data-particles=leaves] .opening-particles i{width:9px;height:5px;border-radius:90% 0;background:#aac078;color:#aac078;animation-name:opening-fall}.tavern-opening[data-particles=green] .opening-particles i{background:#b3ed75;color:#b3ed75}.opening-quiet{animation:none}.opening-quiet .opening-lantern{display:none}@keyframes tavern-welcome{0%{opacity:0;transform:translate(-50%,12px)}12%,82%{opacity:1;transform:translate(-50%,0)}100%{opacity:0;transform:translate(-50%,0)}}@keyframes lantern-light{from{opacity:.15;box-shadow:none}to{opacity:1;box-shadow:0 0 28px 9px #ffb84430}}@keyframes opening-rise{0%{opacity:0;transform:translateY(0)}20%{opacity:.8}100%{opacity:0;transform:translate(var(--drift),-160px) rotate(130deg)}}@keyframes opening-fall{0%{opacity:0;transform:translateY(-170px)}20%{opacity:.8}100%{opacity:0;transform:translate(var(--drift),30px) rotate(220deg)}}@media(max-width:480px){.tavern-opening{bottom:16px;gap:14px;padding:22px 13px}.opening-lantern{flex-basis:20px}.opening-lantern i{left:5px}}@media(prefers-reduced-motion:reduce){.tavern-opening,.opening-lantern{animation:none}.opening-particles{display:none}}