/* Painted WebP surfaces; text, focus and controls remain accessible HTML. */
#game-screen{--table-frame:url('../assets/menu/nordic-frame-v1.webp');--table-sign:url('../assets/menu/menu-plaque-v1.webp');--table-panel:url('../assets/menu/warm-parchment-panel-v1.webp')}
#game-screen>header>div,.local-hub #game-screen>header>div,
#game-screen .opponent-zone,.local-hub #game-screen .opponent-zone,
#game-screen .self-player-panel,.local-hub #game-screen .self-player-panel,
#game-screen .log,.local-hub #game-screen .log{
  background:#f1d9ae var(--table-panel) center/cover no-repeat;border:8px solid transparent;border-image:var(--table-frame) 170 / 14px / 0 stretch;
  border-radius:0;box-shadow:none;color:#442b18;
}
#game-screen>header>div :is(strong,small,.eyebrow),#game-screen .opponent-header,#game-screen .opponent-name,#game-screen .self-player-panel :is(strong,small,.player-display-name),#game-screen .log :is(h2,p,li){color:#442b18;text-shadow:none}
#game-screen>header>div span,#game-screen .self-player-panel .player-level{color:#54391f;text-shadow:none}
#game-screen .opponent-zone.active,.local-hub #game-screen .opponent-zone.active{border-color:transparent;box-shadow:none;filter:brightness(1.2) drop-shadow(0 0 9px #e9b65c66)}
#game-screen .game-menu-button,.local-hub #game-screen .game-menu-button{
  background:var(--table-sign) center/100% 166% no-repeat;border:0;border-radius:0;box-shadow:none;
  color:#ffe5b4;min-width:115px;padding:13px 24px;text-shadow:0 2px 2px #180a04;
}
#game-screen .active-faction{border:0;background:url('../assets/board/runecircle.webp') center/contain no-repeat;box-shadow:none}
#game-screen .turn-order-ring{border:0;background:url('../assets/board/runecircle.webp') center/contain no-repeat}
/* The faction caption rule used to also move every nested player marker. */
#game-screen .active-faction .turn-order-player{margin:0;width:1px;text-transform:none}
#game-screen .turn-order-player>b{background:url('../assets/fighter-browser/hud/timer.webp') center/100% 100% no-repeat;border:0;box-shadow:none}
#game-screen .turn-order-player>small{background:var(--table-sign) center/100% 166% no-repeat;border-radius:0;box-shadow:none;padding:5px 12px;min-width:100px}
#game-screen .turn-order-player.is-current>b{color:#fff3b6;filter:brightness(1.5) drop-shadow(0 0 5px #e9bd65)}
#game-screen .player-effect-chip,#game-screen .status-direction{border:0;background:url('../assets/fighter-browser/hud/timer.webp') center/100% 100% no-repeat;box-shadow:none;border-radius:0}
@media(max-width:900px){
  #game-screen>header>div,.local-hub #game-screen>header>div,
  #game-screen #opponents .opponent-zone,.local-hub #game-screen .opponent-zone{border-width:4px;border-image-width:9px;padding:5px}
  #game-screen>header>div:first-child,.local-hub #game-screen>header>div:first-child,#game-screen>header #direction-status{border:0;border-image:none;background:none!important}
  #game-screen .self-player-panel,.local-hub #game-screen .self-player-panel{border:0;border-image:none;background:none!important}
  #game-screen>header>div:first-child,#game-screen>header>div:first-child :is(strong,small,span),#game-screen #direction-status,#game-screen #direction-status span,#game-screen .self-player-panel,#game-screen .self-player-panel :is(strong,small,.player-display-name,.player-level){color:#f6dfb5;text-shadow:0 1px 2px #1b100a}
  #game-screen #self-player-count{color:#f6dfb5;text-shadow:0 1px 2px #1b100a}
  #game-screen .game-menu-button,.local-hub #game-screen .game-menu-button{min-width:0;padding:4px 12px}
  #game-screen .board{background:none}
}