.town-welcome{position:fixed;z-index:12;top:126px;left:50%;transform:translateX(-50%);width:min(420px,calc(100% - 32px));box-sizing:border-box;padding:18px 22px;border:1px solid #e0c272;border-radius:12px;background:linear-gradient(135deg,#174c70,#082346);color:#e6f2f3;box-shadow:0 12px 35px #00172b88;font:13px Trebuchet MS,Verdana,sans-serif;pointer-events:auto}
.town-welcome[hidden]{display:none!important}.town-welcome h2{font-size:23px;color:#ffe391;margin:7px 28px 9px 0}.town-welcome p{line-height:1.55;margin:0 0 12px}.town-welcome small{display:block;color:#a9dace;font-size:11px;line-height:1.5}#welcome-speaker{font-size:10px;color:#b5dfe7}#welcome-close{position:absolute;right:9px;top:8px;background:transparent;color:#ffe391;border:0;font-size:27px;width:34px;height:34px;cursor:pointer}
.routine-friendship{background:#041b3555;border:1px solid #467c8b;border-radius:8px;padding:12px;margin:13px 0}.routine-friendship h3{margin:0 0 6px!important}.routine-friendship p{font-size:12px;line-height:1.5;margin:6px 0}.routine-friendship progress{width:100%;height:8px;accent-color:#36bfbb}.routine-friendship strong{color:#a9e5d0}.routine-friendship small{font-size:10px;color:#b8d9df}
@media(max-width:700px){.town-welcome{top:115px;font-size:12px;padding:15px 18px}.town-welcome h2{font-size:21px}}