/* Pixel Battle v2. Zone 1: top bar. Load after pixel_battle.css.
   The original canvas, palette, chat and game scripts retain their behaviour. */

/* 1.1 — Bar geometry and typography; the shared height also anchors popups. */
body.pb-canvas-workspace{--pb-game-topbar-h:52px}
body.pb-canvas-workspace:not(.tg-mode) #app{padding-top:0}
body.pb-canvas-workspace #pbgamebar{
  position:relative;isolation:isolate;z-index:310;
  display:flex;flex:0 0 var(--pb-game-topbar-h);align-items:center;
  width:100%;min-width:0;height:var(--pb-game-topbar-h);gap:10px;
  padding:0 max(12px,env(safe-area-inset-right,0px)) 0 max(12px,env(safe-area-inset-left,0px));
  border:0;border-bottom:1px solid var(--pb-color-border-default);
  background:var(--pb-color-bg-base);color:var(--pb-color-text-primary);
  font:400 var(--pb-fs-md)/1.2 var(--pb-font-ui);
  box-shadow:none;backdrop-filter:none;
}
#pbgamebar :is(button,a){-webkit-tap-highlight-color:transparent}
#pbgamebar :is(button,a):focus-visible{
  outline:2px solid var(--pb-color-accent);outline-offset:2px;
}
#pbgamebar .pb-game-brand{
  flex:0 0 auto;max-width:none;margin:0;color:var(--pb-color-text-primary);
  font:400 var(--pb-fs-lg)/1 var(--pb-font-ui);letter-spacing:.02em;
}
#pbgamebar .pb-game-brand b{color:var(--pb-color-accent);font-weight:400}
#pbgamebar .pb-game-brand em{color:var(--pb-color-text-secondary);font-style:normal}
#pbgamebar .pb-game-back{display:none}

/* 1.2 — Segmented modes; remove the old decorative pixel frame. */
#pbgamebar .pb-game-axis{
  display:flex;flex:0 1 auto;align-self:center;align-items:center;gap:2px;
  min-width:0;margin:0;padding:3px;border:1px solid var(--pb-color-border-default);
  border-radius:var(--pb-radius-md);background:var(--pb-color-surface-1);
}
#pbgamebar .pb-game-axis-link{
  display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;
  height:32px;min-height:32px;gap:6px;padding:0 9px;
  border:0;border-radius:var(--pb-radius-sm);background:transparent;
  color:var(--pb-color-text-secondary);font:400 var(--pb-fs-sm)/1 var(--pb-font-ui);
  letter-spacing:0;white-space:nowrap;clip-path:none;box-shadow:none;
}
#pbgamebar .pb-game-axis-link::before,
#pbgamebar .pb-game-axis-link::after,
#pbgamebar .pb-game-pixel-frame-a{display:none}
#pbgamebar .pb-game-axis-link:hover{
  background:var(--pb-color-surface-hover);color:var(--pb-color-text-primary);
}
#pbgamebar .pb-game-axis-link.is-active{
  background:var(--pb-color-surface-3);color:var(--pb-color-text-primary);
}
#pbgamebar .pb-game-axis-link :is(.pb-ico,svg){
  width:16px;height:16px;flex:0 0 16px;color:var(--pb-color-text-muted);
}
#pbgamebar .pb-game-axis-link.is-active :is(.pb-ico,svg){color:var(--pb-color-accent)}

/* 1.3 — Existing resource / online controls keep their IDs and live values. */
#pbgamebar .pb-game-top-actions{
  display:flex;flex:0 0 auto;align-items:center;gap:8px;min-width:0;margin:0;
}
#pbgamebar :is(.pb-game-resource,.pb-game-online){
  display:flex;flex:0 0 auto;align-items:center;justify-content:center;
  width:auto;min-width:58px;height:34px;gap:8px;padding:0 10px;
  border:1px solid var(--pb-color-border-default);border-radius:var(--pb-radius-md);
  background:var(--pb-color-surface-1);color:var(--pb-color-text-secondary);
  box-shadow:none;cursor:pointer;
}
#pbgamebar :is(.pb-game-resource,.pb-game-online):hover{background:var(--pb-color-surface-hover)}
#pbgamebar :is(.pb-game-resource b,.pb-game-online span){
  color:var(--pb-color-text-primary);font:400 var(--pb-fs-md)/1 var(--pb-font-ui);
  font-variant-numeric:tabular-nums;
}
#pbgamebar .pb-game-resource small{display:none}
#pbgamebar .pb-game-resource :is(.pb-ico,svg){color:var(--pb-color-accent)}
#pbgamebar :is(.pb-game-resource,.pb-game-online) :is(.pb-ico,svg){width:18px;height:18px;flex:0 0 18px}
#pbgamebar :is(.pb-game-chat-top,.pb-game-more){display:none}
#pbgamebar :is(.pb-game-notifications,.pb-game-login){
  display:grid;flex:0 0 34px;place-items:center;min-width:34px;width:34px;height:34px;
  border:0;border-radius:var(--pb-radius-sm);background:transparent;color:var(--pb-color-text-secondary);
}
#pbgamebar :is(.pb-game-notifications,.pb-game-login):hover{background:var(--pb-color-surface-hover);color:var(--pb-color-text-primary)}
#pbgamebar .pb-game-avatar{
  display:block;flex:0 0 30px;width:30px;height:30px;
  clip-path:var(--pb-notch-4);background:var(--pb-color-surface-3);
}
#pbgamebar .pb-game-avatar img{display:block;width:100%;height:100%;object-fit:cover;image-rendering:pixelated}
/* The outline sits inside the clipped avatar so keyboard focus remains visible. */
#pbgamebar .pb-game-avatar:focus-visible{outline-offset:-2px}
#pbgamebar .pb-game-top-badge{
  top:0;right:0;min-width:16px;height:16px;padding:0 3px;
  border:2px solid var(--pb-color-bg-base);border-radius:var(--pb-radius-round);
  background:var(--pb-color-danger);color:var(--pb-color-text-inverse);
  font:400 var(--pb-fs-xs)/1 var(--pb-font-ui);
}

/* 1.4 — Use the real persistent player, not a second audio instance.
   Its sheet stays fixed outside the flex layout, including while the dock is hidden. */
#pbgamebar .pb-game-music-slot{flex:1 1 230px;min-width:148px;max-width:230px;margin-left:auto}
#pbgamebar .pb-game-music-idle{
  display:flex;align-items:center;gap:8px;height:38px;padding:0 10px;
  border:1px solid var(--pb-color-border-default);border-radius:var(--pb-radius-md);
  background:var(--pb-color-surface-1);color:var(--pb-color-text-secondary);
  font:400 var(--pb-fs-sm)/1 var(--pb-font-ui);text-decoration:none;
}
#pbgamebar .pb-game-music-idle:hover{background:var(--pb-color-surface-hover);color:var(--pb-color-text-primary)}
#pbgamebar .pb-game-music-slot:has(.pb-player:not([hidden])) .pb-game-music-idle{display:none}
@media(min-width:768px){
  body.pb-canvas-workspace #pbgamebar .pb-player{
    position:relative;inset:auto;z-index:auto;display:flex;
    width:100%;height:38px;gap:2px;padding:0 3px;
    border:1px solid var(--pb-color-border-default);border-radius:var(--pb-radius-md);
    background:var(--pb-color-surface-1);box-shadow:none;
  }
  body.pb-canvas-workspace #pbgamebar .pb-player[hidden]{display:none}
  body.pb-canvas-workspace #pbgamebar .pb-player-open{flex:1;min-width:0;gap:8px}
  body.pb-canvas-workspace #pbgamebar .pb-player-cover{width:30px;height:30px;clip-path:var(--pb-notch-4)}
  body.pb-canvas-workspace #pbgamebar .pb-player-copy{display:flex!important;flex:1;min-width:0;gap:2px}
  body.pb-canvas-workspace #pbgamebar .pb-player-copy strong{font:400 var(--pb-fs-sm)/1 var(--pb-font-ui)}
  body.pb-canvas-workspace #pbgamebar .pb-player-copy span{font:400 var(--pb-fs-xs)/1 var(--pb-font-ui)}
  body.pb-canvas-workspace #pbgamebar .pb-player .pb-player-btn{width:30px;height:32px;color:var(--pb-color-text-secondary)}
  body.pb-canvas-workspace #pbgamebar .pb-player [data-pb-global-music-prev]{display:none}
  body.pb-canvas-workspace #pbgamebar .pb-player [data-pb-global-music-next]{display:grid!important}
  body.pb-canvas-workspace #pbgamebar .pb-player-sheet{
    top:calc(var(--pb-game-topbar-h) + 8px);right:12px;bottom:auto;left:auto;
    max-height:calc(100dvh - var(--pb-game-topbar-h) - 20px);
    border:1px solid var(--pb-color-border-default);border-radius:var(--pb-radius-md);
    background:var(--pb-color-surface-1);box-shadow:none;
  }
}
/* Compact desktop: all modes remain clickable, secondary labels collapse to icons. */
@media(min-width:768px) and (max-width:1099px){
  body.pb-canvas-workspace #pbgamebar{gap:8px}
  #pbgamebar .pb-game-axis-link:not(.is-active)>span:not(.pb-ico){display:none}
  #pbgamebar .pb-game-axis-link{padding-inline:8px}
  #pbgamebar .pb-game-top-actions{gap:6px}
  #pbgamebar .pb-game-music-slot{max-width:210px}
}

/* Keep Chat / More accessible until the mobile bottom tabs are redesigned (zone 6).
   Wide desktop already has the game tool rail. */
.pb-game-more-chat{display:none}
@media(max-width:1099px),(pointer:coarse){
  #pbgamebar .pb-game-more{display:grid;flex:0 0 30px;min-width:30px;width:30px;height:34px}
  .pb-game-more-grid .pb-game-more-chat{display:flex}
}
@media(min-width:768px) and (max-width:1099px),(min-width:768px) and (pointer:coarse){
  #pbgamebar .pb-game-axis-link>span:not(.pb-ico){display:none}
  #pbgamebar .pb-game-axis-link{padding-inline:8px}
}

/* 1.5 — Phone HUD: mode launcher, resource, online, notifications, avatar.
   The existing mobile music dock and its sheet keep their current position. */
@media(max-width:767px){
  body.pb-canvas-workspace #pbgamebar{
    gap:6px;padding-left:max(8px,env(safe-area-inset-left,0px));
    padding-right:max(8px,env(safe-area-inset-right,0px));
  }
  #pbgamebar :is(.pb-game-brand,.pb-game-axis){display:none}
  #pbgamebar .pb-game-back{
    display:grid;flex:0 0 30px;min-width:30px;width:30px;height:36px;
    border-radius:var(--pb-radius-sm);color:var(--pb-color-accent);
  }
  #pbgamebar .pb-game-back :is(.pb-ico,svg){display:none}
  #pbgamebar .pb-game-back::after{content:'pb.';font:400 var(--pb-fs-lg)/1 var(--pb-font-ui)}
  #pbgamebar .pb-game-top-actions{flex:1;gap:4px}
  #pbgamebar .pb-game-notifications,#pbgamebar .pb-game-login{margin-left:auto;flex-basis:36px;width:36px;height:36px}
  #pbgamebar :is(.pb-game-resource,.pb-game-online){min-width:44px;padding-inline:6px;gap:4px}
  #pbgamebar :is(.pb-game-resource b,.pb-game-online span){font-size:var(--pb-fs-sm)}
  #pbgamebar .pb-game-music-slot{display:contents}
  #pbgamebar .pb-game-music-idle{display:none}
}

/* 2 — Left tool rail. Visibility and action bindings stay with the game runtime. */
body.pb-canvas-workspace{--pb-game-desktop-rail-w:46px}
body.pb-canvas-workspace #pb-game-tool-rail{
  left:10px;top:10px;bottom:calc(var(--pb-game-status-h) + 10px);
  width:46px;padding:4px;gap:2px;align-items:center;
  border:1px solid var(--pb-color-border-default);border-radius:var(--pb-radius-md);
  background:color-mix(in srgb,var(--pb-color-bg-base) 88%,transparent);
  box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;
  font-family:var(--pb-font-ui);
}
#pb-game-tool-rail .pb-game-rail-btn{
  display:grid;place-items:center;flex:0 0 36px;min-width:36px;width:36px;height:36px;
  margin:0;padding:0;border:0;border-radius:var(--pb-radius-sm);
  background:transparent;color:var(--pb-color-text-secondary);
  box-shadow:none;clip-path:none;cursor:pointer;
}
#pb-game-tool-rail .pb-game-rail-btn :is(.pb-ico,svg){
  display:block;width:20px;height:20px;flex:0 0 20px;
}
/* The original palette button includes an empty decorative grid cell. */
#pb-game-tool-rail .pb-game-rail-btn>span[aria-hidden="true"]:not(.pb-ico){display:none}
#pb-game-tool-rail .pb-game-rail-btn:hover{
  background:var(--pb-color-surface-hover);color:var(--pb-color-text-primary);
}
#pb-game-tool-rail .pb-game-rail-btn.is-active{
  background:var(--pb-color-surface-3);color:var(--pb-color-accent);
}
#pb-game-tool-rail .pb-game-rail-btn:focus-visible{
  outline:2px solid var(--pb-color-accent);outline-offset:-2px;
}
#pb-game-tool-rail .pb-game-rail-seam{
  display:block;flex:0 0 1px;width:24px;height:1px;margin:6px 0;
  background:var(--pb-color-border-default);
}
#pb-game-tool-rail .pb-game-rail-btn::after{
  z-index:1;left:calc(100% + 12px);padding:6px 9px;
  border:1px solid var(--pb-color-border-default);border-radius:var(--pb-radius-sm);
  background:var(--pb-color-surface-2);color:var(--pb-color-text-primary);
  font:400 var(--pb-fs-sm)/1.2 var(--pb-font-ui);box-shadow:none;
}
#pb-game-tool-rail .pb-game-context-badge{
  top:0;right:0;min-width:16px;height:16px;padding:0 3px;
  border:2px solid var(--pb-color-bg-base);border-radius:var(--pb-radius-round);
  background:var(--pb-color-danger);color:var(--pb-color-text-inverse);
  font:400 var(--pb-fs-xs)/1 var(--pb-font-ui);
}
#pb-game-tool-rail .pb-game-context-badge.mention{
  background:var(--pb-color-warning);color:var(--pb-color-on-accent);
}
/* Short desktop windows: keep every tool reachable, including moderator tools. */
@media(max-height:519px){
  #pb-game-tool-rail .pb-game-rail-btn{flex-basis:30px;height:30px}
  body.pb-canvas-workspace #pb-game-tool-rail{overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--pb-color-border-strong) transparent}
  #pb-game-tool-rail::-webkit-scrollbar{width:2px}
  #pb-game-tool-rail::-webkit-scrollbar-thumb{background:var(--pb-color-border-strong)}
  #pb-game-tool-rail .pb-game-rail-btn::after{display:none}
}

