@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--btn-bg: #1a1a1a;--btn-border: rgba(255, 255, 255, .15);--btn-hover: #2a2a2a;--text: #e8e8e8;--muted: #666;--btn-size: 36px;--gap: 5px;--edge: 16px;--radius: 6px;--warn: #ff9800;--error: #f44336;--info: #2196f3}html,body{width:100%;height:100%;overflow:hidden;background:#0a0a0a;font-family:Inter,system-ui,sans-serif;font-size:13px;color:var(--text);-webkit-font-smoothing:antialiased}#world{position:fixed;top:0;right:0;bottom:0;left:0;cursor:crosshair;display:block;image-rendering:pixelated}.uibtn{position:fixed;background:var(--btn-bg);border:1px solid var(--btn-border);border-radius:var(--radius);height:var(--btn-size);padding:0 12px;display:flex;align-items:center;justify-content:center;color:var(--text);white-space:nowrap;z-index:10;cursor:default;-webkit-user-select:none;user-select:none;font-family:inherit;font-size:13px;transition:background .12s,border-color .12s}.actionbtn{cursor:pointer;width:var(--btn-size);padding:0}.actionbtn:hover{background:var(--btn-hover);border-color:#ffffff40}.actionbtn:active{background:#353535}.actionbtn svg{width:17px;height:17px;color:#ccc}.actionbtn:hover svg{color:var(--text)}#top-bar{position:fixed;top:var(--edge);left:var(--edge);display:flex;align-items:center;gap:var(--gap);z-index:10}#top-bar #logo-btn,#top-bar #canvas-switch-wrap{position:static}#logo-btn{font-weight:600;font-size:14px;padding:0 14px}#left-sidebar{position:fixed;left:var(--edge);top:calc(var(--edge) + var(--btn-size) + var(--gap));display:flex;flex-direction:column;gap:var(--gap);z-index:10}#left-sidebar .uibtn{position:static}.sidebar-collapse-btn{margin-top:2px;opacity:.55}.sidebar-collapse-btn:hover{opacity:1}.history-active #top-bar{opacity:.6;pointer-events:none}.app-container{display:contents}#online-box{left:var(--edge);bottom:calc(var(--edge) + var(--btn-size) + var(--gap));gap:7px;color:var(--muted);font-size:12px}#coords-box{left:var(--edge);bottom:var(--edge);font-size:12px;font-variant-numeric:tabular-nums}#btn-chat{right:var(--edge);bottom:var(--edge)}#btn-palette{right:var(--edge);bottom:calc(var(--edge) + 1*(var(--btn-size) + var(--gap)))}#btn-brush{right:var(--edge);bottom:calc(var(--edge) + 2*(var(--btn-size) + var(--gap)));font-size:10px;font-weight:600;width:var(--btn-size);padding:0}#btn-pencil{right:var(--edge);bottom:calc(var(--edge) + 3*(var(--btn-size) + var(--gap)))}#coords-box,#online-box,#btn-chat,#btn-palette,#btn-brush,#btn-pencil{transition:bottom .25s cubic-bezier(.4,0,.2,1),background .12s,border-color .12s,transform .12s,box-shadow .12s}#brush-label{font-size:10px;font-weight:700;letter-spacing:.2px;color:#fffc}#btn-pencil.pencil-off-mode-color{border-color:#9a8518!important;box-shadow:none!important;background:#7a6818!important}#btn-pencil.pencil-off-mode-template{border-color:#a83232!important;box-shadow:none!important;background:#8b2828!important}#btn-pencil.pencil-off-mode-history{border-color:#2d8550!important;box-shadow:none!important;background:#287048!important}#btn-pencil[class*=pencil-off-mode-] svg{color:#fff}#btn-pencil.pencil-on-mode-color{border-color:#e6b800!important;box-shadow:none!important;background:#fc0!important}#btn-pencil.pencil-on-mode-color svg{color:#0a0a0a}#btn-pencil.pencil-on-mode-template{border-color:#d32f2f!important;box-shadow:none!important;background:#f44336!important}#btn-pencil.pencil-on-mode-template svg{color:#0a0a0a}#btn-pencil.pencil-on-mode-history{border-color:#2da85a!important;box-shadow:none!important;background:#3ecf6e!important}#btn-pencil.pencil-on-mode-history svg{color:#0a0a0a}#btn-pencil.pencil-off-mode-color:hover{background:#8f7a1c!important;border-color:#b39a20!important}#btn-pencil.pencil-off-mode-color:active{background:#6b5c14!important}#btn-pencil.pencil-off-mode-template:hover{background:#a03030!important;border-color:#c04040!important}#btn-pencil.pencil-off-mode-template:active{background:#7a2020!important}#btn-pencil.pencil-off-mode-history:hover{background:#32885a!important;border-color:#3a9a68!important}#btn-pencil.pencil-off-mode-history:active{background:#225c40!important}#btn-pencil[class*=pencil-off-mode-]:hover svg,#btn-pencil[class*=pencil-off-mode-]:active svg{color:#fff}#btn-pencil.pencil-on-mode-color:hover{background:#ffd633!important;border-color:#e6b800!important}#btn-pencil.pencil-on-mode-color:active{background:#e6b800!important}#btn-pencil.pencil-on-mode-template:hover{background:#f6685e!important;border-color:#d32f2f!important}#btn-pencil.pencil-on-mode-template:active{background:#d32f2f!important}#btn-pencil.pencil-on-mode-history:hover{background:#52d87f!important;border-color:#2da85a!important}#btn-pencil.pencil-on-mode-history:active{background:#2da85a!important}#btn-pencil[class*=pencil-on-mode-]:hover svg,#btn-pencil[class*=pencil-on-mode-]:active svg{color:#0a0a0a}#btn-chat.has-unread{border-color:#fff6}#btn-chat.has-unread svg{color:#fff}.dot{width:7px;height:7px;background:#3c9c5c;border-radius:50%;flex-shrink:0;animation:blink 2.4s ease-in-out infinite}.dot.offline{background:#c0392b;animation:none;opacity:.85}@keyframes blink{0%,to{opacity:1}50%{opacity:.35}}#palette-wrap{position:fixed;bottom:var(--edge);left:50%;transform:translate(-50%);z-index:10;background:var(--btn-bg);border:1px solid var(--btn-border);border-radius:var(--radius);padding:6px 8px;width:calc(100vw - 120px);max-width:700px;overflow-x:auto;white-space:nowrap;scrollbar-width:none;display:flex;align-items:center;cursor:grab;-webkit-user-select:none;user-select:none}#palette-wrap::-webkit-scrollbar{display:none}#palette-wrap.grabbing{cursor:grabbing}#palette-colors{display:flex;flex-wrap:nowrap;gap:3px}#alert-container{position:fixed;top:70px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;z-index:1000;pointer-events:none}.toast{background:#1a1a1a;border:1px solid var(--btn-border);border-radius:var(--radius);padding:10px 16px;color:var(--text);font-size:13px;font-weight:500;box-shadow:0 4px 12px #0009;animation:toast-in .4s cubic-bezier(.18,.89,.32,1.28) forwards;pointer-events:auto;max-width:320px;text-align:center}.toast.info{border-left:3px solid var(--info)}.toast.warn{border-left:3px solid var(--warn)}.toast.error{border-left:3px solid var(--error)}.toast.out{animation:toast-out .3s ease-in forwards}@keyframes toast-in{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes toast-out{to{transform:scale(.9);opacity:0}}.ban-history{margin-top:10px;padding:10px;background:#ffffff08;border-radius:4px;font-size:11px}.hist-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.05)}.hist-row:last-child{border-bottom:none}.hist-action{font-weight:600;text-transform:uppercase;margin-right:6px}.hist-ban{color:var(--error)}.hist-unban{color:#4caf50}.hist-reason{color:var(--muted);flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hist-date{color:var(--muted);font-size:10px}.swatch{width:20px;height:20px;border-radius:4px;border:2px solid transparent;cursor:pointer;flex-shrink:0;outline:none;transition:transform .1s,border-color .1s}.swatch:hover{transform:scale(1.25)}.swatch.active{border-color:#fff;transform:scale(1.18)}.swatch.mod-swatch{border-color:#ffc832b3;box-shadow:0 0 0 1px #ffc8324d;cursor:cell}.swatch.mod-swatch:hover{border-color:#ffd050;transform:scale(1.28)}.swatch.mod-swatch.active{border-color:#ffd050;transform:scale(1.2)}.palette-divider{width:1px;height:18px;background:#ffc83259;border-radius:1px;flex-shrink:0;margin:0 2px;cursor:default}#cooldown-wrap{position:fixed;top:var(--edge);left:50%;transform:translate(-50%);z-index:10;display:flex;flex-direction:column;align-items:center;gap:var(--gap);pointer-events:none}#cooldown-top,#cooldown-bottom{background:var(--btn-bg);border:1px solid var(--btn-border);border-radius:var(--radius);height:var(--btn-size);padding:0;display:flex;align-items:center;justify-content:center;color:var(--text);font-size:12px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.3px;opacity:0;transition:opacity .2s}#cooldown-top{width:78px}#cooldown-bottom{width:44px}#cooldown-top.active,#cooldown-bottom.active{opacity:1}#cooldown-bottom.ok{border-color:#96ff9659;background:#161e16f5}#cooldown-bottom.fail{border-color:#f4433666;background:#1e1212f5}.panel{position:fixed;background:var(--btn-bg);border:1px solid var(--btn-border);border-radius:var(--radius);z-index:20;overflow:hidden;animation:fadeSlide .15s ease;resize:both;min-width:240px;max-width:min(95vw,900px);max-height:95vh}@keyframes fadeSlide{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--btn-border);font-weight:500;font-size:13px;flex-shrink:0;cursor:move;-webkit-user-select:none;user-select:none}.panel-close{background:none;border:none;color:var(--muted);cursor:pointer;font-size:12px;padding:4px 7px;border-radius:3px;font-family:inherit;transition:color .1s,background .1s}.panel-close:hover{color:var(--text);background:#ffffff12}.panel-body{padding:12px;display:flex;flex-direction:column;gap:8px;font-size:12px;line-height:1.65;color:var(--muted);overflow-y:auto;max-height:calc(90vh - 44px)}.panel-body h3{color:#fff6;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;margin-top:4px}.panel-body p,.panel-body ul{color:var(--muted)}.panel-body ul{padding-left:14px}.panel-body li{margin-bottom:2px}.muted{color:var(--muted)}#panel-user,#panel-help{top:calc(var(--edge) + var(--btn-size) + var(--gap));left:calc(var(--edge) + var(--btn-size) + var(--gap));width:280px}#panel-modtools{top:calc(var(--edge) + var(--btn-size) + var(--gap));left:calc(var(--edge) + var(--btn-size) + var(--gap));width:380px}#panel-chat{bottom:var(--edge);right:calc(var(--edge) + var(--btn-size) + var(--gap));top:auto;left:auto;width:320px;display:none;flex-direction:column}#panel-chat:not(.hidden){display:flex}.chat-panel{height:460px}.chat-messages{flex:1;overflow-y:auto;padding:8px 10px;display:flex;flex-direction:column;gap:4px;scrollbar-width:thin}.chat-messages::-webkit-scrollbar{width:3px}.chat-messages::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:2px}.chat-msg{font-size:12px;line-height:1.5;word-break:break-word}.chat-name{font-weight:600;color:#ffffffb3;margin-right:2px}.chat-text{color:var(--muted)}.chat-link{color:#5b9cff;text-decoration:underline}.chat-link:hover{color:#7db3ff}.chat-input-row{display:flex;gap:6px;padding:8px;border-top:1px solid var(--btn-border);flex-shrink:0}.chat-input{flex:1;background:#ffffff0d;border:1px solid var(--btn-border);border-radius:4px;padding:6px 8px;color:var(--text);font-family:inherit;font-size:12px;outline:none;transition:border-color .15s}.chat-input:focus{border-color:#ffffff40}.chat-input:disabled{opacity:.4;cursor:not-allowed}.chat-input::placeholder{color:var(--muted)}.chat-send-btn{background:#ffffff14;border:1px solid var(--btn-border);border-radius:4px;width:32px;height:32px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .12s}.chat-send-btn:hover{background:#ffffff26}.chat-send-btn:disabled{opacity:.4;cursor:not-allowed}.chat-send-btn svg{width:14px;height:14px;color:#ccc}.user-profile{display:flex;align-items:center;gap:10px;padding:4px 0 8px}.user-avatar{width:40px;height:40px;border-radius:50%;border:1px solid var(--btn-border)}.user-name{font-weight:600;font-size:13px;color:var(--text)}.user-role{font-size:11px;color:var(--muted);text-transform:capitalize;margin-top:2px}.discord-login-btn{display:flex;align-items:center;gap:8px;background:#5865f2;border:none;border-radius:5px;padding:9px 14px;color:#fff;font-family:inherit;font-size:13px;font-weight:500;text-decoration:none;cursor:pointer;transition:background .15s;width:100%;justify-content:center;margin-top:4px}.discord-login-btn:hover{background:#4752c4}.discord-login-btn svg{width:18px;height:18px;flex-shrink:0}.google-login-btn{display:flex;align-items:center;gap:8px;background:#fff;border:none;border-radius:5px;padding:9px 14px;color:#1f1f1f;font-family:inherit;font-size:13px;font-weight:500;text-decoration:none;cursor:pointer;transition:background .15s;width:100%;justify-content:center;margin-top:4px}.google-login-btn:hover{background:#e6e6e6}.google-login-btn svg{width:18px;height:18px;flex-shrink:0}.logout-btn{background:#ff50501f;border:1px solid rgba(255,80,80,.2);border-radius:4px;color:#ff6464e6;padding:7px 12px;font-family:inherit;font-size:12px;cursor:pointer;width:100%;transition:background .15s}.logout-btn:hover{background:#ff505038}::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.role-badge{display:inline-block;font-size:10px;font-weight:600;padding:1px 7px;border-radius:20px;letter-spacing:.5px;text-transform:uppercase}.role-badge.role-admin{background:#ffc8322e;color:#ffd050;border:1px solid rgba(255,200,50,.35)}.role-badge.role-moderator{background:#50b4ff2e;color:#60c0ff;border:1px solid rgba(80,180,255,.35)}.role-badge.role-user{background:#ffffff14;color:#ffffff80;border:1px solid rgba(255,255,255,.12)}.profile-header{display:flex;align-items:center;gap:14px;margin-bottom:16px}.profile-avatar-wrap{position:relative;flex-shrink:0}.profile-avatar{width:72px;height:72px;border-radius:50%;border:2px solid var(--btn-border)}.profile-online-dot{position:absolute;bottom:3px;right:3px;width:13px;height:13px;border-radius:50%;background:#555;border:2px solid rgba(0,0,0,.6)}.profile-online-dot.is-online{background:#3ecf6e}.profile-info{display:flex;flex-direction:column;gap:5px}.profile-name{font-size:16px;font-weight:600}.profile-country{font-size:12px;color:#ffffff80}.profile-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:14px}.stat-box{background:#ffffff0d;border:1px solid var(--btn-border);border-radius:8px;padding:8px 6px;text-align:center}.stat-val{display:block;font-size:13px;font-weight:600;margin-bottom:2px}.stat-lbl{display:block;font-size:10px;color:#fff6;text-transform:uppercase;letter-spacing:.4px}.profile-bio{font-size:13px;color:#ffffffb3;line-height:1.5;margin-bottom:12px}.profile-bio-empty{font-size:13px;color:#ffffff4d;margin-bottom:12px}.profile-edit-details{margin-bottom:14px}.profile-edit-details summary{cursor:pointer;font-size:13px;color:#ffffff80;padding:4px 0;-webkit-user-select:none;user-select:none}.profile-edit-details summary:hover{color:#fffc}.profile-edit-form{display:flex;flex-direction:column;gap:8px;margin-top:10px}.profile-edit-form label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#ffffff80}.profile-edit-form textarea,.profile-edit-form input[type=text]{background:#ffffff0f;border:1px solid var(--btn-border);border-radius:6px;color:#fff;font-family:inherit;font-size:13px;padding:6px 8px;resize:vertical}.profile-edit-form textarea:focus,.profile-edit-form input[type=text]:focus{outline:none;border-color:#ffffff4d}.modtools-body{padding:0}.mt-tabs{display:flex;flex-wrap:wrap;border-bottom:1px solid var(--btn-border)}.mt-tab{flex:1;padding:9px 0;font-size:12px;font-weight:500;background:none;border:none;color:#ffffff73;cursor:pointer;transition:color .15s}.mt-tab.active{color:#fff;border-bottom:2px solid rgba(255,255,255,.6)}.mt-tab:hover:not(.active){color:#ffffffb3}.mt-tabcontent{padding:14px}.mt-label{display:block;font-size:11px;font-weight:500;color:#fff6;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;margin-top:10px}.mt-label:first-child{margin-top:0}.mt-file-input{width:100%;font-size:12px;color:#ffffffb3}.mt-file-input::file-selector-button{background:#ffffff14;border:1px solid var(--btn-border);border-radius:5px;color:#fff;font-size:11px;padding:3px 8px;cursor:pointer;margin-right:8px}.paste-preview{min-height:32px;display:flex;flex-direction:column;gap:4px;align-items:flex-start;margin-bottom:4px}.coords-row{display:flex;gap:8px;align-items:center}.coords-row label{display:flex;align-items:center;gap:4px;font-size:12px;color:#ffffff80}.coord-input{width:72px;background:#ffffff0f;border:1px solid var(--btn-border);border-radius:6px;color:#fff;font-size:12px;padding:4px 6px}.coord-input:focus{outline:none;border-color:#ffffff4d}.mt-btn{border-radius:7px;font-size:12px;font-weight:500;padding:6px 13px;cursor:pointer;border:1px solid transparent;transition:background .15s;min-height:30px;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.mt-btn.primary{background:#ffffff26;color:#fff;border-color:#ffffff1a}.mt-btn.primary:hover{background:#ffffff38}.mt-btn.secondary{background:#ffffff0f;border:1px solid var(--btn-border);color:#ffffffbf}.mt-btn.secondary:hover{background:#ffffff1f}.mt-btn:disabled{opacity:.4;cursor:not-allowed}.mt-btn.danger{background:#ff50501a;color:#ff6060;border-color:#ff505033}.mt-btn.danger:hover{background:#ff505033}.mt-btn.active-sub{background:#ffffff26!important}.mt-btn.danger-sm{font-size:10px;padding:3px 7px;border-radius:4px;background:#ff50501f;color:#ff7878cc;border:1px solid rgba(255,80,80,.2);cursor:pointer}.mt-btn.danger-sm:hover{background:#ff505033;color:#ff8080}.mt-input{background:#ffffff0f;border:1px solid var(--btn-border);border-radius:6px;color:#fff;font-family:inherit;font-size:12px;padding:5px 8px;outline:none;transition:border-color .15s}.mt-input:focus{border-color:#ffffff4d}.mt-input::placeholder{color:var(--muted)}.mt-status{font-size:12px;margin-top:8px;border-radius:6px;padding:5px 8px}.mt-status.ok{background:#3cc86426;color:#5ddc8a}.mt-status.warn{background:#ffc8321f;color:#ffd050}.mt-status.error{background:#ff50501f;color:#ff6060}.mt-status.info{background:#50a0ff1f;color:#70bbff}.mt-field{display:flex;flex-direction:column}.mt-field-hint{font-size:10px;color:var(--muted);margin-top:3px;font-style:italic;min-height:14px}.mt-input.input-error{border-color:#ff505099!important}.canvas-form{display:flex;flex-direction:column;gap:2px}.canvas-form-row{display:grid;grid-template-columns:1fr 1fr;gap:6px}.canvas-list-row{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;background:#ffffff0a;border:1px solid var(--btn-border);border-radius:var(--radius);padding:8px 10px;margin-bottom:5px}.canvas-list-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.canvas-list-name{font-size:12px;font-weight:600;color:var(--text)}.canvas-list-meta{font-size:10px;color:var(--muted)}.canvas-list-desc{font-size:10px;color:var(--muted);opacity:.7;font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.canvas-list-actions{display:flex;gap:4px;flex-shrink:0;align-items:flex-start}.palette-editor{margin-top:4px}.palette-grid{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px;margin-bottom:4px}.pe-swatch{position:relative;width:28px;height:28px;border-radius:4px;cursor:pointer;border:1px solid rgba(255,255,255,.15);overflow:hidden;flex-shrink:0;transition:transform .1s,box-shadow .1s}.pe-swatch:hover{transform:scale(1.15);box-shadow:0 2px 8px #00000080;z-index:1}.pe-color-input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;border:none;padding:0}.pe-swatch-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-start;justify-content:space-between;padding:1px 2px;pointer-events:none}.pe-swatch:hover .pe-swatch-overlay{pointer-events:auto}.pe-idx{font-size:8px;font-weight:700;line-height:1;opacity:.8}.pe-del{font-size:10px;line-height:1;background:none;border:none;cursor:pointer;opacity:0;padding:0;pointer-events:auto;transition:opacity .1s}.pe-swatch:hover .pe-del{opacity:1}.pe-add{width:28px;height:28px;border-radius:4px;font-size:18px;display:flex;align-items:center;justify-content:center;background:#ffffff12;border:1px dashed var(--btn-border);color:var(--muted);cursor:pointer;flex-shrink:0;transition:background .1s,color .1s}.pe-add:hover{background:#ffffff26;color:var(--text)}.pe-hint{font-size:9px;color:var(--muted);margin-top:2px;opacity:.7}.pe-import-row{display:flex;align-items:center;gap:6px;margin-top:8px}.pe-import-select{flex:1;min-width:0;font-size:11px;padding:4px 6px}.users-list{display:flex;flex-direction:column;gap:6px;max-height:420px;overflow-y:auto}.user-row{display:flex;align-items:center;gap:8px;background:#ffffff0a;border:1px solid var(--btn-border);border-radius:8px;padding:7px 10px;flex-wrap:wrap}.urow-avatar{width:28px;height:28px;border-radius:50%;flex-shrink:0}.urow-info{flex:1;display:flex;flex-wrap:wrap;align-items:center;gap:4px;font-size:12px;min-width:100px}.urow-name{font-weight:600}.urow-stat{font-size:11px;color:#ffffff59;width:100%}.urow-actions{display:flex;gap:5px;align-items:center;flex-shrink:0;flex-wrap:wrap}.role-sel{background:#ffffff0f;border:1px solid var(--btn-border);border-radius:5px;color:#fff;font-size:11px;padding:4px 6px;height:28px}.role-sel option{background:#1e1e2e;color:#e0e0f0}.online-dot{width:8px;height:8px;border-radius:50%;background:#3ecf6e;flex-shrink:0}.banned-tag{font-size:10px;background:#ff3c3c33;color:#ff6060;border:1px solid rgba(255,60,60,.35);padding:1px 6px;border-radius:4px}.online-sep{color:#ffffff4d;margin:0 5px;-webkit-user-select:none;user-select:none}#pixel-count-hud{font-size:11px;color:#fff;letter-spacing:.3px}.chat-system{display:flex;align-items:center;gap:6px;padding:3px 8px;margin:2px 0;background:#ffffff0a;border-left:2px solid rgba(255,255,255,.15);border-radius:3px}.chat-system-icon{font-size:11px;opacity:.5;flex-shrink:0}.chat-system-text{font-size:12px;color:#ffffff8c;font-style:italic}.chat-mod-hint{padding:4px 10px;font-size:10px;color:#ffc83299;border-top:1px solid rgba(255,255,255,.06);background:#00000026;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-mod-hint code{background:#ffffff14;border-radius:3px;padding:0 3px;font-family:monospace;font-size:10px}.quick-role-panel{padding:10px 12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:6px;margin-bottom:4px}.quick-role-row{display:flex;gap:6px;margin-top:6px;align-items:center;flex-wrap:wrap}#panel-settings{top:calc(var(--edge) + var(--btn-size) + var(--gap));left:calc(var(--edge) + var(--btn-size) + var(--gap));width:280px}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:4px 0;font-size:12px;color:#ffffffb3}.settings-select{background:var(--btn-bg);border:1px solid var(--btn-border);color:var(--text);border-radius:4px;padding:2px 6px;font-size:12px;outline:none}.toggle-btn{background:#ffffff12;border:1px solid var(--btn-border);border-radius:20px;color:#ffffff80;font-family:inherit;font-size:11px;font-weight:600;padding:3px 12px;cursor:pointer;transition:background .15s,color .15s,border-color .15s;min-width:46px;text-align:center}.toggle-btn.on{background:#3cc86433;border-color:#3cc86466;color:#5ddc8a}.toggle-btn:hover{filter:brightness(1.2)}.brush-size-grid{display:flex;gap:8px;justify-content:center;margin-top:4px}.brush-opt{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:10px 6px;background:#ffffff0d;border:1px solid var(--btn-border);border-radius:8px;cursor:pointer;transition:background .15s,border-color .15s;font-family:inherit;color:#ffffff8c;font-size:11px;font-weight:600}.brush-opt:hover{background:#ffffff17}.brush-opt.active{border-color:#ffffff73;background:#ffffff1a;color:#fff}.brush-preview{display:grid;gap:1px}.brush-dot{width:7px;height:7px;background:#ffffff8c;border-radius:1px}.brush-opt.active .brush-dot{background:#fff}#panel-templates{top:calc(var(--edge) + var(--btn-size) + var(--gap));left:calc(var(--edge) + var(--btn-size) + var(--gap));width:320px}.tpl-dropzone{display:flex;align-items:center;gap:10px;padding:14px 12px;border:1.5px dashed rgba(255,255,255,.18);border-radius:8px;cursor:pointer;font-size:12px;color:#ffffff73;transition:border-color .15s,background .15s}.tpl-dropzone:hover{border-color:#fff6;background:#ffffff0a;color:#ffffffb3}.tpl-card{background:#ffffff0a;border:1px solid var(--btn-border);border-radius:8px;padding:9px 10px;display:flex;flex-direction:column;gap:7px;transition:opacity .15s}.tpl-card.tpl-hidden{opacity:.5}.tpl-card.tpl-active{border-color:#ffd20073;box-shadow:0 0 10px #ffc80026}.tpl-icon-btn.active[title*="Active template"]{border-color:#ffc80099;color:#ffd040}.tpl-row1{display:flex;align-items:center;gap:8px}.tpl-thumb-btn{padding:0;border:none;background:transparent;cursor:pointer;flex-shrink:0;border-radius:4px}.tpl-thumb-btn:hover .tpl-thumb{border-color:#ffffff73;box-shadow:0 0 0 1px #ffffff26}.tpl-thumb{width:36px;height:36px;object-fit:contain;border-radius:4px;border:1px solid var(--btn-border);background:#0000004d;flex-shrink:0;image-rendering:pixelated}.tpl-name{flex:1;font-size:11px;font-weight:600;color:#fffc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tpl-actions{display:flex;gap:5px;flex-shrink:0}.tpl-icon-btn{background:#ffffff0f;border:1px solid var(--btn-border);border-radius:5px;color:#ffffff80;cursor:pointer;width:26px;height:26px;display:flex;align-items:center;justify-content:center;transition:background .12s,color .12s}.tpl-icon-btn:hover{background:#ffffff1f;color:#fff}.tpl-icon-btn.active{border-color:#3cc86466;color:#5ddc8a}.tpl-icon-btn.danger:hover{background:#ff3c3c26;border-color:#ff3c3c66;color:#ff6060}.tpl-row2{display:flex;align-items:center;gap:6px}.tpl-lbl{font-size:10px;color:#ffffff59;font-weight:600;text-transform:uppercase;flex-shrink:0}.tpl-coord{flex:1;min-width:0;padding:4px 6px!important;font-size:11px!important}.tpl-pick-btn{font-size:11px!important;padding:4px 10px!important;min-height:26px!important;flex-shrink:0}.tpl-pick-btn.picking{border-color:#ffc83280;color:#ffd050;background:#ffc8321a}.tpl-slider{flex:1;accent-color:rgba(255,255,255,.6);height:3px;cursor:pointer}.flair-badge{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0;margin-right:3px;vertical-align:middle;image-rendering:pixelated}.flair-custom{image-rendering:pixelated;border-radius:2px}.role-color-254{color:gold!important}.role-color-200{color:#4a9eff!important}.role-color-150{color:#3ddb7a!important}.role-color-100{color:#40d9cc!important}.un-gold{background:linear-gradient(90deg,gold,orange,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.un-fire{background:linear-gradient(90deg,#ff6000,#f30,#f80);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.un-ice{background:linear-gradient(90deg,#00bfff,#1e90ff,#87ceeb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.un-rainbow{background:linear-gradient(90deg,red,#f80,#ff0,#0f0,#00bfff,#80f);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;animation:rainbow-shift 2.5s linear infinite}@keyframes rainbow-shift{to{background-position:200% center}}.un-void{background:linear-gradient(90deg,#8a2be2,indigo,#6a0dad,#200020);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;animation:void-pulse 3s ease-in-out infinite}@keyframes void-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.5) drop-shadow(0 0 4px #8A2BE2)}}.flair-styles{display:flex;flex-wrap:wrap;gap:5px;margin-top:4px}.style-btn{padding:3px 9px;border-radius:5px;font-size:11px;cursor:pointer;border:1px solid rgba(255,255,255,.15);background:#ffffff0d;color:#ffffffb3;transition:all .15s}.style-btn:hover:not(:disabled){background:#ffffff1f;color:#fff}.style-btn.active{border-color:#ffffff80;background:#ffffff26;color:#fff}.style-btn.disabled,.style-btn:disabled{opacity:.3;cursor:not-allowed}.msg-glow{box-shadow:inset 0 0 0 1px #3cc86426}.msg-highlight{background:#ffffff0a;border-radius:4px;padding:1px 3px}.msg-minimal{color:#ffffff8c}.profile-banner{border-radius:8px 8px 0 0;padding:2px;margin:-8px -8px 8px}.profile-banner.has-banner{padding:10px 10px 0}.tier-2-frame{position:relative;border-radius:50%;padding:2px;background:linear-gradient(135deg,#4a9eff,#3ddb7a,gold,#4a9eff);background-size:300% 300%;animation:frame-spin 4s linear infinite}.tier-3-frame{position:relative;border-radius:50%;padding:2px;background:linear-gradient(135deg,red,#f80,#ff0,#0f0,#00bfff,#80f,red);background-size:400% 400%;animation:frame-spin 2s linear infinite}@keyframes frame-spin{to{background-position:300% 0}}.tier-2-frame img,.tier-3-frame img{border-radius:50%;display:block;border:2px solid var(--btn-bg)}.tier-badge{display:inline-block;padding:1px 7px;border-radius:4px;font-size:11px;font-weight:700;letter-spacing:.3px}.tier-0{background:#ffffff14;color:#fff6}.tier-1{background:#3cc86426;color:#3ddb7a;border:1px solid rgba(60,200,100,.3)}.tier-2{background:#4a9eff26;color:#4a9eff;border:1px solid rgba(74,158,255,.3)}.tier-3{background:#ffd70026;color:gold;border:1px solid rgba(255,215,0,.3)}.tier-granted{font-size:10px;color:gold;margin-left:6px}.tier-desc{display:block;font-size:11px;color:#fff6;margin-top:2px}.flair-tier-bar-wrap{margin:6px 0}.flair-tier-bar{height:5px;border-radius:3px;background:#ffffff14;position:relative;overflow:hidden}.flair-tier-bar:after{content:"";position:absolute;inset-block:0;left:0;width:var(--prog,0%);border-radius:3px;background:linear-gradient(90deg,#3ddb7a,#4a9eff);transition:width .4s ease}.flair-tier-label{font-size:10px;color:#ffffff59;display:block;margin-top:3px}.flair-section{margin-top:12px;border-top:1px solid rgba(255,255,255,.06);padding-top:10px}.flair-tier-header{margin-bottom:8px}.flair-row{margin-bottom:10px;padding:8px;border-radius:7px;background:#ffffff08;border:1px solid rgba(255,255,255,.06)}.flair-row.locked{opacity:.5;pointer-events:none}.flair-row-title{font-size:11px;color:#fff9;font-weight:600;display:flex;align-items:center;gap:4px;margin-bottom:6px}.tier-req{margin-left:auto;font-size:10px;font-weight:400;color:#ffffff4d;border:1px solid rgba(255,255,255,.1);padding:1px 5px;border-radius:3px}.lock-icon{flex-shrink:0;color:#ffffff59}.flair-locked-hint{font-size:10px;color:#ffffff40;margin:0}.flair-saving{font-size:11px;color:#ffffff59;margin-top:4px}.flair-colors{display:flex;flex-wrap:wrap;gap:5px}.color-swatch{width:22px;height:22px;border-radius:4px;cursor:pointer;border:2px solid transparent;transition:transform .1s,border-color .1s}.color-swatch:hover{transform:scale(1.15)}.color-swatch.active{border-color:#ffffffb3}.flair-pic-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.flair-pic-preview{width:40px;height:40px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.15)}.flair-upload-btn{font-size:11px!important;padding:4px 10px!important;cursor:pointer!important}.icons-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:6px;margin-top:4px}.icon-card{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 4px;border-radius:6px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);position:relative}.icon-preview{width:16px;height:16px;image-rendering:pixelated}.icon-preview-lg{width:32px;height:32px;image-rendering:pixelated;border-radius:4px;flex-shrink:0}.icon-name{font-size:10px;color:#fff9;text-align:center;word-break:break-word}.icon-id{font-size:9px;color:#ffffff40}.icon-del{position:absolute;top:3px;right:3px;background:#ff505026;color:#ff7878cc;border:none;border-radius:3px;width:16px;height:16px;font-size:10px;cursor:pointer;line-height:1;padding:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s}.icon-card:hover .icon-del{opacity:1}.icon-upload-row{display:flex;align-items:flex-start;gap:8px;margin-bottom:4px}.style-live-preview{display:flex;align-items:center;gap:6px;background:#00000040;border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:6px 10px;margin-bottom:8px;font-size:13px}.style-preview-label{font-size:10px;color:#ffffff4d;text-transform:uppercase;letter-spacing:.5px;margin-right:4px;flex-shrink:0}.style-default-name{color:#ffffffbf}.style-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:5px}.style-preview-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 6px;border-radius:7px;cursor:pointer;border:1px solid rgba(255,255,255,.09);background:#ffffff0a;transition:background .15s,border-color .15s;position:relative;overflow:hidden;min-width:0}.style-preview-btn:hover:not(:disabled){background:#ffffff17;border-color:#fff3}.style-preview-btn.active{border-color:#ffffff73;background:#ffffff1a;box-shadow:0 0 0 1px #ffffff26 inset}.style-preview-btn:disabled{cursor:not-allowed;opacity:.45}.style-preview-btn .un-gold,.style-preview-btn .un-fire,.style-preview-btn .un-ice,.style-preview-btn .un-rainbow,.style-preview-btn .un-void,.style-preview-btn .style-default-name{font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;display:block}.style-preview-tag{font-size:10px;color:#ffffff59;margin-top:2px}.style-lock-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000080;font-size:14px;border-radius:6px}.msg-style-previews{display:flex;flex-direction:column;gap:4px}.msg-preview-btn{display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-align:left;padding:8px 10px;border-radius:7px;cursor:pointer;border:1px solid rgba(255,255,255,.08);background:#ffffff08;transition:background .15s,border-color .15s;width:100%}.msg-preview-btn:hover{background:#ffffff12;border-color:#ffffff2e}.msg-preview-btn.active{border-color:#fff6;background:#ffffff14;box-shadow:0 0 0 1px #ffffff1f inset}.msg-preview-area{width:100%;background:#0000004d;border-radius:5px;padding:5px 8px}.msg-preview-btn .chat-msg{font-size:12px;width:100%}.msg-preview-btn .chat-name{font-weight:600}.msg-preview-btn .style-preview-tag{align-self:flex-end}.msg-preview-area .msg-glow{box-shadow:inset 0 0 0 1px #3cc86459;border-radius:3px}.msg-preview-area .msg-highlight{background:#ffffff14;border-radius:3px;padding:2px 4px}.msg-preview-area .msg-minimal{color:#ffffff73}.msg-preview-area .msg-minimal .chat-name{color:#ffffff73!important}.logo-favicon-btn{padding:0 10px!important}.logo-favicon{width:22px;height:22px;display:block;image-rendering:pixelated;border-radius:3px}#canvas-switch-wrap{position:static;z-index:10;display:inline-flex}.canvas-switch-btn{position:relative!important;height:var(--btn-size);display:flex!important;align-items:center;gap:6px;padding:0 10px!important;cursor:pointer;max-width:140px;background:var(--btn-bg);border:1px solid var(--btn-border);border-radius:var(--radius);color:var(--muted);font-size:12px;font-family:inherit;white-space:nowrap;overflow:hidden;transition:background .12s,border-color .12s}.canvas-switch-btn:hover{background:var(--btn-hover);border-color:#ffffff40;color:var(--text)}.canvas-switch-arrow{width:9px;height:5px;opacity:.5;flex-shrink:0;transition:transform .15s}.canvas-switch-btn.open .canvas-switch-arrow{transform:rotate(180deg)}.canvas-dropdown{position:absolute;top:0;left:calc(100% + 6px);min-width:210px;z-index:9999;background:var(--btn-bg);border:1px solid var(--btn-border);border-radius:var(--radius);box-shadow:0 6px 24px #000000b3;overflow:hidden;animation:fadeSlide .12s ease}.canvas-drop-item{display:flex;flex-direction:column;align-items:flex-start;width:100%;padding:8px 12px;text-align:left;background:transparent;border:none;cursor:pointer;border-bottom:1px solid var(--btn-border);font-family:inherit;transition:background .1s}.canvas-drop-item:last-child{border-bottom:none}.canvas-drop-item:hover{background:var(--btn-hover)}.canvas-drop-item.active{background:#ffffff12}.canvas-drop-name{font-size:12px;font-weight:500;color:var(--text)}.canvas-drop-item.active .canvas-drop-name{color:#fff}.canvas-drop-desc{font-size:10px;color:var(--muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}#panel-stats{top:calc(var(--edge) + var(--btn-size) + var(--gap));left:calc(var(--edge) + var(--btn-size) + var(--gap));width:340px}.stats-tabs{display:flex;gap:2px;padding:6px 10px 0;flex-shrink:0;border-bottom:1px solid var(--btn-border)}.stats-tab-btn{padding:5px 12px;font-size:11px;font-family:inherit;border:1px solid transparent;border-bottom:none;border-radius:4px 4px 0 0;background:transparent;color:var(--muted);cursor:pointer;transition:color .1s,background .1s}.stats-tab-btn:hover{color:var(--text)}.stats-tab-btn.active{background:#ffffff12;color:var(--text);border-color:var(--btn-border)}.stats-body{padding:10px 12px;gap:10px;max-height:calc(90vh - 80px)}.stats-tab-content{display:flex;flex-direction:column;gap:10px}.stats-section{display:flex;flex-direction:column;gap:6px}.stats-section-title{color:#fff6;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;margin-top:2px}.st-cards-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px}.st-card{display:flex;flex-direction:column;gap:2px;padding:8px 10px;border-radius:var(--radius);background:#ffffff0d;border:1px solid var(--btn-border);transition:background .1s}.st-card:hover{background:#ffffff14}.st-card-icon{font-size:11px;color:var(--muted)}.st-card-val{font-size:16px;font-weight:600;color:var(--text);line-height:1.2;font-variant-numeric:tabular-nums}.st-card-lbl{font-size:9px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.6px;margin-top:1px}.st-card-sub{font-size:9px;color:var(--muted);margin-top:1px;opacity:.7}.st-trend{display:inline-flex;align-items:center;gap:2px;font-size:9px;font-weight:600;padding:1px 5px;border-radius:3px;margin-top:1px;width:fit-content}.st-trend.up{background:#4caf501f;color:#4caf50}.st-trend.down{background:#f443361a;color:var(--error)}.st-trend.flat{background:#ffffff0d;color:var(--muted)}.spark-wrap{position:relative}.spark-svg{display:block;width:100%;height:100px;overflow:visible}.spark-empty{font-size:11px;color:var(--muted);text-align:center;padding:16px 0;font-style:italic}.spark-tooltip{position:absolute;top:0;transform:translate(-50%);background:#14141eeb;border:1px solid rgba(255,255,255,.12);border-radius:6px;padding:5px 10px;pointer-events:none;white-space:nowrap;z-index:10}.spark-tooltip-date{font-size:11px;color:var(--muted);margin-bottom:2px}.spark-tooltip-val{font-size:13px;font-weight:600;color:#4a9eff}.canvas-bars{display:flex;flex-direction:column;gap:8px}.canvas-bar-row{display:flex;flex-direction:column;gap:3px}.canvas-bar-info{display:flex;justify-content:space-between;align-items:baseline}.canvas-bar-name{font-size:12px;color:var(--text);font-weight:500}.canvas-bar-px{font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums}.canvas-bar-track{height:4px;border-radius:2px;background:#ffffff12;overflow:hidden}.canvas-bar-fill{height:100%;border-radius:2px;max-width:100%;background:#ffffff4d;transition:width .4s ease}.canvas-bar-desc{font-size:10px;color:var(--muted);margin-top:1px;opacity:.6}.lb-controls{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.lb-toggle{display:flex;border-radius:var(--radius);overflow:hidden;border:1px solid var(--btn-border)}.lb-toggle-btn{padding:4px 10px;font-size:11px;font-family:inherit;cursor:pointer;background:transparent;color:var(--muted);border:none;transition:all .1s}.lb-toggle-btn.active{background:#ffffff1a;color:var(--text)}.lb-toggle-btn:hover:not(.active){color:var(--text)}.lb-canvas-sel{flex:1;padding:4px 8px;font-size:11px;font-family:inherit;border-radius:var(--radius);border:1px solid var(--btn-border);background:#ffffff0d;color:var(--text);cursor:pointer;outline:none}.lb-canvas-sel:focus{border-color:#ffffff40}.lb-canvas-sel option{background:#111}.lb-list{display:flex;flex-direction:column}.lb-row{display:flex;align-items:center;gap:7px;padding:6px;border-radius:var(--radius);transition:background .1s;border:1px solid transparent}.lb-row:hover{background:#ffffff0d}.lb-top1{background:#ffd7000d!important;border-color:#ffd7001f!important}.lb-top2{background:#c0c0c00a!important;border-color:#c0c0c01a!important}.lb-top3{background:#cd7f320a!important;border-color:#cd7f321a!important}.lb-rank{width:26px;text-align:center;font-size:12px;color:var(--muted);flex-shrink:0}.lb-top1 .lb-rank,.lb-top2 .lb-rank,.lb-top3 .lb-rank{font-size:15px}.lb-avatar{width:20px;height:20px;border-radius:50%;object-fit:cover;flex-shrink:0;border:1px solid var(--btn-border)}.lb-name{flex:1;font-size:12px;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lb-score{font-size:11px;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}.role-bars{display:flex;flex-direction:column;gap:6px}.role-bar-row{display:flex;flex-direction:column;gap:3px}.role-bar-info{display:flex;justify-content:space-between;align-items:baseline}.role-bar-name{font-size:11px;font-weight:500;color:var(--text)}.role-bar-count{font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums}.pie-wrap{display:flex;flex-direction:column;align-items:center;gap:10px}.pie-svg{width:200px;height:200px;flex-shrink:0;overflow:visible;filter:drop-shadow(0 4px 14px rgba(0,0,0,.45))}.pie-legend{width:100%;display:flex;flex-direction:column;gap:2px;max-height:200px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.12) transparent}.pie-legend-row{display:flex;align-items:center;gap:6px;padding:3px 6px;border-radius:5px;cursor:default;transition:background .12s;border:1px solid transparent}.pie-legend-row:hover,.pie-legend-hov{background:#ffffff12;border-color:#ffffff14}.pie-swatch{width:9px;height:9px;border-radius:2px;flex-shrink:0}.pie-legend-flag{font-size:12px;width:18px;text-align:center;flex-shrink:0}.pie-legend-code{font-size:10px;font-weight:700;color:var(--text);width:36px;flex-shrink:0;letter-spacing:.4px}.pie-legend-pct{font-size:10px;color:#ffffff73;width:36px;text-align:right;flex-shrink:0;font-variant-numeric:tabular-nums}.pie-legend-count{font-size:10px;color:var(--muted);flex:1;text-align:right;font-variant-numeric:tabular-nums}.stats-loading{font-size:12px;color:var(--muted);text-align:center;padding:20px}.stats-error{font-size:12px;color:var(--error);text-align:center;padding:16px}.stats-empty{font-size:12px;color:var(--muted);text-align:center;padding:12px}.stat-card-online .st-card-val{color:#4caf50}.stat-online-dot{width:6px;height:6px;border-radius:50%;background:#4caf50;flex-shrink:0;animation:blink 2.4s ease-in-out infinite}#history-bar{position:fixed;top:10px;left:50%;transform:translate(-50%);z-index:9999;display:flex;align-items:center;gap:6px;padding:5px 10px;background:#0f0f18;border:1px solid rgba(255,200,80,.4);border-radius:10px;box-shadow:0 4px 20px #000000b3;font-size:12px;font-family:inherit;color:var(--text);animation:histFadeIn .15s ease}@keyframes histFadeIn{0%{opacity:0;transform:translate(-50%) translateY(-6px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.hist-icon{font-size:14px}.hist-input{background:#ffffff12;border:1px solid var(--btn-border);border-radius:6px;color:var(--text);font-size:11px;font-family:inherit;padding:3px 7px;outline:none;cursor:pointer;transition:border-color .12s}.hist-input:focus{border-color:#ffd050}.hist-input option{background:#1a1a2e;color:var(--text)}.hist-jump{background:#ffffff12;border:1px solid var(--btn-border);color:var(--text);border-radius:5px;font-size:14px;line-height:1;padding:2px 6px;cursor:pointer;transition:background .1s}.hist-jump:hover:not(:disabled){background:#ffffff26}.hist-jump:disabled{opacity:.3;cursor:default}.hist-notice{font-size:10px;opacity:.5;white-space:nowrap}.hist-exit{background:none;border:none;color:var(--muted);font-size:13px;cursor:pointer;padding:0 2px;line-height:1;transition:color .1s}.hist-exit:hover{color:#ff6060}.live-row{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;margin-bottom:4px;background:#ffffff0a;border:1px solid var(--btn-border)}.live-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.inspector-panel{margin-top:10px;padding:8px;border-radius:8px;background:#ffffff0a;border:1px solid var(--btn-border)}.inspector-list{display:flex;flex-direction:column;gap:3px}.inspector-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:4px 6px;border-radius:5px;background:#ffffff08;font-size:12px}#minimap-container{position:fixed;left:14px;top:50%;transform:translateY(-50%);z-index:800;display:flex;flex-direction:column;align-items:flex-start;gap:4px;pointer-events:none}#minimap-toggle{pointer-events:all;background:#0f0f18;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:var(--text);font-size:14px;width:30px;height:30px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s;padding:0}#minimap-toggle:hover{background:#1a1a24;border-color:#ffdc5080}#minimap-wrap{pointer-events:all;background:#0f0f18;border:1px solid rgba(255,255,255,.15);border-radius:10px;overflow:hidden;box-shadow:0 4px 24px #000000b3;animation:mmFadeIn .15s ease}@keyframes mmFadeIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}#minimap-canvas{display:block;cursor:crosshair;border-radius:9px 9px 0 0}#minimap-coords{font-size:10px;font-family:monospace;color:#ffffff73;padding:3px 7px;text-align:center;border-top:1px solid rgba(255,255,255,.06);white-space:nowrap}.watch-tab{display:flex;flex-direction:column}.watch-controls{background:#ffffff08;border:1px solid var(--btn-border);border-radius:8px;padding:8px}.watch-coords-form{display:flex;flex-direction:column}.watch-summary-cards{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}.watch-card{background:#ffffff0a;border:1px solid var(--btn-border);border-radius:6px;padding:6px 10px}.card-val{display:block;font-size:16px;font-weight:600}.card-lbl{display:block;font-size:9px;color:var(--muted);text-transform:uppercase}.top-users-card{grid-column:1 / -1}.top-users-list{display:flex;flex-direction:column;gap:4px}.top-user-row{display:flex;justify-content:space-between;font-size:11px}.top-username{color:#60c0ff;cursor:pointer}.top-count{color:#fff9}.watch-table-container{max-height:250px;overflow-y:auto;overflow-x:auto;border:1px solid var(--btn-border);border-radius:6px;margin-top:8px}.watch-table{width:100%;border-collapse:collapse;font-size:11px}.watch-table th,.watch-table td{padding:4px 6px}.watch-table th{background:#ffffff0f;border-bottom:1px solid var(--btn-border);text-align:left}.watch-row{border-bottom:1px solid rgba(255,255,255,.05)}.watch-row:last-child{border-bottom:none}.watch-cell-user{max-width:100px}.watch-color-swatch{width:10px;height:10px;border-radius:2px;border:1px solid rgba(255,255,255,.2);display:inline-block}.live-toggle{display:flex;align-items:center;gap:4px;cursor:pointer;font-size:11px;color:#ffffffb3;-webkit-user-select:none;user-select:none}.live-dot{width:6px;height:6px;border-radius:50%;background:#555;display:inline-block}.live-dot.active{background:#3ecf6e;box-shadow:0 0 6px #3ecf6e;animation:blink 1.5s ease-in-out infinite}.icon-btn{width:20px;height:20px;min-height:20px!important;padding:0!important;display:inline-flex;align-items:center;justify-content:center;font-size:10px!important;border-radius:4px!important}@media (max-width: 640px){:root{--edge: 10px;--gap: 4px;--blur: 4px}.panel{resize:none;position:fixed!important;max-width:100vw!important;width:100vw!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;border-radius:var(--radius) var(--radius) 0 0;max-height:75vh}#panel-chat{width:100vw!important;right:0!important;bottom:0!important;height:55vh}.chat-panel{height:55vh}.chat-msg{font-size:13px}.chat-input{font-size:14px;padding:8px 10px}.chat-send-btn{width:var(--btn-size);height:var(--btn-size)}.mt-btn{padding:8px 14px;min-height:36px;font-size:13px}.mt-tab{padding:12px 0;font-size:13px}.role-sel{height:34px;font-size:13px}#palette-wrap{width:calc(100vw - 2 * var(--edge))!important;max-width:none!important;bottom:var(--edge)!important;left:50%!important;transform:translate(-50%)!important;background:var(--btn-bg)!important;overflow-x:auto!important;white-space:nowrap!important;padding:8px 10px!important;height:46px!important;display:flex!important;align-items:center!important;scrollbar-width:none;border-radius:var(--radius)!important}#palette-wrap::-webkit-scrollbar{display:none!important}#palette-colors{display:flex!important;flex-wrap:nowrap!important;gap:6px!important}#palette-colors .swatch{width:26px!important;height:26px!important;border-radius:6px!important}#coords-box{bottom:var(--edge)!important}#online-box{bottom:calc(var(--edge) + var(--btn-size) + var(--gap))!important}#btn-chat{bottom:var(--edge)!important}#btn-palette{bottom:calc(var(--edge) + 1 * (var(--btn-size) + var(--gap)))!important}#btn-brush{bottom:calc(var(--edge) + 2 * (var(--btn-size) + var(--gap)))!important}#btn-pencil{bottom:calc(var(--edge) + 3 * (var(--btn-size) + var(--gap)))!important}.palette-visible #coords-box{bottom:calc(var(--edge) + 46px + var(--gap))!important}.palette-visible #online-box{bottom:calc(var(--edge) + 46px + var(--btn-size) + 2 * var(--gap))!important}.palette-visible #btn-chat{bottom:calc(var(--edge) + 46px + var(--gap))!important}.palette-visible #btn-palette{bottom:calc(var(--edge) + 46px + 1 * (var(--btn-size) + var(--gap)) + var(--gap))!important}.palette-visible #btn-brush{bottom:calc(var(--edge) + 46px + 2 * (var(--btn-size) + var(--gap)) + var(--gap))!important}.palette-visible #btn-pencil{bottom:calc(var(--edge) + 46px + 3 * (var(--btn-size) + var(--gap)) + var(--gap))!important}.mt-tabs{flex-wrap:nowrap!important;overflow-x:auto!important;white-space:nowrap!important;scrollbar-width:none;-webkit-overflow-scrolling:touch}.mt-tabs::-webkit-scrollbar{display:none!important}.mt-tab{flex:0 0 auto!important;padding:10px 16px!important}.panel-body{max-height:calc(75vh - 44px)!important}.mt-input{padding:8px 12px!important;font-size:14px!important}#cooldown-wrap{gap:3px}#canvas-name-btn{display:inline-flex!important;font-size:11px!important;padding:0 8px!important;max-width:110px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.users-list{max-height:50vh}}.watch-hover-tooltip{position:fixed;z-index:10000;background:#121216f2;border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:10px;box-shadow:0 4px 20px #000c,inset 0 1px #ffffff0d;pointer-events:auto;font-family:system-ui,-apple-system,sans-serif;color:#fff;min-width:240px;transition:opacity .15s ease,transform .15s ease}.watch-hover-tooltip .tooltip-header{display:flex;align-items:center;gap:8px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:6px;margin-bottom:6px}.watch-hover-tooltip .tooltip-user-badge{font-weight:600;font-size:13px;color:#e0e0e0}.watch-hover-tooltip .tooltip-stats{font-size:11px;color:#fff9;margin-bottom:8px;display:flex;flex-direction:column;gap:2px}.watch-hover-tooltip .tooltip-actions{display:flex;flex-direction:column;gap:6px}.watch-hover-tooltip .tooltip-colors{display:flex;flex-wrap:wrap;gap:3px;margin-top:4px}.watch-color-mini-swatch{width:10px;height:10px;border-radius:2px;border:1px solid rgba(255,255,255,.3)}.watch-hover-tooltip button{font-size:11px!important;padding:4px 8px!important;min-height:24px!important;cursor:pointer}.watch-hover-tooltip .color-picker-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:3px;margin-top:4px;background:#ffffff08;padding:4px;border-radius:4px;border:1px solid rgba(255,255,255,.05)}.watch-hover-tooltip .color-picker-grid .swatch-btn{width:16px;height:16px;border-radius:3px;cursor:pointer;border:1px solid rgba(255,255,255,.2);transition:transform .1s}.watch-hover-tooltip .color-picker-grid .swatch-btn:hover{transform:scale(1.2);border-color:#fff}.watch-expand-btn{cursor:pointer;background:none;border:none;color:#ffffff80;font-size:10px;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;transition:transform .2s;padding:0}.watch-expand-btn.expanded{transform:rotate(90deg);color:#fff}.watch-group-summary-row{background:#ffffff05;border-bottom:1px solid rgba(255,255,255,.08);font-weight:500}.watch-group-summary-row:hover{background:#ffffff0a}.watch-nested-row{background:#0003;border-bottom:1px dotted rgba(255,255,255,.04)}.watch-nested-row:hover{background:#ffffff05}.watch-custom-hours-wrap{display:flex;align-items:center;gap:4px;margin-top:4px}body.selecting-area #top-bar,body.selecting-area #left-sidebar,body.selecting-area #online-box,body.selecting-area #coords-box,body.selecting-area #btn-chat,body.selecting-area #btn-palette,body.selecting-area #btn-brush,body.selecting-area #btn-pencil,body.selecting-area #palette-wrap,body.selecting-area .panel,body.selecting-area #cooldown-wrap{display:none!important}.void-bar-container{position:fixed;top:8px;right:8px;transform:none;z-index:9000;background:linear-gradient(135deg,#1a0505,#2a0a0a);border:1px solid rgba(229,62,62,.6);border-radius:10px;padding:8px 16px;min-width:320px;max-width:520px;box-shadow:0 0 20px #e53e3e66,0 4px 16px #000c;pointer-events:auto;-webkit-user-select:none;user-select:none}.void-bar-container.void-bar-critical{animation:voidPulse .8s ease-in-out infinite;border-color:#fc8181e6;box-shadow:0 0 30px #e53e3eb3,0 4px 16px #000000e6}.void-bar-container.void-bar-minimized{min-width:unset;max-width:unset;padding:4px 8px;box-shadow:0 2px 8px #0009;animation:none}.void-bar-container.void-bar-minimized .void-bar-inner{flex-wrap:nowrap;gap:6px}.void-bar-container.void-bar-minimized .void-bar-label{font-size:11px}.void-toggle-minimize-btn{flex-shrink:0;font-size:11px;line-height:1;padding:2px 4px;border-radius:3px;opacity:.7;transition:opacity .15s,background .15s}.void-toggle-minimize-btn:hover{opacity:1;background:#ffffff14}@keyframes voidPulse{0%,to{box-shadow:0 0 20px #e53e3e80,0 4px 16px #000c}50%{box-shadow:0 0 40px #e53e3e,0 4px 20px #000}}@keyframes voidShake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.void-shake{animation:voidShake .4s ease-in-out!important}.void-bar-inner{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.void-bar-label{font-weight:800;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#e53e3e;white-space:nowrap;text-shadow:0 0 8px rgba(229,62,62,.6);flex-shrink:0}.void-bar-track{flex:1;min-width:100px;height:12px;background:#ffffff14;border-radius:6px;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.1)}.void-bar-fill{height:100%;border-radius:6px;transition:width .5s ease,background .5s ease;position:relative}.void-bar-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.15) 50%,transparent 100%);border-radius:inherit;animation:voidShimmer 1.5s linear infinite}@keyframes voidShimmer{0%{transform:translate(-100%)}to{transform:translate(200%)}}.void-bar-hp-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:9px;font-weight:700;color:#ffffffe6;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.8);pointer-events:none}.void-bar-timer{font-size:12px;font-weight:600;color:#e2e8f0;white-space:nowrap;flex-shrink:0}.void-bar-stats{display:flex;gap:6px;flex-shrink:0}.void-root-badge{font-size:10px;background:#38a16940;border:1px solid rgba(56,161,105,.4);border-radius:4px;padding:1px 5px;color:#68d391}.void-teleport-btn{background:linear-gradient(135deg,#dd6b20,#c05621);border:1px solid rgba(221,107,32,.4);color:#fff;font-size:10px;font-weight:700;border-radius:4px;padding:2px 7px;cursor:pointer;white-space:nowrap;transition:all .2s ease;box-shadow:0 0 6px #dd6b204d;pointer-events:auto}.void-teleport-btn:hover{background:linear-gradient(135deg,#ed8936,#dd6b20);border-color:#dd6b2099;box-shadow:0 0 10px #dd6b2080;transform:translateY(-1px)}.void-teleport-btn:active{transform:translateY(0)}.void-critical-ring{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:14px;border:2px solid rgba(252,129,129,.6);animation:voidRingPulse .6s ease-in-out infinite;pointer-events:none}@keyframes voidRingPulse{0%,to{opacity:1}50%{opacity:.2}}.void-tab-btn{background:linear-gradient(135deg,#1e001ecc,#3c0014cc)!important;color:#fc8181!important;border-color:#e53e3e66!important}.void-tab-btn.active{background:linear-gradient(135deg,#e53e3e4d,#9b2c2c4d)!important;border-color:#e53e3eb3!important;color:#fc8181!important}.void-section-title{margin:0 0 10px;font-size:14px;font-weight:700;color:#fc8181;letter-spacing:.04em}.void-section-subtitle{margin:12px 0 8px;font-size:12px;font-weight:600;color:#a0aec0;text-transform:uppercase;letter-spacing:.05em;border-top:1px solid rgba(255,255,255,.08);padding-top:10px}.void-status-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px 12px;margin-bottom:10px}.void-status-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.void-status-badge{font-size:10px;font-weight:800;letter-spacing:.06em;padding:2px 8px;border-radius:4px;color:#fff}.void-status-item{font-size:11px;color:#cbd5e0}.void-hp-bar-admin{margin-top:8px;height:6px;background:#ffffff14;border-radius:3px;overflow:hidden}.void-hp-bar-fill{height:100%;background:linear-gradient(90deg,#9b2c2c,#e53e3e);border-radius:3px;transition:width .5s ease}.void-msg{font-size:11px;padding:5px 8px;border-radius:5px;margin-bottom:8px;background:#ffffff12;color:#a0aec0}.void-controls{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.void-btn{font-size:11px;font-weight:600;padding:4px 10px;border-radius:5px;border:1px solid rgba(255,255,255,.15);background:#ffffff12;color:#e2e8f0;cursor:pointer;transition:background .15s,border-color .15s}.void-btn:hover{background:#ffffff1f;border-color:#ffffff40}.void-btn-start{background:#38a16933!important;border-color:#38a16980!important;color:#68d391!important}.void-btn-start:hover{background:#38a16959!important}.void-btn-stop{background:#e53e3e33!important;border-color:#e53e3e80!important;color:#fc8181!important}.void-btn-stop:hover{background:#e53e3e59!important}.void-btn-save{background:#4299e133!important;border-color:#4299e180!important;color:#90cdf4!important}.void-config-section{background:#ffffff05;border:1px solid rgba(255,255,255,.07);border-radius:8px;padding:10px 12px}.void-cfg-row{display:flex;align-items:center;justify-content:space-between;padding:3px 0;border-bottom:1px solid rgba(255,255,255,.04)}.void-cfg-row:last-of-type{border-bottom:none}.void-cfg-label{font-size:11px;color:#a0aec0;flex:1}.void-cfg-input{width:72px;padding:2px 6px;font-size:11px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:4px;color:#e2e8f0;text-align:right}.void-cfg-input:focus{outline:none;border-color:#e53e3e80}.turnstile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.turnstile-card{background:#1a1a1a;border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:32px 24px;width:100%;max-width:380px;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 20px 40px #000c;animation:popIn .3s cubic-bezier(.18,.89,.32,1.28) forwards}@keyframes popIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.turnstile-icon{width:56px;height:56px;margin-bottom:20px}.turnstile-title{color:#fff;font-size:20px;font-weight:600;margin-bottom:8px;letter-spacing:-.3px}.turnstile-sub{color:#fff9;font-size:14px;line-height:1.5;margin-bottom:28px}.turnstile-sub strong{color:#ffffffe6;font-weight:600}.turnstile-widget{min-height:65px}.ban-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e0;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ban-card{background:linear-gradient(145deg,#1c1014,#1a1018);border:1px solid rgba(255,80,80,.25);border-radius:16px;padding:36px 28px 28px;width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 0 0 1px #ff505014,0 24px 60px #000000e6,0 0 40px #ff282814}.ban-icon-wrap{margin-bottom:20px}.ban-icon-ring{width:64px;height:64px;background:radial-gradient(circle,rgba(255,60,60,.15) 0%,transparent 70%);border-radius:50%;display:flex;align-items:center;justify-content:center}.ban-title{color:#fff;font-size:22px;font-weight:700;margin-bottom:6px;letter-spacing:-.4px}.ban-subtitle{color:#ffffff73;font-size:13px;line-height:1.5;margin-bottom:24px}.ban-details{width:100%;background:#0000004d;border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:4px 0;margin-bottom:24px;text-align:left}.ban-row{display:flex;align-items:flex-start;gap:12px;padding:10px 16px;border-bottom:1px solid rgba(255,255,255,.05)}.ban-row:last-child{border-bottom:none}.ban-label{color:#ffffff59;font-size:11px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;min-width:68px;padding-top:2px;flex-shrink:0}.ban-value{color:#ffffffd9;font-size:13px;line-height:1.5;word-break:break-word}.ban-permanent{color:#ff6b6b;font-weight:600}.ban-mod{color:#fbbf24;font-weight:600}.ban-date{color:#ffffff80;font-size:12px}.ban-close-btn{background:#ffffff12;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#ffffffb3;font-size:14px;font-weight:500;padding:10px 28px;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.ban-close-btn:hover{background:#ffffff1f;color:#fff;border-color:#fff3}
