.support-page{padding-top:58px;padding-bottom:110px}
.support-page>.support-heading{display:none}
.support-screen{min-height:580px;width:100%}
.support-view-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:38px}
.support-back{padding:10px 0;border:0;background:none;color:#9cc5e9;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.support-back:hover{color:#fff}
.support-view-label,.support-field-number{font-size:11px;letter-spacing:.19em;color:#55c9f6;font-weight:800}
.support-screen-heading{padding:0 0 30px;border-bottom:1px solid #273951}
.support-screen-heading h3,.support-list-hero h3,.support-chat-heading h3{font-size:clamp(32px,4.2vw,54px);line-height:1.12;letter-spacing:-.045em;margin:13px 0 10px}
.support-screen-heading p,.support-list-hero p,.support-chat-heading p{color:#9eb4d1;font-size:15px}
.support-full-form{display:block}
.support-field{padding:30px 0 32px;border-bottom:1px solid #273951}
.support-field-heading{display:flex;align-items:center;gap:15px;margin-bottom:20px}
.support-field-icon{width:48px;height:48px;flex:none;display:grid;place-items:center;border-radius:13px;background:#12324a;color:#52cefa;font-size:24px;line-height:1}
.support-field-heading label{display:block;font-size:18px;font-weight:800;color:#f5f9ff;line-height:1.2}
.support-field-heading p{color:#91a6bf;font-size:13px;margin:4px 0 0}
.support-field-number{display:none}
.support-full-form input,.support-full-form select,.support-full-form textarea,.support-reply-form textarea,.support-assign-control select{width:100%;min-height:58px;padding:15px 18px;border:1px solid #304863;border-radius:12px;background:#0d192b;color:#f2f8ff;font:inherit;outline:0;transition:border-color .2s,box-shadow .2s}
.support-full-form input::placeholder,.support-full-form textarea::placeholder,.support-reply-form textarea::placeholder{color:#758ca7}
.support-full-form input:focus,.support-full-form select:focus,.support-full-form textarea:focus,.support-reply-form textarea:focus,.support-assign-control select:focus{border-color:#52bff0;box-shadow:0 0 0 3px #50bff02a}
.support-full-form textarea{min-height:270px;resize:vertical;line-height:1.65}
.support-char-count{display:block;text-align:right;color:#7892ad;font-size:12px;margin-top:8px}
.support-form-bottom{padding-top:30px}
.support-trust{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:23px 26px;border:1px solid #2b4158;border-radius:16px;background:#111f31}
.support-trust span{display:flex;align-items:flex-start;flex-direction:column;color:#59cdf4;font-size:22px}
.support-trust strong{font-size:14px;color:#e9f5ff;margin-top:3px}
.support-trust small{font-size:12px;color:#91aac4;margin-top:3px}
.support-submit{margin-top:19px;min-width:210px}
.support-error{min-height:1em;color:#ff9e9e;font-size:13px;margin:12px 0 0}
.support-login{max-width:720px;margin:70px auto 0;padding:42px;border:1px solid #344d68;border-radius:20px;background:linear-gradient(145deg,#172943,#0e192a)}
.support-login h3{font-size:31px;margin:15px 0 8px}.support-login p{color:#a5bdd5;margin-bottom:24px}
.support-list-hero{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:40px}.support-list-hero>div{max-width:720px}
.support-list-tools{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #2a3e56;padding-bottom:15px;margin-bottom:22px}
.support-tabs{display:flex;gap:8px;flex-wrap:wrap}.support-tabs button{border:1px solid #314961;border-radius:10px;background:#111d2e;color:#b6c9db;padding:10px 16px;font:inherit;font-weight:700;font-size:13px;cursor:pointer}.support-tabs button.active,.support-tabs button:hover{color:#fff;border-color:#55b6e4;background:#1b3c5b}.support-tabs span{color:#80c8e9;margin-left:4px}
.support-live{display:flex;align-items:center;gap:8px;color:#9bb3ca;font-size:12px}.support-live i{display:block;width:8px;height:8px;border-radius:50%;background:#47d8a1;box-shadow:0 0 0 4px #47d8a125}
.support-ticket-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.support-ticket-card{width:100%;display:grid;gap:13px;padding:22px 24px;text-align:left;border:1px solid #2e435e;border-radius:16px;background:linear-gradient(145deg,#15243a,#0f192a);color:#ecf6ff;font:inherit;cursor:pointer;transition:transform .2s,border-color .2s,background .2s}
.support-ticket-card:hover{transform:translateY(-2px);border-color:#58bfe8;background:#1b3150}
.support-ticket-meta,.support-ticket-sub,.support-ticket-foot{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}.support-ticket-meta>span:first-child{color:#5ac8ee;font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:800}
.support-ticket-card>strong{font-size:20px;overflow-wrap:anywhere}.support-ticket-sub{justify-content:flex-start;color:#adbed1;font-size:13px}.support-ticket-foot{border-top:1px solid #2a3d54;padding-top:13px;color:#8ca4bf;font-size:12px}
.support-no-tickets{grid-column:1/-1;text-align:center;border:1px dashed #35516c;border-radius:16px;padding:65px 20px;color:#9cb2ca}.support-no-tickets span{display:block;color:#61c7ed;font-size:33px}.support-no-tickets h4{color:#f2f8ff;font-size:19px;margin:10px 0 5px}.support-no-tickets p{font-size:13px}
.ticket-status{white-space:nowrap;background:#195847;color:#90f0c8;padding:6px 12px;border-radius:999px;font-size:11px;font-weight:800}.ticket-status.closed{background:#3a4452;color:#c7d0dd}
.support-chat-heading{display:flex;justify-content:space-between;align-items:start;gap:24px;padding-bottom:28px;border-bottom:1px solid #2c4058}.support-chat-heading h3{overflow-wrap:anywhere;margin:10px 0}.support-chat-heading .ticket-status{margin-top:7px}
.support-assignee{display:flex;align-items:center;gap:14px;margin:22px 0;padding:17px 20px;border:1px solid #2d5d61;border-radius:14px;background:#102c35}.support-assignee.unassigned{border-color:#354960;background:#152337}.support-assignee>span:last-child{display:grid;gap:4px}.support-assignee small{color:#77c9d5;font-size:10px;letter-spacing:.13em;font-weight:800}.support-assignee strong{color:#f2f8ff;font-size:15px}.support-avatar{image-rendering:pixelated;border:1px solid #4a8a92;border-radius:9px;background:#193444}.support-await-icon{width:42px;height:42px;display:grid;place-items:center;color:#78c4f0;border-radius:10px;background:#1b3b58;font-size:26px}
.support-management{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px}.support-management:empty{display:none}.support-assign-control{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.support-assign-control label{font-size:12px;color:#a3b8ce;font-weight:700}.support-assign-control select{width:auto;min-height:43px;padding:9px 12px;font-size:13px}.support-assign-control .button{min-height:43px}
.support-conversation{border:1px solid #304760;border-radius:17px;background:#0b1728;overflow:hidden}.support-topic-line{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:18px 22px;border-bottom:1px solid #284057;background:#13243a;color:#afc9df;font-size:13px}.support-topic-line span{color:#61c9ed;font-size:10px;font-weight:900;letter-spacing:.15em}.support-topic-line strong{color:#e8f5ff}
.support-message-list{display:flex;flex-direction:column;gap:16px;min-height:400px;max-height:60vh;overflow:auto;padding:26px}.support-message{align-self:flex-start;max-width:min(75%,760px);padding:15px 18px;border:1px solid #344d67;border-radius:15px 15px 15px 4px;background:#1a2d47;overflow-wrap:anywhere}.support-message.mine{align-self:flex-end;border-color:#397f8c;border-radius:15px 15px 4px 15px;background:#15434c}.support-message-meta{display:flex;align-items:center;justify-content:space-between;gap:20px;color:#91ddf5;font-size:12px}.support-message time{color:#9db4c8;font-size:11px}.support-message p{white-space:pre-wrap;line-height:1.6;font-size:14px;margin:9px 0 0}
.support-reply-form{margin-top:19px;padding:24px;border:1px solid #304760;border-radius:16px;background:#111f32}.support-reply-form label{display:block;font-weight:800;font-size:14px;margin-bottom:12px}.support-reply-form textarea{min-height:110px;resize:vertical;line-height:1.6}.support-reply-bottom{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap;margin-top:13px}.support-reply-bottom .support-error{margin-right:auto}.support-readonly{color:#a8bbce;font-size:13px;padding:19px 2px}
@media(max-width:760px){.support-page{padding-top:35px}.support-ticket-grid{grid-template-columns:1fr}.support-list-hero{align-items:start;flex-direction:column}.support-chat-heading{flex-direction:column}.support-message{max-width:90%}.support-message-list{padding:18px}.support-trust{grid-template-columns:1fr}}
@media(max-width:480px){.support-page{padding-bottom:65px}.support-view-top{margin-bottom:23px}.support-field{padding:24px 0}.support-full-form textarea{min-height:220px}.support-field-icon{width:42px;height:42px}.support-ticket-card{padding:19px}.support-tabs button{padding:8px 11px}.support-live{display:none}.support-message{max-width:100%}.support-reply-form{padding:17px}}

/* Conversation header and player identities */
.support-topic-line{justify-content:space-between;gap:20px;min-height:86px}
.support-topic-copy{display:flex;align-items:center;gap:9px;flex-wrap:wrap;min-width:0}
.support-topic-copy em{font-style:normal;overflow-wrap:anywhere}
.support-topic-assignee{display:flex;align-items:center;gap:10px;min-width:190px;padding-left:18px;border-left:1px solid #36536d}
.support-topic-assignee .support-avatar,.support-topic-assignee .support-await-icon{width:38px;height:38px;flex:none}
.support-topic-assignee>span:last-child{display:grid;gap:3px}
.support-topic-assignee small{font-size:10px;letter-spacing:.12em;font-weight:800;color:#70cde5}
.support-topic-assignee strong{font-size:13px;color:#f0f9ff;overflow-wrap:anywhere}
.support-topic-assignee.waiting strong{color:#acc4d9;font-weight:600}
.support-admin-link{border:1px solid #35516c;background:#14273c;color:#a9d9f1;border-radius:9px;padding:9px 13px;font:inherit;font-size:12px;font-weight:700;cursor:pointer}
.support-admin-link:hover{border-color:#66bbdf;color:#fff}
.support-assign-control[hidden]{display:none}
.support-assign-control{padding:9px 0}
.support-message-row{display:flex;align-items:flex-start;gap:11px;align-self:flex-start;max-width:min(80%,820px)}
.support-message-row.player{flex-direction:row-reverse;align-self:flex-end}
.support-message-row .support-avatar{width:36px;height:36px;flex:none;border-radius:8px}
.support-message-content{display:grid;gap:2px;min-width:0}
.support-message-row.player .support-message-content{justify-items:end}
.support-message-row .support-message-meta{display:flex;align-items:center;gap:12px;justify-content:flex-start;padding:2px 3px 5px;color:#a6e6fa}
.support-message-row.player .support-message-meta{flex-direction:row-reverse;color:#94eee0}
.support-message-meta strong{font-size:13px}
.support-message-bubble{width:fit-content;max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere;padding:15px 18px;border:1px solid #344f6c;border-radius:4px 16px 16px 16px;background:#1a304d;color:#f0f6ff;font-size:14px;line-height:1.6;box-shadow:0 9px 24px #020a1426}
.support-message-row.player .support-message-bubble{border-color:#34818e;border-radius:16px 4px 16px 16px;background:#15414a}
.support-staff-button{font-size:10px!important;white-space:nowrap;color:#b8e9ff!important}
.support-staff-button.active{border-color:#60bcef;background:#244769;color:#fff!important}
.support-queue-count{font-size:13px;color:#c1e7fb}
.support-staff-button[hidden]{display:none!important}
@media(max-width:760px){.support-topic-line{align-items:flex-start;flex-direction:column}.support-topic-assignee{border-left:0;border-top:1px solid #36536d;padding:12px 0 0;width:100%}.support-message-row{max-width:95%}.support-staff-button{font-size:0!important;width:36px;min-width:36px;padding:7px!important}.support-staff-button::before{content:'✉';font-size:18px}}
@media(max-width:480px){.support-message-row{max-width:100%}.support-message-bubble{padding:12px 14px}}

/* Staff ticket queue */
.support-ticket-grid.queue{grid-template-columns:1fr;gap:11px}
.support-queue-row{display:grid;grid-template-columns:46px minmax(0,2fr) minmax(170px,1fr) minmax(165px,.8fr) 22px;align-items:center;gap:20px;width:100%;min-height:108px;padding:19px 22px;text-align:left;border:1px solid #3b5672;border-left:3px solid #57c8ed;border-radius:13px;background:linear-gradient(105deg,#15263d,#101c2d);color:#edf7ff;font:inherit;cursor:pointer;transition:border-color .18s,transform .18s,background .18s}
.support-queue-row:hover{border-color:#68c8ee;transform:translateY(-2px);background:#1b314b}
.support-queue-row.closed{border-left-color:#8494a9;background:linear-gradient(105deg,#182333,#111a28)}
.support-queue-symbol{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:#17435a;color:#76d9f5;font-size:23px}
.support-queue-row.closed .support-queue-symbol{background:#374455;color:#c5d2dd}
.support-queue-main,.support-queue-assignee,.support-queue-end{display:grid;gap:7px;min-width:0}
.support-queue-main small{color:#7bd3ef;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.support-queue-main small b{color:#66839d;margin:0 5px}
.support-queue-main strong{font-size:18px;line-height:1.3;overflow-wrap:anywhere}.support-queue-main>span{color:#9fb7cd;font-size:12px}.support-queue-main>span b{color:#e5f5ff}
.support-queue-assignee{padding-left:20px;border-left:1px solid #37506b}.support-queue-assignee small{color:#789ab6;font-size:10px;font-weight:800;letter-spacing:.1em}.support-queue-assignee strong{color:#d8ecfa;font-size:13px;overflow-wrap:anywhere}
.support-queue-end{justify-items:end;text-align:right}.support-queue-end>small{color:#8fa9c0;font-size:11px}.support-queue-status{border-radius:999px;padding:6px 11px;font-size:11px;font-weight:900;white-space:nowrap}.support-queue-status.open{color:#90f0c8;background:#195847}.support-queue-status.closed{color:#cbd5e1;background:#3b4655}
.support-queue-arrow{color:#81c9e9;font-size:18px}
.support-delete-button{border:1px solid #8a4f58!important;background:#41222e!important;color:#ffd5d9!important}.support-delete-button:hover{background:#66313c!important}
@media(max-width:900px){.support-queue-row{grid-template-columns:42px minmax(0,1fr) minmax(145px,.6fr);gap:14px}.support-queue-assignee{border-left:0;padding-left:0}.support-queue-end{grid-column:2/4;display:flex;align-items:center;justify-content:space-between;padding-top:9px;border-top:1px solid #33485e}.support-queue-arrow{display:none}}
@media(max-width:560px){.support-queue-row{grid-template-columns:38px minmax(0,1fr);padding:17px}.support-queue-main strong{font-size:16px}.support-queue-assignee{grid-column:2}.support-queue-end{grid-column:2;flex-wrap:wrap;gap:8px;justify-content:flex-start;text-align:left}.support-queue-symbol{width:36px;height:36px}}