body.story-mode-active{--story-host-max:360px;--story-safe-inset:26px} body.story-mode-active .st-grid-host{width:min(100%,var(--story-host-max));height:auto;aspect-ratio:1 / 1;min-height:0!important;margin-left:auto;margin-right:auto;display:flex;align-items:center;justify-content:center;padding:var(--story-safe-inset)!important;} body.story-mode-active .st-grid-host .grid-wrap{margin:auto!important;} body.story-mode-active .st-grid-host .grid-box{margin:auto!important;} body.story-mode-active .unit-strip{width:max-content;max-width:100%;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:22px;overflow-x:auto;overflow-y:hidden;} body.story-mode-active .unit-strip-item{width:22px;min-width:22px} body.story-mode-active .unit-strip-icon{width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important;background-size:22px 22px!important} body.story-mode-active #playerGrid .cell:is(.infantry-cell,.cav-cell,.archer-cell,.castle-cell,.monk-cell,.hero-cell,.catapult-cell,.dwarf-cell,.elf-cell,.goblin-cell,.cleric-cell,.necro-cell,.necromancer-cell,.wizard-cell,.demon-cell,.dragon-cell,.infantry-hit,.cavalry-hit,.archer-hit,.castle-hit,.monk-hit,.hero-hit,.catapult-hit,.dwarf-hit,.elf-hit,.goblin-hit,.cleric-hit,.necro-hit,.necromancer-hit,.wizard-hit,.demon-hit,.dragon-hit),body.story-mode-active #enemyGrid .cell:is(.infantry-cell,.cav-cell,.archer-cell,.castle-cell,.monk-cell,.hero-cell,.catapult-cell,.dwarf-cell,.elf-cell,.goblin-cell,.cleric-cell,.necro-cell,.necromancer-cell,.wizard-cell,.demon-cell,.dragon-cell,.infantry-hit,.cavalry-hit,.archer-hit,.castle-hit,.monk-hit,.hero-hit,.catapult-hit,.dwarf-hit,.elf-hit,.goblin-hit,.cleric-hit,.necro-hit,.necromancer-hit,.wizard-hit,.demon-hit,.dragon-hit){background-size:min(22px,var(--cell)) min(22px,var(--cell))!important;} body.story-mode-active #playerGrid .cell.hit:not(.hero-cell):not(.hero-hit)::after,body.story-mode-active #playerGrid .cell.archer-hit:not(.hero-cell):not(.hero-hit)::after,body.story-mode-active #playerGrid .cell.monk-hit:not(.hero-cell):not(.hero-hit)::after,body.story-mode-active #playerGrid .cell.dwarf-hit:not(.hero-cell):not(.hero-hit)::after,body.story-mode-active #playerGrid .cell.catapult-hit:not(.hero-cell):not(.hero-hit)::after,body.story-mode-active #playerGrid .cell.goblin-hit:not(.hero-cell):not(.hero-hit)::after,body.story-mode-active #playerGrid .cell.elf-hit:not(.hero-cell):not(.hero-hit)::after,body.story-mode-active #playerGrid .cell.cleric-hit:not(.hero-cell):not(.hero-hit)::after,body.story-mode-active #playerGrid .cell.demon-hit:not(.hero-cell):not(.hero-hit)::after,body.story-mode-active #playerGrid .cell.dragon-hit:not(.hero-cell):not(.hero-hit)::after,body.story-mode-active #playerGrid .cell.wizard-hit:not(.hero-cell):not(.hero-hit)::after,body.story-mode-active #playerGrid .cell.necro-hit:not(.hero-cell):not(.hero-hit)::after,body.story-mode-active #playerGrid .cell.necromancer-hit:not(.hero-cell):not(.hero-hit)::after,body.story-mode-active #playerGrid .cell.castle-hit:not(.hero-cell):not(.hero-hit)::after,body.story-mode-active #playerGrid .cell.cavalry-hit:not(.hero-cell):not(.hero-hit)::after,body.story-mode-active #playerBoard .cell.infantry-hit::after,body.story-mode-active #playerBoard .cell.archer-hit::after,body.story-mode-active #playerBoard .cell.monk-hit::after,body.story-mode-active #playerBoard .cell.cavalry-hit::after,body.story-mode-active #playerBoard .cell.castle-hit::after,body.story-mode-active #playerBoard .cell.dwarf-hit::after,body.story-mode-active #playerBoard .cell.catapult-hit::after,body.story-mode-active #playerBoard .cell.goblin-hit::after,body.story-mode-active #playerBoard .cell.elf-hit::after,body.story-mode-active #playerBoard .cell.cleric-hit::after,body.story-mode-active #playerBoard .cell.demon-hit::after,body.story-mode-active #playerBoard .cell.dragon-hit::after,body.story-mode-active #playerBoard .cell.wizard-hit::after,body.story-mode-active #playerBoard .cell.necro-hit::after,body.story-mode-active #playerBoard .cell.necromancer-hit::after{inset:auto!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;}