.support-page{min-height:100vh}.support-main{padding-top:118px;padding-bottom:48px}.support-intro{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:24px}.support-intro small{color:var(--blue-2);font-size:9px;font-weight:800;letter-spacing:.18em}.support-intro h1{margin:8px 0 7px;font:700 clamp(27px,4vw,43px)/1.1 "Unbounded"}.support-intro p{max-width:700px;margin:0;color:#91a6b9;font-size:12px}.support-login{min-height:150px;display:flex;align-items:center;gap:20px;padding:26px}.support-login-icon{width:58px;height:58px;display:grid;place-items:center;flex:none;border:1px solid var(--line-strong);border-radius:16px;color:var(--blue-2);background:rgba(41,168,255,.1);font:700 24px "Unbounded"}.support-login h2{margin:0 0 5px;font:700 17px "Unbounded"}.support-login p{margin:0;color:var(--muted);font-size:10px}.support-login .btn{margin-left:auto}.support-workspace{min-height:650px;display:grid;grid-template-columns:310px minmax(0,1fr);gap:18px}.ticket-sidebar{max-height:720px;display:flex;flex-direction:column;overflow:hidden}.ticket-sidebar-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px;border-bottom:1px solid var(--line)}.ticket-sidebar-head>div{display:flex;flex-direction:column}.ticket-sidebar-head small{color:var(--blue-2);font-size:7px;font-weight:800;letter-spacing:.15em}.ticket-sidebar-head b{margin-top:3px;font:700 15px "Unbounded"}.ticket-sidebar-head button{width:34px;height:34px;border:1px solid var(--line-strong);border-radius:10px;color:#fff;background:rgba(41,168,255,.1);font-size:19px}.ticket-group{min-height:0;padding:14px 12px 5px}.ticket-group+.ticket-group{border-top:1px solid var(--line)}.ticket-group h2{display:flex;align-items:center;gap:7px;margin:0 5px 9px;color:#aabed0;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.ticket-group h2 mark{margin-left:auto;padding:2px 6px;border-radius:6px;color:#dff5ff;background:rgba(255,255,255,.055)}.ticket-status-dot{width:6px;height:6px;border-radius:50%}.ticket-status-dot.open{background:var(--green);box-shadow:0 0 8px var(--green)}.ticket-status-dot.closed{background:#63788a}.ticket-list{max-height:265px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(79,180,245,.3) transparent}.ticket-list-item{width:100%;display:flex;align-items:center;gap:8px;padding:11px 9px;border:1px solid transparent;border-radius:10px;color:#fff;background:transparent;text-align:left}.ticket-list-item:hover,.ticket-list-item.active{border-color:rgba(79,180,245,.18);background:rgba(41,168,255,.08)}.ticket-list-item>span{min-width:0;display:flex;flex:1;flex-direction:column}.ticket-list-item b,.ticket-list-item small{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ticket-list-item b{font-size:9px}.ticket-list-item small{margin-top:3px;color:#748da2;font-size:7px}.ticket-list-item time{flex:none;color:#647b8e;font-size:7px}.ticket-list-empty{margin:18px 8px;color:#5f7588;font-size:8px;text-align:center}.ticket-chat{min-width:0;min-height:650px;display:flex;overflow:hidden}.ticket-welcome{margin:auto;padding:35px;text-align:center}.ticket-welcome>span{width:64px;height:64px;display:grid;place-items:center;margin:0 auto 16px;border:1px solid var(--line-strong);border-radius:20px;color:var(--blue-2);background:rgba(41,168,255,.08);font:700 27px "Unbounded"}.ticket-welcome h2{margin:0;font:700 17px "Unbounded"}.ticket-welcome p{color:var(--muted);font-size:10px}.ticket-chat-view{width:100%;min-width:0;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto}.ticket-chat-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 20px;border-bottom:1px solid var(--line);background:rgba(4,12,22,.45)}.ticket-chat-head>div{min-width:0;display:grid;gap:3px}.ticket-chat-head small{color:var(--blue-2);font-size:7px;font-weight:800;letter-spacing:.13em}.ticket-chat-head h2{overflow:hidden;margin:0;font:700 14px "Unbounded";white-space:nowrap;text-overflow:ellipsis}.ticket-chat-head span{width:fit-content;color:var(--green);font-size:8px}.ticket-chat-head span.closed{color:#7a91a4}.ticket-close-button{flex:none;padding:8px 11px;border:1px solid rgba(239,91,107,.25);border-radius:9px;color:#ff91a0;background:rgba(239,91,107,.08);font-size:8px;font-weight:800}.ticket-sync-state{padding:9px 18px;color:#9bdcff;border-bottom:1px solid rgba(79,180,245,.12);background:rgba(41,168,255,.07);font-size:8px}.ticket-messages{min-height:0;padding:20px;overflow-y:auto;background:radial-gradient(circle at 70% 15%,rgba(41,168,255,.045),transparent 18rem)}.ticket-message{display:flex;gap:10px;max-width:78%;margin-bottom:16px}.ticket-message.player{margin-left:auto;flex-direction:row-reverse}.ticket-message-avatar{width:34px;height:34px;display:grid;place-items:center;flex:none;border:1px solid var(--line);border-radius:10px;color:#fff;background:linear-gradient(145deg,#159de9,#0d406c);background-position:center;background-size:cover;font:700 10px "Unbounded"}.ticket-message.staff .ticket-message-avatar{background-color:#132947}.ticket-message>div{min-width:0;padding:10px 12px;border:1px solid rgba(109,186,239,.12);border-radius:5px 13px 13px;background:#0a1826}.ticket-message.player>div{border-color:rgba(67,185,255,.2);border-radius:13px 5px 13px 13px;background:rgba(21,108,164,.23)}.ticket-message header{display:flex;align-items:center;gap:10px;margin-bottom:5px}.ticket-message header b{color:#cdeeff;font-size:8px}.ticket-message header time{margin-left:auto;color:#60788d;font-size:7px}.ticket-message p{margin:0;color:#d7e6f1;font-size:10px;white-space:pre-wrap;overflow-wrap:anywhere}.ticket-reply{display:flex;align-items:end;gap:10px;padding:13px;border-top:1px solid var(--line);background:rgba(4,12,22,.55)}.ticket-reply textarea,.ticket-create-form input,.ticket-create-form textarea{width:100%;resize:vertical;outline:none;border:1px solid rgba(112,190,245,.15);border-radius:11px;color:#e8f5ff;background:#06111d;font-size:10px}.ticket-reply textarea{min-height:48px;max-height:130px;padding:10px 12px;resize:none}.ticket-reply textarea:focus,.ticket-create-form input:focus,.ticket-create-form textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(41,168,255,.08)}.ticket-reply button{width:48px;height:48px;flex:none;border:0;border-radius:12px;color:#03111c;background:linear-gradient(135deg,var(--blue-2),var(--blue));font-size:18px}.ticket-create-modal{width:min(600px,100%)}.ticket-create-form{display:grid;gap:14px}.ticket-create-form label{display:grid;gap:7px}.ticket-create-form label span{color:#9bb1c4;font-size:9px;font-weight:700}.ticket-create-form input{height:46px;padding:0 12px}.ticket-create-form textarea{min-height:150px;padding:12px}.ticket-create-form .btn{width:100%;border:0}
@media(max-width:850px){.support-main{padding-top:95px}.support-workspace{grid-template-columns:250px minmax(0,1fr)}.ticket-message{max-width:90%}}
@media(max-width:680px){.support-main{width:min(100% - 20px,1180px);padding-top:82px}.support-intro{align-items:stretch;flex-direction:column}.support-intro .btn{width:100%}.support-workspace{min-height:0;display:block}.ticket-sidebar{max-height:none;margin-bottom:12px}.ticket-list{max-height:180px}.ticket-chat{min-height:570px}.ticket-chat-head{padding:13px}.ticket-close-button{padding:7px 8px}.ticket-messages{padding:14px 10px}.ticket-message{max-width:96%}.ticket-message-avatar{width:29px;height:29px}.support-login{align-items:flex-start;flex-wrap:wrap}.support-login .btn{width:100%;margin-left:0}}


.ticket-message.staff{margin-left:0!important;margin-right:auto!important;flex-direction:row!important}
.ticket-message.player{margin-left:auto!important;margin-right:0!important;flex-direction:row-reverse!important}


.ticket-system-copy{display:grid;gap:5px;color:#d7e6f1;font-size:10px}
.ticket-system-copy p,.ticket-system-copy blockquote{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.ticket-system-copy blockquote{padding:3px 0 3px 10px;border-left:2px solid var(--blue-2);color:#cfeeff}
.ticket-system-copy code{padding:1px 5px;border-radius:5px;color:#fff;background:rgba(41,168,255,.15)}
.ticket-system-copy strong{color:#fff}.ticket-system-spacer{height:4px}