.support-toggle{position:fixed;bottom:18px;right:20px;z-index:90;width:48px;height:48px;display:grid;place-items:center;border:1px solid #d9b97888;border-radius:50%;background:#151820df;color:#e5c483;box-shadow:0 6px 25px #0005;cursor:pointer}
.support-toggle svg{width:24px;height:24px}.support-toggle b{position:absolute;right:-4px;top:-5px;border-radius:20px;background:#d8b778;color:#17130c;font:700 11px Segoe UI;padding:3px 5px}
body.playing-game .support-toggle{display:none}
#support-dialog{zoom:calc(1 / var(--interface-scale,1));position:fixed;inset:0;margin:auto;width:min(980px,calc(100vw - 32px));height:min(760px,calc(100dvh - 32px));max-width:none;max-height:none;padding:0;overflow:hidden;border:1px solid #d9b97866;border-radius:20px;background:#0d0f15;color:#eee;box-sizing:border-box;z-index:110}
#support-dialog::backdrop{background:#030408ad}
#support-dialog[open]{display:flex;flex-direction:column}
.support-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid #ffffff15;flex-shrink:0}
.support-head h2{font-size:20px;margin:0;color:#edd5a7}.support-head>button{width:36px;height:36px;padding:0;font-size:24px;border-radius:50%}
#support-dialog button{font:inherit;color:inherit;cursor:pointer;border:1px solid #d9b97844;background:#ffffff08;border-radius:18px;padding:8px 14px}
#support-dialog button:hover{background:#d9b97822}#support-dialog button:disabled{opacity:.45;cursor:default}
#support-dialog input,#support-dialog textarea{font:inherit;color:#f5f3ed;background:#ffffff08;border:1px solid #ffffff29;border-radius:12px;padding:10px;min-width:0;width:100%;box-sizing:border-box}
#support-dialog input:focus,#support-dialog textarea:focus{outline:1px solid #ddbc7b}
#support-dialog label{display:grid;gap:7px;font-size:13px}
.support-body{min-height:0;flex:1;display:flex;overflow:hidden}
.support-sidebar{flex:0 0 230px;padding:12px;border-right:1px solid #ffffff13;overflow-y:auto;display:flex;flex-direction:column;gap:8px}
.support-sidebar button{text-align:left;font-size:13px!important;overflow-wrap:anywhere}
.support-sidebar button[aria-pressed=true]{border-color:#dfbd7b!important;background:#d9b9781f!important}
.support-content{display:flex;flex:1;min-width:0;min-height:0;flex-direction:column;padding:16px;gap:12px}
.support-setup{max-width:580px;width:100%;align-self:center;overflow:auto;display:grid;gap:14px;padding:12px;box-sizing:border-box}
.support-setup p,.support-help{font-size:13px!important;line-height:1.6!important;color:#b7bac6!important;margin:0!important}
.support-status{margin:0;padding:0 16px 10px;flex-shrink:0;font-size:13px;color:#e4c58e;overflow-wrap:anywhere}
.support-chat-head{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:13px}
.support-messages{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:12px;padding:4px 6px 10px}
.support-message{max-width:85%;align-self:flex-start;border:1px solid #ffffff16;border-radius:16px 16px 16px 4px;padding:10px 14px;background:#1a1d28;overflow-wrap:anywhere;white-space:pre-wrap;font-size:14px;line-height:1.5}
.support-message.mine{align-self:flex-end;background:#a9823529;border-color:#d9b97844;border-radius:16px 16px 4px 16px}
.support-message small{display:block;color:#9fa3b0;font-size:10px;margin-bottom:4px}.support-message p{margin:0;color:inherit;font:inherit;line-height:inherit;white-space:pre-wrap}
.support-compose{display:flex;gap:8px;align-items:flex-end;flex-shrink:0}
.support-compose textarea{resize:none;min-height:60px;max-height:140px}
.support-compose button{flex-shrink:0;min-height:44px}
.support-key-actions{display:flex;gap:8px;flex-wrap:wrap;flex-shrink:0}
.support-key-actions button{font-size:11px!important;padding:6px 10px!important}
.support-fingerprint{font:11px/1.5 monospace;color:#b6a889;overflow-wrap:anywhere}
@media(pointer:coarse) and (max-width:1200px){.support-toggle{bottom:12px;right:56px;width:38px;height:38px}.support-toggle svg{width:21px;height:21px}}
@media(max-width:650px){
 #support-dialog{width:100vw;height:100dvh;border:0;border-radius:0}
 .support-head{padding:12px 14px;padding-top:max(12px,env(safe-area-inset-top))}
 .support-content{padding:10px;gap:8px;padding-bottom:max(10px,env(safe-area-inset-bottom))}
 .support-sidebar{flex:0 0 auto;max-height:110px;border-right:0;border-bottom:1px solid #ffffff13}
 .support-body{flex-direction:column}.support-sidebar:empty{display:none}
 .support-compose{gap:6px}.support-compose button{font-size:12px!important;padding:8px 10px!important}
 .support-message{max-width:92%}.support-head h2{font-size:17px}
}
@media(max-height:450px){.support-head{padding:8px 14px}.support-key-actions{display:none}.support-compose textarea{min-height:44px}.support-content{gap:6px}.support-help{font-size:11px!important}}

@media(pointer:coarse){#support-dialog{height:min(760px,calc(var(--support-view-height,100dvh) - 16px));top:var(--support-view-top,0px);bottom:auto;margin-top:8px}}
@media(pointer:coarse) and (max-width:650px){#support-dialog{height:var(--support-view-height,100dvh);margin-top:0}}

.support-rules,.support-management{flex:none;border:1px solid #e7c48133;border-radius:14px;padding:10px 12px;font-size:12px}.support-rules summary,.support-management summary{cursor:pointer;color:#e7c481}.support-rules li{margin:8px 0;line-height:1.5}.support-rules ol{padding-left:20px}.support-rules-accept{display:flex;align-items:center;gap:8px;margin-top:12px}.support-rules-accept input{width:18px;height:18px;flex:none}.support-ban-form,.support-ban-custom{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.support-ban-custom[hidden]{display:none}.support-ban-form select,.support-ban-form input{box-sizing:border-box;min-width:0;max-width:100%;background:#181a22;color:#eee;border:1px solid #e7c48155;border-radius:12px;padding:9px}.support-ban-custom input{width:140px}.support-send-state{flex:none;color:#e7c481;font-size:12px;margin:0;overflow-wrap:anywhere}.support-rules{max-height:160px;overflow:auto}.support-management{max-height:190px;overflow:auto}@media(max-width:650px){.support-ban-form>select{width:100%}.support-rules{max-height:130px}}

#support-dialog .support-rules-accept{display:flex;align-items:center}#support-dialog .support-rules-accept input{width:18px;height:18px;padding:0;flex:none}@media(max-height:450px){.support-content{overflow-y:auto}.support-rules[open]{max-height:100px}.support-management[open]{max-height:130px}.support-messages{min-height:70px}.support-send-state{font-size:11px}}

.support-rules-dialog{box-sizing:border-box;width:min(640px,calc(100vw - 24px));max-width:none;max-height:calc(100dvh - 24px);padding:0;margin:auto;border:1px solid #d9b97877;border-radius:22px;background:#10121a;color:#eee;box-shadow:0 20px 80px #0009;zoom:calc(1 / var(--interface-scale,1))}
.support-rules-dialog[open]{display:flex;flex-direction:column}.support-rules-dialog::backdrop{background:#030408cc}
.support-rules-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex:none;padding:20px 24px;border-bottom:1px solid #ffffff15}.support-rules-head h2{font-size:21px;margin:0;color:#edd5a7}
#support-rules-dialog .close-modal{position:static;flex:0 0 36px;width:36px;height:36px;transform:none;padding:0}
.support-rules-body{padding:8px 24px;overflow:auto;min-height:0;font-size:14px;line-height:1.65}.support-rules-body ol{padding-left:22px}.support-rules-body li{margin:10px 0}.support-rules-body h3{font-size:16px;color:#e5c483}
.support-rules-footer{display:flex;flex-direction:column;align-items:stretch;gap:12px;flex:none;padding:18px 24px;border-top:1px solid #ffffff15}.support-rules-footer .support-rules-accept{display:flex;align-items:center;gap:10px;font-size:13px}.support-rules-footer input{width:18px;height:18px;flex:none;accent-color:#e5c483}.support-rules-dialog button{cursor:pointer;padding:10px 18px;color:#eee;background:#ffffff08;border:1px solid #d9b97866;border-radius:24px;font:inherit}.support-rules-dialog button:disabled{opacity:.45;cursor:default}.support-rules-error{color:#e5c483;font-size:12px;margin:0}.support-rules-error:empty{display:none}
@media(max-height:450px){.support-rules-head,.support-rules-footer{padding:10px 18px}.support-rules-body{padding:0 18px;font-size:13px}}@media(max-width:500px){.support-rules-head{padding:14px 18px}.support-rules-body{padding:4px 18px}.support-rules-footer{padding:14px 18px}.support-rules-head h2{font-size:18px}}

#support-rules-dialog .support-rules-footer{margin:0;width:100%;opacity:1;transform:none;transition:none;flex-wrap:nowrap;justify-content:flex-start;font-size:14px;color:inherit}

.support-compose[hidden]{display:none!important}.support-rules-body li p{margin:6px 0 14px}.support-send-state{font-variant-numeric:tabular-nums}