/* Vesper uses the game's blue window chrome, with quieter, readable service rows. */
.classic-portrait{display:inline-block;background-repeat:no-repeat;image-rendering:pixelated;flex-shrink:0;vertical-align:bottom}
#classPicker .class>span{height:82px;display:flex;align-items:flex-end;justify-content:center;margin-bottom:5px}
#classPicker .class{padding-top:10px}
#hud #heroGlyph{display:flex;align-items:center;justify-content:center;height:100%;overflow:hidden}
#modal .ro-doll-hero .classic-portrait{margin:0 auto;max-width:100%;filter:drop-shadow(0 3px 2px #293b4933)}
#modal[data-kind="town-guide"] .panel{width:min(650px,100%)}
#modal .town-guide-intro{margin:0 0 14px;line-height:1.55}
#modal .town-guide-list{display:grid;gap:6px}
#modal .town-guide-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;padding:12px;text-align:left;background:#f8faff;border:1px solid #b4c6df;border-radius:5px;color:#253d61}
#modal .town-guide-row:hover:not(:disabled){background:#e9f2ff;border-color:#537eab}
#modal .town-guide-row:focus-visible{outline:3px solid #568dc1;outline-offset:2px}
#modal .town-guide-row b{display:block;font-size:14px;color:#243d63}
#modal .town-guide-row small{display:block;margin-top:4px;font-size:12px;line-height:1.45;color:#53667b}
#modal .town-guide-row em{display:block;margin-top:5px;font-size:11px;font-style:normal;color:#63798c}
#modal .town-guide-icon{display:grid;place-items:center;width:36px;height:38px;border-radius:5px;background:#e5edf5;border:1px solid #bbccdf;color:#365a7e;font-size:23px}
#modal .town-guide-distance{font-size:12px;white-space:nowrap;color:#426c86}
#modal .town-guide-current{display:flex;align-items:center;gap:10px;justify-content:space-between;padding:8px 10px;background:#e4f0f1;border:1px solid #a4c4ca;border-radius:5px;font-size:12px}
#hud #compassName{display:block;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}
#hud #compassName[hidden]{display:none}
@media(max-width:520px){#modal .town-guide-row{padding:10px;gap:8px;grid-template-columns:30px minmax(0,1fr)}#modal .town-guide-icon{width:29px;height:34px;font-size:20px}#modal .town-guide-distance{grid-column:2;font-size:11px;margin-top:-4px}#hud #compassName{max-width:115px}.bottomnav #townGuideButton{min-width:35px;padding:0 7px}}
@media(orientation:landscape) and (max-height:520px){#modal .town-guide-list{grid-template-columns:1fr 1fr}#modal .town-guide-row{grid-template-columns:26px minmax(0,1fr);padding:8px;gap:6px}#modal .town-guide-distance{grid-column:2}#modal .town-guide-icon{width:26px;height:30px;font-size:20px}#modal .town-guide-row small{font-size:11px}}