/* 3 — Palette: current colour, one tool row, separate bonus row, eight columns. */
body.pb-canvas-workspace #cbar{
  --pal-rows:6;gap:10px;padding:12px;min-height:0;
  border:1px solid var(--pb-color-border-default);border-radius:var(--pb-radius-md);
  background:color-mix(in srgb,var(--pb-color-bg-base) 96%,transparent);
  color:var(--pb-color-text-primary);box-shadow:none;backdrop-filter:none;
  font:400 var(--pb-fs-md)/1.2 var(--pb-font-ui);
}
#cbar .cbhdr{flex:0 0 auto;min-height:42px;gap:8px;padding:0;border:0;background:none}
#cbar #cbcur{display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:10px;row-gap:3px;align-items:center;flex:1;min-width:0}
#cbar #cbswt{grid-column:1;grid-row:1/3;width:40px;height:40px;min-width:40px;margin:0;border:0;border-radius:0;clip-path:var(--pb-notch-4);box-shadow:none}
#cbar #cbcnm{grid-column:2;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--pb-color-text-primary);font:400 var(--pb-fs-md)/1.2 var(--pb-font-ui)}
#cbar #cbccodes{grid-column:2;display:flex;flex-wrap:wrap;gap:3px 8px;margin:0;min-width:0}
#cbar #cbccodes span{color:var(--pb-color-text-muted);font:400 var(--pb-fs-xs)/1.2 var(--pb-font-ui);white-space:nowrap}
#cbar #cbhdractions{gap:4px;margin-left:0}
#cbar #cbcls{width:26px;height:30px;border:0;background:transparent;color:var(--pb-color-text-muted);border-radius:var(--pb-radius-xs)}
#cbar #cbcls:hover{background:var(--pb-color-surface-hover);color:var(--pb-color-text-primary)}
#cbar #cbmodeslider{width:32px;height:20px;padding:2px;border-color:var(--pb-color-border-default);background:var(--pb-color-surface-2);box-shadow:none}
#cbar #cbmodeslider::before{content:none}
#cbar #cbmodeslider::after{width:14px;height:14px;background:var(--pb-color-text-secondary);border-radius:var(--pb-radius-xs);box-shadow:none}
#cbar #cbmode:checked+#cbmodeslider{background:var(--pb-color-accent-soft);border-color:var(--pb-color-accent-border)}
#cbar #cbmode:checked+#cbmodeslider::after{transform:translateX(12px);background:var(--pb-color-accent)}
#cbar #cbmode:focus-visible+#cbmodeslider{outline:2px solid var(--pb-color-accent);outline-offset:2px}
#cbar #cbtoolbar{flex:0 0 auto;flex-direction:column;align-items:stretch;gap:10px!important;padding:0!important;border:0;background:none}
#cbar #cbtool-main-group{flex:0 0 auto;display:flex;gap:2px;padding:3px;border:1px solid var(--pb-color-border-default);border-radius:var(--pb-radius-md);background:var(--pb-color-surface-1)}
#cbar #cbtool-main-group:empty{display:none}
#cbar #cbtool-main-group>.ctbtn,#cbar #cbtool-main-group>#cbtool-brush-wrap{flex:1;min-width:0}
#cbar #cbtoolbar .ctbtn{width:auto;min-width:0;height:32px;padding:0;border:0;border-radius:var(--pb-radius-sm);background:transparent;color:var(--pb-color-text-secondary);box-shadow:none}
#cbar #cbtool-brush-wrap>.ctbtn{width:100%}
#cbar #cbtoolbar .ctbtn:hover{background:var(--pb-color-surface-hover);color:var(--pb-color-text-primary)}
#cbar #cbtoolbar .ctbtn.active{background:var(--pb-color-surface-3);color:var(--pb-color-accent)}
#cbar #cbtool-sep{height:22px;margin:5px 3px;background:var(--pb-color-border-default)}
#cbar #pbbonus-group{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));flex:none;gap:6px;margin:0}
#cbar #pbbonus-sep{display:none}
#cbar #pbbonus-group .pbbonus-tool{display:flex;align-items:center;justify-content:center;gap:6px;height:30px;border:1px solid var(--pb-color-border-default);border-radius:var(--pb-radius-sm);background:var(--pb-color-surface-1)}
#cbar .pbbonus-tool .pbbonus-icon{width:18px;height:18px;filter:none}
#cbar .pbbonus-tool .pbbonus-count{position:static;transform:none;display:block;min-width:0;max-width:none;height:auto;padding:0;overflow:visible;border:0;border-radius:0;background:none;color:var(--pb-color-text-secondary);font:400 var(--pb-fs-sm)/1 var(--pb-font-ui);letter-spacing:0;box-shadow:none}
#cbar #pbbonus-group .pbbonus-tool.active{border-color:var(--pb-color-accent-border)!important;background:var(--pb-color-accent-soft)!important;color:var(--pb-color-accent)!important;box-shadow:none}
#cbar #cbscroll{flex:1 1 auto;min-height:0;height:auto;padding:0;overflow-x:hidden;overflow-y:auto;scrollbar-gutter:auto;scrollbar-width:thin;scrollbar-color:var(--pb-color-border-strong) transparent}
#cbar #cbscroll::-webkit-scrollbar{width:3px;height:3px}
#cbar #cbscroll::-webkit-scrollbar-thumb{border:0;border-radius:0;background:var(--pb-color-border-strong);box-shadow:none}
#cbar #cbscroll::-webkit-scrollbar-track{background:transparent}
body.pb-canvas-workspace #cbar #cbgrd{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-auto-flow:row;grid-auto-rows:auto;gap:5px;width:100%;min-width:0;min-height:0;max-height:none;padding:2px;overflow:visible;align-content:start}
body.pb-canvas-workspace #cbar #cbgrd :is(.cbsw,.sw){width:100%;height:auto;min-width:0;min-height:0;aspect-ratio:1;flex:none;margin:0;padding:0;border:0;border-radius:0;clip-path:var(--pb-notch-4);box-shadow:none;transform:none}
#cbar #cbgrd :is(.cbsw,.sw):is(.sel,.selected,.active,[aria-selected="true"]){outline:2px solid var(--pb-color-accent);outline-offset:-2px;clip-path:none}
#cbar #cbgrd .palette-eyedropper{background:var(--pb-color-surface-2)!important;color:var(--pb-color-text-secondary)}
#cbar #cbplacewrap{flex:0 0 auto;min-width:0;margin:0;padding:0;border:0;background:none}
body.pb-canvas-workspace #cbar #cbplace{height:46px;min-height:46px;padding:0 10px;gap:8px;border:0;border-radius:0;clip-path:var(--pb-notch-4);background:var(--pb-color-accent);color:var(--pb-color-on-accent);font:400 var(--pb-fs-lg)/1 var(--pb-font-ui);box-shadow:none}
#cbar #cbplace.wait{background:var(--pb-color-surface-3);color:var(--pb-color-text-secondary)}
#cbar #cbplace.frozen{background:var(--pb-color-surface-3);color:var(--pb-color-info)}
#cbar #cbplace.success{background:var(--pb-color-accent);color:var(--pb-color-on-accent)}
#cbar #cbplacefill{top:auto;bottom:0;left:0;right:0;height:4px;border-radius:0;background:var(--pb-color-on-accent);box-shadow:none}
#cbar #cbplace:is(.wait,.frozen) #cbplacefill{background:var(--pb-color-accent);opacity:1}
#cbar #cbplacecontent{gap:8px;min-width:0}
#cbar #cbplacecontent :is(svg,.pb-ico,.pb-lucide){width:20px;height:20px;flex:0 0 20px}
#cbar #cbplacetxt{font:400 var(--pb-fs-lg)/1 var(--pb-font-ui);white-space:nowrap}
#cbar #cbplace:not(.wait):not(.frozen) #cbplacetxt{font-size:0}
#cbar #cbplace:not(.wait):not(.frozen) #cbplacetxt::after{content:'НАРИСОВАТЬ';font:400 var(--pb-fs-lg)/1 var(--pb-font-ui)}
#cbar #cbplace.has-bonus{padding-right:100px}
#cbar #cbplacebonus{right:6px;min-width:0;max-width:88px;padding:4px;border:1px solid var(--pb-color-border-default);border-radius:var(--pb-radius-xs);background:var(--pb-color-surface-2);color:var(--pb-color-text-secondary);font:400 var(--pb-fs-xs)/1 var(--pb-font-ui);box-shadow:none}
#cbar #cbpixelmeta{padding:0;border:0;background:none;color:var(--pb-color-text-muted);font-family:var(--pb-font-ui)}
#cbar #cbpalhint{padding:8px;border:1px solid var(--pb-color-border-default);border-radius:var(--pb-radius-sm);background:var(--pb-color-surface-2);box-shadow:none}
#cbar #cbpalhint :is(b,span){font-family:var(--pb-font-ui);font-weight:400;color:var(--pb-color-text-secondary)}
#cbar :is(button,.cbsw):focus-visible{outline:2px solid var(--pb-color-accent);outline-offset:-2px}

/* 4 — Zoom, minimap and a thin canvas status strip. Runtime coordinates stay intact. */
body.pb-canvas-workspace{--pb-game-status-h:30px}
body.pb-canvas-workspace #area{background:var(--pb-color-bg-canvas)}
body.pb-canvas-workspace #zbx{display:flex;position:absolute;right:10px;left:auto;top:50%;bottom:auto;transform:translateY(-50%);flex-direction:column;gap:2px;padding:4px;z-index:180;border:1px solid var(--pb-color-border-default);border-radius:var(--pb-radius-md);background:color-mix(in srgb,var(--pb-color-bg-base) 92%,transparent);box-shadow:none}
#zbx .zb{width:34px;height:34px;min-height:34px;padding:0;border:0;border-radius:var(--pb-radius-sm);background:none;color:var(--pb-color-text-secondary);box-shadow:none}
#zbx .zb:hover,#zbx .zb:focus-visible{background:var(--pb-color-surface-hover);color:var(--pb-color-accent)}
#zbx .zb :is(.pb-ico,svg){width:20px;height:20px}
body.pb-canvas-workspace #mmwrap{position:absolute;left:auto;right:10px;top:auto;bottom:calc(var(--pb-game-status-h) + 10px);width:150px;height:96px;max-width:25vw;border:1px solid var(--pb-color-border-default);border-radius:var(--pb-radius-md);background:var(--pb-color-bg-canvas);box-shadow:none}
#mmwrap #mm{display:block;width:100%;height:100%;image-rendering:pixelated}
#mmwrap #mmvp{border:1px solid var(--pb-color-accent);box-shadow:none}
body.pb-canvas-workspace #pb-game-status-row{height:30px;left:0;right:0;bottom:0;gap:0;border:0;border-top:1px solid var(--pb-color-border-default);background:var(--pb-color-bg-base);font-family:var(--pb-font-ui)}
#pb-game-status-row>span{gap:6px;padding:0 10px;border:0}
#pb-game-status-row :is(small,b){font:400 var(--pb-fs-xs)/1 var(--pb-font-ui);color:var(--pb-color-text-muted)}
#pb-game-status-row b{color:var(--pb-color-text-secondary)}
#pb-game-status-row .pb-game-status-dot{width:6px;height:6px;border-radius:0;box-shadow:none}
.pb-mobile-game-tabs{display:none}

