/* SHOPS145: in-game shop windows (MU interface look: dark metal frame, slot grid, MU tooltips) */
.mu-hero{display:flex;flex-wrap:wrap;gap:14px 20px;align-items:center;justify-content:space-between;margin:16px 0 14px;padding:18px;border:1px solid rgba(217,180,95,.4);border-radius:4px;
 background:radial-gradient(480px 180px at 92% 30%,rgba(217,180,95,.16),transparent 70%),linear-gradient(180deg,#1a1712,#0b0a08);box-shadow:inset 0 0 0 1px #000,inset 0 0 30px rgba(0,0,0,.8),0 8px 24px rgba(0,0,0,.35)}
.mu-hero-txt{flex:1 1 240px}.mu-hero strong{display:block;font:600 22px/1.2 Cinzel54,Georgia,serif;color:#f1d68e;text-shadow:0 0 12px rgba(241,214,142,.35)}
.mu-hero em{display:block;font-style:normal;color:#c9a75c;font-size:12px;letter-spacing:.14em;text-transform:uppercase;margin-top:4px}.mu-hero p{margin:8px 0 0;color:#b9b2a3;font-size:13.5px;line-height:1.55}
.mu-filters{flex:1 1 300px;display:flex;flex-wrap:wrap;gap:8px}.mu-filters label{flex:1 1 130px}.mu-filters .mu-search{flex:1 1 100%}
.mu-filters input,.mu-filters select{width:100%;box-sizing:border-box;padding:10px 12px;border-radius:3px;border:1px solid #5a4a2a;background:#050505;color:#eee3c8;font-size:14px;box-shadow:inset 0 1px 6px rgba(0,0,0,.9)}
.mu-filters input:focus,.mu-filters select:focus{outline:1px solid #f1d68e;border-color:#d9b45f}
.eyebrow a{color:inherit;text-decoration:none}
/* town "map" navigation */
.mu-map{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 0}
.mu-map a{display:flex;flex-direction:column;padding:6px 11px;border:1px solid #3d3322;border-radius:3px;background:linear-gradient(#211c13,#0d0b08);text-decoration:none;line-height:1.15}
.mu-map b{font:600 12.5px Cinzel54,Georgia,serif;color:#d8c08a}.mu-map span{font-size:10px;color:#8a7c60;letter-spacing:.06em}
.mu-map a:hover,.mu-map a[aria-current]{border-color:#d9b45f;box-shadow:0 0 10px rgba(217,180,95,.35)}.mu-map a[aria-current] b{color:#fff1c4}
/* NPC portraits */
.mu-roster{display:flex;gap:10px;overflow-x:auto;padding:4px 2px 12px;scroll-snap-type:x mandatory;scrollbar-width:thin}
.mu-npc{flex:0 0 auto;width:78px;display:flex;flex-direction:column;align-items:center;gap:4px;text-decoration:none;scroll-snap-align:start;text-align:center}
.mu-npc b{font:600 11px/1.2 system-ui,sans-serif;color:#e6d6ae}.mu-npc small{font-size:10px;color:#857a63}
.mu-face{position:relative;display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:radial-gradient(circle at 50% 35%,#3b3220,#0a0907 70%);
 border:2px solid #8c6e33;box-shadow:0 0 0 1px #000,0 0 14px rgba(217,180,95,.25),inset 0 0 12px #000;overflow:hidden;transition:transform .2s,box-shadow .2s}
.mu-face img{width:40px;height:40px;object-fit:contain;filter:sepia(.6) saturate(1.6) brightness(1.15)}.mu-face svg{width:34px;height:34px}
.mu-face i{position:absolute;right:2px;bottom:0;font:700 12px Cinzel54,Georgia,serif;font-style:normal;color:#f1d68e;text-shadow:0 0 4px #000,0 0 2px #000}
.mu-npc:hover .mu-face{transform:translateY(-2px);box-shadow:0 0 0 1px #000,0 0 20px rgba(241,214,142,.55)}
/* shop windows */
.mu-wins{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:16px;align-items:start}
.mu-win{container-type:inline-size;scroll-margin-top:90px;border:1px solid #6b5630;border-radius:3px;padding:0 8px 8px;
 background:url(/shopui145/msgbox_back.jpg) center/100% 100% #0b0a09;box-shadow:inset 0 0 0 1px #000,inset 0 0 0 3px #2a2114,0 10px 26px rgba(0,0,0,.5);transition:opacity .2s}
.mu-win.none{opacity:.35}.mu-win:target{border-color:#f1d68e;box-shadow:inset 0 0 0 1px #000,0 0 22px rgba(241,214,142,.35)}
.mu-bar{display:flex;align-items:center;gap:10px;margin:0 -8px 8px;padding:10px 12px;border-bottom:1px solid #4a3b20;background:linear-gradient(180deg,rgba(60,48,26,.9),rgba(14,12,8,.95))}
.mu-bar .mu-face{width:42px;height:42px;flex:0 0 auto}.mu-bar .mu-face img{width:30px;height:30px}.mu-bar .mu-face svg{width:26px;height:26px}
.mu-bar h3{margin:0;font:600 15.5px/1.2 Cinzel54,Georgia,serif;color:#f6e3a8;text-shadow:0 1px 2px #000}.mu-bar h3 a{color:inherit;text-decoration:none}.mu-bar span{font-size:11px;color:#a89670}
.mu-tabs{display:flex;gap:3px;margin:0 0 6px}
.mu-tab{flex:1;padding:5px 0;border:1px solid #3b301c;border-radius:2px 2px 0 0;background:linear-gradient(#1b1710,#0b0a07);color:#9b8a66;font:600 12px system-ui,sans-serif;cursor:pointer}
.mu-tab[aria-selected=true]{color:#fff0bf;border-color:#a5843f;background:linear-gradient(#4a3a1b,#1a140a)}
.mu-grid{--cell:calc((100cqi - 16px)/8);display:grid;grid-template-columns:repeat(8,var(--cell));grid-template-rows:repeat(var(--rows),var(--cell));
 background:url(/shopui145/item_box.png) 0 0/var(--cell) var(--cell) repeat #090807;border:1px solid #2d2516;box-shadow:inset 0 0 8px #000}
.mu-grid.flow{grid-template-rows:none;grid-auto-rows:var(--cell);grid-auto-flow:dense;--rows:auto}
.mu-it{position:relative;display:grid;place-items:center;margin:0;padding:2px;min-width:0;border:1px solid rgba(160,130,70,.35);background:radial-gradient(circle at 50% 45%,rgba(90,110,150,.25),rgba(0,0,0,.35) 75%);cursor:pointer;transition:background .15s,opacity .2s,box-shadow .15s}
.mu-it img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;filter:brightness(1.25) contrast(1.1);pointer-events:none}
.mu-it svg{width:min(100%,34px);height:auto;max-height:100%;pointer-events:none}
.mu-it.i-ring img,.mu-it.i-necklace img{width:80%}
.mu-it:hover,.mu-it:focus-visible{outline:0;background:radial-gradient(circle,rgba(241,214,142,.35),rgba(60,40,10,.35) 75%);box-shadow:inset 0 0 0 1px #f1d68e}
.mu-it.q-exc{background:radial-gradient(circle,rgba(47,220,110,.28),rgba(0,0,0,.35) 75%);border-color:rgba(47,220,110,.5)}
.mu-it.q-exc img{filter:brightness(1.2) sepia(1) hue-rotate(70deg) saturate(3)}
.mu-it.q-anc{background:radial-gradient(circle,rgba(40,200,230,.28),rgba(0,0,0,.35) 75%);border-color:rgba(60,210,230,.5)}
.mu-it.q-anc img{filter:brightness(1.2) sepia(1) hue-rotate(150deg) saturate(3)}
.mu-it.q-gold img{filter:brightness(1.3) sepia(1) saturate(2.6)}.mu-it.q-gold{border-color:rgba(241,214,142,.5)}
.mu-it.q-blue img{filter:brightness(1.25) sepia(1) hue-rotate(180deg) saturate(2)}
.mu-it.dim{opacity:.12;pointer-events:none}
.mu-lv,.mu-st{position:absolute;font:700 10px/1 system-ui,sans-serif;text-shadow:0 0 3px #000,0 0 2px #000;pointer-events:none}
.mu-lv{left:2px;top:2px;color:#ffd75e}.mu-st{right:2px;bottom:2px;color:#fff}
.mu-foot{display:flex;justify-content:flex-end;margin-top:6px;padding:4px 8px;border:1px solid #2d2516;background:linear-gradient(#0d0b07,#1a150c)}
.mu-zen{font-size:11px;color:#9a8a68;letter-spacing:.04em}
/* MU tooltip */
.mu-tip{position:fixed;z-index:9999;max-width:290px;min-width:190px;padding:9px 12px;background:rgba(0,0,0,.9);border:1px solid #5d5d5d;box-shadow:0 0 0 1px #000,0 8px 22px rgba(0,0,0,.7);
 text-align:center;font:12px/1.55 Tahoma,Verdana,system-ui,sans-serif;color:#e6e6e6;pointer-events:auto}
.mu-tip .t-name{font-weight:700;font-size:13px;color:#fff}.mu-tip .q-blue{color:#8db3ff}.mu-tip .q-gold{color:#ffd319}.mu-tip .q-exc{color:#3cff7a}.mu-tip .q-anc{color:#3fe6ff}
.mu-tip .t-kind{color:#a8a8a8;font-size:11px;margin-bottom:4px}.mu-tip .t-b{color:#7da7ff}.mu-tip .t-g{color:#3cff7a}.mu-tip .t-c{color:#3fe6ff}.mu-tip .t-p{color:#d68cff}
.mu-tip .t-sep{height:1px;margin:5px 10px;background:linear-gradient(90deg,transparent,#555,transparent)}.mu-tip .t-cls{color:#dcdcdc;font-size:11.5px}
.mu-tip .t-size{color:#8a8a8a;font-size:11px}.mu-tip .t-price{color:#ffd319;font-weight:700}.mu-tip .t-price.dim{color:#a39a7c;font-weight:400}
/* index */
.mu-towns{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.mu-town{border:1px solid #4a3b20;border-radius:3px;background:linear-gradient(180deg,#17130c,#080706);box-shadow:inset 0 0 0 1px #000,0 8px 20px rgba(0,0,0,.4);overflow:hidden;transition:border-color .2s,transform .2s}
.mu-town:hover{border-color:#d9b45f;transform:translateY(-2px)}
.mu-town-head{display:block;padding:14px 14px 10px;text-decoration:none;background:radial-gradient(260px 90px at 100% 0,rgba(217,180,95,.18),transparent),linear-gradient(180deg,rgba(60,48,26,.6),transparent);border-bottom:1px solid #2e2516}
.mu-town-head h3{margin:0;font:600 19px/1.15 Cinzel54,Georgia,serif;color:#f6e3a8}.mu-town-head em{display:block;font-style:normal;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:#b9954e;margin:3px 0 6px}
.mu-town-head span{font-size:12px;color:#a2967b}
.mu-faces{display:flex;flex-wrap:wrap;gap:8px 4px;padding:12px 8px}.mu-npc.sm{width:64px}.mu-npc.sm .mu-face{width:42px;height:42px}.mu-npc.sm .mu-face img{width:30px;height:30px}.mu-npc.sm .mu-face svg{width:26px;height:26px}.mu-npc.sm b{font-size:10px}
.mu-results .mu-win{margin:0 0 14px}.mu-count,.mu-empty{color:#b7ab8d;font-size:13px}
.mu-note{margin-top:22px;padding-top:12px;border-top:1px solid rgba(217,180,95,.2);color:#a59b84;font-size:12.5px;line-height:1.6}
@media (max-width:640px){.mu-hero{padding:14px}.mu-wins{grid-template-columns:1fr}.mu-tip{max-width:calc(100vw - 24px)}}
@media (prefers-reduced-motion:reduce){.mu-town,.mu-face,.mu-it,.mu-win{transition:none}}
/* SHOPS146: town map, real item icons, motion */
.mu-split{display:block;margin-bottom:14px}.mu-split .mu-roster{margin-top:10px}


.mu-mapview{margin:0 auto;max-width:520px}.mu-mapframe{position:relative;aspect-ratio:1;border:1px solid #8c6e33;border-radius:4px;overflow:hidden;box-shadow:inset 0 0 0 1px #000,0 0 0 3px #1a140a,0 0 0 4px #6b5630,0 12px 30px rgba(0,0,0,.6);background:#0a0907}
.mu-mapframe>img{width:100%;height:100%;display:block;filter:saturate(1.1) contrast(1.05);animation:mu-fade .8s ease both}
.mu-mapframe::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 50%,transparent 55%,rgba(0,0,0,.65));box-shadow:inset 0 0 40px rgba(0,0,0,.8)}
.mu-compass{position:absolute;right:8px;top:6px;z-index:2;font:700 13px Cinzel54,Georgia,serif;color:#f1d68e;text-shadow:0 0 6px #000}
.mu-pin{position:absolute;z-index:3;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:radial-gradient(circle,#fff6c9 0,#f1c24a 45%,#a8761c 70%);box-shadow:0 0 0 2px rgba(0,0,0,.7),0 0 12px 3px rgba(241,194,74,.7);animation:mu-pulse 2.4s ease-in-out infinite}
.mu-pin::before{content:"";position:absolute;inset:-6px;border-radius:50%;border:1px solid rgba(241,214,142,.6);animation:mu-ring 2.4s ease-out infinite}
.mu-pin span{position:absolute;left:50%;bottom:150%;transform:translateX(-50%) translateY(4px);white-space:nowrap;padding:4px 8px;background:rgba(0,0,0,.88);border:1px solid #6b5630;color:#f6e3a8;font:600 11px/1.3 system-ui,sans-serif;text-align:center;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s}
.mu-pin small{display:block;color:#a89670;font-weight:400}
.mu-pin:hover,.mu-pin:focus-visible,.mu-pin.on{z-index:5;outline:0;background:radial-gradient(circle,#fff,#7fe0ff 45%,#1d6fa8 70%);box-shadow:0 0 0 2px #000,0 0 18px 5px rgba(127,224,255,.8)}
.mu-pin:hover span,.mu-pin:focus-visible span,.mu-pin.on span{opacity:1;transform:translateX(-50%)}
.mu-maplegend{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin:8px 0 0;font-size:11px;color:#a59b84}
.mu-maplegend i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:-6px}.lg-safe{background:#70562a}.lg-walk{background:#2e2618}.lg-pin{background:#f1c24a;border-radius:50%!important;box-shadow:0 0 6px #f1c24a}
.mu-loc{margin-left:auto;align-self:center;padding:4px 8px;border:1px solid #5a4a2a;border-radius:3px;font:600 11px system-ui,sans-serif;color:#e6cf93;text-decoration:none;white-space:nowrap;background:rgba(0,0,0,.4)}
.mu-loc:hover{border-color:#f1d68e;color:#fff;box-shadow:0 0 10px rgba(241,214,142,.35)}
.mu-it img.real{width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;filter:drop-shadow(0 2px 3px rgba(0,0,0,.8));transition:transform .2s}
.mu-it:hover img.real{transform:scale(1.08);filter:drop-shadow(0 0 6px rgba(241,214,142,.7)) brightness(1.12)}
.mu-it.q-exc img.real{filter:drop-shadow(0 0 4px rgba(60,255,122,.75))}.mu-it.q-anc img.real{filter:drop-shadow(0 0 4px rgba(63,230,255,.75))}.mu-it.q-gold img.real{filter:drop-shadow(0 0 4px rgba(255,211,25,.6)) brightness(1.1)}.mu-it.q-blue img.real{filter:drop-shadow(0 0 3px rgba(141,179,255,.6))}
.mu-it.q-exc::after,.mu-it.q-anc::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.18) 50%,transparent 65%) -150% 0/250% 100% no-repeat;animation:mu-shine 3.6s ease-in-out infinite}
.mu-win{animation:mu-rise .5s ease both}.mu-win:nth-child(2n){animation-delay:.06s}.mu-win:nth-child(3n){animation-delay:.12s}
.mu-tip{animation:mu-fade .12s ease both}
.mu-tip .t-art{display:block;margin:0 auto 6px;max-width:120px;max-height:150px;filter:drop-shadow(0 0 8px rgba(241,214,142,.35))}
@keyframes mu-pulse{50%{transform:scale(1.2)}}@keyframes mu-ring{0%{transform:scale(.6);opacity:1}100%{transform:scale(1.8);opacity:0}}
@keyframes mu-rise{from{opacity:0;transform:translateY(10px)}}@keyframes mu-fade{from{opacity:0}}@keyframes mu-shine{0%,60%{background-position:-150% 0}100%{background-position:150% 0}}
@media (prefers-reduced-motion:reduce){.mu-pin,.mu-pin::before,.mu-win,.mu-it::after,.mu-mapframe>img,.mu-tip{animation:none}}