.spot-window.world-help-window{position:fixed;z-index:850;width:min(350px,calc(100vw - 40px));--game-window-padding:26px 30px 36px;--game-window-scale:1.4;font-family:Nunito,sans-serif;color:#49331e;left:24px;right:auto;top:24px;padding-top:30px!important;max-height:calc(100dvh - 48px);overflow-y:auto}.world-help-heading{display:flex;align-items:center;gap:12px;margin-bottom:14px;padding-right:12px}.world-help-symbol{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:50%;border:2px solid #b48134;background:#6b431b;color:#ffe4a0;font:900 29px/1 Georgia,serif;box-shadow:inset 0 0 0 2px #f6d18b66,0 2px 3px #65441d44}.world-help-heading small{display:block;color:#826442;font-size:12px;font-weight:800;margin-bottom:3px}.world-help-heading h2{margin:0!important;font-size:21px!important}.world-help-window p{font-size:16px}@media(max-width:700px){.spot-window.world-help-window{left:12px;right:auto;top:16px;width:min(330px,calc(100vw - 24px))}.world-help-window p{font-size:14px}}.restored-painted-vitals{position:relative}.health-vessel-mount{position:absolute;left:12px;bottom:100%;width:66px;height:82px;margin-bottom:34px;pointer-events:auto;z-index:2}.health-vessel{position:relative;display:block;width:66px;height:82px;border:0;padding:0;background:none;cursor:pointer;color:#fff4d6;filter:drop-shadow(0 2px 2px #0008)}.health-vessel:before{content:"";position:absolute;left:0;right:0;bottom:0;height:24px;background:url(/img/warshards/consumables/board.webp) center/contain no-repeat}.health-vessel-glass{position:absolute;inset:0 8px 7px;transition:transform .25s;transform-origin:50% 75%}.health-vessel-glass>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.health-vessel-liquid{position:absolute;z-index:1;left:14%;right:14%;bottom:9%;height:59%;overflow:hidden;border-radius:46% 46% 44% 44%;clip-path:polygon(38% 0,62% 0,65% 15%,86% 35%,100% 60%,98% 81%,85% 95%,66% 100%,34% 100%,15% 95%,2% 81%,0 60%,14% 35%,35% 15%)}.health-vessel-liquid>i{position:absolute;bottom:0;left:0;right:0;background:radial-gradient(ellipse at 62% 28%,#ff526b66,transparent 65%),linear-gradient(90deg,#8d0025,#e00932 45%,#fa2346 68%,#a90029);box-shadow:inset 2px 0 4px #72002180,inset -2px 0 3px #ff6c8666;transition:height .65s cubic-bezier(.22,.61,.36,1);overflow:hidden}.health-vessel-wave{position:absolute;left:-40%;top:-3px;width:180%;height:6px;border-radius:45%;background:#ff8293;box-shadow:0 1px 3px #ffcad1;animation:vessel-wave 2.6s ease-in-out infinite alternate}.health-vessel-wave-back{top:-4px;background:#ff315c;animation-delay:-1.3s;animation-direction:alternate-reverse;opacity:.7}.health-vessel-spark{position:absolute;inset:0;background:radial-gradient(circle at 28% 65%,#ffc1cf 0 1px,transparent 1.4px),radial-gradient(circle at 64% 85%,#ff8fa8 0 .7px,transparent 1.3px),radial-gradient(circle at 75% 30%,#fff0f4 0 .6px,transparent 1px);animation:vessel-shimmer 3.4s ease-in-out infinite}.health-vessel-gain{position:absolute;left:30px;top:42px;pointer-events:none}.health-vessel-gain i{position:absolute;width:5px;height:7px;background:#ff4e73;border-radius:50%;box-shadow:0 0 7px #ff225f;animation:vessel-gain .7s ease-out both}.health-vessel-gain i:nth-child(2){animation-delay:.07s;width:3px;height:4px}.health-vessel-gain i:nth-child(3){animation-delay:.13s;width:2px;height:3px}.health-vessel b{position:absolute;z-index:2;left:0;right:0;bottom:16px;text-align:center;font:900 12px Nunito,sans-serif;text-shadow:0 1px 3px #000,0 0 3px #000}.health-vessel:disabled{cursor:default}.health-vessel:focus-visible{outline:2px solid #f8cf75;border-radius:12px}.health-vessel:enabled:hover .health-vessel-glass{transform:rotate(-8deg) translateY(-2px)}.health-vessel-mount[data-pouring] .health-vessel-glass{animation:vessel-tip 1s ease-in-out}.health-vessel-pour{position:absolute;left:36px;top:20px;width:90px;height:100px;pointer-events:none;transform:rotate(-22deg);transform-origin:top left}.health-vessel-pour i{position:absolute;left:0;top:0;width:5px;height:14px;border-radius:50%;background:#ff9c6d;box-shadow:0 0 8px #f65031;animation:vessel-drop .7s ease-in both}.health-vessel-pour i:nth-child(2){animation-delay:.1s}.health-vessel-pour i:nth-child(3){animation-delay:.2s}.health-vessel-pour i:nth-child(4){animation-delay:.3s}.health-vessel-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.health-vessel-mount[data-pouring]+.restored-painted-bar{filter:drop-shadow(0 0 7px #f47846)}@keyframes vessel-tip{25%,60%{transform:rotate(65deg) translate(12px,-5px)}to{transform:none}}@keyframes vessel-drop{0%{opacity:0;transform:translate(0) scale(.4)}20%{opacity:1}to{opacity:0;transform:translate(25px,72px) scale(.7)}}@keyframes vessel-wave{0%{transform:translate(-6%) rotate(-5deg)}to{transform:translate(6%) rotate(5deg)}}@keyframes vessel-shimmer{0%,to{opacity:.3;transform:translateY(2px)}50%{opacity:.8;transform:translateY(-3px)}}@keyframes vessel-gain{0%{opacity:0;transform:translate(85px,-65px) scale(.5)}20%{opacity:1}55%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translateY(3px) scale(.2)}}@media(prefers-reduced-motion:reduce){.health-vessel-glass,.health-vessel-liquid>i{transition:none}.health-vessel-mount[data-pouring] .health-vessel-glass,.health-vessel-pour i,.health-vessel-wave,.health-vessel-spark,.health-vessel-gain i{animation:none}.health-vessel-pour,.health-vessel-gain{display:none}}