/* 5 — Desktop: left palette and a separate right chat column. */
@media(min-width:768px){
  body.pb-canvas-workspace #cbar{position:fixed;z-index:328;left:66px;right:auto;top:calc(var(--pb-mobile-hud-bottom,var(--pb-game-topbar-h)) + 10px);bottom:auto;width:282px;height:auto;max-height:calc(100dvh - var(--pb-mobile-hud-bottom,var(--pb-game-topbar-h)) - 50px);margin:0}
  #cbar .cbhdl{display:none}
  body.pb-canvas-workspace #cbar #cbscroll{max-height:min(320px,calc(100dvh - 300px))!important}
  body.pb-canvas-workspace #chatpanel,body.pb-canvas-workspace.tg-mode #chatpanel{position:fixed;z-index:327;left:auto;right:58px;top:calc(var(--pb-mobile-hud-bottom,var(--pb-game-topbar-h)) + 10px);bottom:148px;width:300px;height:auto;max-height:none;margin:0;transform:none;border:1px solid var(--pb-color-border-default);border-radius:var(--pb-radius-md);background:color-mix(in srgb,var(--pb-color-bg-base) 96%,transparent);box-shadow:none;backdrop-filter:none}
  body.pb-canvas-workspace #chatpanel.open{display:flex}
  body.pb-canvas-workspace #pb-game-status-row{display:flex}
}
body.pb-canvas-workspace #chathead{flex:0 0 auto;min-height:46px;padding:8px 10px;gap:8px;border-bottom:1px solid var(--pb-color-border-default);background:none}
body.pb-canvas-workspace #chatmsgs{flex:1 1 auto;min-height:0;padding:10px;overflow-y:auto;background:none;scrollbar-width:thin;scrollbar-color:var(--pb-color-border-strong) transparent}
body.pb-canvas-workspace #chatfoot{flex:0 0 auto;padding:10px;border-top:1px solid var(--pb-color-border-default);background:none}
#chatpanel :is(#chattitle,#chattitlelabel,#chatstat,.chatuserlink,.chattime,.chattext,#chatempty){font-family:var(--pb-font-ui);font-weight:400}
#chatpanel :is(#chattitle,#chattitlelabel,.chattext){font-size:var(--pb-fs-md)}
#chatpanel :is(.chattime,#chatstat){font-size:var(--pb-fs-xs);color:var(--pb-color-text-muted)}
#chatpanel .chatmsg{border:0;border-radius:var(--pb-radius-xs);background:transparent;box-shadow:none}
#chatpanel .chatava{clip-path:var(--pb-notch-4);border-radius:0}
#chatpanel :is(#chatinput,#chatinp,#chattext){font:400 var(--pb-fs-md)/1.3 var(--pb-font-ui);border-color:var(--pb-color-border-default);background:var(--pb-color-bg-base);color:var(--pb-color-text-primary);box-shadow:none}
#chatpanel :is(#chatclose,#chatclear,.chatquickbtn){border-color:var(--pb-color-border-default);border-radius:var(--pb-radius-sm);background:var(--pb-color-surface-1);color:var(--pb-color-text-secondary);box-shadow:none}
#chatpanel ::-webkit-scrollbar{width:3px;height:3px}
#chatpanel ::-webkit-scrollbar-thumb{border:0;background:var(--pb-color-border-strong)}
#chatpanel ::-webkit-scrollbar-track{background:none}

/* 6 — Phone: two horizontal colour rows above a persistent five-action dock.
   Existing data-pb-game-action attributes invoke the original game handlers. */
@media(max-width:767px){
  body.pb-canvas-workspace{--pb-v2-tabs-h:calc(58px + env(safe-area-inset-bottom,0px));--pb-game-status-h:0px}
  body.pb-canvas-workspace #app{padding-bottom:var(--pb-v2-tabs-h)}
  #pbgamebar .pb-game-more{display:none}
  body.pb-canvas-workspace .pb-mobile-game-tabs{position:fixed;z-index:360;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));height:var(--pb-v2-tabs-h);padding:4px max(4px,env(safe-area-inset-right,0px)) env(safe-area-inset-bottom,0px) max(4px,env(safe-area-inset-left,0px));gap:2px;border-top:1px solid var(--pb-color-border-default);background:var(--pb-color-bg-base);font-family:var(--pb-font-ui)}
  .pb-mobile-game-tabs>button,.pb-mobile-game-tabs>a{appearance:none;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;padding:4px 0;border:0;border-radius:var(--pb-radius-sm);background:none;color:var(--pb-color-text-muted);text-decoration:none;font:400 var(--pb-fs-xs)/1 var(--pb-font-ui);cursor:pointer;touch-action:manipulation}
  .pb-mobile-game-tabs :is(.pb-ico,svg){width:20px;height:20px}
  .pb-mobile-game-tabs>:hover,.pb-mobile-game-tabs>:focus-visible{background:var(--pb-color-surface-hover);color:var(--pb-color-text-primary);outline-color:var(--pb-color-accent)}
  body.palette-open .pb-mobile-game-tabs>[data-pb-game-action="palette"],body.chat-open .pb-mobile-game-tabs>[data-pb-game-action="chat"],body.stats-open .pb-mobile-game-tabs>[data-pb-game-action="stats"],body.store-open .pb-mobile-game-tabs>[data-pb-game-action="store"],body.pb-quick-open .pb-mobile-game-tabs>[data-pb-game-action="quick"]{color:var(--pb-color-accent);background:var(--pb-color-surface-1)}
  .pb-mobile-game-tabs .pb-game-top-badge{position:absolute;top:0;right:calc(50% - 24px);min-width:16px;height:16px;border:2px solid var(--pb-color-bg-base);border-radius:var(--pb-radius-round);background:var(--pb-color-danger);color:var(--pb-color-text-inverse);font:400 var(--pb-fs-xs)/1 var(--pb-font-ui)}
  .pb-mobile-game-tabs .pb-game-top-badge[hidden]{display:none}
  body.pb-canvas-workspace #cbar{--pal-rows:2;position:fixed;left:0;right:0;top:auto;bottom:var(--pb-v2-tabs-h);width:auto;height:auto;max-height:calc(100dvh - var(--pb-mobile-hud-bottom,var(--pb-game-topbar-h)) - var(--pb-v2-tabs-h) - 8px);padding:8px 12px 10px;border:0;border-top:1px solid var(--pb-color-border-default);border-radius:0;background:var(--pb-color-bg-base);gap:8px;box-shadow:none;animation:none}
  #cbar .cbhdl{display:block;width:32px;height:3px;margin:0 auto 2px;background:var(--pb-color-border-strong);border-radius:0}
  #cbar #cbcur{grid-template-columns:30px minmax(0,1fr);column-gap:8px}
  #cbar #cbswt{width:30px;height:30px;min-width:30px}
  #cbar #cbcnm{font-size:var(--pb-fs-sm)}
  #cbar #cbccodes{gap:2px 6px}
  #cbar .cbhdr{min-height:32px}
  #cbar #cbtoolbar{gap:6px!important}
  #cbar #cbtoolbar .ctbtn{height:28px}
  #cbar #pbbonus-group .pbbonus-tool{height:26px}
  body.pb-canvas-workspace #cbar #cbscroll{flex:0 0 auto;width:100%;height:77px!important;max-height:77px!important;padding:0;overflow-x:auto;overflow-y:hidden;touch-action:pan-x;scrollbar-width:thin}
  body.pb-canvas-workspace #cbar #cbgrd{display:grid;grid-template-columns:none;grid-template-rows:repeat(2,34px);grid-auto-columns:34px;grid-auto-flow:column;gap:5px;width:max-content;min-width:100%;height:73px;padding:0 1px;overflow:visible}
  body.pb-canvas-workspace #cbar #cbgrd :is(.cbsw,.sw){width:34px;height:34px;min-width:34px;min-height:34px;aspect-ratio:1}
  #cbar #cbpalhint{display:none}
  #cbar #cbpixelmeta{max-height:28px;overflow:auto;font-size:var(--pb-fs-xs)}
  body.pb-canvas-workspace #cbar #cbplace{height:46px;min-height:46px}
  body.pb-canvas-workspace #chatpanel,body.pb-canvas-workspace.tg-mode #chatpanel{position:fixed;left:0;right:0;top:auto;bottom:var(--pb-v2-tabs-h);width:auto;height:min(64dvh,calc(100dvh - var(--pb-mobile-hud-bottom,var(--pb-game-topbar-h)) - var(--pb-v2-tabs-h) - 8px));max-height:calc(100dvh - var(--pb-mobile-hud-bottom,var(--pb-game-topbar-h)) - var(--pb-v2-tabs-h) - 8px);border:0;border-top:1px solid var(--pb-color-border-default);border-radius:0;box-shadow:none;animation:none}
  body.pb-canvas-workspace :is(#radiopop,#refpanel,#statspop,#pb-game-more-panel){left:0;right:0;top:auto;bottom:var(--pb-v2-tabs-h);width:auto;max-height:calc(100dvh - var(--pb-mobile-hud-bottom,var(--pb-game-topbar-h)) - var(--pb-v2-tabs-h) - 8px);border:0;border-top:1px solid var(--pb-color-border-default);border-radius:0;background:var(--pb-color-surface-1);box-shadow:none;animation:none}
  body.pb-canvas-workspace #pixelstore{bottom:var(--pb-v2-tabs-h);max-height:calc(100dvh - var(--pb-mobile-hud-bottom,var(--pb-game-topbar-h)) - var(--pb-v2-tabs-h) - 8px)}
  body.pb-canvas-workspace #pb-mobile-sheet-backdrop{bottom:var(--pb-v2-tabs-h);background:none;backdrop-filter:none;-webkit-backdrop-filter:none}
  body.palette-open #pb-mobile-sheet-backdrop{pointer-events:none}
  body.pb-canvas-workspace #zbx{top:10px;transform:none}
  body.pb-canvas-workspace #mmwrap{bottom:10px;right:10px;width:90px;height:60px}
  body:is(.palette-open,.chat-open,.stats-open,.pb-quick-open,.store-open) #mmwrap{visibility:hidden}
  body.pb-canvas-workspace #pb-game-status-row{display:none}
  body.pb-canvas-workspace #pb-mobile-palette-trigger{display:none}
  body.pb-canvas-workspace #pb-mobile-canvas-stack{bottom:10px}
  body.pb-canvas-workspace #pbgamebar .pb-player{bottom:calc(var(--pb-v2-tabs-h) + 8px)}
  body.palette-open #pbgamebar .pb-player{visibility:hidden}
  #pbgamebar .pb-player-sheet{z-index:10020}
}
/* Landscape phones keep the draw action and tabs visible without a tall sheet. */
@media(max-width:767px) and (max-height:480px){
  body.pb-canvas-workspace #cbar{max-height:calc(100dvh - var(--pb-game-topbar-h) - var(--pb-v2-tabs-h));overflow-y:auto;padding:6px 10px;gap:6px}
  #cbar .cbhdl,#cbar #cbpixelmeta{display:none}
}
@media(prefers-reduced-motion:reduce){
  #cbar *,#zbx *,#chatpanel *,.pb-mobile-game-tabs *{animation:none!important;transition:none!important}
}

