/* VEXMIRA v4.2.1 R12 — messaging, support, forum, profile and responsive quality layer. */
:root{--vx12-panel:rgba(8,13,31,.94);--vx12-panel-2:rgba(13,20,44,.96);--vx12-border:rgba(139,92,246,.24);--vx12-cyan:rgb(34,211,238);--vx12-violet:rgb(139,92,246)}

/* Every editable surface belongs to the theme. */
#page-messages :is(input,textarea),#page-support :is(input,textarea,select),#page-userMuseum :is(input,textarea,select),#page-thread :is(input,textarea,select),#modal-topic :is(input,textarea,select),.vx62-editor-area{
  width:100%;box-sizing:border-box;border:1px solid rgba(139,92,246,.28)!important;border-radius:13px!important;background:linear-gradient(145deg,rgba(4,7,18,.96),rgba(12,17,38,.96))!important;color:var(--txt)!important;caret-color:var(--vx12-cyan);outline:0!important;box-shadow:inset 0 1px rgba(255,255,255,.025),0 12px 30px -26px #000;transition:border-color .18s,box-shadow .18s,background .18s
}
#page-messages :is(input,textarea):focus,#page-support :is(input,textarea,select):focus,#page-userMuseum :is(input,textarea,select):focus,#page-thread :is(input,textarea,select):focus,#modal-topic :is(input,textarea,select):focus,.vx62-editor-area:focus{
  border-color:rgba(34,211,238,.58)!important;box-shadow:0 0 0 3px rgba(34,211,238,.09),0 18px 38px -30px rgba(34,211,238,.8)!important
}
#page-messages ::placeholder,#page-support ::placeholder,#page-userMuseum ::placeholder,#page-thread ::placeholder,#modal-topic ::placeholder{color:#697594!important;opacity:1}

/* Support tickets: the outer grid has two columns; the inner ticket center owns its own two columns. */
.vx11-live-entry{display:none!important}
#page-support .vx65-support-page{width:min(1320px,calc(100% - 32px))!important;max-width:1320px!important;margin-inline:auto!important;overflow:visible!important}
#page-support .vx65-support-grid{display:grid!important;grid-template-columns:minmax(280px,340px) minmax(0,1fr)!important;gap:18px!important;align-items:start!important;width:100%!important;min-width:0!important;overflow:visible!important}
#page-support .vx65-ticket-center{display:grid!important;grid-template-columns:minmax(260px,310px) minmax(0,1fr)!important;gap:14px!important;align-items:stretch!important;width:100%!important;min-width:0!important;overflow:visible!important}
#page-support .vx65-ticket-create,#page-support .vx65-ticket-list-card,#page-support .vx65-ticket-detail-card{min-width:0!important;max-width:none!important;height:auto!important;border:1px solid var(--vx12-border)!important;border-radius:20px!important;background:linear-gradient(150deg,var(--vx12-panel-2),var(--vx12-panel))!important;box-shadow:0 28px 70px -55px rgba(0,0,0,.95)!important;overflow:hidden!important}
#page-support .vx65-ticket-create{position:sticky!important;top:92px!important;padding:20px!important}
#page-support .vx65-ticket-create .field{margin-top:14px!important}
#page-support .vx65-ticket-create :is(input,select){height:46px!important;padding:0 13px!important}
#page-support .vx65-ticket-create textarea{min-height:142px!important;padding:13px!important;resize:vertical!important}
#page-support .vx65-ticket-list-card{min-height:540px!important}
#page-support .vx65-ticket-list-card>header{padding:18px!important;background:linear-gradient(135deg,rgba(139,92,246,.10),transparent)!important}
#page-support .vx65-ticket-list-card #ticketList{height:auto!important;max-height:650px!important;padding:9px!important;overflow:auto!important}
#page-support .vx65-ticket-row{margin-bottom:7px!important;padding:14px!important;border:1px solid rgba(148,163,184,.10)!important;border-radius:14px!important;background:rgba(255,255,255,.018)!important}
#page-support .vx65-ticket-row:hover,#page-support .vx65-ticket-row.active{border-color:rgba(34,211,238,.32)!important;background:linear-gradient(135deg,rgba(34,211,238,.08),rgba(139,92,246,.08))!important;transform:translateY(-1px)}
#page-support .vx65-ticket-detail-card{min-height:540px!important;padding:0!important;display:flex!important;flex-direction:column!important}
#page-support .vx65-ticket-detail-head{padding:20px!important;background:linear-gradient(135deg,rgba(139,92,246,.12),rgba(34,211,238,.035))!important}
#page-support .vx65-ticket-thread{flex:1!important;min-height:240px!important;max-height:520px!important;height:auto!important;padding:20px!important;overflow:auto!important}
#page-support .vx65-ticket-msg{max-width:min(84%,650px)!important;padding:13px 15px!important;border-radius:16px!important;box-shadow:0 14px 30px -28px #000!important}
#page-support .vx65-ticket-msg.user{border-bottom-right-radius:5px!important;background:linear-gradient(135deg,rgba(124,58,237,.27),rgba(37,99,235,.18))!important}
#page-support .vx65-ticket-msg.staff{border-bottom-left-radius:5px!important;background:linear-gradient(135deg,rgba(34,211,238,.09),rgba(37,99,235,.08))!important}
#page-support .vx65-ticket-compose{min-height:0!important;height:auto!important;padding:16px 20px 20px!important;background:rgba(3,6,16,.46)!important}
#page-support .vx65-ticket-compose textarea{min-height:96px!important;padding:13px!important;resize:vertical!important}

