.canvas-container{position:relative;flex:1;min-width:0;width:100%;height:100%;overflow:hidden;background:var(--bg-primary, #1a1a1a)}.canvas-container canvas{display:block;cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none}.canvas-world,.canvas-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.canvas-world{pointer-events:none}.pixel-place-mask,.pixel-place-pop{position:absolute;z-index:2;pointer-events:none;box-sizing:border-box;image-rendering:pixelated}.pixel-place-pop{z-index:3;transform-origin:center center;animation:pixel-place-pop .18s cubic-bezier(.34,1.56,.64,1) both}@keyframes pixel-place-pop{0%{transform:scale(0)}to{transform:scale(1)}}.canvas-container.ctrl-pan canvas{cursor:grab}.canvas-container.shift-inspect canvas{cursor:crosshair}.inspect-rect{position:absolute;z-index:4;pointer-events:none;box-sizing:border-box;border:2px solid var(--accent-color);background:#00a8ff38}.report-rect{position:absolute;z-index:4;pointer-events:none;box-sizing:border-box;border:2px solid var(--error-color);background:#ff444429}.report-confirm{position:absolute;z-index:5;width:28px;height:28px;min-width:28px;padding:0;border:none;border-radius:50%;background:var(--success-color);color:#fff;display:grid;place-items:center;cursor:pointer}.report-confirm:hover{background:var(--success-color);filter:brightness(1.1)}.canvas-container canvas.dragging{cursor:grabbing}.template-frame{position:absolute;z-index:2;pointer-events:none;box-sizing:border-box}.template-frame:not(.editing){outline:1px dashed rgba(255,255,255,.45)}.template-frame.squad:not(.editing){outline:1px dashed var(--accent-color)}.template-frame.shielded:not(.editing){outline:2px solid var(--shield-color);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--shield-color) 55%,transparent)}.template-frame.editing{pointer-events:auto;outline:2px solid var(--accent-color);cursor:move}.shield-lock{position:absolute;z-index:4;pointer-events:none;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:repeating-linear-gradient(-45deg,#0a12208c,#0a12208c 6px,#1e3a5f73 6px,#1e3a5f73 12px);border:2px solid var(--shield-color);color:#e8f2ff;text-shadow:0 1px 2px rgba(0,0,0,.75);font-family:inherit;font-size:clamp(10px,2.2vw,14px);font-weight:700;letter-spacing:.04em;text-transform:uppercase}.shield-lock-art{width:clamp(28px,18%,56px);height:clamp(28px,18%,56px);object-fit:contain;border-radius:6px;background:#00000073;border:1px solid rgba(126,184,255,.55);image-rendering:auto}.shield-lock-label{opacity:.95}.canvas-container.bomb-armed .template-frame,.canvas-container.bomb-armed .template-frame *,.canvas-container.eyedropper-armed .template-frame,.canvas-container.eyedropper-armed .template-frame *{pointer-events:none}.canvas-container.eyedropper-armed,.canvas-container.eyedropper-armed .canvas-overlay{cursor:crosshair}.template-frame canvas{width:100%;height:100%;display:block;pointer-events:none;-webkit-user-select:none;user-select:none;image-rendering:pixelated;image-rendering:crisp-edges}.template-handle{position:absolute;width:12px;height:12px;background:#fff;border:2px solid var(--accent-color);box-sizing:border-box}.template-handle.nw{left:-6px;top:-6px;cursor:nwse-resize}.template-handle.se{right:-6px;bottom:-6px;cursor:nwse-resize}.template-handle.ne{right:-6px;top:-6px;cursor:nesw-resize}.template-handle.sw{left:-6px;bottom:-6px;cursor:nesw-resize}.canvas-info{position:absolute;z-index:3;bottom:10px;left:10px;background:#000000b3;color:#fff;padding:.5rem;border-radius:4px;font-size:.85rem;font-family:var(--font-ui);pointer-events:none;opacity:0;transform:translateY(.25rem);transition:opacity .18s ease,transform .18s ease}.canvas-info.is-visible{opacity:1;transform:translateY(0)}.canvas-info div{margin:.2rem 0}.canvas-color-line{display:flex;align-items:center;gap:.4rem}.canvas-color-swatch{width:12px;height:12px;border:1px solid #ffffff;border-radius:2px}.remote-cursor{position:absolute;z-index:5;pointer-events:none;box-sizing:border-box}.remote-cursor-cell{display:block;width:100%;height:100%;box-sizing:border-box;border:2px solid var(--accent-color);background:var(--accent-soft);box-shadow:0 0 0 1px #00000073}.remote-cursor-tag{position:absolute;left:100%;top:0;margin-left:4px;display:inline-flex;align-items:center;gap:.28rem;max-width:120px;padding:.12rem .35rem .12rem .12rem;background:#121212eb;border:1px solid var(--border-color, #4d4d4d);border-radius:999px;white-space:nowrap;overflow:hidden}.remote-cursor-avatar{width:14px;height:14px;border-radius:50%;object-fit:cover;flex-shrink:0;background:#333}.remote-cursor-name{min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:.58rem;font-weight:700;color:#fff;line-height:1}.help-dialog{width:min(680px,94vw);padding:1.05rem 1.15rem .95rem}.help-dialog h2{margin-bottom:.7rem;font-size:1.15rem}.help-groups{display:grid;grid-template-columns:1fr 1fr;gap:.75rem 1.15rem}.help-group.wide{grid-column:1 / -1}.help-dialog h3{margin:0 0 .2rem;font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary)}.help-dialog dl{margin:0}.help-group.wide dl{display:grid;grid-template-columns:1fr 1fr;column-gap:1.15rem}.help-dialog dl div{display:grid;grid-template-columns:minmax(6.2rem,8.4rem) 1fr;gap:.35rem;padding:.16rem 0;border-top:1px solid var(--border-color);font-size:.75rem;line-height:1.25}.help-dialog dt{color:var(--text-primary)}.help-dialog dd{margin:0;color:var(--text-secondary)}.help-dialog .modal-buttons{margin-top:.75rem}@media (max-width: 640px){.help-groups,.help-group.wide dl{grid-template-columns:1fr}.help-dialog dl div{grid-template-columns:1fr;gap:.05rem}}.header{display:flex;flex-direction:column;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.header-bar{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.75rem;min-height:64px;padding:.45rem .85rem}.header-left,.header-right{display:flex;align-items:center;gap:.45rem;min-width:0}.header-right{justify-content:flex-end}.brand-mark-header{position:relative;flex-shrink:0;display:inline-flex}.brand-mark-header .logo{height:56px;width:auto;max-width:220px;object-fit:contain;display:block}.brand-mark-header .beta-badge{position:absolute;top:.1rem;right:-.35rem;padding:.1rem .3rem;font-size:.52rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;line-height:1;color:var(--bg-primary, #0f0f0f);background:var(--accent-color);border-radius:3px;pointer-events:none;-webkit-user-select:none;user-select:none}.logo{height:56px;width:auto;max-width:220px;object-fit:contain;flex-shrink:0;display:block}.online-wrap{position:relative}.online-count{display:inline-flex;align-items:center;gap:.4rem;height:32px;padding:0 .7rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:999px;font-size:.75rem;color:var(--text-secondary);white-space:nowrap}button.online-count-button{margin:0;padding:0 .7rem;height:32px;box-sizing:border-box;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:999px;color:var(--text-secondary);font-size:.75rem;font-weight:inherit;line-height:1;cursor:pointer;transition:color .15s,border-color .15s}button.online-count-button:hover,button.online-count-button.open{background:var(--bg-primary);color:var(--text-primary);border-color:var(--text-secondary)}.online-popover{position:absolute;top:calc(100% + 8px);left:0;z-index:40;width:min(280px,70vw);max-height:min(360px,60vh);overflow:auto;padding:.55rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 12px 28px #00000059}.online-popover-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.2rem .35rem .55rem;font-size:.72rem;color:var(--text-secondary)}.online-popover-head strong{color:var(--text-primary);font-weight:600}.online-popover-note{margin:0;padding:.45rem .35rem;font-size:.72rem;color:var(--text-secondary);list-style:none}.online-popover-error{color:var(--error-color, #ff6b6b)}.online-user-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.2rem}.online-user-row{width:100%;display:flex;align-items:center;gap:.5rem;border:0;background:transparent;color:var(--text-primary);border-radius:7px;padding:.35rem;text-align:left;cursor:pointer;font:inherit}.online-user-row:hover{background:var(--bg-tertiary)}.online-user-row .user-avatar{width:22px;height:22px;flex-shrink:0;border-radius:50%;object-fit:cover;background:#555}.online-user-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem}.online-user-tabs{flex-shrink:0;min-width:1.25rem;height:1.25rem;padding:0 .35rem;border-radius:999px;background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-secondary);font-size:.65rem;display:inline-flex;align-items:center;justify-content:center}.online-dot{width:7px;height:7px;background:var(--success-bright, var(--success-color));border-radius:50%;opacity:1;flex-shrink:0}@media (prefers-reduced-motion: no-preference){.online-dot{animation:pulse 2.8s ease-in-out infinite}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}.header-nav{display:flex;align-items:center;gap:.15rem;padding:.2rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px}.header-nav button{border:0;background:transparent;color:var(--text-secondary);height:32px;padding:0 .75rem;border-radius:7px;font-size:.75rem;line-height:1;white-space:nowrap}.header-nav button:hover{background:var(--bg-tertiary);color:var(--text-primary)}.header-nav button:focus-visible{outline:2px solid var(--accent-color);outline-offset:1px}.header-nav button.header-nav-shop{background:var(--accent-color);color:#1a1a1a;margin-left:.15rem}.header-nav button.header-nav-shop:hover{background:var(--accent-hover);color:#1a1a1a}.header-nav button.header-nav-invite{color:var(--text-primary);margin-left:.15rem;border:1px solid var(--border-color)!important}.header-banners{display:flex;flex-direction:column;gap:.35rem;padding:0 .85rem .55rem}.announcement{text-align:center;padding:.4rem .75rem;background:var(--warning-color);color:var(--bg-primary);border-radius:6px;font-size:.75rem}.header-account{display:flex;align-items:center;gap:.15rem;padding:.2rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px}.header-account>button,.pixel-stock,.username-button{border:0;background:transparent;color:var(--text-secondary);height:32px;padding:0 .7rem;border-radius:7px;font-size:.75rem;line-height:1;white-space:nowrap}.header-account>button:hover,.username-button:hover{background:var(--bg-tertiary);color:var(--text-primary)}.pixel-stock{display:inline-flex;align-items:center;gap:.4rem;color:var(--text-primary)}.pixel-stock strong{font-size:.78rem;font-weight:400}.pixel-stock span{color:var(--text-secondary);font-size:.72rem}.username-button{display:inline-flex;align-items:center;gap:.4rem;max-width:220px;padding-left:.2rem;color:var(--text-primary)}.username-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem}.username-button .user-avatar{width:22px;height:22px;flex-shrink:0;object-fit:cover;background:#555}.user-avatar-fallback{display:inline-flex;align-items:center;justify-content:center;background:#3a6ea5;color:#fff;font-size:.65rem}.user-avatar{width:22px;height:22px;border-radius:50%}.admin-badge,.mod-badge,.tester-badge{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;height:1.1rem;padding:0 .35rem;border-radius:999px;font-size:.55rem;font-weight:700;letter-spacing:.04em;line-height:1;text-transform:uppercase}.admin-badge{background:var(--accent-color);color:#1a1a1a}.mod-badge{color:#04161a;background:linear-gradient(180deg,#5ec8d8,#2a8fa0)}.tester-badge{color:#1c1528;background:linear-gradient(180deg,#c4b5e0,#8b7ab5)}.header-action{height:32px;padding:0 .75rem;border-radius:8px;background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);font-size:.75rem;line-height:1}.header-action:hover{border-color:var(--accent-color);background:var(--bg-tertiary);color:var(--text-primary)}.header-action.primary,.header-action.primary:hover{background:var(--accent-color);border-color:var(--accent-color);color:#1a1a1a}.header-action.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}@media (max-width: 1100px){.header-bar{grid-template-columns:auto minmax(0,1fr) auto;gap:.45rem;min-height:52px;padding:.35rem .55rem}.brand-mark-header .logo,.logo{height:40px;max-width:140px}.header-left{justify-content:flex-start}.header-nav{justify-self:center;flex-wrap:wrap;max-width:100%;justify-content:center}.header-right{justify-content:flex-end;flex-wrap:wrap}.header-nav button,.header-account>button,.pixel-stock,.username-button,.header-action{height:30px;padding:0 .55rem;font-size:.72rem}}@media (max-width: 820px){.header-bar{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand account" "nav nav"}.header-left{grid-area:brand}.header-nav{grid-area:nav;width:100%;justify-content:flex-start}.header-right{grid-area:account}.online-count{display:none}}.minimap{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:8px;padding:.5rem;box-shadow:0 4px 12px #0000004d}.main-stage .minimap{position:absolute;right:12px;bottom:12px;z-index:6}.minimap-title{font-size:.75rem;font-weight:700;text-align:center;margin-bottom:.25rem;color:var(--text-secondary);text-transform:uppercase}.minimap-canvas{display:block;cursor:pointer;border:1px solid var(--border-color);image-rendering:pixelated;image-rendering:crisp-edges}.minimap-canvas:hover{border-color:var(--accent-color)}@media (max-width: 768px){.main-stage .minimap{right:8px;bottom:8px;padding:.25rem}.minimap-title{font-size:.65rem}}.chat{display:flex;flex-direction:column;height:100%;min-height:0}.chat-tabs{display:grid;grid-template-columns:1fr 1fr;gap:.25rem;margin:.45rem .5rem 0;padding:.2rem;background:var(--bg-primary);border-radius:6px}.chat-tabs button{border:0;border-radius:4px;background:transparent;padding:.35rem .4rem;font-size:.75rem}.chat-tabs button.active{background:var(--accent-color);color:#1a1a1a}.chat-messages{flex:1;overflow-y:auto;padding:.5rem;display:flex;flex-direction:column;gap:.45rem}.chat-empty,.chat-login{color:var(--text-secondary);text-align:center;margin:.75rem .5rem;font-size:.78rem}.chat-message{display:flex;gap:.4rem;align-items:flex-start}.chat-message.self .chat-body{background:var(--bg-primary)}.chat-avatar{width:22px;height:22px;border-radius:50%;object-fit:cover;flex-shrink:0;background:var(--bg-primary)}.chat-body{min-width:0;flex:1;background:var(--bg-tertiary);border-radius:6px;padding:.3rem .45rem}.chat-meta{display:flex;align-items:flex-start;gap:.35rem;margin-bottom:.2rem;min-width:0}.chat-who{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem .35rem;min-width:0;flex:1 1 0;overflow:hidden}.chat-meta strong,.chat-who .user-name-button{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;max-width:100%;font-size:.72rem}.chat-tools{display:flex;align-items:center;gap:.15rem;flex:0 0 auto;margin-left:auto}.chat-who .chat-name-admin,.chat-who .user-name-button.chat-name-admin{color:var(--accent-color)}.chat-who .chat-name-mod,.chat-who .user-name-button.chat-name-mod{color:#5ec8d8}.chat-who .chat-name-gold,.chat-who .user-name-button.chat-name-gold{color:#e0b83a}.chat-who .chat-name-tester,.chat-who .user-name-button.chat-name-tester{color:#b5a3d9}.chat-tool{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;border:0;border-radius:4px;background:transparent;color:var(--text-secondary)}.chat-tool:hover,.chat-tool[aria-expanded=true]{color:var(--error-color);background:var(--bg-primary)}.chat-mute-row{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.35rem}.chat-mute-row button{border:1px solid var(--border-color);border-radius:999px;background:var(--bg-primary);color:var(--text-primary);font-size:.62rem;padding:.15rem .4rem}.chat-mute-row button:hover{border-color:var(--error-color);color:var(--error-color)}.chat-meta time{color:var(--text-secondary);font-size:.65rem;flex-shrink:0}.chat-body p{margin:0;overflow-wrap:anywhere;line-height:1.3;font-size:.75rem}.chat-form{display:grid;grid-template-columns:1fr auto;gap:.35rem;padding:.5rem;border-top:1px solid var(--border-color)}.chat-form input,.chat-form button{font-size:.72rem;padding:.35rem .5rem}.chat-form input{min-width:0}.chat-error{grid-column:1 / -1;margin:0;color:var(--error-color);font-size:.8rem}.modal.admin-panel{width:min(1180px,calc(100vw - 2rem));max-width:none;height:min(820px,calc(100vh - 2rem));max-height:calc(100vh - 2rem);overflow:hidden;display:flex;flex-direction:column;padding:1.25rem 1.35rem 1.15rem}.admin-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.85rem}.admin-header h2{margin:0;font-size:1.15rem}.admin-tabs{display:flex;gap:.35rem;padding:.25rem;margin-bottom:.85rem;background:var(--bg-primary);border-radius:10px}.admin-tabs button{flex:1;padding:.45rem .75rem;background:transparent;border:none;border-radius:8px;cursor:pointer}.admin-tabs button:hover{background:var(--bg-tertiary)}.admin-tabs button.active{background:var(--bg-secondary);color:var(--accent-color);font-weight:700;box-shadow:inset 0 0 0 1px var(--border-color)}.admin-content{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto}.admin-content-fixed{overflow:hidden;display:flex;flex-direction:column}.bot-tab{display:flex;flex-direction:column;gap:.85rem;height:100%;min-height:0}.bot-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,280px);gap:.85rem;flex:0 0 auto;min-width:0}.bot-column{display:flex;flex-direction:column;gap:.7rem;min-width:0}.bot-console-block{display:flex;flex-direction:column;gap:.45rem;flex:1;min-height:0;min-width:0}.bot-toolbar,.bot-console-head,.bot-stats{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.bot-state{display:inline-flex;align-items:center;gap:.45rem;min-width:0}.bot-state span{color:var(--text-secondary)}.bot-dot{width:.65rem;height:.65rem;border-radius:50%;background:var(--text-secondary);flex-shrink:0}.bot-state-active .bot-dot,.bot-state-activating .bot-dot{background:#3ddc84;box-shadow:0 0 8px #3ddc84}.bot-state-failed .bot-dot{background:var(--error-color)}.bot-actions{display:flex;gap:.45rem}.bot-actions button{min-width:5.5rem;font-weight:700}.bot-actions button.start{background:#1f8f4e;border-color:#1f8f4e;color:#fff}.bot-actions button.stop{background:#c43838;border-color:#c43838;color:#fff}.bot-actions button:disabled{opacity:.45;cursor:default}.bot-stats{justify-content:flex-start;flex-wrap:wrap;color:var(--text-secondary);font-size:.85rem}.bot-stats strong{color:var(--text-primary);margin-left:.3rem}.bot-error{margin:0;padding:.55rem .7rem;background:#ff44441f;border:1px solid var(--error-color);border-radius:8px;color:#ffb4b4;white-space:pre-wrap}.bot-console-head{color:var(--text-secondary);font-size:.85rem}.bot-console-head label{display:inline-flex;align-items:center;gap:.35rem}.bot-console-wrap{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:#0b0d11;border:1px solid var(--border-color);border-radius:10px}.bot-console{flex:1;min-height:0;margin:0;padding:.75rem .85rem;overflow:auto;overflow-wrap:anywhere;background:transparent;color:#e8ecf2;border:none;border-radius:0;font-family:ui-monospace,Cascadia Mono,Segoe UI Mono,Consolas,monospace;font-size:.8rem;line-height:1.55;letter-spacing:0;-moz-tab-size:2;tab-size:2;white-space:pre-wrap;word-break:break-word;-webkit-font-smoothing:antialiased}.bot-console-input{display:flex;align-items:center;gap:.45rem;padding:.45rem .7rem;border-top:1px solid var(--border-color);color:var(--accent-color)}.bot-console-clear{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;min-width:2rem;padding:0;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#ffffff0a;color:var(--text-secondary);cursor:pointer;-webkit-tap-highlight-color:transparent}.bot-console-clear:hover:not(:disabled),.bot-console-clear:active:not(:disabled){color:var(--text-primary);border-color:#ffffff4d}.bot-console-clear:disabled{opacity:.35;cursor:default}.bot-console-input input{flex:1;min-width:0;padding:.35rem 0;background:transparent;border:none;color:#e8ecf2;font-family:ui-monospace,Cascadia Mono,Segoe UI Mono,Consolas,monospace;font-size:.8rem}.bot-console-input input:focus{outline:none}.vps-panel{display:flex;flex-direction:column;gap:.85rem;min-height:0;padding:.9rem;overflow:auto;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px}.vps-panel h3{margin:0;font-size:.95rem}.vps-metric{display:flex;flex-direction:column;gap:.35rem}.vps-metric header{display:flex;justify-content:space-between;gap:.5rem;color:var(--text-secondary);font-size:.78rem}.vps-metric strong{color:var(--text-primary)}.vps-meter{height:8px;overflow:hidden;background:var(--bg-tertiary);border-radius:99px}.vps-meter span{display:block;height:100%;background:var(--accent-color)}.vps-meter.warn span{background:var(--warning-color)}.vps-meter.hot span{background:var(--error-color)}.vps-load{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem}.vps-load div{padding:.4rem .35rem;background:var(--bg-secondary);border-radius:8px;text-align:center}.vps-load span{display:block;color:var(--text-secondary);font-size:.68rem}.vps-load strong{font-size:.9rem}.users-beta-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.users-beta-bar .tester-add{flex:1;min-width:12rem}.user-filters{display:flex;gap:.35rem;margin:0 0 .75rem;padding:.2rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px}.user-filters button{flex:1;margin:0;padding:.35rem .5rem;border:none;border-radius:6px;background:transparent;color:var(--text-secondary);font:inherit;font-size:.75rem;font-weight:600;cursor:pointer}.user-filters button:hover{color:var(--text-primary)}.user-filters button.active{background:var(--bg-tertiary);color:var(--text-primary)}.role-pill{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;height:1.1rem;padding:0 .4rem;border-radius:999px;font-size:.55rem;font-weight:700;letter-spacing:.04em;line-height:1;text-transform:uppercase}.role-pill-admin{color:#1a1a1a;background:var(--accent-color)}.role-pill-mod{color:#04161a;background:linear-gradient(180deg,#5ec8d8,#2a8fa0)}.role-pill-tester{color:#1c1528;background:linear-gradient(180deg,#c4b5e0,#8b7ab5)}.users-toolbar{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.users-toolbar>span{color:var(--text-secondary);font-size:.8rem;white-space:nowrap}.user-search{flex:1;display:flex;align-items:center;gap:.45rem;padding:0 .7rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:999px;color:var(--text-secondary)}.user-search:focus-within{border-color:var(--accent-color);color:var(--text-primary)}.user-search input{flex:1;border:none;background:transparent;padding:.5rem 0}.user-search input:focus{outline:none}.admin-empty{color:var(--text-secondary);padding:1.5rem .25rem}.users-list{display:flex;flex-direction:column;gap:.45rem}.user-item{display:flex;align-items:center;gap:.85rem;width:100%;min-width:0;padding:.7rem .85rem;background:var(--bg-tertiary);border-radius:10px;border:1px solid transparent}.user-item.banned{border-color:#ff44448c;background:#ff444414}.user-item .user-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0}.user-item .user-info{flex:1;min-width:0;display:block}.user-name{font-weight:600;display:flex;align-items:center;gap:.4rem;min-width:0}.user-name>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.banned-badge{padding:.05rem .4rem;background:var(--error-color);color:#fff;border-radius:999px;font-size:.68rem;font-weight:700;flex-shrink:0}.user-stats,.ban-reason{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .55rem;font-size:.78rem;color:var(--text-secondary)}.user-stat-chip{margin:0;padding:.12rem .45rem;border:1px solid var(--border-color);border-radius:999px;background:var(--bg-secondary);color:var(--text-secondary);font:inherit;font-size:.72rem;cursor:pointer}.user-stat-chip:hover{color:var(--text-primary);border-color:var(--accent-color)}.user-item.menu-open{border-color:var(--accent-color)}.user-context-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80}.user-context-menu{position:fixed;z-index:81;min-width:11.5rem;padding:.3rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 12px 32px #00000073;display:flex;flex-direction:column;gap:.1rem}.user-context-label{padding:.35rem .55rem .45rem;font-size:.72rem;font-weight:600;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-context-menu button{margin:0;padding:.45rem .55rem;border:none;border-radius:7px;background:transparent;color:var(--text-primary);font:inherit;font-size:.8rem;text-align:left;cursor:pointer}.user-context-menu button:hover:not(:disabled){background:var(--bg-tertiary)}.user-context-menu button:disabled{opacity:.4;cursor:default}.user-context-menu button.danger{color:var(--error-color)}.user-context-menu hr{margin:.25rem .35rem;border:none;border-top:1px solid var(--border-color)}.user-grant-overlay{z-index:90}.sandbox-dialog-overlay{z-index:120}.admin-sandbox-body{margin:0;color:var(--text-secondary);font-size:.88rem;line-height:1.45;white-space:pre-wrap}.user-grant-dialog{width:min(20rem,92vw);display:flex;flex-direction:column;gap:.75rem}.user-grant-dialog h3{margin:0;font-size:1rem}.user-grant-balance{margin:0;color:var(--text-secondary);font-size:.85rem}.user-grant-amount{display:flex;flex-direction:column;gap:.3rem;font-size:.8rem}.user-grant-amount input{width:100%}.user-actions,.icon-row{display:flex;gap:.3rem;flex-shrink:0}.icon-button{position:relative;width:32px;height:32px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:var(--bg-secondary)}.icon-button.danger{background:transparent;color:#ff8d8d;border-color:#f446}.icon-button.danger:hover{background:#ff444429}.icon-button:after{content:attr(data-tip);position:absolute;right:calc(100% + 8px);top:50%;transform:translateY(-50%);padding:.28rem .5rem;border-radius:6px;background:#111;color:#fff;font-size:.72rem;line-height:1.35;font-weight:600;white-space:nowrap;opacity:0;pointer-events:none;z-index:2;transition:opacity .12s}.icon-button:hover:after,.icon-button:focus-visible:after{opacity:1}.canvas-tab{display:flex;flex-direction:column;gap:.7rem}.admin-section{background:var(--bg-tertiary);border-radius:10px;padding:.8rem .9rem}.admin-section p{margin:.45rem 0 0;color:var(--text-secondary);font-size:.75rem}.section-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.section-head h3{margin:0;font-size:.95rem}.beta-switch{display:flex;align-items:center;gap:.55rem;font-size:.9rem;font-weight:700}.tester-add{display:flex;gap:.5rem;margin-top:.7rem}.tester-add input{flex:1;min-width:0}.admin-section textarea{width:100%;margin-top:.7rem;resize:vertical}.region-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;margin-top:.7rem}.region-controls label{display:flex;flex-direction:column;gap:.25rem;font-size:.75rem;color:var(--text-secondary)}.region-controls input{width:100%}.logs-list{display:flex;flex-direction:column;gap:.4rem}.log-item{padding:.65rem .75rem;background:var(--bg-tertiary);border-radius:10px}.log-time{font-size:.72rem;color:var(--text-secondary);margin-bottom:.2rem}.log-content{display:flex;flex-wrap:wrap;gap:.35rem .6rem;align-items:baseline;font-size:.9rem}.log-content span{color:var(--text-secondary)}.log-details{flex-basis:100%;font-size:.8rem;color:var(--text-secondary)}@media (max-width: 900px){.bot-top{grid-template-columns:1fr}.bot-console-wrap{min-height:240px}.vps-panel{max-height:none}}.stats-tab{display:flex;flex-direction:column;gap:.9rem;min-width:0;container-type:inline-size;container-name:stats}.stats-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;min-width:0}.stats-ranges{display:flex;flex-wrap:wrap;gap:.3rem;padding:.2rem;background:var(--bg-primary);border-radius:10px}.stats-ranges button{padding:.4rem .65rem;background:transparent;border:none;border-radius:8px;cursor:pointer;color:var(--text-secondary);font-size:.78rem}.stats-ranges button:hover{background:var(--bg-tertiary);color:var(--text-primary)}.stats-ranges button.active{background:var(--bg-secondary);color:var(--accent-color);font-weight:700;box-shadow:inset 0 0 0 1px var(--border-color)}.stats-window{font-size:.72rem;color:var(--text-secondary);max-width:100%;overflow-wrap:anywhere;line-height:1.35}.stats-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.55rem}.stats-kpi{display:flex;flex-direction:column;gap:.25rem;padding:.65rem .7rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;min-width:0;overflow:hidden}.stats-kpi span{font-size:.7rem;color:var(--text-secondary);line-height:1.25;overflow-wrap:anywhere}.stats-kpi strong{font-size:1.05rem;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;line-height:1.2}.stats-charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.stats-chart{display:flex;flex-direction:column;gap:.4rem;padding:.7rem .75rem .6rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;min-width:0;overflow:hidden}.stats-chart-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.6rem;min-width:0}.stats-chart-copy{min-width:0;flex:1}.stats-chart-head h4{margin:0;font-size:.86rem;line-height:1.25;overflow-wrap:anywhere}.stats-chart-head p{margin:.15rem 0 0;font-size:.72rem;color:var(--text-secondary);overflow-wrap:anywhere}.stats-chart-head strong{flex-shrink:0;font-size:.95rem;font-variant-numeric:tabular-nums}.stats-chart-plot{position:relative;height:132px;overflow:hidden;border-radius:6px}.stats-chart-plot svg{width:100%;height:100%;display:block;overflow:hidden}.stats-axis{position:relative;height:1.1rem;margin:0 .15rem}.stats-axis span{position:absolute;top:0;transform:translate(-50%);max-width:4.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.62rem;line-height:1.1;color:var(--text-secondary);pointer-events:none}.stats-axis span:first-child{transform:translate(0)}.stats-axis span:last-child{transform:translate(-100%)}.stats-grid{stroke:var(--border-color);stroke-width:1;vector-effect:non-scaling-stroke}.stats-area{opacity:.18}.stats-hover-line{stroke:var(--text-secondary);stroke-width:1;stroke-dasharray:3 3;opacity:.55;vector-effect:non-scaling-stroke}.stats-tooltip{position:absolute;top:.35rem;transform:translate(-50%);display:flex;flex-direction:column;gap:.1rem;max-width:calc(100% - .5rem);padding:.35rem .5rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;pointer-events:none;z-index:1;box-shadow:0 6px 16px #00000040}.stats-tooltip span,.stats-tooltip em{font-size:.68rem;color:var(--text-secondary);font-style:normal;overflow-wrap:anywhere}.stats-tooltip strong{font-size:.86rem;font-variant-numeric:tabular-nums}@container stats (max-width: 720px){.stats-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-charts{grid-template-columns:1fr}}@container stats (max-width: 420px){.stats-kpis{grid-template-columns:1fr 1fr}.stats-ranges button{padding:.35rem .5rem;font-size:.72rem}}.app.activity .modal.admin-panel{width:min(460px,96vw);max-width:min(460px,96vw);padding:1rem .95rem .9rem}.app.activity .bot-top{grid-template-columns:1fr}.app.activity .bot-console{font-size:.78rem}.app.activity .bot-console-wrap{min-height:220px}.app.activity .bot-toolbar,.app.activity .bot-actions{flex-wrap:wrap}.app.activity .bot-actions button{min-width:4.75rem}@media (max-width: 980px){.stats-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.stats-charts{grid-template-columns:1fr}}@media (max-width: 720px){.modal.admin-panel{height:calc(100vh - 1rem);width:calc(100vw - 1rem)}.user-item{flex-wrap:wrap}.region-controls,.stats-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}.achievement-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:.55rem}.achievement-tile{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.55rem .4rem .5rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;text-align:center;min-height:0}.achievement-tile.unlocked{border-color:var(--accent-color)}.achievement-tile.locked{opacity:.42;filter:grayscale(1)}.achievement-tile-name{font-size:.72rem;font-weight:700;line-height:1.2;color:var(--text-primary)}.achievement-tile-hint{font-size:.62rem;line-height:1.25;color:var(--text-secondary)}.achievement-tile-progress{display:block;width:100%;height:4px;background:var(--bg-primary);border-radius:2px;overflow:hidden}.achievement-tile-progress>span{display:block;height:100%;background:var(--accent-color)}.achievement-icon-svg{display:block;flex-shrink:0}.achievement-icon-frame{fill:#2d2d2d;stroke:var(--accent-color);stroke-width:2}.achievement-tile.locked .achievement-icon-frame{stroke:#4d4d4d}.achievement-icon-fill{fill:#fff}.achievement-icon-muted{fill:#b0b0b0}.achievement-icon-accent{fill:var(--accent-color)}.achievement-icon-frame-fill{fill:#2d2d2d}.achievement-icon-stroke{stroke:#fff}.achievement-icon-stroke-muted{stroke:#b0b0b0}.achievement-icon-stroke-accent{stroke:var(--accent-color)}.achievement-tile.locked .achievement-icon-fill,.achievement-tile.locked .achievement-icon-muted,.achievement-tile.locked .achievement-icon-accent{fill:#888}.achievement-tile.locked .achievement-icon-stroke,.achievement-tile.locked .achievement-icon-stroke-muted,.achievement-tile.locked .achievement-icon-stroke-accent{stroke:#888}.user-popup{width:min(560px,94vw)}.user-popup-error{color:var(--error-color)}.user-popup-head{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;padding:.85rem .9rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px}.user-popup-avatar{width:64px;height:64px;border-radius:50%;object-fit:cover}.user-popup-name{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:700}.user-popup-meta{color:var(--text-secondary);margin-top:.25rem}.user-popup-name .admin-badge,.user-popup-name .mod-badge,.user-popup-name .tester-badge,.user-popup-name .gold-badge{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;height:1.15rem;padding:0 .42rem;border-radius:999px;font-size:.58rem;font-weight:700;letter-spacing:.04em;line-height:1;text-transform:uppercase}.user-popup-name .admin-badge{background:var(--accent-color);color:#1a1a1a}.user-popup-name .mod-badge{color:#04161a;background:linear-gradient(180deg,#5ec8d8,#2a8fa0);box-shadow:inset 0 1px #ffffff4d}.user-popup-name .tester-badge{color:#1c1528;background:linear-gradient(180deg,#c4b5e0,#8b7ab5);box-shadow:inset 0 1px #ffffff4d}.user-popup-name .gold-badge{color:#2a1f05;background:linear-gradient(180deg,#f0d45c,#c9a227);box-shadow:inset 0 1px #ffffff59}.user-popup-gold-toggle{display:flex;align-items:flex-start;gap:.65rem;margin:0 0 .85rem;padding:.55rem 0;background:transparent;border-radius:0;border-bottom:1px solid var(--border-color);cursor:pointer}.user-popup-gold-toggle input{margin-top:.2rem;flex-shrink:0}.user-popup-gold-toggle span{display:flex;flex-direction:column;gap:.15rem;min-width:0}.user-popup-gold-toggle strong{font-size:.9rem}.user-popup-gold-toggle em{font-style:normal;font-size:.78rem;color:var(--text-secondary)}.user-popup-level{background:transparent;border-radius:0;padding:.35rem 0 .85rem;margin-bottom:.35rem;border-bottom:1px solid var(--border-color)}.user-popup-level-head{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;margin-bottom:.45rem}.user-popup-level-head span{color:var(--text-secondary);font-size:.8rem}.user-popup-level-head strong{font-size:.85rem}.level-bar{height:6px;background:var(--bg-primary);border-radius:999px;overflow:hidden}.level-bar span{display:block;height:100%;background:var(--accent-color)}.user-popup-stats{display:grid;grid-template-columns:1fr 1fr;gap:.65rem 1.25rem;padding:.35rem 0 .25rem}.user-popup-coins{grid-column:1 / -1}.user-popup-stats div{background:transparent;border-radius:0;padding:.2rem 0;display:flex;flex-direction:column;gap:.2rem}.user-popup-stats span{color:var(--text-secondary);font-size:.75rem}.user-popup-stats strong{font-size:1rem}.user-popup-template{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--border-color)}.user-popup-template h3{margin-bottom:.4rem;font-size:1rem}.user-popup-fold{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;margin:0;padding:.15rem 0;border:none;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.user-popup-fold-title{display:flex;flex-direction:column;gap:.15rem;min-width:0}.user-popup-fold-title strong{font-size:1rem}.user-popup-fold-title em{font-style:normal;font-size:.78rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-popup-fold-chevron{display:inline-flex;flex-shrink:0;color:var(--text-secondary);transition:transform .15s ease}.user-popup-fold.open .user-popup-fold-chevron{transform:rotate(180deg)}.user-popup-fold-body{margin-top:.55rem}.user-popup-template p,.user-popup-note{color:var(--text-secondary);font-size:.85rem;margin-bottom:.75rem}.user-popup-template .upload-button{display:inline-block;margin:0 .5rem .75rem 0;background:var(--accent-color);border:1px solid var(--accent-color);border-radius:4px;padding:.5rem 1rem;cursor:pointer}.template-ai{margin:.25rem 0 .85rem;padding-top:.65rem;border-top:1px dashed var(--border-color)}.template-ai-prompt{width:100%;resize:vertical;min-height:3rem;margin-bottom:.55rem;padding:.55rem .65rem;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-secondary);color:inherit;font:inherit;line-height:1.35}.template-ai-prompt:focus{outline:1px solid var(--accent-color);outline-offset:0}.template-ai-row{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem .75rem}.template-ai-size{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--text-secondary)}.template-ai-size select{padding:.35rem .45rem;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-secondary);color:inherit;font:inherit}.template-ai-go{margin:0!important}.template-ai-go:disabled{opacity:.55;cursor:not-allowed}.squad-upload{background:var(--bg-tertiary);border-color:var(--border-color)}.squad-row{display:flex;gap:.5rem;margin-bottom:.75rem}.squad-row input{flex:1;min-width:0}.squad-members{list-style:none;margin:0 0 .75rem;padding:0;display:flex;flex-direction:column;gap:.4rem}.squad-members li{display:flex;align-items:center;gap:.55rem;background:var(--bg-tertiary);border-radius:6px;padding:.4rem .55rem}.squad-members img{width:28px;height:28px;border-radius:50%;object-fit:cover}.squad-members span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.squad-members em{color:var(--accent-color);font-style:normal;font-size:.72rem}.squad-members button{padding:.3rem .55rem;font-size:.72rem}.template-minis{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem;max-height:280px;overflow:auto}.template-minis li{display:flex;align-items:center;gap:.75rem;padding:.45rem .55rem;background:var(--bg-tertiary);border-radius:8px}.template-thumb{width:56px;height:56px;flex-shrink:0;background:#fff;border-radius:4px;image-rendering:pixelated;image-rendering:crisp-edges}.template-mini-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:.15rem}.template-mini-text strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-mini-text span{color:var(--text-secondary);font-size:.8rem}.template-mini-actions{display:flex;gap:.35rem;flex-shrink:0}.template-mini-actions button{width:32px;height:32px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:8px}.template-mini-actions button.danger{background:transparent;color:#ff8d8d;border-color:#ff444473}.template-mini-actions button.danger:hover{background:#ff444429}.template-dock{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:8px;padding:.5rem;box-shadow:0 4px 12px #0000004d}.template-dock-title{font-size:.75rem;font-weight:700;text-align:center;margin-bottom:.35rem;color:var(--text-secondary);text-transform:uppercase}.template-dock-empty{margin:.25rem 0 .15rem;text-align:center;color:var(--text-secondary);font-size:.75rem}.template-dock-list{display:flex;flex-direction:column;gap:.35rem;max-height:180px;overflow-y:auto}.template-dock-item{display:flex;align-items:center;gap:.45rem;width:100%;text-align:left;padding:.3rem}.template-dock-item.active{border-color:var(--accent-color)}.template-dock-item img{width:36px;height:36px;object-fit:contain;background:#fff;image-rendering:pixelated;image-rendering:crisp-edges;flex-shrink:0}.template-dock-meta{min-width:0;flex:1;display:flex;flex-direction:column;gap:.2rem}.template-dock-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem}.template-dock-item.squad .template-dock-name:before{content:"Squad · ";color:var(--accent-color)}.template-dock-progress{position:relative;display:block;height:12px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:3px;overflow:hidden}.template-dock-progress-bar{display:block;height:100%;background:var(--accent-color);opacity:.85}.template-dock-progress-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:.58rem;font-weight:700;letter-spacing:.02em;color:var(--text-primary);text-shadow:0 0 2px var(--bg-primary)}.main-stage .template-dock{position:absolute;top:12px;right:12px;z-index:6;width:168px;max-height:min(42%,280px);overflow:auto}.now-bar{position:absolute;z-index:9;top:10px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.55rem;max-width:min(92%,22rem);padding:.35rem .65rem .35rem .4rem;border-radius:999px;background:#121418e0;border:1px solid var(--border-color);box-shadow:0 8px 22px #00000059;pointer-events:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.now-bar-swatch{flex-shrink:0;width:1.55rem;height:1.55rem;border-radius:999px;border:1px solid var(--border-color);background:var(--bg-tertiary);overflow:hidden}.now-bar-swatch span{display:block;width:100%;height:100%}.now-bar-copy{display:flex;flex-direction:column;gap:.05rem;min-width:0;line-height:1.15}.now-bar-copy strong{font-size:.82rem;font-weight:700;color:var(--text-primary)}.now-bar-copy span{font-size:.68rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app.activity .now-bar{top:8px;padding:.3rem .55rem .3rem .35rem}.app.activity .now-bar-copy strong{font-size:.78rem}.app.activity .now-bar-copy span{font-size:.64rem}.color-picker{padding:1rem;background:var(--bg-secondary);border-radius:4px}.color-picker.compact{padding:0;background:transparent;border-radius:0}.color-picker.compact h4{margin-top:.65rem}.color-picker.compact .bomb-start,.color-picker.compact .report-start{display:none}.eyedropper-toggle{display:inline-flex;align-items:center;gap:.45rem;width:100%;margin:0 0 .75rem;padding:.45rem .65rem;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-secondary);color:inherit;font:inherit;font-size:.85rem;cursor:pointer}.eyedropper-toggle:hover{border-color:var(--text-secondary)}.eyedropper-toggle.armed{border-color:var(--accent-color);background:color-mix(in srgb,var(--accent-color) 18%,var(--bg-secondary));color:var(--text-primary)}.color-picker.compact .brush-sizes{display:grid}.color-picker h3{margin-bottom:.75rem;font-size:1rem}.color-picker h4{margin-top:1rem;margin-bottom:.5rem;font-size:.9rem;color:var(--text-secondary)}.color-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(30px,1fr));gap:.5rem}.color-grid.recent{grid-template-columns:repeat(auto-fill,minmax(25px,1fr))}.color-button{width:100%;aspect-ratio:1;border:2px solid var(--border-color);border-radius:4px;padding:0;cursor:pointer;transition:all .2s;position:relative}.color-button:hover{transform:scale(1.1);border-color:var(--text-primary)}.color-button.selected{border:3px solid var(--text-primary);outline:2px solid var(--accent-color);outline-offset:1px;transform:scale(1.06)}.brush-sizes{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem}.brush-sizes button{font-size:.75rem;padding:.4rem .35rem}.brush-sizes button:disabled{opacity:.4;cursor:not-allowed}.bomb-start,.report-start{width:100%;margin-top:.6rem}.bomb-start.armed{background:var(--error-color);color:#fff;border-color:var(--error-color)}.tool-rail{position:absolute;z-index:10;left:10px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.4rem;border-radius:12px;background:#121418eb;border:1px solid var(--border-color);box-shadow:0 10px 28px #0006}.tool-rail-action{width:2.25rem;height:2.25rem;padding:0;display:inline-flex;align-items:center;justify-content:center;color:var(--text-secondary)}.tool-rail-action:hover{color:var(--text-primary)}.tool-rail-action.active,.tool-rail-colors.active{color:var(--accent-color);border-color:var(--accent-color)}.tool-rail-action.armed{background:var(--error-color);border-color:var(--error-color);color:#fff}.tool-rail-action svg{display:block}.tool-rail-panel{position:absolute;left:calc(100% + .45rem);top:0;width:min(17.5rem,72vw);max-height:min(70vh,34rem);overflow:auto;padding:.55rem .65rem .65rem;border-radius:10px;background:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:0 12px 30px #00000073}.tool-rail-panel-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.45rem}.tool-rail-panel-head>span{font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary)}.tool-rail-panel-fold{padding:.2rem .45rem;font-size:.72rem;font-weight:700;color:var(--text-secondary)}.tool-rail-panel-fold:hover{color:var(--text-primary);border-color:var(--accent-color)}.app.activity .tool-rail{left:8px;padding:.3rem}.app.activity .tool-rail-action{width:2rem;height:2rem}@media (max-height: 560px){.tool-rail{top:auto;bottom:64px;transform:none}}.stage-corner{position:absolute;z-index:6;right:12px;bottom:12px;width:min(200px,46vw);display:flex;flex-direction:column;gap:.35rem;padding:.4rem;border-radius:10px;background:#121418eb;border:1px solid var(--border-color);box-shadow:0 8px 22px #00000059}.stage-corner-tabs{display:grid;grid-template-columns:1fr 1fr;gap:.25rem}.stage-corner-tabs button{padding:.35rem .4rem;font-size:.68rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.stage-corner-tabs button.active{background:var(--accent-color);border-color:var(--accent-color);color:#041018}.stage-corner-body{min-height:0}.stage-corner .minimap,.stage-corner .template-dock{position:static;width:100%;max-height:none;box-shadow:none;border:0;background:transparent;padding:0;border-radius:0}.stage-corner .minimap-title,.stage-corner .template-dock-title{display:none}.stage-corner .minimap-canvas{width:100%;height:auto}.stage-corner .template-dock-list{max-height:160px}.app.activity .stage-corner{right:8px;bottom:58px;width:min(180px,42vw);padding:.3rem}@media (max-height: 640px){.stage-corner{right:8px;bottom:8px}.app.activity .stage-corner{bottom:54px}}.inspect-dialog{width:min(420px,92vw)}.inspect-error{color:var(--error-color)}.inspect-owner{display:flex;align-items:center;gap:.9rem;width:100%;margin:.5rem 0 1rem;padding:0;color:inherit;font:inherit;text-align:left;background:transparent;border:none;cursor:pointer}.inspect-avatar{width:56px;height:56px;border-radius:50%;object-fit:cover}.inspect-meta{display:flex;align-items:center;gap:.45rem;margin-top:.3rem;color:var(--text-secondary)}.inspect-color{width:14px;height:14px;border-radius:3px;border:1px solid var(--border-color)}.inspect-summary{color:var(--text-secondary);margin-bottom:.75rem}.inspect-users{list-style:none;margin:0 0 1rem;padding:0;max-height:320px;overflow:auto;display:flex;flex-direction:column;gap:.4rem}.inspect-users li{background:var(--bg-tertiary);border-radius:6px}.inspect-users button{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:.65rem;width:100%;padding:.4rem .65rem;color:inherit;font:inherit;text-align:left;background:transparent;border:none;cursor:pointer}.inspect-users button:hover,.inspect-owner:hover{outline:1px solid var(--accent-color)}.inspect-users img{width:32px;height:32px;border-radius:50%;object-fit:cover}.report-dialog{width:min(440px,92vw)}.report-preview{display:block;width:100%;max-height:320px;object-fit:contain;image-rendering:pixelated;image-rendering:crisp-edges;background:#c8c8c8;border-radius:6px}.report-reason{display:flex;flex-direction:column;gap:.35rem;margin-top:.75rem}.report-reason span{color:var(--text-secondary);font-size:.8rem}.report-reason textarea{width:100%;min-height:4.5rem;resize:vertical}.report-coords{display:flex;justify-content:space-between;gap:1rem;margin:.8rem 0;color:var(--text-secondary)}.report-error{color:var(--error-color)}.player-profile-banned{color:var(--error-color);font-size:.72rem;font-weight:700}.user-list{width:min(760px,94vw);max-height:min(720px,85vh);display:flex;flex-direction:column;font-size:.8rem}.user-list h2{font-size:1.05rem;margin:0}.user-list-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.65rem}.user-list-head-copy{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;flex:1;min-width:0}.user-list-head span,.user-list li>span{color:var(--text-secondary);font-size:.72rem;white-space:nowrap}.user-list-tools{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:0 0 .65rem}.user-list-search{flex:1 1 12rem;width:auto;min-width:0;margin:0;font-size:.78rem;padding:.35rem .5rem}.user-list-sort{display:flex;gap:.25rem}.user-list-sort button{font-size:.72rem;padding:.3rem .55rem}.user-list-sort button.active{background:var(--accent-color);border-color:var(--accent-color)}.user-list-error{color:var(--error-color)}.user-list ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.25rem}.user-list li{display:grid;grid-template-columns:1.6rem 20px minmax(0,1fr) auto auto;align-items:center;gap:.5rem;background:var(--bg-tertiary);border-radius:6px;padding:.22rem .5rem;font-size:.75rem}.user-list-rank{color:var(--text-secondary);font-size:.75rem;font-variant-numeric:tabular-nums;text-align:right}.user-list-pager{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:.75rem}.user-list-pager span{color:var(--text-secondary);font-size:.8rem;font-variant-numeric:tabular-nums}.user-list-pager button{min-width:6.5rem}.user-list img{width:20px;height:20px;border-radius:50%;object-fit:cover}.user-list .user-name-button{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.squad-list{width:min(520px,94vw);max-height:85vh;display:flex;flex-direction:column}.squad-list h2{margin:0;min-width:0}.squad-list-error{color:var(--error-color)}.squad-list-head{display:flex;align-items:center;gap:.65rem;margin-bottom:.85rem}.squad-list-head .modal-close{margin-left:auto}.squad-back{flex-shrink:0;height:32px;padding:0 .7rem;border-radius:8px;background:var(--bg-primary);font-size:.72rem}.squad-columns{display:flex;justify-content:space-between;margin:0 .15rem .35rem;color:var(--text-secondary);font-size:.68rem}.squad-list>ul,.squad-members{list-style:none;margin:0 0 1rem;padding:0;overflow:auto;display:flex;flex-direction:column;gap:.4rem}.squad-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.75rem;text-align:left;background:var(--bg-tertiary);border:1px solid transparent;border-radius:8px;padding:.7rem .8rem}.squad-row:hover{border-color:var(--accent-color);background:var(--bg-tertiary)}.squad-row strong,.squad-member-name strong{font-size:.85rem;font-weight:400}.squad-list-count{margin-left:auto;color:var(--text-primary);font-size:.85rem;flex-shrink:0}.squad-members li{display:flex;align-items:center;gap:.65rem;background:var(--bg-tertiary);border-radius:8px;padding:.55rem .75rem}.squad-members img{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0}.squad-member-name{display:flex;align-items:center;gap:.4rem;min-width:0}.squad-member-name em{color:#1a1a1a;background:var(--accent-color);font-style:normal;font-size:.58rem;line-height:1;padding:.18rem .38rem;border-radius:999px}.leaderboard-modal{width:min(920px,calc(100vw - 2rem));max-height:calc(100dvh - 2rem);display:flex;flex-direction:column;overflow:hidden;padding:1.25rem 1.35rem 1.15rem}.leaderboard-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.leaderboard-head h2{margin-bottom:.3rem}.leaderboard-head p{color:var(--text-secondary);font-size:.78rem;line-height:1.4;max-width:36rem}.leaderboard-modal>.sidebar{flex:1;min-height:0;display:flex;flex-direction:column}.sidebar-tabs{display:grid;grid-template-columns:1fr 1fr;gap:.35rem;margin-bottom:.9rem;padding:.3rem;background:var(--bg-primary);border-radius:8px}.sidebar-tabs button{border:0;border-radius:6px;background:transparent;padding:.55rem .75rem}.sidebar-tabs button.active{background:var(--accent-color);color:#1a1a1a}.leaderboard{flex:1;min-height:0;overflow:auto;padding-right:.15rem}.empty-state{flex:1;display:grid;place-items:center;color:var(--text-secondary);font-size:.85rem}.podium{display:grid;grid-template-columns:1fr 1.12fr 1fr;gap:.7rem;align-items:end;margin-bottom:.9rem}.podium.count-1{grid-template-columns:1fr}.podium.count-2{grid-template-columns:1fr 1fr;align-items:stretch}.podium-card{display:flex;flex-direction:column;align-items:center;gap:.35rem;text-align:center;padding:.85rem .7rem .75rem;background:var(--bg-tertiary);border-radius:10px;border-top:3px solid var(--rank, var(--border-color));min-width:0}.podium-card.place-1{--rank: #f0c14d;padding-top:1rem;padding-bottom:.95rem}.podium-card.place-2{--rank: #d7d7d7}.podium-card.place-3{--rank: #d08a4c}.podium-rank{color:var(--rank, var(--text-secondary));font-size:1.35rem;line-height:1}.podium-card img{width:52px;height:52px;border-radius:50%;object-fit:cover;background:var(--bg-primary);box-shadow:0 0 0 2px var(--rank, var(--border-color))}.podium-card.place-1 img{width:72px;height:72px}.podium-name{display:flex;align-items:center;justify-content:center;gap:.35rem;max-width:100%;font-size:.85rem}.podium-name>span:first-child,.podium-name .user-name-button,.leaderboard-entry .username .user-name-button{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.podium-score{margin-top:auto;font-size:1.15rem;line-height:1.1}.podium-score span,.podium-progress,.leaderboard-entry .score span,.leaderboard-entry .pixels{color:var(--text-secondary);font-size:.68rem}.podium-score span{display:block;margin-top:.15rem}.podium-progress{width:100%}.podium-progress .level-bar,.leaderboard-entry .level-bar{height:7px;margin-top:.15rem;background:var(--bg-primary);border-radius:999px;overflow:hidden}.podium-progress .level-bar span,.leaderboard-entry .level-bar span{display:block;height:100%;background:var(--accent-color)}.podium-progress div:last-child{margin-top:.28rem}.you-tag{flex-shrink:0;color:#1a1a1a;background:var(--accent-color);font-size:.58rem;line-height:1;padding:.16rem .32rem;border-radius:999px}.level-badge{flex-shrink:0;color:#1a1a1a;background:var(--accent-color);font-size:.62rem;line-height:1;padding:.2rem .42rem;border-radius:999px}.board-columns,.leaderboard-entry{display:grid;grid-template-columns:2.2rem 40px minmax(0,1fr) auto;gap:.75rem;align-items:center}.board-columns{padding:0 .7rem .35rem;color:var(--text-secondary);font-size:.65rem}.board-columns span:last-child{text-align:right}.leaderboard-list{display:flex;flex-direction:column;gap:.4rem}.leaderboard-entry{padding:.6rem .7rem;background:var(--bg-tertiary);border-radius:8px}.leaderboard-entry .rank{font-size:.9rem;text-align:center;color:var(--text-secondary)}.leaderboard-entry .avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;background:var(--bg-primary)}.leaderboard-entry .name-row{display:flex;align-items:center;gap:.4rem;min-width:0}.leaderboard-entry .username{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.85rem}.leaderboard-entry .score{text-align:right}.leaderboard-entry .score strong{display:block;font-size:.95rem;font-weight:400}.leaderboard-entry .score span{display:block;margin-top:.12rem}@media (max-width: 720px){.leaderboard-modal{padding:1rem}.podium,.podium.count-2,.podium.count-1{grid-template-columns:1fr;align-items:stretch}.podium-card.place-1{order:-1}.podium-card{flex-direction:row;flex-wrap:wrap;text-align:left;justify-content:flex-start}.podium-name{justify-content:flex-start;flex:1}.podium-score,.podium-progress{width:100%}}.onboarding{width:min(680px,94vw);max-height:calc(100dvh - 2rem);overflow:hidden;display:flex;flex-direction:column}.onboarding-shots{display:grid;gap:.5rem;margin-top:.75rem;min-height:0;justify-items:center}.onboarding-shots.shots-2{grid-template-columns:1fr 1fr;align-items:start}.onboarding-shots img{width:auto;max-width:100%;max-height:42vh;height:auto;display:block;object-fit:contain;object-position:top center;border-radius:8px;border:1px solid var(--border-color);background:#1a1a1a}.onboarding-shots.shots-2 img{max-height:30vh}.onboarding-step{margin:0 0 .35rem;color:var(--text-secondary);font-size:.75rem}.onboarding .modal-header h2{margin:0 0 .15rem}.onboarding-body{margin:0;line-height:1.45;color:var(--text-primary)}.onboarding-dots{display:flex;gap:.4rem;margin-top:.85rem}.onboarding-dots span{width:8px;height:8px;border-radius:50%;background:var(--border-color)}.onboarding-dots span.active{background:var(--accent-color)}.welcome-bonus-modal{width:min(420px,calc(100vw - 2rem))}.welcome-bonus-lead{margin:0 0 .55rem;font-size:1.05rem;font-weight:700;color:var(--text-primary)}.welcome-bonus-body{margin:0;color:var(--text-secondary);font-size:.88rem;line-height:1.45}.welcome-bonus-body strong{color:var(--accent-color);font-weight:700}.welcome-bonus-error{margin:.75rem 0 0;color:var(--error-color);font-size:.8rem}.welcome-bonus-modal .modal-buttons{margin-top:1.15rem}.welcome-bonus-modal .modal-buttons .primary{width:100%;justify-content:center}.waiting-room{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;background:#c8c8c8;overflow:hidden}.waiting-room img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.waiting-card{position:absolute;left:50%;bottom:1.25rem;transform:translate(-50%);width:min(28rem,calc(100% - 2rem));padding:1rem 1.1rem;background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:12px}.waiting-card h2{margin-bottom:.45rem;font-size:1rem}.waiting-card p{color:var(--text-secondary);line-height:1.45;font-size:.85rem}.waiting-card p+p{margin-top:.35rem}.ban-lock-actions{display:flex;justify-content:center;gap:.5rem}.ban-lock-sent{margin-top:.75rem;color:var(--text-primary)}.appeal-dialog{width:min(28rem,94vw);display:flex;flex-direction:column;gap:.75rem}.appeal-dialog h2{margin:0}.appeal-dialog label{display:flex;flex-direction:column;gap:.3rem;text-align:left;font-size:.8rem}.appeal-dialog input,.appeal-dialog textarea{width:100%;font:inherit}.appeal-dialog textarea{min-height:6rem;resize:vertical}.appeal-error{margin:0;color:var(--error-color);font-size:.8rem;text-align:left}.shop-modal{width:min(720px,calc(100vw - 2rem));max-height:min(820px,calc(100vh - 2rem));overflow:auto}.shop-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.25rem}.shop-heading-copy{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;flex:1;min-width:0}.shop-heading h2{margin:0}.shop-heading span,.shop-note,.shop-item p{color:var(--text-secondary)}.shop-note,.shop-item p{line-height:1.4;font-size:.8rem}.shop-error{color:var(--error-color);margin:.5rem 0}.shop-tabs{display:flex;gap:.35rem;margin:.75rem 0 .25rem;padding:.2rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px}.shop-tabs button{flex:1;margin:0;padding:.4rem .6rem;border:none;border-radius:6px;background:transparent;color:var(--text-secondary);font:inherit;font-size:.8rem;font-weight:600;cursor:pointer}.shop-tabs button:hover{color:var(--text-primary)}.shop-tabs button.active{background:var(--bg-tertiary);color:var(--text-primary)}.shop-tab-panel{margin-top:.35rem}.shop-empty{margin:1rem 0}.shop-modal h3{margin:1rem 0 .55rem;font-size:.85rem}.shop-tab-panel>h3:first-child{margin-top:.65rem}.shop-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:.55rem}.shop-item{display:flex;flex-direction:column;gap:.4rem;padding:.7rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px}.shop-item strong{font-size:.85rem;line-height:1.25}.shop-item img{width:64px;height:64px;object-fit:cover;border-radius:8px;background:var(--bg-secondary);image-rendering:pixelated}.shop-item button{margin-top:auto;font-weight:700}.shop-item button.primary{letter-spacing:.01em}.shop-item-coin-pack{border-style:dashed;border-color:color-mix(in srgb,var(--warning-color) 40%,var(--border-color));background:color-mix(in srgb,var(--warning-color) 6%,var(--bg-primary))}.shop-item-coin-pack img{image-rendering:auto;width:100%;max-width:96px;height:96px}.toast{position:fixed;top:var(--toast-top, 4.8rem);left:50%;z-index:1200;transform:translate(-50%);display:flex;align-items:center;gap:.75rem;width:min(420px,calc(100vw - 2rem));padding:.75rem .9rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 12px 32px #00000073;cursor:pointer;animation:toast-in .28s ease}.toast-tone-success{border-color:color-mix(in srgb,var(--success-color) 45%,var(--border-color))}.toast-tone-error{border-color:color-mix(in srgb,var(--error-color) 55%,var(--border-color))}.toast-tone-warn{border-color:color-mix(in srgb,var(--warning-color) 55%,var(--border-color))}.toast-check{display:grid;place-items:center;flex:0 0 auto;width:1.7rem;height:1.7rem;border-radius:999px;background:color-mix(in srgb,var(--success-color) 18%,transparent);color:var(--success-bright, var(--success-color))}.toast-tone-error .toast-check{background:color-mix(in srgb,var(--error-color) 18%,transparent);color:var(--error-color)}.toast-tone-warn .toast-check{background:color-mix(in srgb,var(--warning-color) 18%,transparent);color:var(--warning-color)}.toast-art{flex:0 0 auto;width:2.4rem;height:2.4rem;border-radius:6px;object-fit:cover;background:var(--bg-primary);border:1px solid var(--border-color)}.toast-copy{display:flex;flex-direction:column;gap:.15rem;min-width:0}.toast-copy strong{font-size:.85rem;font-weight:400}.toast-copy span{color:var(--text-secondary);font-size:.75rem;line-height:1.35}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(-.6rem)}to{opacity:1;transform:translate(-50%) translateY(0)}}.app.activity .toast{top:max(4.5rem,calc(env(safe-area-inset-top,0px) + 3.8rem))}.app{display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden}.app-content{display:flex;flex:1;overflow:hidden}.left-panel{width:340px;flex-shrink:0;background:var(--bg-primary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;min-height:0}.main-stage{position:relative;flex:1;min-width:0;min-height:0;display:flex}.color-menu-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100}.color-menu{position:fixed;width:300px;max-height:min(78vh,640px);overflow:auto;box-shadow:0 8px 24px #00000073}.canvas-locked-notice{padding:1rem;background:var(--error-color);color:#fff;border-radius:4px;text-align:center;font-weight:500}.action-buttons{display:flex;flex-direction:column;gap:.5rem}.action-buttons button{width:100%;text-align:left;padding:.75rem;font-size:.9rem}.action-buttons .admin-button{background:var(--accent-color);border-color:var(--accent-color);font-weight:700}.action-buttons .admin-button:hover{background:var(--accent-hover)}.template-toolbar{position:absolute;z-index:4;top:12px;left:12px;width:220px;display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px}.template-toolbar label{display:flex;flex-direction:column;gap:.35rem;font-size:.85rem}.template-toolbar p{margin:0;color:var(--text-secondary);font-size:.8rem}.template-toolbar .template-shield-status{color:var(--shield-color);font-weight:600}.template-progress{display:flex;flex-direction:column;gap:.25rem}.template-progress-head{display:flex;justify-content:space-between;align-items:baseline;font-size:.8rem;color:var(--text-secondary)}.template-progress-head strong{color:var(--text-primary);font-size:.85rem}.template-progress-track{height:8px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;overflow:hidden}.template-progress-fill{height:100%;background:var(--accent-color)}.template-size{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.template-size input{width:100%}.template-toolbar button.danger{background:var(--error-color);border-color:var(--error-color)}.beta-lock{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:1.5rem}.beta-card{width:min(26rem,100%);padding:1.4rem 1.3rem 1.2rem;background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:12px;text-align:center}.beta-card .brand-mark{display:inline-block;position:relative;margin-bottom:.75rem}.beta-card .brand-mark img{width:72px;height:72px;image-rendering:pixelated;display:block;margin:0}.beta-badge{position:absolute;top:-.2rem;right:-.55rem;padding:.12rem .35rem;font-size:.58rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;line-height:1;color:var(--bg-primary, #0f0f0f);background:var(--accent-color, #7dcd3a);border-radius:3px;pointer-events:none;-webkit-user-select:none;user-select:none}.beta-card h1{margin:0 0 .45rem;font-size:1.15rem}.beta-card p{margin:0;color:var(--text-secondary);font-size:.85rem;line-height:1.45}.beta-card button{margin-top:1rem}.beta-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1rem}.beta-actions button{margin-top:0}.beta-card p.beta-sent{margin-top:.75rem;color:var(--text-primary)}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;height:100dvh;gap:1rem;font-size:1.2rem}.spinner{width:50px;height:50px;border:4px solid var(--border-color);border-top-color:var(--accent-color);border-radius:50%;animation:spin 1s linear infinite}.reconnect-banner{position:absolute;z-index:20;top:12px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.6rem;padding:.55rem .9rem;border-radius:999px;background:#0c0e14e0;border:1px solid var(--border-color);color:var(--text-primary);font-size:.85rem;pointer-events:none}.reconnect-banner .spinner{width:16px;height:16px;border-width:2px}.server-recovery-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:1.25rem;background:#080a10b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.server-recovery-card{display:flex;flex-direction:column;align-items:center;gap:.55rem;width:min(360px,100%);padding:1.25rem 1.35rem;border-radius:14px;background:var(--bg-secondary, #1a1d27);border:1px solid var(--border-color, #2c3142);color:var(--text-primary, #f2f4f8);text-align:center;box-shadow:0 16px 40px #00000073}.server-recovery-spinner{width:28px;height:28px;border:3px solid var(--border-color, #2c3142);border-top-color:var(--accent-color, #00a8ff);border-radius:50%;animation:spin 1s linear infinite}.server-recovery-title{font-size:1rem}.server-recovery-message{margin:0;font-size:.88rem;color:var(--text-secondary, #a8b0c2);line-height:1.4}.server-recovery-dismiss{margin-top:.35rem;padding:.45rem 1rem;border:1px solid var(--border-color, #2c3142);border-radius:8px;background:var(--accent-color, #00a8ff);color:#fff;font:inherit;font-size:.88rem;cursor:pointer}.server-recovery-dismiss:hover{filter:brightness(1.08)}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.app-content{flex-direction:column}.left-panel{width:100%;max-height:280px;border-right:none;border-bottom:1px solid var(--border-color)}}.app.activity{box-sizing:border-box;height:100vh;height:100dvh;padding-bottom:max(5.5rem,env(safe-area-inset-bottom,0px))}.app.activity .app-content{position:relative}.app.activity .chat-messages{padding-bottom:.85rem}.app.activity .chat-fab{display:inline-flex;align-items:center;justify-content:center}.app.activity .chat-drawer-backdrop{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:13;background:#0006;border:0;padding:0;cursor:pointer}.app.activity .left-panel.chat-overlay-panel,.app.activity .chat-overlay-panel{display:flex;position:absolute;z-index:14;top:0;left:0;bottom:0;width:min(300px,86vw);max-height:none;border-right:1px solid var(--border-color);border-bottom:none;background:var(--bg-primary);box-shadow:8px 0 28px #00000073;padding-bottom:.35rem}.chat-fab{display:none;position:absolute;z-index:12;left:10px;bottom:10px;width:42px;height:42px;padding:0;border-radius:999px;background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);box-shadow:0 8px 20px #0006}.chat-fab:hover{border-color:var(--accent-color);color:var(--accent-color)}.chat-fab.has-unread{border-color:var(--accent-color)}.chat-fab-badge{position:absolute;top:-3px;right:-3px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-width:1.15rem;height:1.15rem;padding:0 .28rem;border-radius:999px;background:var(--error-color, #e5484d);border:2px solid var(--bg-primary, #0e1118);color:#fff;font-size:.65rem;font-weight:700;line-height:1;text-align:center;pointer-events:none}.chat-drawer-backdrop{display:none}.app.activity .canvas-info{bottom:58px;left:58px;font-size:.72rem;padding:.35rem .45rem}@media (max-height: 640px){.main-stage .minimap{bottom:8px;right:8px;padding:.25rem}.main-stage .template-dock{top:8px;right:8px;max-width:160px}.canvas-info{font-size:.72rem;padding:.35rem .45rem}}