/* Keep legacy icon slots on the installed Pixelarticons pack. */
body.pb-canvas-workspace :is(#cbar,#chatpanel) .pb-lucide[style*="/assets/icons/reply.svg"]{--pb-icon:url('/assets/icons/reply.svg')!important}
body.pb-canvas-workspace :is(#cbar,#chatpanel) .pb-lucide[style*="/assets/icons/brush.svg"]{--pb-icon:url('/assets/icons/brush.svg')!important}
body.pb-canvas-workspace :is(#cbar,#chatpanel) .pb-lucide[style*="/assets/icons/settings.svg"]{--pb-icon:url('/assets/icons/settings.svg')!important}
body.pb-canvas-workspace :is(#cbar,#chatpanel) .pb-lucide[style*="/assets/icons/x.svg"]{--pb-icon:url('/assets/icons/x.svg')!important}
body.pb-canvas-workspace :is(#cbar,#chatpanel) .pb-lucide[style*="/assets/icons/at-sign.svg"]{--pb-icon:url('/assets/icons/at-sign.svg')!important}
body.pb-canvas-workspace :is(#cbar,#chatpanel) .pb-lucide[style*="/assets/icons/sparkles.svg"]{--pb-icon:url('/assets/icons/sparkles.svg')!important}
body.pb-canvas-workspace :is(#cbar,#chatpanel) .pb-lucide[style*="/assets/icons/message-circle.svg"]{--pb-icon:url('/assets/icons/message-circle.svg')!important}
body.pb-canvas-workspace :is(#cbar,#chatpanel) .pb-lucide[style*="/assets/icons/send.svg"]{--pb-icon:url('/assets/icons/send.svg')!important}
body.pb-canvas-workspace :is(#cbar,#chatpanel) .pb-lucide[style*="/assets/icons/paperclip.svg"]{--pb-icon:url('/assets/icons/paperclip.svg')!important}
body.pb-canvas-workspace :is(#cbar,#chatpanel) .pb-lucide[style*="/assets/icons/map-pin.svg"]{--pb-icon:url('/assets/icons/map-pin.svg')!important}
body.pb-canvas-workspace :is(#cbar,#chatpanel) .pb-lucide[style*="/assets/icons/clock.svg"]{--pb-icon:url('/assets/icons/clock.svg')!important}
body.pb-canvas-workspace :is(#cbar,#chatpanel) .pb-lucide[style*="/assets/icons/snowflake.svg"]{--pb-icon:url('/assets/icons/snowflake.svg')!important}
body.pb-canvas-workspace :is(#cbar,#chatpanel) .pb-lucide[style*="/assets/icons/pipette.svg"]{--pb-icon:url('/assets/icons/pipette.svg')!important}

@media(max-width:767px){
  body.pb-canvas-workspace #pixelstore{inset:var(--pb-mobile-hud-bottom,var(--pb-game-topbar-h)) 0 var(--pb-v2-tabs-h);max-height:none;padding:0}
  body.pb-canvas-workspace #pixelstore .pixelstore-sheet{position:absolute;left:0;right:0;bottom:0;top:auto;width:100%;max-height:100%;border:0;border-top:1px solid var(--pb-color-border-default);border-radius:0;transform:none;background:var(--pb-color-surface-1);box-shadow:none}
}
@media(max-width:767px) and (max-height:480px){
  #cbar #cbplacewrap{position:sticky;bottom:0;z-index:3;padding-top:4px;background:var(--pb-color-bg-base)}
}
/* Override the legacy important scale on selected swatches; keep the grid stable. */
body.pb-canvas-workspace #cbar #cbgrd :is(.cbsw,.sw){transform:none!important}
body.pb-canvas-workspace #cbar #cbplace{margin:0}
/* Compact chat composer keeps room for a single readable input line. */
body.pb-canvas-workspace #chatpanel :is(#chatimgbtn,#chatsend){display:flex;align-items:center;justify-content:center;flex:0 0 34px;width:34px;min-width:34px;height:38px;padding:0;border:0;border-radius:var(--pb-radius-sm);background:var(--pb-color-surface-2);color:var(--pb-color-text-secondary);box-shadow:none}
body.pb-canvas-workspace #chatpanel #chatsend{font-size:0;background:var(--pb-color-accent);color:var(--pb-color-on-accent);clip-path:var(--pb-notch-4);border-radius:0}
#chatpanel #chatsend:not(.pb-chat-flood):not(:has(.pb-lucide,.pb-ico))::before{content:'';display:block;width:20px;height:20px;background:currentColor;mask:url('/assets/icons/send.svg') center/contain no-repeat;-webkit-mask:url('/assets/icons/send.svg') center/contain no-repeat}
body.pb-canvas-workspace #chatpanel #chatinput{height:38px;min-height:38px;padding:9px 10px;border:1px solid var(--pb-color-border-default);border-radius:var(--pb-radius-sm);font:400 var(--pb-fs-md)/18px var(--pb-font-ui);background:var(--pb-color-bg-base);color:var(--pb-color-text-primary);box-shadow:none}
#chatpanel #chatchannels[aria-hidden="true"]{display:none}
@media(max-width:767px){
  body.pb-canvas-workspace #statspop.on,body.pb-canvas-workspace #cbar.open,body.pb-canvas-workspace #chatpanel.open,body.pb-canvas-workspace #pb-game-more-panel.is-open{animation:none;transform:none}
}
#pbbonustip{border:1px solid var(--pb-color-border-default);border-radius:var(--pb-radius-md);background:var(--pb-color-surface-2);box-shadow:none;font-family:var(--pb-font-ui)}
#pbbonustip b,#pbbonustip span{font:400 var(--pb-fs-sm)/1.3 var(--pb-font-ui);color:var(--pb-color-text-secondary)}
#cbar #cbtool-brushfly{border-color:var(--pb-color-border-default);border-radius:var(--pb-radius-md);background:var(--pb-color-surface-2);color:var(--pb-color-text-primary);box-shadow:none;font-family:var(--pb-font-ui)}
@media(min-width:768px) and (max-height:519px){
  body.pb-canvas-workspace #cbar{overflow-y:auto}
  #cbar #cbplacewrap{position:sticky;bottom:0;z-index:3;background:var(--pb-color-bg-base)}
}

/* The rich composer is built by pixel_chat_composer.js after the base markup. */
body.pb-canvas-workspace #chatpanel #chatcomposerrow #chatinput{font:400 var(--pb-fs-md)/22px var(--pb-font-ui)!important}
#chatpanel #chatricheditor{font:400 var(--pb-fs-md)/22px var(--pb-font-ui)}
#chatpanel #chatcomposerrow #chatsend{color:var(--pb-color-accent)!important;clip-path:none}
#cbar #pbbonus-group .pbbonus-tool :is(.pbbonus-icon,.pb-lucide){display:none}
#cbar #pbbonus-group .pbbonus-tool::before{content:'';display:block;flex:0 0 18px;width:18px;height:18px;background:var(--pb-color-warning);mask:var(--pb-v2-bonus-icon) center/contain no-repeat;-webkit-mask:var(--pb-v2-bonus-icon) center/contain no-repeat}
#cbar .pbbonus-tool[data-bonus="charge"]{--pb-v2-bonus-icon:url('/assets/icons/zap.svg')}
#cbar .pbbonus-tool[data-bonus="paint"]{--pb-v2-bonus-icon:url('/assets/icons/paintbrush.svg')}
#cbar .pbbonus-tool[data-bonus="dynamite"]{--pb-v2-bonus-icon:url('/assets/icons/box.svg')}

/* 7 — Complete game subsections: shared flat surfaces and pixel typography. */
body.pb-canvas-workspace :is(#pbusersettingscard,#statspop,#refpanel,#radiopop,#clanpanel,#dailybonuscard,#stencilsheet,#admsheet,#pixelstore,.pbshot-card){
  border-color:var(--pb-color-border-default);border-radius:var(--pb-radius-md);
  background:var(--pb-color-surface-1);color:var(--pb-color-text-primary);
  box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;font-family:var(--pb-font-ui);
}
body.pb-canvas-workspace :is(#pbusersettingscard,#statspop,#refpanel,#radiopop,#clanpanel,#dailybonuscard,#stencilsheet,#admsheet,#pixelstore,.pbshot-card) :is(button,input,textarea,select,b,strong,small,span,div,p,a,label,h2,h3){font-family:var(--pb-font-ui)!important}
body.pb-canvas-workspace :is(#pbusersettingscard,#statspop,#refpanel,#radiopop,#clanpanel,#dailybonuscard,#stencilsheet,#pixelstore,.pbshot-card) :is(b,strong,h2,h3){font-weight:400}
body.pb-canvas-workspace :is(#pbusersettingsov,.pbshot-overlay,#dailybonusov){background:color-mix(in srgb,var(--pb-color-bg-canvas) 65%,transparent);backdrop-filter:none;-webkit-backdrop-filter:none}
body.pb-canvas-workspace :is(.pbus-head,#statspophead,#refhead,#radiohead,#clanhead,.pixelstore-head,.pbshot-head){min-height:56px;padding:10px 12px;border-color:var(--pb-color-border-default);background:var(--pb-color-surface-1);box-shadow:none}
body.pb-canvas-workspace :is(#pbusersettingstitle,.ref-title-main,#statspopheadtxt b,.pbshot-title b,.pixelstore-titlemark h2){font:400 var(--pb-fs-xl)/1.1 var(--pb-font-ui)}
body.pb-canvas-workspace :is(.pbus-titlewrap small,.ref-title-kicker,.pbshot-title small,.pixelstore-titlemark small){font-size:var(--pb-fs-xs);color:var(--pb-color-text-muted);letter-spacing:0;text-transform:none}
body.pb-canvas-workspace :is(.pbus-icon,.pbus-mode-icon,.pbus-setting-icon,.pbus-mobile-icon,.ref-title-icon,.pbshot-title>span,.pixelstore-titleicon){width:34px;height:34px;flex:0 0 34px;border:1px solid var(--pb-color-border-default);border-radius:var(--pb-radius-xs);background:var(--pb-color-surface-2);color:var(--pb-color-text-secondary);box-shadow:none}
body.pb-canvas-workspace :is(#pbusersettingsclose,#refclose,#statspopclose,#radioclose,#clanclose,#dailybonusclose,#pixelstore-close,.pbshot-close){width:34px;height:34px;min-width:34px;padding:0;border:1px solid var(--pb-color-border-default);border-radius:var(--pb-radius-sm);background:var(--pb-color-surface-2);color:var(--pb-color-text-secondary);box-shadow:none}
body.pb-canvas-workspace :is(#pbusersettingscard,#statspop,#refpanel,#radiopop,#clanpanel,#dailybonuscard,#stencilsheet,#pixelstore,.pbshot-card) :is(button,a,input,select):focus-visible{outline:2px solid var(--pb-color-accent);outline-offset:-2px}
body.pb-canvas-workspace :is(#pbusersettingscard,#statspop,#refpanel,#radiopop,#clanpanel,.pbshot-card,.pixelstore-sheet) ::-webkit-scrollbar{width:3px;height:3px}
body.pb-canvas-workspace :is(#pbusersettingscard,#statspop,#refpanel,#radiopop,#clanpanel,.pbshot-card,.pixelstore-sheet) ::-webkit-scrollbar-thumb{border:0;border-radius:0;background:var(--pb-color-border-strong)}

/* 7.1 — Settings: segmented tabs, flat option lists, square switches. */
body.pb-canvas-workspace #pbusersettingscard .pbus-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;padding:8px 12px;border-bottom:1px solid var(--pb-color-border-default);background:var(--pb-color-surface-1)}
body.pb-canvas-workspace #pbusersettingscard .pbus-tab{min-width:0;min-height:38px;gap:6px;padding:6px 4px;border:0;border-radius:var(--pb-radius-sm);background:var(--pb-color-surface-2);color:var(--pb-color-text-secondary);font-size:var(--pb-fs-sm);box-shadow:none}
body.pb-canvas-workspace #pbusersettingscard .pbus-tab.active{background:var(--pb-color-surface-3);color:var(--pb-color-accent);box-shadow:none}
body.pb-canvas-workspace #pbusersettingscard .pbus-tab .pb-lucide{width:18px;height:18px;flex:0 0 18px}
body.pb-canvas-workspace #pbusersettingscard :is(.pbus-section,.pbus-mode,.pbus-mobile-row,.pbus-setting-row,.pbus-touch-placement-option){border-color:var(--pb-color-border-subtle);border-radius:0;background:none;box-shadow:none}
body.pb-canvas-workspace #pbusersettingscard .pbus-section{padding:12px}
body.pb-canvas-workspace #pbusersettingscard :is(.pbus-toggle-copy b,.pbus-section-head b,.pbus-mode b,.pbus-touch-placement-option b){font:400 var(--pb-fs-lg)/1.2 var(--pb-font-ui);color:var(--pb-color-text-primary)}
body.pb-canvas-workspace #pbusersettingscard :is(.pbus-toggle-copy span,.pbus-section-head span,.pbus-mode small,.pbus-touch-placement-option small){font-size:var(--pb-fs-sm);line-height:1.3;color:var(--pb-color-text-muted)}
body.pb-canvas-workspace #pbusersettingscard .pbus-touch-placement-option{grid-template-columns:34px minmax(0,1fr) 20px;gap:10px;min-height:64px}
body.pb-canvas-workspace #pbusersettingscard .pbus-touch-placement-option::after{width:20px;height:20px;border:1px solid var(--pb-color-border-strong);border-radius:var(--pb-radius-xs);background:var(--pb-color-surface-2);box-shadow:none}
body.pb-canvas-workspace #pbusersettingscard .pbus-touch-placement-option.active::after{border-color:var(--pb-color-accent);border-radius:var(--pb-radius-xs);background:var(--pb-color-accent);box-shadow:inset 0 0 0 5px var(--pb-color-surface-1)}
body.pb-canvas-workspace #pbusersettingscard .pbus-touch-placement-option.active .pbus-mobile-icon{background:var(--pb-color-accent-soft);color:var(--pb-color-accent);border-color:var(--pb-color-accent-border)}
body.pb-canvas-workspace #pbusersettingscard .pbus-switch{width:40px;height:24px;flex-basis:40px;border-radius:var(--pb-radius-xs)}
body.pb-canvas-workspace #pbusersettingscard .pbus-switch>span{border:1px solid var(--pb-color-border-default);border-radius:var(--pb-radius-xs);background:var(--pb-color-surface-3);box-shadow:none}
body.pb-canvas-workspace #pbusersettingscard .pbus-switch>span::after{top:3px;left:3px;width:16px;height:16px;border-radius:0;background:var(--pb-color-text-muted);box-shadow:none}
body.pb-canvas-workspace #pbusersettingscard .pbus-switch input:checked+span{background:var(--pb-color-accent-soft);border-color:var(--pb-color-accent-border)}
body.pb-canvas-workspace #pbusersettingscard .pbus-switch input:checked+span::after{left:19px;background:var(--pb-color-accent)}
body.pb-canvas-workspace #pbusersettingscard :is(.pbus-mouse-button,.pbus-master-button){border-color:var(--pb-color-border-default);border-radius:var(--pb-radius-xs);background:var(--pb-color-surface-2);color:var(--pb-color-text-secondary);box-shadow:none}
body.pb-canvas-workspace #pbusersettingscard :is(.pbus-mouse-button.active,.pbus-mouse-button[aria-checked="true"]){background:var(--pb-color-accent-soft);color:var(--pb-color-accent);border-color:var(--pb-color-accent-border)}

/* 7.2 — Screenshot chooser, library and results retain all existing actions. */
body.pb-canvas-workspace .pbshot-overlay{padding:12px}
body.pb-canvas-workspace .pbshot-card{border:1px solid var(--pb-color-border-default);border-radius:var(--pb-radius-md);background:var(--pb-color-surface-1);box-shadow:none}
body.pb-canvas-workspace #pbshotchooser :is(.pbshot-choice,.pbshot-open-library){min-height:64px;padding:12px 0;gap:4px 12px;border:0;border-bottom:1px solid var(--pb-color-border-subtle);border-radius:0;background:none;color:var(--pb-color-text-primary);box-shadow:none}
body.pb-canvas-workspace #pbshotchooser :is(.pbshot-choice,.pbshot-open-library)>span{width:34px;height:34px;border:1px solid var(--pb-color-border-default);border-radius:var(--pb-radius-xs);background:var(--pb-color-surface-2);color:var(--pb-color-text-secondary);box-shadow:none}
body.pb-canvas-workspace #pbshotchooser :is(.pbshot-choice,.pbshot-open-library) b{font-size:var(--pb-fs-lg)}
body.pb-canvas-workspace #pbshotchooser :is(.pbshot-choice,.pbshot-open-library) small{font-size:var(--pb-fs-sm);color:var(--pb-color-text-muted)}
body.pb-canvas-workspace .pbshot-card :is(.pbshot-chooser-footer,.pbshot-resultmeta,.pbshot-library-empty,.pbshot-library-detail-actions,.pbshot-resultactions){border-color:var(--pb-color-border-default);border-radius:0;background:none;box-shadow:none}
body.pb-canvas-workspace .pbshot-card button{border-color:var(--pb-color-border-default);border-radius:var(--pb-radius-sm);background:var(--pb-color-surface-2);color:var(--pb-color-text-primary);box-shadow:none}
body.pb-canvas-workspace .pbshot-card :is(.download,.share){background:var(--pb-color-accent);color:var(--pb-color-on-accent);clip-path:var(--pb-notch-4);border:0;border-radius:0}
body.pb-canvas-workspace .pbshot-watermark{border-color:var(--pb-color-border-default);border-radius:var(--pb-radius-sm);background:var(--pb-color-surface-2);color:var(--pb-color-text-secondary);box-shadow:none}
body.pb-canvas-workspace .pbshot-watermark i{border-radius:var(--pb-radius-xs);border-color:var(--pb-color-border-default);background:var(--pb-color-surface-3);box-shadow:none}
body.pb-canvas-workspace .pbshot-watermark i::after{border-radius:0;background:var(--pb-color-text-muted);box-shadow:none}
body.pb-canvas-workspace .pbshot-watermark input:checked+i{background:var(--pb-color-accent-soft);border-color:var(--pb-color-accent-border)}
body.pb-canvas-workspace .pbshot-watermark input:checked+i::after{background:var(--pb-color-accent)}

/* 7.3 — Stats, referral rewards, shop and utility panels. */
body.pb-canvas-workspace :is(#statspop,#refpanel,#radiopop,#clanpanel,#dailybonuscard) :is(.statspanel,.statszonescard,.statscolorcard,.statszone,.statsbonusitem,.refsummarybar,.reflinkcard,.reflistwrap,.refintro,.refrewarditem,.radiost,.dbreward,.dbitemextras){border-color:var(--pb-color-border-subtle);border-radius:var(--pb-radius-sm);background:var(--pb-color-surface-1);box-shadow:none}
body.pb-canvas-workspace :is(#statspop,#refpanel,#radiopop,#clanpanel,#dailybonuscard) :is(input,select,textarea){border:1px solid var(--pb-color-border-default);border-radius:var(--pb-radius-sm);background:var(--pb-color-bg-base);color:var(--pb-color-text-primary);box-shadow:none}
body.pb-canvas-workspace :is(#statspop,#refpanel,#radiopop,#clanpanel,#dailybonuscard) button{border-color:var(--pb-color-border-default);border-radius:var(--pb-radius-sm);background:var(--pb-color-surface-2);color:var(--pb-color-text-secondary);box-shadow:none}
body.pb-canvas-workspace :is(#refcopy,#dailybonusclaimbtn,#radioplay){border:0;border-radius:0;clip-path:var(--pb-notch-4);background:var(--pb-color-accent);color:var(--pb-color-on-accent);font-size:var(--pb-fs-md)}
body.pb-canvas-workspace :is(#refpanel,#statspop) :is(.refsummarycopy b,.refrewarditem b,.statsleadstat,.statsleadnum){font-weight:400;color:var(--pb-color-text-primary)}
body.pb-canvas-workspace #refpanel :is(.ref-title-kicker,.reflabel,.refsummarybonus small,.reflisttitle){color:var(--pb-color-text-muted);font-size:var(--pb-fs-sm);letter-spacing:0}
body.pb-canvas-workspace #refpanel #refinput{min-width:0;font-size:var(--pb-fs-sm)}
body.pb-canvas-workspace #refpanel .reflinkrow{display:flex;gap:8px}
body.pb-canvas-workspace #refpanel #refcopy{padding:0 12px;flex:0 0 auto}
body.pb-canvas-workspace #statspop .statsleadview.is-active{background:var(--pb-color-surface-3);color:var(--pb-color-accent);border-color:var(--pb-color-accent-border)}
body.pb-canvas-workspace #pixelstore :is(.pixelstore-product,.pixelstore-producttop,.pixelstore-productbody,.pixelstore-balance,.pixelstore-viewhead,.pixelstore-tabs){background:var(--pb-color-surface-1);border-color:var(--pb-color-border-default);box-shadow:none}
body.pb-canvas-workspace #pixelstore :is(.pixelstore-productbadge,.pixelstore-tag){border-color:var(--pb-color-border-default);border-radius:var(--pb-radius-xs);background:var(--pb-color-surface-3);color:var(--pb-color-accent);box-shadow:none}
body.pb-canvas-workspace #pixelstore :is(.pixelstore-buy,.pixelstore-product button){clip-path:var(--pb-notch-4);border-radius:0;box-shadow:none}
/* The same pack glyphs replace item illustrations in all game subsections. */
body.pb-canvas-workspace :is(img[src*="/assets/images/bonuses/bonus-charge"],img[src*="/assets/images/bonuses/bonus-paint"],img[src*="/assets/images/bonuses/bonus-dynamite"]){object-fit:none;object-position:-9999px -9999px;background:var(--pb-color-warning);mask:var(--pb-v2-reward-icon) center/contain no-repeat;-webkit-mask:var(--pb-v2-reward-icon) center/contain no-repeat;filter:none}
body.pb-canvas-workspace img[src*="/assets/images/bonuses/bonus-charge"]{--pb-v2-reward-icon:url('/assets/icons/zap.svg')}
body.pb-canvas-workspace img[src*="/assets/images/bonuses/bonus-paint"]{--pb-v2-reward-icon:url('/assets/icons/paintbrush.svg')}
body.pb-canvas-workspace img[src*="/assets/images/bonuses/bonus-dynamite"]{--pb-v2-reward-icon:url('/assets/icons/box.svg')}

/* 7.4 — Chat: one consistent action style and a square clan switch. */
body.pb-canvas-workspace #chatpanel :is(.chatquickbtn,.chatquickbtn.ai,.chatact,#chatjump,.chat-history-more){border:1px solid var(--pb-color-border-default);border-radius:var(--pb-radius-sm);background:var(--pb-color-surface-2);color:var(--pb-color-text-secondary);box-shadow:none;filter:none}
body.pb-canvas-workspace #chatpanel .chatquickbtn{height:32px;min-height:32px;padding:0 8px;gap:6px}
#chatpanel .chatquickico{width:20px;height:20px;background:none;border:0;border-radius:0;color:var(--pb-color-text-secondary);box-shadow:none}
#chatpanel .chatquickbtntext{font:400 var(--pb-fs-sm)/1 var(--pb-font-ui)}
body.pb-canvas-workspace #chatpanel .chatact{width:28px;height:28px;padding:0;border-radius:var(--pb-radius-xs)}
body.pb-canvas-workspace #chatpanel .chatact:is(.del,.delete){color:var(--pb-color-danger)}
body.pb-canvas-workspace #chatpanel .chat-mode-switch{display:flex;align-items:center;justify-content:center;gap:6px;padding:0;border:0;border-radius:0;background:none;box-shadow:none}
body.pb-canvas-workspace #chatpanel .chat-mode-track{display:flex;align-items:center;justify-content:center;gap:6px;width:70px;height:30px;padding:0 7px;border:1px solid var(--pb-color-border-default);border-radius:var(--pb-radius-sm);background:var(--pb-color-surface-2);box-shadow:none;overflow:hidden}
body.pb-canvas-workspace #chatpanel .chat-mode-track i{position:static;display:block;flex:0 0 12px;width:12px;height:12px;transform:none;border-radius:0;background:var(--pb-color-text-muted);box-shadow:none;order:-1}
body.pb-canvas-workspace #chatpanel .chat-mode-action-label{position:static;transform:none;padding:0;font:400 var(--pb-fs-sm)/1 var(--pb-font-ui);color:var(--pb-color-text-secondary)}
body.pb-canvas-workspace #chatpanel .chat-mode-switch[aria-checked="true"] .chat-mode-track{background:var(--pb-color-accent-soft);border-color:var(--pb-color-accent-border)}
body.pb-canvas-workspace #chatpanel .chat-mode-switch[aria-checked="true"] .chat-mode-track i{background:var(--pb-color-accent);transform:none}
body.pb-canvas-workspace #chatpanel .chat-mode-switch[aria-checked="true"] .chat-mode-action-label{color:var(--pb-color-accent)}
body.pb-canvas-workspace #chatpanel :is(.chatmsg,.chatreply,.chatpin,.chatreplybar){border-color:var(--pb-color-border-default);box-shadow:none}
body.pb-canvas-workspace #chatpanel :is(#chatricheditor,#chatcomposerrow #chatinput,.chatquickbtntext,.chat-mode-action-label,.chatmsg,.chattext){font-family:var(--pb-font-ui)!important}
body.pb-canvas-workspace #chatpanel #chatcomposerrow :is(#chatimgbtn,#chatsend,#chatemojibtn){color:var(--pb-color-text-secondary)!important;border-radius:var(--pb-radius-xs)!important}
body.pb-canvas-workspace #chatpanel #chatcomposerrow #chatsend{color:var(--pb-color-accent)!important}

/* 7.5 — Full mobile wordmark, Chat immediately next to Notifications. */
.pb-game-mobile-brand{display:none}
#pbgamebar #pb-game-chat-trigger-mobile{display:grid;place-items:center;flex:0 0 30px;width:30px;min-width:30px;height:34px;color:var(--pb-color-text-secondary);border-radius:var(--pb-radius-sm)}
#pbgamebar #pb-game-chat-trigger-mobile.is-active{color:var(--pb-color-accent);background:var(--pb-color-surface-2)}
@media(max-width:767px){
  body.pb-canvas-workspace #pbgamebar{gap:4px;padding-inline:max(6px,env(safe-area-inset-left,0px)) max(6px,env(safe-area-inset-right,0px))}
  #pbgamebar .pb-game-back{flex:0 0 auto;width:auto;min-width:0;padding:0 2px;margin-right:auto;background:none}
  #pbgamebar .pb-game-back::after{content:none}
  #pbgamebar .pb-game-mobile-brand{display:block;white-space:nowrap;color:var(--pb-color-text-primary);font:400 var(--pb-fs-lg)/1 var(--pb-font-ui);letter-spacing:0}
  #pbgamebar .pb-game-mobile-brand b{font-weight:400;color:var(--pb-color-accent)}
  #pbgamebar .pb-game-mobile-brand em{font-style:normal;color:var(--pb-color-text-secondary)}
  #pbgamebar .pb-game-top-actions{flex:0 0 auto;gap:4px}
  #pbgamebar :is(.pb-game-notifications,.pb-game-login){margin-left:0;flex:0 0 30px;width:30px;min-width:30px}
  #pbgamebar :is(.pb-game-resource,.pb-game-online){height:30px;min-width:0;gap:4px;padding-inline:5px}
  #pbgamebar .pb-game-avatar{width:26px;height:26px;flex-basis:26px}
  body.pb-canvas-workspace .pb-mobile-game-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}
  body.pb-canvas-workspace :is(#pbusersettingsov,#dailybonusov){inset:var(--pb-mobile-hud-bottom,var(--pb-game-topbar-h)) 0 var(--pb-v2-tabs-h);padding:0;align-items:flex-end}
  body.pb-canvas-workspace :is(#pbusersettingscard,#dailybonuscard){width:100%;max-width:none;max-height:100%;margin:0;border:0;border-top:1px solid var(--pb-color-border-default);border-radius:0;box-shadow:none}
  body.pb-canvas-workspace .pbshot-overlay{inset:var(--pb-mobile-hud-bottom,var(--pb-game-topbar-h)) 0 var(--pb-v2-tabs-h);padding:0;align-items:flex-end}
  body.pb-canvas-workspace #pbshotchooser .pbshot-card{width:100%;max-width:none;max-height:100%;margin:0;border:0;border-top:1px solid var(--pb-color-border-default);border-radius:0;box-shadow:none;animation:none}
  body.pb-canvas-workspace .pbshot-card{width:100%;max-width:none;max-height:100%;border-radius:0}
  body.pb-canvas-workspace #pbusersettingscard .pbus-tab{font-size:var(--pb-fs-sm);gap:4px}
}
@media(max-width:359px){
  #pbgamebar .pb-game-mobile-brand{font-size:var(--pb-fs-md)}
  #pbgamebar .pb-game-resource>.pb-ico,#pbgamebar .pb-game-online>.pb-ico{display:none}
  #pbgamebar .pb-game-resource b,#pbgamebar .pb-game-online span{font-size:var(--pb-fs-xs)}
}

/* All legacy icon slots, including dynamic screenshot/chat content, use Pixelarticons. */
body.pb-canvas-workspace .pb-lucide[style*="/assets/icons/arrow-down.svg"]{--pb-icon:url('/assets/icons/arrow-down.svg')!important}
body.pb-canvas-workspace .pb-lucide[style*="/assets/icons/at-sign.svg"]{--pb-icon:url('/assets/icons/at-sign.svg')!important}
body.pb-canvas-workspace .pb-lucide[style*="/assets/icons/bomb.svg"]{--pb-icon:url('/assets/icons/box.svg')!important}
body.pb-canvas-workspace .pb-lucide[style*="/assets/icons/brush.svg"]{--pb-icon:url('/assets/icons/brush.svg')!important}
body.pb-canvas-workspace .pb-lucide[style*="/assets/icons/camera.svg"]{--pb-icon:url('/assets/icons/camera.svg')!important}
body.pb-canvas-workspace .pb-lucide[style*="/assets/icons/check.svg"]{--pb-icon:url('/assets/icons/check.svg')!important}
body.pb-canvas-workspace .pb-lucide[style*="/assets/icons/chevron-down.svg"]{--pb-icon:url('/assets/icons/chevron-down.svg')!important}
body.pb-canvas-workspace .pb-lucide[style*="/assets/icons/chevron-up.svg"]{--pb-icon:url('/assets/icons/chevron-up.svg')!important}
body.pb-canvas-workspace .pb-lucide[style*="/assets/icons/circle-alert.svg"]{--pb-icon:url('/assets/icons/circle-alert.svg')!important}
body.pb-canvas-workspace .pb-lucide[style*="/assets/icons/circle-help.svg"]{--pb-icon:url('/assets/icons/circle-help.svg')!important}
body.pb-canvas-workspace .pb-lucide[style*="/assets/icons/clock.svg"]{--pb-icon:url('/assets/icons/clock.svg')!important}
body.pb-canvas-workspace .pb-lucide[style*="/assets/icons/crop.svg"]{--pb-icon:url('/assets/icons/crop.svg')!important}
body.pb-canvas-workspace .pb-lucide[style*="/assets/icons/download.svg"]{--pb-icon:url('/assets/icons/download.svg')!important}
body.pb-canvas-workspace .pb-lucide[style*="/assets/icons/edit.svg"]{--pb-icon:url('/assets/icons/edit.svg')!important}
body.pb-canvas-workspace .pb-lucide[style*="/assets/icons/eraser.svg"]{--pb-icon:url('/assets/icons/eraser.svg')!important}
body.pb-canvas-workspace .pb-lucide[style*="/assets/icons/expand.svg"]{--pb-icon:url('/assets/icons/expand.svg')!important}
body.pb-canvas-workspace .pb-lucide[style*="/assets/icons/eye-off.svg"]{--pb-icon:url('/assets/icons/eye-off.svg')!important}
body.pb-canvas-workspace .pb-lucide[style*="/assets/icons/flask-conical.svg"]{--pb-icon:url('/assets/icons/flask-conical.svg')!important}
body.pb-canvas-workspace .pb-lucide[style*="/assets/icons/folder.svg"]{--pb-icon:url('/assets/icons/folder.svg')!important}
body.pb-canvas-workspace .pb-lucide[style*="/assets/icons/folder-open.svg"]{--pb-icon:url('/assets/icons/folder-open.svg')!important}
body.pb-canvas-workspace .pb-lucide[style*="/assets/icons/gift.svg"]{--pb-icon:url('/assets/icons/gift.svg')!important}
body.pb-canvas-workspace .pb-lucide[style*="/assets/icons/hand.svg"]{--pb-icon:url('/assets/icons/hand.svg')!important}
body.pb-canvas-workspace .pb-lucide[style*="/assets/icons/heart.svg"]{--pb-icon:url('/assets/icons/heart.svg')!important}
body.pb-canvas-workspace .pb-lucide[style*="/assets/icons/image.svg"]{--pb-icon:url('/assets/icons/image.svg')!important}
body.pb-canvas-workspace .pb-lucide[style*="/assets/icons/info.svg"]{--pb-icon:url('/assets/icons/info.svg')!important}
body.pb-canvas-workspace .pb-lucide[style*="/assets/icons/laugh.svg"]{--pb-icon:url('/assets/icons/laugh.svg')!important}
body.pb-canvas-workspace .pb-lucide[style*="/assets/icons/loader-circle.svg"]{--pb-icon:url('/assets/icons/loader-circle.svg')!important}
body.pb-canvas-workspace .pb-lucide[style*="/assets/icons/lock-keyhole.svg"]{--pb-icon:url('/assets/icons/lock-keyhole.svg')!important}
body.pb-canvas-workspace .pb-lucide[style*="/assets/icons/log-out.svg"]{--pb-icon:url('/assets/icons/log-out.svg')!important}
body.pb-canvas-workspace .pb-lucide[style*="/assets/icons/map-pin.svg"]{--pb-icon:url('/assets/icons/map-pin.svg')!important}
body.pb-canvas-workspace .pb-lucide[style*="/assets/icons/maximize.svg"]{--pb-icon:url('/assets/icons/maximize.svg')!important}
body.pb-canvas-workspace .pb-lucide[style*="/assets/icons/message-circle.svg"]{--pb-icon:url('/assets/icons/message-circle.svg')!important}
body.pb-canvas-workspace .pb-lucide[style*="/assets/icons/minus.svg"]{--pb-icon:url('/assets/icons/minus.svg')!important}
body.pb-canvas-workspace .pb-lucide[style*="/assets/icons/mouse-pointer.svg"]{--pb-icon:url('/assets/icons/mouse-pointer-click.svg')!important}
body.pb-canvas-workspace .pb-lucide[style*="/assets/icons/music-2.svg"]{--pb-icon:url('/assets/icons/music-2.svg')!important}
body.pb-canvas-workspace .pb-lucide[style*="/assets/icons/package-open.svg"]{--pb-icon:url('/assets/icons/package-open.svg')!important}
body.pb-canvas-workspace .pb-lucide[style*="/assets/icons/paint-bucket.svg"]{--pb-icon:url('/assets/icons/paintbrush.svg')!important}
body.pb-canvas-workspace .pb-lucide[style*="/assets/icons/palette.svg"]{--pb-icon:url('/assets/icons/palette.svg')!important}
body.pb-canvas-workspace .pb-lucide[style*="/assets/icons/paperclip.svg"]{--pb-icon:url('/assets/icons/paperclip.svg')!important}
body.pb-canvas-workspace .pb-lucide[style*="/assets/icons/pause.svg"]{--pb-icon:url('/assets/icons/pause.svg')!important}
body.pb-canvas-workspace .pb-lucide[style*="/assets/icons/pipette.svg"]{--pb-icon:url('/assets/icons/pipette.svg')!important}
body.pb-canvas-workspace .pb-lucide[style*="/assets/icons/play.svg"]{--pb-icon:url('/assets/icons/play.svg')!important}
body.pb-canvas-workspace .pb-lucide[style*="/assets/icons/plus.svg"]{--pb-icon:url('/assets/icons/plus.svg')!important}
body.pb-canvas-workspace .pb-lucide[style*="/assets/icons/redo.svg"]{--pb-icon:url('/assets/icons/redo.svg')!important}
body.pb-canvas-workspace .pb-lucide[style*="/assets/icons/reply.svg"]{--pb-icon:url('/assets/icons/reply.svg')!important}
body.pb-canvas-workspace .pb-lucide[style*="/assets/icons/search.svg"]{--pb-icon:url('/assets/icons/search.svg')!important}
body.pb-canvas-workspace .pb-lucide[style*="/assets/icons/send.svg"]{--pb-icon:url('/assets/icons/send.svg')!important}
body.pb-canvas-workspace .pb-lucide[style*="/assets/icons/settings.svg"]{--pb-icon:url('/assets/icons/settings.svg')!important}
body.pb-canvas-workspace .pb-lucide[style*="/assets/icons/share-2.svg"]{--pb-icon:url('/assets/icons/share-2.svg')!important}
body.pb-canvas-workspace .pb-lucide[style*="/assets/icons/shield.svg"]{--pb-icon:url('/assets/icons/shield.svg')!important}
body.pb-canvas-workspace .pb-lucide[style*="/assets/icons/smile.svg"]{--pb-icon:url('/assets/icons/smile.svg')!important}
body.pb-canvas-workspace .pb-lucide[style*="/assets/icons/snowflake.svg"]{--pb-icon:url('/assets/icons/snowflake.svg')!important}
body.pb-canvas-workspace .pb-lucide[style*="/assets/icons/space.svg"]{--pb-icon:url('/assets/icons/minus.svg')!important}
body.pb-canvas-workspace .pb-lucide[style*="/assets/icons/sparkles.svg"]{--pb-icon:url('/assets/icons/sparkles.svg')!important}
body.pb-canvas-workspace .pb-lucide[style*="/assets/icons/star.svg"]{--pb-icon:url('/assets/icons/star.svg')!important}
body.pb-canvas-workspace .pb-lucide[style*="/assets/icons/thumbs-down.svg"]{--pb-icon:url('/assets/icons/thumbs-down.svg')!important}
body.pb-canvas-workspace .pb-lucide[style*="/assets/icons/thumbs-up.svg"]{--pb-icon:url('/assets/icons/thumbs-up.svg')!important}
body.pb-canvas-workspace .pb-lucide[style*="/assets/icons/trash-2.svg"]{--pb-icon:url('/assets/icons/trash-2.svg')!important}
body.pb-canvas-workspace .pb-lucide[style*="/assets/icons/undo.svg"]{--pb-icon:url('/assets/icons/undo.svg')!important}
body.pb-canvas-workspace .pb-lucide[style*="/assets/icons/upload.svg"]{--pb-icon:url('/assets/icons/upload.svg')!important}
body.pb-canvas-workspace .pb-lucide[style*="/assets/icons/user-plus.svg"]{--pb-icon:url('/assets/icons/user-plus.svg')!important}
body.pb-canvas-workspace .pb-lucide[style*="/assets/icons/users-round.svg"]{--pb-icon:url('/assets/icons/users-round.svg')!important}
body.pb-canvas-workspace .pb-lucide[style*="/assets/icons/x.svg"]{--pb-icon:url('/assets/icons/x.svg')!important}
body.pb-canvas-workspace .pb-lucide[style*="/assets/icons/zap.svg"]{--pb-icon:url('/assets/icons/zap.svg')!important}
/* pixel_clans.css contains legacy important rules; override those exact controls. */
body.pb-canvas-workspace #chatpanel #chathead{display:grid;grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:'title actions' 'tools channels'!important;gap:8px!important}
body.pb-canvas-workspace #chatpanel #chatquicktools{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;min-width:0!important}
body.pb-canvas-workspace #chatpanel #chatquicktools>.chatquickbtn{width:100%!important;max-width:none!important;min-width:0!important;padding:3px 5px!important;gap:5px!important}
body.pb-canvas-workspace #chatpanel #chatquicktools .chatquickico{width:18px!important;height:18px!important;flex:0 0 18px!important}
body.pb-canvas-workspace #chatpanel #chatquicktools .chatquickbtntext{font:400 var(--pb-fs-sm)/1 var(--pb-font-ui)!important;letter-spacing:0!important;white-space:nowrap!important}
body.pb-canvas-workspace #chatpanel #chatchannels{width:70px!important;min-width:70px!important;background:none!important}
body.pb-canvas-workspace #chatpanel #chatchannels[aria-hidden="true"]{display:none!important}
body.pb-canvas-workspace #chatpanel #chatmodeswitch{display:block!important;width:70px!important;min-width:70px!important;height:30px!important;min-height:30px!important;border-radius:var(--pb-radius-sm)!important}
body.pb-canvas-workspace #chatpanel .chat-mode-track{position:relative!important;width:70px!important;min-width:70px!important;height:30px!important;padding:0 7px!important;gap:6px!important;border:1px solid var(--pb-color-border-default)!important;border-radius:var(--pb-radius-sm)!important;background:var(--pb-color-surface-2)!important;box-shadow:none!important}
body.pb-canvas-workspace #chatpanel .chat-mode-track i{position:static!important;left:auto!important;top:auto!important;width:12px!important;height:12px!important;flex:0 0 12px;border-radius:0!important;background:var(--pb-color-text-muted)!important;box-shadow:none!important;transform:none!important;transition:none!important}
body.pb-canvas-workspace #chatpanel .chat-mode-action-label{width:auto;font:400 var(--pb-fs-sm)/1 var(--pb-font-ui)!important;color:var(--pb-color-text-secondary)}
body.pb-canvas-workspace #chatpanel .chat-mode-switch[aria-checked="true"] .chat-mode-track{background:var(--pb-color-accent-soft)!important;border-color:var(--pb-color-accent-border)!important}
body.pb-canvas-workspace #chatpanel .chat-mode-switch[aria-checked="true"] .chat-mode-track i{background:var(--pb-color-accent)!important;transform:none!important}
body.pb-canvas-workspace.clan-chat-active #chatpanel #chatquicktools{display:none!important}
body.pb-canvas-workspace #pbcustomcolorcard{border:1px solid var(--pb-color-border-default);border-radius:var(--pb-radius-md);background:var(--pb-color-surface-1);color:var(--pb-color-text-primary);box-shadow:none;font-family:var(--pb-font-ui)}
body.pb-canvas-workspace #pbcustomcolorcard *{font-family:var(--pb-font-ui)}
body.pb-canvas-workspace #pbcustomcolorov{background:color-mix(in srgb,var(--pb-color-bg-canvas) 65%,transparent);backdrop-filter:none;-webkit-backdrop-filter:none}
body.pb-canvas-workspace #pbcustomcolorcard :is(.pbcc-head,.pbcc-body,input,button){background:var(--pb-color-surface-2);border-color:var(--pb-color-border-default);border-radius:var(--pb-radius-sm);color:var(--pb-color-text-primary);box-shadow:none}

body.pb-canvas-workspace .pb-lucide[style*="/assets/icons/arrow-left.svg"]{--pb-icon:url('/assets/icons/arrow-left.svg')!important}
body.pb-canvas-workspace .pb-lucide[style*="/assets/icons/blocks.svg"]{--pb-icon:url('/assets/icons/blocks.svg')!important}
body.pb-canvas-workspace .pb-lucide[style*="/assets/icons/chevron-right.svg"]{--pb-icon:url('/assets/icons/chevron-right.svg')!important}
body.pb-canvas-workspace .pb-lucide[style*="/assets/icons/clock-3.svg"]{--pb-icon:url('/assets/icons/clock-3.svg')!important}
body.pb-canvas-workspace .pb-lucide[style*="/assets/icons/coins.svg"]{--pb-icon:url('/assets/icons/coins.svg')!important}
body.pb-canvas-workspace .pb-lucide[style*="/assets/icons/grid-2x2.svg"]{--pb-icon:url('/assets/icons/grid-2x2.svg')!important}
body.pb-canvas-workspace .pb-lucide[style*="/assets/icons/lock.svg"]{--pb-icon:url('/assets/icons/lock.svg')!important}
body.pb-canvas-workspace .pb-lucide[style*="/assets/icons/log-in.svg"]{--pb-icon:url('/assets/icons/log-in.svg')!important}
body.pb-canvas-workspace .pb-lucide[style*="/assets/icons/save.svg"]{--pb-icon:url('/assets/icons/save.svg')!important}
body.pb-canvas-workspace .pb-lucide[style*="/assets/icons/settings-2.svg"]{--pb-icon:url('/assets/icons/settings-2.svg')!important}
body.pb-canvas-workspace .pb-lucide[style*="/assets/icons/shield-plus.svg"]{--pb-icon:url('/assets/icons/shield-plus.svg')!important}
body.pb-canvas-workspace .pb-lucide[style*="/assets/icons/triangle-alert.svg"]{--pb-icon:url('/assets/icons/triangle-alert.svg')!important}
body.pb-canvas-workspace .pb-lucide[style*="/assets/icons/trophy.svg"]{--pb-icon:url('/assets/icons/trophy.svg')!important}

body.pb-canvas-workspace #clanpanel :is(.clan-hero,.clan-card,.clan-overview-card,.clan-team-summary,.clan-list-item,.clan-leader-mini,.clan-quickfact,.clan-chip,.clan-balancebar,.clan-shop-item,.clan-input,.clan-select,.clan-textarea){border-color:var(--pb-color-border-default);border-radius:var(--pb-radius-sm);background:var(--pb-color-surface-1);color:var(--pb-color-text-primary);box-shadow:none}
body.pb-canvas-workspace #clanpanel .clan-tab.active{background:var(--pb-color-surface-3);color:var(--pb-color-accent);box-shadow:none}
body.pb-canvas-workspace #chatpanel :is(button,input,textarea,b,strong,small,span,div,p,a,label){font-family:var(--pb-font-ui)!important}

/* 8 — Use the real home link and the same brand font as the shared profile header. */
#pbgamebar .pb-game-brand{
  display:inline-flex;align-items:baseline;flex:0 0 auto;
  font:400 11px/1.2 var(--pb-font-pixel);letter-spacing:-.05em;
  color:var(--pb-color-text-primary);text-decoration:none;white-space:nowrap;
}
#pbgamebar .pb-game-brand b{font-weight:400;color:var(--pb-color-accent-foreground)}
#pbgamebar .pb-game-brand em{font-style:normal;color:var(--pb-color-text-faint)}
@media(max-width:767px){
  #pbgamebar .pb-game-back{display:none}
  #pbgamebar .pb-game-brand{display:inline-flex;margin-right:auto}
}
/* Keep the full brand and labelled counters readable together on phones. */
@media(max-width:479px){
  #pbgamebar .pb-game-brand{font-size:11px}
  #pbgamebar .pb-game-top-actions{gap:4px}
  #pbgamebar :is(.pb-game-resource,.pb-game-online){height:30px;gap:3px;padding-inline:4px;border-radius:var(--pb-radius-xs)}
  #pbgamebar .pb-game-resource>.pb-ico,#pbgamebar .pb-game-online>.pb-ico{display:block;width:14px;height:14px;flex:0 0 14px}
  #pbgamebar .pb-game-resource b,#pbgamebar .pb-game-online span{font-size:var(--pb-fs-xs)}
  #pbgamebar :is(.pb-game-notifications,.pb-game-login){flex-basis:28px;width:28px;min-width:28px;height:32px}
  #pbgamebar #pb-game-chat-trigger-mobile{flex-basis:28px;width:28px;min-width:28px;height:32px}
}
@media(max-width:389px){
  body.pb-canvas-workspace #pbgamebar{flex-wrap:nowrap;gap:4px;padding-block:0}
  #pbgamebar .pb-game-brand{font-size:clamp(9px,calc(5vw - 7px),11px)}
  #pbgamebar .pb-game-top-actions{flex:0 0 auto;gap:2px}
  #pbgamebar :is(.pb-game-resource,.pb-game-online){gap:2px;padding-inline:2px}
  #pbgamebar :is(.pb-game-notifications,.pb-game-login){flex-basis:24px;width:24px;min-width:24px}
  #pbgamebar #pb-game-chat-trigger-mobile{flex-basis:24px;width:24px;min-width:24px}
  #pbgamebar .pb-game-avatar{flex-basis:24px;width:24px;height:24px}
}
@media(min-width:1100px) and (max-width:1199px){
  #pbgamebar .pb-game-axis-link:not(.is-active)>span:not(.pb-ico){display:none}
}

/* 9 — Separate chat messages into readable bordered bubbles. */
body.pb-canvas-workspace #chatpanel #chatmsgs{row-gap:12px}
body.pb-canvas-workspace #chatpanel .chatmsgrow{gap:8px;margin:0;min-width:0}
body.pb-canvas-workspace #chatpanel .chatbubble{min-width:0;max-width:calc(100% - 42px)}
body.pb-canvas-workspace #chatpanel .chatmsg{
  max-width:100%;padding:10px 12px;
  border:1px solid var(--pb-color-border-default);border-radius:var(--pb-radius-sm);
  background:var(--pb-color-surface-2);color:var(--pb-color-text-primary);box-shadow:none;
}
body.pb-canvas-workspace #chatpanel .chatmsgrow.me .chatmsg,
body.pb-canvas-workspace #chatpanel .chatmsg.me{
  border-color:var(--pb-color-accent-border);background:var(--pb-color-accent-soft);
}
body.pb-canvas-workspace #chatpanel .chatmsg .chatreply{
  width:100%;max-width:100%;margin-bottom:8px;padding:6px 8px;
  border:0;border-left:2px solid var(--pb-color-accent-border);border-radius:var(--pb-radius-xs);
  background:var(--pb-color-surface-3);box-shadow:none;
}
body.pb-canvas-workspace #chatpanel .chattext{max-width:100%;overflow-wrap:anywhere;line-height:1.4}

/* 10 — Flat pixel radio controls; retain the live bar heights supplied by the player. */
body.pb-canvas-workspace #radiovis{height:44px;gap:4px;background:none}
body.pb-canvas-workspace #radiovis::before,body.pb-canvas-workspace #radiovis .rvbar::before,body.pb-canvas-workspace #radiovis .rvbar::after{display:none}
body.pb-canvas-workspace #radiovis .rvbar{height:calc(max(var(--h),0)*3px + 2px);border-radius:0;background:var(--pb-color-accent);box-shadow:none;filter:none}
body.pb-canvas-workspace #radiovis .rvbar[data-lvl=high]{background:var(--pb-color-warning)}
body.pb-canvas-workspace #radiovis .rvbar[data-lvl=peak]{background:var(--pb-color-danger)}
body.pb-canvas-workspace #radiovistag{color:var(--pb-color-text-muted);text-shadow:none;letter-spacing:0}
body.pb-canvas-workspace #radiopop :is(#radiocurrenticon,.radiosticon){border-radius:0;background:var(--pb-color-surface-2);box-shadow:none;color:var(--pb-color-accent)}
body.pb-canvas-workspace #radiocurrentdot{width:8px;height:8px;border:0;border-radius:0;background:var(--pb-color-text-faint);box-shadow:none}
body.pb-canvas-workspace #radiocurrentdot::after{display:none}
body.pb-canvas-workspace #radiopop.playing #radiocurrentdot{background:var(--pb-color-accent)}
body.pb-canvas-workspace #radiopop #radvol{appearance:none;-webkit-appearance:none;width:100%;height:24px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;cursor:pointer}
body.pb-canvas-workspace #radiopop #radvol::-webkit-slider-runnable-track{height:4px;border:0;border-radius:0;background:var(--pb-color-border-strong);box-shadow:none}
body.pb-canvas-workspace #radiopop #radvol::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:12px;height:12px;margin-top:-4px;border:0;border-radius:0;background:var(--pb-color-accent);box-shadow:none}
body.pb-canvas-workspace #radiopop #radvol::-moz-range-track{height:4px;border:0;border-radius:0;background:var(--pb-color-border-strong)}
body.pb-canvas-workspace #radiopop #radvol::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:0;background:var(--pb-color-accent);box-shadow:none}
body.pb-canvas-workspace #radiopop #radvol::-moz-range-progress{height:4px;background:var(--pb-color-accent)}
/* 11 — Leaderboard rows, filters and clan tags share the site's square geometry. */
body.pb-canvas-workspace #statspop :is(.statsleadlist,.statsclanlist){gap:0}
body.pb-canvas-workspace #statspop :is(.statsleadrow,.statsclanrow){gap:10px;padding:12px 8px;border:0;border-bottom:1px solid var(--pb-color-border-default);border-radius:0;background:transparent;box-shadow:none}
body.pb-canvas-workspace #statspop .statsleadrow.first{background:var(--pb-color-surface-2)}
body.pb-canvas-workspace #statspop .statsleadrow.is-viewer{background:var(--pb-color-accent-soft)}
body.pb-canvas-workspace #statspop .statsleadrow::after{height:2px;background:var(--pb-color-accent);opacity:1}
body.pb-canvas-workspace #statspop :is(.statsrank,.statsclanicon){border-radius:0;background:var(--pb-color-surface-3);box-shadow:none;color:var(--pb-color-text-secondary)}
body.pb-canvas-workspace #statspop .statsrank.r1{background:var(--pb-color-accent-soft);color:var(--pb-color-accent)}
body.pb-canvas-workspace #statspop .statsleadavatar{width:32px;height:32px;border:0;border-radius:0;clip-path:var(--pb-notch-4)}
body.pb-canvas-workspace #statspop .statsclanchip{border:1px solid var(--pb-color-border-default);border-radius:0;background:var(--pb-color-surface-2);box-shadow:none}
body.pb-canvas-workspace #statspop .statsleadviews{padding:0;gap:0;border:1px solid var(--pb-color-border-default);border-radius:0;background:transparent}
body.pb-canvas-workspace #statspop .statsleadview{border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;box-shadow:none}
body.pb-canvas-workspace #statspop .statsleadview.active{border-bottom-color:var(--pb-color-accent);background:var(--pb-color-accent-soft);color:var(--pb-color-accent)}
/* 12 — Clan identity, metrics and every dynamically rendered subsection. */
body.pb-canvas-workspace #clanpanel :is(.clan-emblem,.clan-head-icon,.clan-hero-color i,.clan-tab-task-gift,.clan-member-avatar,.clan-leader-avatar,.clan-prefix,.clan-quickfact-icon,.clan-hero-metric-icon){border-radius:0;background:var(--pb-color-surface-2);border-color:var(--pb-color-border-default);box-shadow:none;filter:none}
body.pb-canvas-workspace #clanpanel .clan-emblem{color:var(--pb-color-accent);clip-path:var(--pb-notch-4)}
body.pb-canvas-workspace #clanpanel :is(.clan-hero,.clan-card,.clan-overview-card,.clan-team-summary,.clan-list-item,.clan-leader-mini,.clan-quickfact,.clan-balancebar,.clan-shop-item){border-radius:0;background:var(--pb-color-surface-1);border-color:var(--pb-color-border-default);box-shadow:none}
body.pb-canvas-workspace #clanpanel .clan-hero{padding:14px;border:0;border-bottom:1px solid var(--pb-color-border-default)}
body.pb-canvas-workspace #clanpanel .clan-hero-metrics{gap:0;border-block:1px solid var(--pb-color-border-default);border-radius:0;background:none}
body.pb-canvas-workspace #clanpanel .clan-hero-metric{padding:10px 6px;border:0;border-right:1px solid var(--pb-color-border-default);border-radius:0;background:none;box-shadow:none}
body.pb-canvas-workspace #clanpanel .clan-hero-metric:last-child{border-right:0}
body.pb-canvas-workspace #clanpanel .clan-tabs{display:flex;gap:0;padding:0;overflow-x:auto;scrollbar-width:thin;border-block:1px solid var(--pb-color-border-default);border-radius:0;background:var(--pb-color-surface-1);box-shadow:none}
body.pb-canvas-workspace #clanpanel .clan-tab{flex:1 0 86px;min-height:42px;padding:8px;border:0;border-right:1px solid var(--pb-color-border-subtle);border-bottom:2px solid transparent;border-radius:0;background:none;box-shadow:none}
body.pb-canvas-workspace #clanpanel .clan-tab.active{border-bottom-color:var(--pb-color-accent);background:var(--pb-color-accent-soft);color:var(--pb-color-accent)}
body.pb-canvas-workspace #clanpanel :is(.clan-btn,.clan-chip,.clan-input,.clan-select,.clan-textarea){border-radius:0;border-color:var(--pb-color-border-default);background:var(--pb-color-surface-2);color:var(--pb-color-text-primary);box-shadow:none}
body.pb-canvas-workspace #clanpanel .clan-btn.primary{background:var(--pb-color-accent);color:var(--pb-color-on-accent);border:0;clip-path:var(--pb-notch-4)}
body.pb-canvas-workspace #clanpanel .clan-btn.danger{color:var(--pb-color-danger)}
body.pb-canvas-workspace #clanpanel img{border-radius:0;box-shadow:none}
@media(max-width:1099px){body.pb-canvas-workspace #clanpanel{left:0;right:0;bottom:var(--pb-v2-tabs-h);width:auto;max-height:calc(100dvh - var(--pb-mobile-hud-bottom,var(--pb-game-topbar-h)) - var(--pb-v2-tabs-h) - 8px);border:0;border-top:1px solid var(--pb-color-border-default);border-radius:0;box-shadow:none}}
/* 13 — The server information sheet uses the same typography and surfaces. */
body.pb-canvas-workspace #scadoverlay{background:color-mix(in srgb,var(--pb-color-bg-canvas) 65%,transparent);backdrop-filter:none;-webkit-backdrop-filter:none}
body.pb-canvas-workspace #scadsheet{background:var(--pb-color-surface-1);border:1px solid var(--pb-color-border-default);border-radius:var(--pb-radius-sm);box-shadow:none;color:var(--pb-color-text-primary)}
body.pb-canvas-workspace #scadsheet *{font-family:var(--pb-font-ui);text-shadow:none;box-shadow:none}
body.pb-canvas-workspace #scadsheetlogo,body.pb-canvas-workspace #scadsheetlogo img{border-radius:0;clip-path:var(--pb-notch-4)}
body.pb-canvas-workspace #scadsheet :is(#scadclose,.scadaction){border-radius:0;background:var(--pb-color-surface-2);border-color:var(--pb-color-border-default);color:var(--pb-color-text-primary)}
body.pb-canvas-workspace #scadsheet .scadaction.primary{background:var(--pb-color-accent);color:var(--pb-color-on-accent);clip-path:var(--pb-notch-4)}
body.pb-canvas-workspace #scadlivedot{border-radius:0;box-shadow:none}
@media(max-width:1099px){body.pb-canvas-workspace #scadoverlay{padding:0;bottom:var(--pb-v2-tabs-h);align-items:flex-end}body.pb-canvas-workspace #scadsheet{width:100%;max-width:none;max-height:100%;margin:0;border:0;border-top:1px solid var(--pb-color-border-default);border-radius:0}}
/* 14 — Palette scrolling is horizontal on touch screens, with one scroll owner. */
body.pb-canvas-workspace #cbscroll{scrollbar-color:var(--pb-color-border-strong) transparent;scrollbar-gutter:auto}
body.pb-canvas-workspace #cbscroll::-webkit-scrollbar{width:4px;height:4px}
body.pb-canvas-workspace #cbscroll::-webkit-scrollbar-track{background:transparent;border-radius:0}
body.pb-canvas-workspace #cbscroll::-webkit-scrollbar-thumb{background:var(--pb-color-border-strong);border:0;border-radius:0;box-shadow:none}
@media(max-width:1099px){body.pb-canvas-workspace #cbar #cbgrd{flex:none;max-width:none;touch-action:pan-x}}
body.pb-canvas-workspace #cbar :is(.cb-toggle,.cbtoggle,#cbautoplace){border-radius:0;box-shadow:none}
/* 15 — Seven-day reward track with explicit progress and a clear claim action. */
body.pb-canvas-workspace #dailybonuscard{overflow-y:auto}
body.pb-canvas-workspace #dailybonushero{padding:18px 16px 12px;background:var(--pb-color-surface-2);border-bottom:1px solid var(--pb-color-border-default);box-shadow:none}
body.pb-canvas-workspace #dailybonushero::before,body.pb-canvas-workspace #dailybonushero::after{display:none}
body.pb-canvas-workspace #dailybonustitle{font-size:var(--pb-fs-xl);font-weight:400}
body.pb-canvas-workspace #dailybonuschips .dbchip{border-radius:0;background:var(--pb-color-surface-3);border:0;color:var(--pb-color-text-secondary);box-shadow:none}
body.pb-canvas-workspace #dailybonusweek{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:16px;background:none}
body.pb-canvas-workspace #dailybonusweek .dbreward{min-height:112px;padding:10px 4px;gap:6px;border:1px solid var(--pb-color-border-default);border-radius:0;background:var(--pb-color-surface-2);box-shadow:none;opacity:1;filter:none}
body.pb-canvas-workspace #dailybonusweek .dbreward:last-child{grid-column:span 2;justify-self:stretch;width:100%;background:var(--pb-color-surface-3)}
body.pb-canvas-workspace #dailybonusweek .dbreward.current{border-color:var(--pb-color-accent);background:var(--pb-color-accent-soft)}
body.pb-canvas-workspace #dailybonusweek .dbreward::before{display:none}
body.pb-canvas-workspace #dailybonusweek .dbreward .day{font-size:var(--pb-fs-sm);color:var(--pb-color-text-secondary);margin:0}
body.pb-canvas-workspace #dailybonusweek .dbreward .bonus{color:var(--pb-color-accent);text-shadow:none}
body.pb-canvas-workspace #dailybonusweek .dbreward-items{display:flex;justify-content:center;gap:7px;max-width:none;min-height:36px;margin:0}
body.pb-canvas-workspace #dailybonusweek .dbreward-item{display:flex;flex-direction:column;align-items:center;width:auto;height:auto;gap:2px}
body.pb-canvas-workspace #dailybonusweek .dbreward-item img{width:22px;height:22px;filter:none}
body.pb-canvas-workspace #dailybonusweek .dbreward-item b{position:static;display:block;width:auto;height:auto;min-width:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;font-size:var(--pb-fs-sm);line-height:1;color:var(--pb-color-text-primary)}
body.pb-canvas-workspace #dailybonusweek .dbreward-status{margin-top:auto;font-size:var(--pb-fs-xs);line-height:1.1;color:var(--pb-color-text-muted)}
body.pb-canvas-workspace #dailybonusweek .dbreward.current .dbreward-status{color:var(--pb-color-accent)}
body.pb-canvas-workspace #dailybonusweek .dbreward.done{opacity:.6}
body.pb-canvas-workspace #dailybonusclaimwrap{position:sticky;bottom:0;padding:12px 16px;background:var(--pb-color-surface-1);border-top:1px solid var(--pb-color-border-default);z-index:2}
body.pb-canvas-workspace #dailybonusclaimbtn{min-height:46px;width:100%;font-size:var(--pb-fs-lg)}
body.pb-canvas-workspace .pb-lucide[style*="/assets/icons/layout-dashboard.svg"]{--pb-icon:url('/assets/icons/grid-2x2.svg')!important}
body.pb-canvas-workspace .pb-lucide[style*="/assets/icons/list-checks.svg"]{--pb-icon:url('/assets/icons/check-check.svg')!important}
body.pb-canvas-workspace .pb-lucide[style*="/assets/icons/store.svg"]{--pb-icon:url('/assets/icons/shopping-cart.svg')!important}
body.pb-canvas-workspace .pb-lucide[style*="/assets/icons/swords.svg"]{--pb-icon:url('/assets/icons/shield.svg')!important}
body.pb-canvas-workspace .pb-lucide[style*="/assets/icons/door-open.svg"]{--pb-icon:url('/assets/icons/log-in.svg')!important}
body.pb-canvas-workspace .pb-lucide[style*="/assets/icons/clipboard-check.svg"]{--pb-icon:url('/assets/icons/check-check.svg')!important}
body.pb-canvas-workspace .pb-lucide[style*="/assets/icons/mail-plus.svg"]{--pb-icon:url('/assets/icons/mail.svg')!important}
body.pb-canvas-workspace .pb-lucide[style*="/assets/icons/chart-line.svg"]{--pb-icon:url('/assets/icons/chart-column.svg')!important}
body.pb-canvas-workspace .pb-lucide[style*="/assets/icons/moon.svg"]{--pb-icon:url('/assets/icons/circle.svg')!important}
body.pb-canvas-workspace .pb-lucide[style*="/assets/icons/sliders.svg"]{--pb-icon:url('/assets/icons/sliders.svg')!important}
body.pb-canvas-workspace .pb-lucide[style*="/assets/icons/music.svg"]{--pb-icon:url('/assets/icons/music.svg')!important}
body.pb-canvas-workspace .pb-lucide[style*="/assets/icons/activity.svg"]{--pb-icon:url('/assets/icons/activity.svg')!important}
body.pb-canvas-workspace .pb-lucide[style*="/assets/icons/mic.svg"]{--pb-icon:url('/assets/icons/mic.svg')!important}
body.pb-canvas-workspace #cbar #cbmodeslider{width:40px;height:22px;padding:3px;border-radius:0;border:1px solid var(--pb-color-border-default);background:var(--pb-color-surface-2);box-shadow:none}
body.pb-canvas-workspace #cbar #cbmodeslider::before{display:none}
body.pb-canvas-workspace #cbar #cbmodeslider::after{width:14px;height:14px;border-radius:0;background:var(--pb-color-text-muted);box-shadow:none}
body.pb-canvas-workspace #cbar #cbmode:checked + #cbmodeslider{border-color:var(--pb-color-accent-border);background:var(--pb-color-accent-soft)}
body.pb-canvas-workspace #cbar #cbmode:checked + #cbmodeslider::after{transform:translateX(18px);background:var(--pb-color-accent)}
body.pb-canvas-workspace #clanpanel .clan-hero-color i{background:var(--clan-color)}
body.pb-canvas-workspace #clanpanel :is(.clan-hero-metric>span,.clan-quickfact>span,.clan-role-count,.clan-balance-emblem,.clan-role,.clan-currency-token,.clan-iconbtn){border-radius:0;background:var(--pb-color-surface-2);box-shadow:none;border-color:var(--pb-color-border-default)}
body.pb-canvas-workspace .pb-lucide[style*="/assets/icons/crown.svg"]{--pb-icon:url('/assets/icons/crown.svg')!important}
body.pb-canvas-workspace .pb-lucide[style*="/assets/icons/shield.svg"]{--pb-icon:url('/assets/icons/shield.svg')!important}
body.pb-canvas-workspace .pb-lucide[style*="/assets/icons/sparkles.svg"]{--pb-icon:url('/assets/icons/sparkles.svg')!important}
body.pb-canvas-workspace .pb-lucide[style*="/assets/icons/flame.svg"]{--pb-icon:url('/assets/icons/flame.svg')!important}
body.pb-canvas-workspace .pb-lucide[style*="/assets/icons/gem.svg"]{--pb-icon:url('/assets/icons/gem.svg')!important}
body.pb-canvas-workspace .pb-lucide[style*="/assets/icons/target.svg"]{--pb-icon:url('/assets/icons/target.svg')!important}
body.pb-canvas-workspace #clanpanel :is(.clan-task,.clan-shop-card,.clan-member,.clan-application,.clan-choice,.clan-color-option,.clan-create-preview,.clan-note,.clan-currency-token,.clan-role-count){border-radius:0;box-shadow:none;background-image:none;border-color:var(--pb-color-border-default)}
body.pb-canvas-workspace #clanpanel :is(.clan-color-option-swatch,.clan-create-preview-emblem,.clan-settings-preview,.clan-shop-icon){border-radius:0;box-shadow:none}
body.pb-canvas-workspace #dailybonuscard :is(.dbitemextras,.dbitemextras-item){border-radius:0!important;box-shadow:none!important;background:var(--pb-color-surface-2)!important;border-color:var(--pb-color-border-default)!important}
body.pb-canvas-workspace #dailybonuscard .dbitemextras-count{border-radius:0!important;box-shadow:none!important}
body.pb-canvas-workspace #dailybonuscard.is-claimable #dailybonushero,body.pb-canvas-workspace #dailybonuscard.is-claimed #dailybonushero{background:var(--pb-color-surface-2);box-shadow:none}
body.pb-canvas-workspace #dailybonuscard #dbhero-timer{border-radius:0;background:none;box-shadow:none;color:var(--pb-color-text-secondary)}
@media(max-width:1099px){
 body.pb-canvas-workspace :is(#radiopop,#statspop,#refpanel,#clanpanel){border-radius:0;box-shadow:none}
}

/* Import existing colours into the personal palette without changing the drawing palette. */
body.pb-canvas-workspace #pbcustomcolorcard{max-height:calc(var(--pb-custom-vv-height,100dvh) - 24px);overflow-y:auto}
body.pb-canvas-workspace #pbcustomcolorcard .pbcc-sources{display:grid;gap:8px;min-width:0}
body.pb-canvas-workspace #pbcustomcolorcard :is(#pbcc-use-current,.pbcc-source-tabs button){min-height:34px;padding:6px 10px;border:1px solid var(--pb-color-border-default);border-radius:var(--pb-radius-xs);background:var(--pb-color-surface-2);color:var(--pb-color-text-primary);font-size:var(--pb-fs-sm)}
body.pb-canvas-workspace #pbcustomcolorcard .pbcc-source-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px}
body.pb-canvas-workspace #pbcustomcolorcard .pbcc-source-tabs [aria-selected=true]{border-color:var(--pb-color-accent-border);color:var(--pb-color-accent);background:var(--pb-color-accent-soft)}
body.pb-canvas-workspace #pbcustomcolorcard #pbcc-source-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(28px,1fr));gap:6px;max-height:144px;overflow-y:auto;padding:3px;scrollbar-width:thin;scrollbar-color:var(--pb-color-border-strong) transparent;touch-action:pan-y}
body.pb-canvas-workspace #pbcustomcolorcard .pbcc-source-color{position:relative;width:100%;height:28px;padding:0;border:1px solid var(--pb-color-border-strong);border-radius:0;background:inherit;box-shadow:none}
body.pb-canvas-workspace #pbcustomcolorcard .pbcc-source-color[aria-pressed=true]{outline:2px solid var(--pb-color-accent);outline-offset:1px}
body.pb-canvas-workspace #pbcustomcolorcard .pbcc-source-color.is-saved::after{content:'';position:absolute;right:2px;bottom:2px;width:8px;height:8px;background:var(--pb-color-bg-base);border:2px solid var(--pb-color-accent)}
body.pb-canvas-workspace #pbcustomcolorcard #pbcustomcolorstatus{padding:8px;border:1px solid var(--pb-color-border-default);color:var(--pb-color-text-secondary);font-size:var(--pb-fs-sm);line-height:1.3}
body.pb-canvas-workspace #pbcustomcolorcard #pbcustomcolorstatus[data-type=err]{color:var(--pb-color-danger);border-color:var(--pb-color-danger)}
body.pb-canvas-workspace #pbcustomcolorcard #pbcustomcolorstatus[hidden]{display:none}

/* Keep the full chat actions readable with the site's wider UI font. */
@media(min-width:768px){
 body.pb-canvas-workspace #chatpanel,body.pb-canvas-workspace.tg-mode #chatpanel{width:min(clamp(420px,28vw,480px),calc(100vw - 90px))}
 body.pb-canvas-workspace #chatpanel #chathead{grid-template-columns:minmax(0,1fr) auto auto!important;grid-template-areas:'title channels actions' 'tools tools tools'!important}
 body.pb-canvas-workspace #chatpanel #chatquicktools{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body.pb-canvas-workspace #chatpanel #chatquicktools>.chatquickbtn{justify-content:center;min-height:34px;padding-inline:10px!important}
 body.pb-canvas-workspace #chatpanel #chatquicktools .chatquickcopy{overflow:visible}
 body.pb-canvas-workspace #chatpanel #chatquicktools .chatquickbtntext{overflow:visible;text-overflow:clip}
}

/* The game title opens the shared selector; home is a separate action. */
body.pb-canvas-workspace #pbgamebar .pb-game-brand{appearance:none;display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 6px;border:0;border-radius:var(--pb-radius-sm);background:none;cursor:pointer;white-space:pre}
#pbgamebar .pb-game-brand::after{content:"";width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid var(--pb-color-text-muted)}
#pbgamebar .pb-game-brand:hover,#pbgamebar .pb-game-home:hover{background:var(--pb-color-surface-2)}
body.pb-canvas-workspace #pbgamebar .pb-game-home{display:grid;place-items:center;flex:0 0 32px;min-width:32px;width:32px;height:40px;padding:0;border:0;background:none;color:var(--pb-color-text-secondary)}
@media(max-width:479px){
 body.pb-canvas-workspace #pbgamebar .pb-game-resource{width:26px;min-width:26px;padding-inline:2px}
 body.pb-canvas-workspace #pbgamebar .pb-game-resource>span{display:none}
 body.pb-canvas-workspace #pbgamebar .pb-game-brand{gap:4px;padding-inline:0}
}