/* The bottom-right live-support bubble is the only live-support entry point. */
.live-chat-launch{box-shadow:0 18px 48px -22px rgba(34,211,238,.9),0 0 0 1px rgba(255,255,255,.08) inset!important}
.live-chat{width:min(400px,calc(100vw - 28px))!important;max-height:min(680px,calc(100dvh - 110px))!important;border:1px solid rgba(34,211,238,.28)!important;border-radius:22px!important;background:linear-gradient(155deg,#0d1531,#060a18)!important;box-shadow:0 35px 95px -34px #000!important;overflow:hidden!important}
.live-chat .chat-head{padding:15px!important;background:linear-gradient(125deg,rgba(139,92,246,.24),rgba(34,211,238,.10))!important;border-bottom:1px solid rgba(139,92,246,.20)!important}
.live-chat .chat-head b{display:block;font-size:14px!important}.live-chat .chat-head small{display:block;color:#93a3c9!important;margin-top:2px!important}
.live-chat .chat-head button{width:38px!important;height:38px!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:11px!important;background:rgba(3,6,16,.38)!important;color:#dbeafe!important}
.live-chat .chat-body{min-height:310px!important;max-height:460px!important;padding:16px!important;display:flex!important;flex-direction:column!important;gap:9px!important;overflow:auto!important;background:radial-gradient(circle at 90% 0,rgba(34,211,238,.055),transparent 34%)!important}
.live-chat .chat-msg{max-width:84%!important;padding:10px 12px!important;border:1px solid rgba(148,163,184,.13)!important;border-radius:15px!important;background:#111932!important;white-space:pre-wrap!important;line-height:1.55!important}
.live-chat .chat-msg.me{align-self:flex-end!important;border-bottom-right-radius:5px!important;background:linear-gradient(135deg,rgba(124,58,237,.31),rgba(37,99,235,.22))!important}
.live-chat .chat-msg.bot,.live-chat .chat-msg.staff{align-self:flex-start!important;border-bottom-left-radius:5px!important}
.live-chat .chat-msg small{display:block;color:#7f8dad;font-size:9px;margin-top:4px}
.live-chat .chat-compose{padding:12px!important;display:grid!important;grid-template-columns:minmax(0,1fr) 46px!important;gap:8px!important;background:rgba(3,6,16,.78)!important;border-top:1px solid rgba(139,92,246,.18)!important}
.live-chat .chat-compose input{height:46px!important;padding:0 13px!important;border:1px solid rgba(139,92,246,.28)!important;border-radius:13px!important;background:#070b1a!important;color:#eef2ff!important;outline:0!important}
.live-chat .chat-compose input:focus{border-color:rgba(34,211,238,.56)!important;box-shadow:0 0 0 3px rgba(34,211,238,.08)!important}
.live-chat .chat-compose button{height:46px!important;border-radius:13px!important}

/* Direct messaging workstation. */
.vx11-dm-page{max-width:1380px!important;padding:24px 20px 74px!important}
.vx11-dm-shell{height:min(800px,calc(100dvh - 142px))!important;min-height:590px!important;grid-template-columns:minmax(310px,360px) minmax(0,1fr)!important;border:1px solid rgba(139,92,246,.28)!important;border-radius:28px!important;background:linear-gradient(150deg,#090f24,#050816)!important;box-shadow:0 36px 100px -55px #000!important}
.vx11-dm-list{background:linear-gradient(180deg,#0d1430,#090f23)!important;border-right:1px solid rgba(139,92,246,.20)!important}
.vx11-dm-list>header{min-height:91px!important;padding:17px 18px!important;border-bottom:1px solid rgba(139,92,246,.12)!important;background:linear-gradient(135deg,rgba(139,92,246,.13),transparent)!important}
.vx12-dm-brand{display:flex;align-items:center;gap:11px;min-width:0}.vx12-dm-mark{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(34,211,238,.28);border-radius:13px;background:linear-gradient(145deg,rgba(139,92,246,.24),rgba(34,211,238,.09));font-weight:950;color:#dbeafe;box-shadow:0 0 26px -15px var(--vx12-cyan)}
.vx12-dm-brand small{color:#9aa7c7!important;letter-spacing:.13em!important;font-size:9px!important}.vx12-dm-brand h2{font-size:20px!important;margin-top:2px!important}
.vx12-dm-list-actions,.vx12-chat-actions{display:flex;gap:7px;margin-left:auto}.vx12-icon-btn{width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(139,92,246,.22);border-radius:12px;background:rgba(4,7,18,.42);color:#d9e2ff;cursor:pointer}.vx12-icon-btn:hover{border-color:rgba(34,211,238,.42);background:rgba(34,211,238,.07)}
.vx11-dm-search{margin:13px 13px 10px!important}.vx11-dm-search input{height:44px!important;padding:0 13px 0 39px!important;background-image:linear-gradient(145deg,rgba(4,7,18,.96),rgba(12,17,38,.96))!important}
.vx11-dm-search:before{content:'⌕';position:absolute;margin:10px 0 0 13px;color:#7f8aad;z-index:2;font-size:20px}
.vx11-conversations{padding:1px 8px 14px!important}.vx11-conv{min-height:70px!important;margin:4px 0!important;border:1px solid transparent!important;border-radius:16px!important;padding:10px!important}.vx11-conv:hover,.vx11-conv.active{border-color:rgba(139,92,246,.22)!important;background:linear-gradient(135deg,rgba(139,92,246,.13),rgba(34,211,238,.035))!important}.vx11-conv.active{box-shadow:inset 3px 0 var(--vx12-cyan)!important}
.vx11-dm-chat{background:radial-gradient(circle at 85% 0,rgba(34,211,238,.055),transparent 32%),radial-gradient(circle at 20% 100%,rgba(139,92,246,.055),transparent 28%),#060a18!important}
.vx11-chat-head{min-height:91px!important;padding:14px 18px!important;border-bottom:1px solid rgba(139,92,246,.18)!important;background:rgba(9,14,31,.85)!important}.vx11-chat-head>div:not(.vx12-chat-actions){min-width:0}.vx11-chat-head b{font-size:14px}.vx11-chat-head small{display:block;color:#7f8cab;margin-top:3px}
.vx11-chat-thread{padding:22px clamp(14px,3vw,34px)!important;gap:11px!important;scroll-behavior:smooth}.vx11-msg{max-width:min(72%,680px)!important;padding:11px 13px!important;border-radius:17px!important;background:#111933!important;box-shadow:0 16px 34px -29px #000!important}.vx11-msg:not(.me){border-bottom-left-radius:5px!important}.vx11-msg.me{border-bottom-right-radius:5px!important;background:linear-gradient(135deg,rgba(124,58,237,.34),rgba(29,78,216,.22))!important}
.vx11-compose{position:relative!important;padding:13px 16px!important;grid-template-columns:44px 44px minmax(0,1fr) auto!important;gap:8px!important;align-items:end!important;border-top:1px solid rgba(139,92,246,.18)!important;background:rgba(4,7,18,.88)!important}.vx11-compose textarea{min-height:46px!important;max-height:130px!important;padding:12px 14px!important;resize:none!important}.vx11-compose>button{width:44px!important;height:46px!important;border-radius:13px!important}.vx11-compose>.send{width:auto!important;min-width:104px!important;padding-inline:19px!important}.vx12-file-state{position:absolute;left:16px;bottom:67px;max-width:calc(100% - 32px);padding:7px 10px;border:1px solid rgba(34,211,238,.22);border-radius:10px;background:#0b1530;color:#a8dff0;font-size:10px;box-shadow:0 12px 28px -20px #000}.vx12-file-state[hidden]{display:none!important}
.vx11-emoji-panel{bottom:70px!important;left:62px!important;border-color:rgba(139,92,246,.32)!important;background:#0a1026!important;box-shadow:0 24px 55px -25px #000!important}

/* Stable avatar geometry: decorative frames never cover or resize the photo. */
:is(.up-av,.vx11-museum-avatar,.vx11-review-avatar,.vx11-viewer,.vx60-rank-avatar,.vx800-post-avatar,.nav-avatar,.profile-avatar-wrap,.vx11-conv .avatar,.vx11-chat-head .avatar)[class*="vx-profile-frame"]{
  position:relative!important;isolation:isolate!important;display:inline-grid!important;place-items:center!important;flex:0 0 auto!important;aspect-ratio:1!important;box-sizing:border-box!important;overflow:visible!important;transform:none!important
}
:is(.up-av,.vx11-museum-avatar,.vx11-review-avatar,.vx11-viewer,.vx60-rank-avatar,.vx800-post-avatar,.nav-avatar,.profile-avatar-wrap,.vx11-conv .avatar,.vx11-chat-head .avatar)[class*="vx-profile-frame"]:active{transform:none!important}
:is(.up-av,.vx11-museum-avatar,.vx11-review-avatar,.vx11-viewer,.vx60-rank-avatar,.vx800-post-avatar,.nav-avatar,.profile-avatar-wrap,.vx11-conv .avatar,.vx11-chat-head .avatar)[class*="vx-profile-frame"]> :is(img,.hexav,span){position:relative!important;z-index:2!important;max-width:100%!important;max-height:100%!important;object-fit:cover!important;border-radius:50%!important}
:is(.up-av,.vx11-museum-avatar,.vx11-review-avatar,.vx11-viewer,.vx60-rank-avatar,.vx800-post-avatar,.nav-avatar,.profile-avatar-wrap,.vx11-conv .avatar,.vx11-chat-head .avatar)[class*="vx-profile-frame"]:after{z-index:3!important;pointer-events:none!important;background-color:transparent!important}
.vx800-post-avatar{width:62px!important;height:62px!important;min-width:62px!important}.vx800-post-avatar .hexav{--s:54px!important}

/* Forum topic/reply semantics, pinned section and editors. */
.vx64-pinned-zone,.vx64-regular-zone{display:grid;gap:8px;min-width:0}.vx64-pinned-zone{margin-bottom:14px;padding:12px;border:1px solid rgba(251,191,36,.22);border-radius:18px;background:linear-gradient(135deg,rgba(251,191,36,.055),rgba(139,92,246,.045))}.vx64-pinned-title{color:#fde68a!important}.vx64-pinned-zone .vx64-topic-row{border-color:rgba(251,191,36,.18)!important;background:linear-gradient(135deg,rgba(251,191,36,.05),rgba(12,17,38,.86))!important}
#threadView .post{position:relative!important;overflow:visible!important;border:1px solid rgba(139,92,246,.18)!important;border-radius:20px!important;background:linear-gradient(145deg,rgba(12,18,41,.95),rgba(7,10,24,.96))!important;box-shadow:0 24px 60px -49px #000!important}
#threadView .post.vx12-topic-origin{border-color:rgba(34,211,238,.28)!important;background:linear-gradient(145deg,rgba(10,28,48,.94),rgba(8,12,29,.97))!important}
#threadView .post.vx12-topic-reply{margin-left:clamp(0px,1.3vw,18px)!important}
.vx12-post-kind{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border:1px solid rgba(139,92,246,.22);border-radius:999px;background:rgba(139,92,246,.08);color:#c4b5fd;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.vx12-topic-origin .vx12-post-kind{border-color:rgba(34,211,238,.25);background:rgba(34,211,238,.07);color:#a5f3fc}
#threadView .post-head{min-height:39px!important;padding-bottom:10px!important;border-bottom:1px solid rgba(148,163,184,.08)!important}.vx62-editor-shell,#page-thread .vx62-editor-shell{border:1px solid rgba(139,92,246,.22)!important;border-radius:18px!important;background:linear-gradient(145deg,rgba(12,18,41,.96),rgba(6,9,22,.98))!important;overflow:hidden!important;box-shadow:0 22px 55px -45px #000!important}.vx62-editor-toolbar{padding:9px!important;background:rgba(139,92,246,.055)!important;border-bottom:1px solid rgba(139,92,246,.14)!important}.vx62-editor-area{min-height:140px!important;padding:15px!important;border:0!important;border-radius:0!important;box-shadow:none!important}.vx11-review-form{padding:14px!important;border:1px solid rgba(139,92,246,.18)!important;border-radius:16px!important;background:rgba(5,8,20,.45)!important}.vx11-review-form textarea{padding:13px!important;resize:vertical!important}

@media(max-width:1120px){
  #page-support .vx65-support-grid{grid-template-columns:1fr!important}#page-support .vx65-ticket-create{position:static!important}#page-support .vx65-ticket-center{grid-template-columns:minmax(240px,300px) minmax(0,1fr)!important}
}
@media(max-width:980px){
  .vx11-dm-shell{height:calc(100dvh - 92px)!important;min-height:0!important;grid-template-columns:1fr!important;border-radius:18px!important}.vx11-dm-chat{position:absolute!important;inset:0!important}.vx11-dm-list{border-right:0!important}.vx11-chat-head .back{display:grid!important}.vx11-compose{grid-template-columns:44px 44px minmax(0,1fr) auto!important}
}
@media(max-width:760px){
  #page-support .vx65-support-page{width:min(100% - 18px,1320px)!important}#page-support .vx65-ticket-center{grid-template-columns:1fr!important}#page-support .vx65-ticket-list-card{min-height:0!important}#page-support .vx65-ticket-list-card #ticketList{max-height:310px!important}#page-support .vx65-ticket-detail-card{min-height:420px!important}#page-support .vx65-ticket-msg{max-width:92%!important}
  .live-chat{right:14px!important;bottom:82px!important}.vx11-dm-page{padding:8px 7px 76px!important}.vx11-compose>.send{min-width:84px!important;padding-inline:12px!important}.vx11-msg{max-width:88%!important}#threadView .post.vx12-topic-reply{margin-left:0!important}
}
@media(max-width:520px){
  .vx11-compose{grid-template-columns:42px 42px minmax(0,1fr)!important}.vx11-compose>.send{grid-column:1/-1!important;width:100%!important}.vx12-file-state{bottom:119px!important}.live-chat .chat-body{min-height:270px!important}.vx12-dm-brand h2{font-size:18px!important}
}
@media(prefers-reduced-motion:reduce){.vx11-chat-thread{scroll-behavior:auto!important}.vx64-topic-row,#page-support .vx65-ticket-row{transition:none!important}}