#warpWindow{position:fixed;left:8px;top:8px;width:min(350px,calc(100vw - 16px));height:580px;max-height:calc(100dvh - 112px);z-index:16;background:rgba(0,0,0,.78);padding:8px 8px 12px;display:flex;flex-direction:column;color:#fff;font:11px Arial,sans-serif;outline:none;box-shadow:0 1px 8px #0005}
#warpWindow h2{flex:none;text-align:center;color:#ffd900;font:bold 12px Arial;margin:2px 0 23px}
#warpWindow .warpHead,#warpWindow .warpRow{display:grid;grid-template-columns:minmax(0,1.5fr) 1fr 1fr;align-items:center;text-align:center}
#warpWindow .warpHead{color:#86b9e3;flex:none;margin:0 42px 12px 2px;font-size:10px}
#warpWindow .warpBody{position:relative;min-height:0;flex:1;margin-bottom:17px}
#warpWindow .warpList{height:100%;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;padding-right:42px}
#warpWindow .warpList::-webkit-scrollbar{display:none}
#warpWindow .warpRow{width:100%;height:15px;min-height:15px;margin:0;padding:0 2px;background:transparent;border:0;border-radius:0;font:11px Arial;color:#fff;text-shadow:1px 1px #000;cursor:inherit}
#warpWindow .warpRow.unavailable{color:#e83e16}
#warpWindow .warpRow:hover,#warpWindow .warpRow:focus-visible{color:#ffe76e;background:#ffffff13;outline:1px solid #b9975333;outline-offset:-1px;cursor:pointer}
#warpWindow .warpRow[aria-disabled=true]:hover{color:#ff6c48;cursor:default}
#warpWindow .warpRail{position:absolute;right:9px;top:0;bottom:0;width:12px;background:url('https://servidor.muworld.net/api/texture?dir=Interface&file=newui_scrollbar_m.tga') center/12px 16px repeat-y;touch-action:none}
#warpWindow .warpRailTop,#warpWindow .warpRailBottom{position:absolute;left:0;width:12px;height:8px;background-size:100% 100%;pointer-events:none}
#warpWindow .warpRailTop{top:0;background-image:url('https://servidor.muworld.net/api/texture?dir=Interface&file=newui_scrollbar_up.tga')}
#warpWindow .warpRailBottom{bottom:0;background-image:url('https://servidor.muworld.net/api/texture?dir=Interface&file=newui_scrollbar_down.tga')}
#warpWindow .warpThumb{position:absolute;left:-10px;top:0;width:32px;height:52px;border:0;border-radius:0;padding:0;background:transparent url('https://servidor.muworld.net/api/texture?dir=Interface&file=newui_scroll_off.tga') center/100% 100% no-repeat;touch-action:none;cursor:grab}
#warpWindow .warpThumb:hover,#warpWindow .warpThumb:active{background-image:url('https://servidor.muworld.net/api/texture?dir=Interface&file=newui_scroll_on.tga');background-color:transparent}
#warpWindow .warpClose{flex:none;width:100%;height:16px;padding:0;border:0;border-radius:0;background:#a40000;color:#fff;font:11px Arial}
#warpWindow .warpClose:hover,#warpWindow .warpClose:focus-visible{background:#cf1107;outline:1px solid #df6f35}
#world.interactionCursor{cursor:none!important}
#npcTalkCursor{position:fixed;left:0;top:0;width:32px;height:32px;pointer-events:none;z-index:10000;background-image:url('https://servidor.muworld.net/api/texture?dir=Interface&file=CursorTalk.tga');background-size:200% 200%;background-repeat:no-repeat;will-change:transform}
#npcTalkCursor[data-kind=attack]{background-image:url('https://servidor.muworld.net/api/texture?dir=Interface&file=CursorAttack.tga');background-size:100% 100%}

#buffBar{position:fixed;top:42px;left:50%;transform:translateX(-50%);display:flex;flex-wrap:wrap;justify-content:center;gap:5px;max-width:55vw;z-index:8}#buffBar[hidden]{display:none}.buffCell{width:40px;text-align:center;cursor:help;filter:drop-shadow(0 1px 2px #000)}.buffImage{display:block;width:40px;height:56px;background-repeat:no-repeat;background-size:400px 448px}.buffCell small{display:block;font:11px Arial;color:#ffe7a4;text-shadow:1px 1px #000;background:#0009;border-radius:2px}.buffCell:focus-visible{outline:1px solid #c6b16d}

.buffCell{position:relative}.buffTooltip{display:none;position:absolute;top:75px;left:50%;transform:translateX(-50%);min-width:180px;max-width:320px;padding:9px 12px;background:#080909ee;border:1px solid #96825b;color:#e5e0d4;white-space:pre-line;font:12px/1.5 Arial;text-align:left;pointer-events:none;z-index:12;box-shadow:0 2px 8px #000}.buffCell:hover .buffTooltip,.buffCell:focus-visible .buffTooltip{display:block}

#warpWindow .warpRow.siegeDestination,#warpWindow .warpRow.siegeDestination:hover,#warpWindow .warpRow.siegeDestination:focus-visible{color:#ff3434;}#warpWindow .warpRow.siegeDestination.unavailable{opacity:.6;}

/* Native interaction cursors share the normal pointer's 48px display size. */
body.worldInteractionCursor #muCursor{visibility:hidden}
#npcTalkCursor{width:48px;height:48px}
#npcTalkCursor[data-kind=get]{background-image:url('https://servidor.muworld.net/api/texture?dir=Interface&file=CursorGet.tga');background-size:100% 100%}
#npcTalkCursor[data-kind=lean]{background-image:url('https://servidor.muworld.net/api/texture?dir=Interface&file=CursorLeanAgainst.tga');background-size:100% 100%}
#npcTalkCursor[data-kind=sit]{background-image:url('https://servidor.muworld.net/api/texture?dir=Interface&file=CursorSitDown.tga');background-size:100% 100%}
@media(pointer:coarse){#npcTalkCursor{display:none}}
